/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

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

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

  100% {
    opacity: 0;
  }
}

/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
/*  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;*/
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-item img {
  display: block;
  /*width: 100%; -Davin */
  -webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.owl-carousel .owl-rtl {
  direction: rtl;
}
.owl-carousel .owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
  transform-style: preserve-3d;
}

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("../images/owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}
/* 4 classes: navInLeft, navInRight, navOutLeft, navOutRight */

/*****************************************/
/* Fade In/Out */
/*****************************************/

.fxFade .navOutNext {
	-webkit-animation: fadeOutSlide 0.5s forwards linear;
	animation: scaleUp 0.5s forwards linear;
}

.fxFade .navInNext {
	-webkit-animation: fadeInSlide 0.5s forwards linear;
	animation: fadeInSlide 0.5s forwards linear;
}

.fxFade .navOutPrev {
	-webkit-animation: fadeOutSlide 0.5s forwards linear;
	animation: scaleDown 0.5s forwards linear;
}

.fxFade .navInPrev {
	-webkit-animation: fadeInSlide 0.5s forwards linear;
	animation: fadeInSlide 0.5s forwards linear;
}

@-webkit-keyframes fadeInSlide {
	from {
		opacity: 0.5;
	} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to {
		opacity: 1;
	}
}

@keyframes fadeInSlide {
	from {
		opacity: 0.5;	
	} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to {
		opacity: 1;
	}
}

@-webkit-keyframes fadeOutSlide {
	from {
		opacity: 1;
	} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to {
		opacity: 0;
	}
}

@keyframes fadeOutSlide {
	from {
		opacity: 1;
	} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to {
		opacity: 0;
	}
}

/*****************************************/
/* Soft Scale */
/*****************************************/

.fxSoftScale .navOutNext {
	-webkit-animation: scaleUp 0.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
	animation: scaleUp 0.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
}

.fxSoftScale .navInNext {
	-webkit-animation: scaleDownUp 0.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
	animation: scaleDownUp 1s forwards cubic-bezier(0.7, 0, 0.3, 1);
}

.fxSoftScale .navOutPrev {
	-webkit-animation: scaleDown 0.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
	animation: scaleDown 0.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
}

.fxSoftScale .navInPrev {
	-webkit-animation: scaleUpDown 0.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
	animation: scaleUpDown 0.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
}

@-webkit-keyframes scaleUp {
	from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to {
		-webkit-transform: scale(1.2);
		opacity: 0;
	}
}

@keyframes scaleUp {
	from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
		opacity: 0;
	}
}

@-webkit-keyframes scaleDownUp {
	from {
		opacity: 0;
		-webkit-transform: scale(0.9);
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1);
	}
}

@keyframes scaleDownUp {
	from {
		opacity: 0;
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@-webkit-keyframes scaleDown {
	from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to {
		opacity: 0;
		-webkit-transform: scale(0.9);
	}
}

@keyframes scaleDown {
	from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to {
		opacity: 0;
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}
}

@-webkit-keyframes scaleUpDown {
	from {
		-webkit-transform: scale(1.2);
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1);
	}
}

@keyframes scaleUpDown {
	from {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

/*****************************************/
/* Press away */
/*****************************************/

.fxPressAway .navOutNext {
	-webkit-animation: slideOutScaleRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
	animation: slideOutScaleRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
}

.fxPressAway .navInNext {
	opacity: 1;
	-webkit-animation: slideInFromLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
	animation: slideInFromLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
}

.fxPressAway .navOutPrev {
	-webkit-animation: slideOutScaleLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
	animation: slideOutScaleLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
}

.fxPressAway .navInPrev {
	opacity: 1;
	-webkit-animation: slideInFromRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
	animation: slideInFromRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
}

@-webkit-keyframes slideOutScaleRight {
	from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to {
		-webkit-transform: translateX(100%) scale(0.9);
		opacity: 0;
	}
}

@keyframes slideOutScaleRight {
	from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to {
		-webkit-transform: translateX(100%) scale(0.9);
		transform: translateX(100%) scale(0.9);
		opacity: 0;
	}
}

@-webkit-keyframes slideInFromLeft {
	from {
		-webkit-transform: translateX(-100%);
	}
	to {
		-webkit-transform: translateX(0);
	}
}

@keyframes slideInFromLeft {
	from {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
	to {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@-webkit-keyframes slideOutScaleLeft {
	from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to {
		-webkit-transform: translateX(-100%) scale(0.9);
		opacity: 0;
	}
}

@keyframes slideOutScaleLeft {
	from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to {
		-webkit-transform: translateX(-100%) scale(0.9);
		transform: translateX(-100%) scale(0.9);
		opacity: 0;
	}
}

@-webkit-keyframes slideInFromRight {
	from {
		-webkit-transform: translateX(100%);
	}
	to {
		-webkit-transform: translateX(0);
	}
}

@keyframes slideInFromRight {
	from {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}
	to {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

/*****************************************/
/* Side Swing */
/*****************************************/

.fxSideSwing .navOutNext {
	-webkit-animation: slideOutScaleRight 1.2s forwards;
	animation: slideOutScaleRight 1.2s forwards;
	-webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); /* older webkit */
	-webkit-animation-timing-function: cubic-bezier(1, -0.2, 0, 1);
	animation-timing-function: cubic-bezier(1, -0.2, 0, 1);
}

.fxSideSwing .navInNext {
	opacity: 1;
	-webkit-animation: slideInFromLeft 1.2s forwards;
	animation: slideInFromLeft 1.2s forwards;
	-webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); /* older webkit */
	-webkit-animation-timing-function: cubic-bezier(1, -0.2, 0, 1);
	animation-timing-function: cubic-bezier(1, -0.2, 0, 1);
}

.fxSideSwing .navOutPrev {
	-webkit-animation: slideOutScaleLeft 1.2s forwards;
	animation: slideOutScaleLeft 1.2s forwards;
	-webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); /* older webkit */
	-webkit-animation-timing-function: cubic-bezier(1, -0.2, 0, 1);
	animation-timing-function: cubic-bezier(1, -0.2, 0, 1);
}

.fxSideSwing .navInPrev {
	opacity: 1;
	-webkit-animation: slideInFromRight 1.2s forwards;
	animation: slideInFromRight 1.2s forwards;
	-webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); /* older webkit */
	-webkit-animation-timing-function: cubic-bezier(1, -0.2, 0, 1);
	animation-timing-function: cubic-bezier(1, -0.2, 0, 1);
}

/*****************************************/
/* Fortune wheel */
/*****************************************/

.fxFortuneWheel .itemwrap {
	-webkit-perspective: 1600px;
	perspective: 1600px;
}

.fxFortuneWheel .navOutNext {
	-webkit-animation: slideOutScaleRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
	animation: slideOutScaleRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
}

.fxFortuneWheel .navInNext {
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-animation: rotateInFromLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
	animation: rotateInFromLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
}

.fxFortuneWheel .navOutPrev {
	-webkit-animation: slideOutScaleLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
	animation: slideOutScaleLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
}

.fxFortuneWheel .navInPrev {
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-animation: rotateInFromRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
	animation: rotateInFromRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
}

@-webkit-keyframes rotateInFromLeft {
	from {
		-webkit-transform: translateX(-100%) rotateY(-55deg);
	}
	to {
		-webkit-transform: translateX(0) rotateY(0deg);
		opacity: 1;
	}
}

@keyframes rotateInFromLeft {
	from {
		-webkit-transform: translateX(-100%) rotateY(-55deg);
		transform: translateX(-100%) rotateY(-55deg);
	}
	to {
		-webkit-transform: translateX(0) rotateY(0deg);
		transform: translateX(0) rotateY(0deg);
		opacity: 1;
	}
}

@-webkit-keyframes rotateInFromRight {
	from {
		-webkit-transform: translateX(100%) rotateY(55deg);
	}
	to {
		-webkit-transform: translateX(0) rotateY(0deg);
		opacity: 1;
	}
}

@keyframes rotateInFromRight {
	from {
		-webkit-transform: translateX(100%) rotateY(55deg);
		transform: translateX(100%) rotateY(55deg);
	}
	to {
		-webkit-transform: translateX(0) rotateY(0deg);
		transform: translateX(0) rotateY(0deg);
		opacity: 1;
	}
}

/*****************************************/
/* Swipe */
/*****************************************/

.fxSwipe .navOutNext {
	-webkit-animation: decreaseHeight 0.8s forwards ease-in-out;
	animation: decreaseHeight 0.8s forwards ease-in-out;
}

.fxSwipe .navInNext {
	-webkit-animation: show 0.8s forwards ease-in-out;
	animation: show 0.8s forwards ease-in-out;
}

.fxSwipe .navOutPrev {
	-webkit-animation: hide 0.8s forwards ease-in-out;
	animation: hide 0.8s forwards ease-in-out;
}

.fxSwipe .navInPrev {
	z-index: 1001;
	opacity: 1;
	-webkit-animation: increaseHeight 0.8s forwards ease-in-out;
	animation: increaseHeight 0.8s forwards ease-in-out;
}

@-webkit-keyframes decreaseHeight {
	from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to {
		height: 0;
	}
}

@keyframes decreaseHeight {
	from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to {
		height: 0;
	}
}

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

@keyframes show {
	0% {
		opacity: 0;
	}
	1%,100% {
		opacity: 1;
	}
}

@-webkit-keyframes hide {
	0%,99% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes hide {
	0%,99% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@-webkit-keyframes increaseHeight {
	from {
		height: 0;
	}
	to {
		height: 100%;
	}
}

@keyframes increaseHeight {
	from {
		height: 0;
	}
	to {
		height: 100%;
	}
}

/*****************************************/
/* Swipe Horizontal*/
/*****************************************/

.fxSwipeHorizontal .navOutNext {
	-webkit-animation: decreaseWidth 0.8s forwards ease-in-out;
	animation: decreaseWidth 0.8s forwards ease-in-out;
}

.fxSwipeHorizontal .navInNext {
	-webkit-animation: show 0.8s forwards ease-in-out;
	animation: show 0.8s forwards ease-in-out;
}

.fxSwipeHorizontal .navOutPrev {
	-webkit-animation: hide 0.8s forwards ease-in-out;
	animation: hide 0.8s forwards ease-in-out;
}

.fxSwipeHorizontal .navInPrev {
	z-index: 1001;
	opacity: 1;
	-webkit-animation: increaseWidth 0.8s forwards ease-in-out;
	animation: increaseWidth 0.8s forwards ease-in-out;
}

@-webkit-keyframes decreaseWidth {
	from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to {
		width: 0;
	}
}

@keyframes decreaseHeight {
	from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to {
		width: 0;
	}
}

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

@keyframes show {
	0% {
		opacity: 0;
	}
	1%,100% {
		opacity: 1;
	}
}

@-webkit-keyframes hide {
	0%,99% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes hide {
	0%,99% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@-webkit-keyframes increaseWidth {
	from {
		width: 0;
	}
	to {
		width: 100%;
	}
}

@keyframes increaseHeight {
	from {
		width: 0;
	}
	to {
		width: 100%;
	}
}

/*****************************************/
/* Push reveal */
/*****************************************/

.fxPushReveal .navOutNext {
	opacity: 1;
	-webkit-animation: slideOutBottom 0.7s forwards ease-in-out;
	animation: slideOutBottom 0.7s forwards ease-in-out;
}

.fxPushReveal .navInNext {
	opacity: 1;
	-webkit-animation: slideInHalfFromTop 0.7s forwards ease-in-out;
	animation: slideInHalfFromTop 0.7s forwards ease-in-out;
}

.fxPushReveal .navOutPrev {
	opacity: 1;
	-webkit-animation: slideOutHalfTop 0.7s forwards ease-in-out;
	animation: slideOutHalfTop 0.7s forwards ease-in-out;
}

.fxPushReveal .navInPrev {
	opacity: 1;
	z-index: 1001;
	-webkit-animation: slideInFromBottom 0.7s forwards ease-in-out;
	animation: slideInFromBottom 0.7s forwards ease-in-out;
}

@-webkit-keyframes slideOutBottom {
	from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to {
		-webkit-transform: translateY(100%);
	}
}

@keyframes slideOutBottom {
	from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to {
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
	}
}

@-webkit-keyframes slideInHalfFromTop {
	from {
		-webkit-transform: translateY(-50%);
	}
	to {
		-webkit-transform: translateY(0);
	}
}

@keyframes slideInHalfFromTop {
	from {
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	to {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@-webkit-keyframes slideOutHalfTop {
	from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to {
		-webkit-transform: translateY(-50%);
	}
}

@keyframes slideOutHalfTop {
	from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to {
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
}

@-webkit-keyframes slideInFromBottom {
	from {
		-webkit-transform: translateY(100%);
	}
	to {
		-webkit-transform: translateY(0);
	}
}

@keyframes slideInFromBottom {
	from {
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
	}
	to {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

/*****************************************/
/* Snap in */
/*****************************************/

.fxSnapIn .navOutNext {
	-webkit-animation: slideOutLeft 0.5s forwards ease-in;
	animation: slideOutLeft 0.5s forwards ease-in;
}

.fxSnapIn .navInNext {
	z-index: 1001;
	opacity: 1;
	-webkit-animation: slideFromRightFast 0.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
	animation: slideFromRightFast 0.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
}

.fxSnapIn .navOutPrev {
	-webkit-animation: slideOutRight 0.5s forwards ease-in;
	animation: slideOutRight 0.5s forwards ease-in;
}

.fxSnapIn .navInPrev {
	z-index: 1001;
	opacity: 1;
	-webkit-animation: slideFromLeftFast 0.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
	animation: slideFromLeftFast 0.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
}

.fxSnapIn li::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	pointer-events: none;
	background-color: rgba(0,0,0,0.8);
	transition: opacity 0.4s 0.1s ease-in;
}

.fxSnapIn .navOutPrev::after,
.fxSnapIn .navOutNext::after {
	opacity: 1;
}

@-webkit-keyframes slideOutLeft {
	from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to {
		-webkit-transform: translateX(-10%);
	}
}

@keyframes slideOutLeft {
	from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to {
		-webkit-transform: translateX(-10%);
		transform: translateX(-10%);
	}
}

@-webkit-keyframes slideFromRightFast {
	0%,50% {
		-webkit-transform: translateX(100%);
	}
	100% {
		-webkit-transform: translateX(0%);
	}
}

@keyframes slideFromRightFast {
	0%,50% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}
	100% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
	}
}

@-webkit-keyframes slideOutRight {
	from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to {
		-webkit-transform: translateX(10%);
	}
}

@keyframes slideOutRight {
	from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to {
		-webkit-transform: translateX(10%);
		transform: translateX(10%);
	}
}

@-webkit-keyframes slideFromLeftFast {
	0%,50% {
		-webkit-transform: translateX(-100%);
	}
	100% {
		-webkit-transform: translateX(0%);
	}
}

@keyframes slideFromLeftFast {
	0%,50% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
	100% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
	}
}

/*****************************************/
/* Let me in */
/*****************************************/

.fxLetMeIn .itemwrap {
	-webkit-perspective: 1600px;
	perspective: 1600px;
}

.fxLetMeIn .navOutNext {
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-animation: rotateOutRight 0.5s forwards ease-in-out;
	animation: rotateOutRight 0.5s forwards ease-in-out;
}

.fxLetMeIn .navInNext {
	z-index: 1001;
	opacity: 1;
	-webkit-animation: slideFromRightFast 0.5s forwards ease;
	animation: slideFromRightFast 0.5s forwards ease;
}

.fxLetMeIn .navOutPrev {
	-webkit-transform-origin: 100% 0%;
	transform-origin: 100% 0%;
	-webkit-animation: rotateOutLeft 0.5s forwards ease-in-out;
	animation: rotateOutLeft 0.5s forwards ease-in-out;
}

.fxLetMeIn .navInPrev {
	z-index: 1001;
	opacity: 1;
	-webkit-animation: slideFromLeftFast 0.5s forwards ease;
	animation: slideFromLeftFast 0.5s forwards ease;
}

.fxLetMeIn li::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	pointer-events: none;
	background-color: rgba(0,0,0,0.6);
	transition: opacity 0.5s ease-in-out;
}

.fxLetMeIn .navOutPrev::after,
.fxLetMeIn .navOutNext::after {
	opacity: 1;
}

@-webkit-keyframes rotateOutRight {
	from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to {
		-webkit-transform: rotateY(10deg);
	}
}

@keyframes rotateOutRight {
	from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to {
		-webkit-transform: rotateY(10deg);
		transform: rotateY(10deg);
	}
}

@-webkit-keyframes rotateOutLeft {
	from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to {
		-webkit-transform: rotateY(-10deg);
	}
}

@keyframes rotateOutLeft {
	from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to {
		-webkit-transform: rotateY(-10deg);
		transform: rotateY(-10deg);
	}
}

/*****************************************/
/* Stick it */
/*****************************************/

.fxStickIt .itemwrap {
	-webkit-perspective: 1600px;
	perspective: 1600px;
}

.fxStickIt .navOutNext {
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-animation: rotateBottomSideOut 0.8s forwards ease-in;
	animation: rotateBottomSideOut 0.8s forwards ease-in;
}

.fxStickIt .navInNext {
	z-index: 1001;
	opacity: 1;
	-webkit-animation: slideInFromBottomDelayed 0.8s forwards;
	animation: slideInFromBottomDelayed 0.8s forwards;
}

.fxStickIt .navOutPrev {
	opacity: 1;
	-webkit-animation: slideOutToBottom 0.8s forwards;
	animation: slideOutToBottom 0.8s forwards;
}

.fxStickIt .navInPrev {
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-animation: rotateBottomSideIn 0.8s 0.1s forwards ease-in;
	animation: rotateBottomSideIn 0.8s 0.1s forwards ease-in;
}

@-webkit-keyframes rotateBottomSideOut {
	from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	40% { 
		-webkit-transform: rotateX(-15deg);
		-webkit-animation-timing-function: ease-out; 
	}
	100% { 
		opacity: 0;
		-webkit-transform: scale(0.8) translateZ(-200px);
	}
}

@keyframes rotateBottomSideOut {
	from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	40% { 
		-webkit-transform: rotateX(-15deg); 
		transform: rotateX(-15deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out; 
	}
	100% { 
		opacity: 0;
		-webkit-transform: scale(0.8) translateZ(-200px);
		transform: scale(0.8) translateZ(-200px);
	}
}

@-webkit-keyframes slideInFromBottomDelayed {
	0%, 30% {
		-webkit-transform: translateY(100%);
	}
	100% {
		-webkit-transform: translateY(0);
	}
}

@keyframes slideInFromBottomDelayed {
	0%, 30% {
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@-webkit-keyframes rotateBottomSideIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.8) translateZ(-200px);
	}
	60% {
		-webkit-transform: scale(1) translateZ(0) rotateX(-15deg);
		-webkit-animation-timing-function: ease-out;
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1) translateZ(0) rotateX(0deg);
	}
}

@keyframes rotateBottomSideIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.8) translateZ(-200px);
		transform: scale(0.8) translateZ(-200px);
	}
	60% {
		-webkit-transform: scale(1) translateZ(0) rotateX(-15deg);
		transform: scale(1) translateZ(0) rotateX(-15deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1) translateZ(0) rotateX(0deg);
		transform: scale(1) translateZ(0) rotateX(0deg);
	}
}

/*****************************************/
/* Archive me */
/*****************************************/

.fxArchiveMe .navOutNext {
	-webkit-animation: scaleHalfDown 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1);
	animation: scaleHalfDown 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1);
}

.fxArchiveMe .navInNext {
	z-index: 1001;
	opacity: 1;
	-webkit-animation: slideInFromBottom 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1);
	animation: slideInFromBottom 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1);
}

.fxArchiveMe .navOutPrev {
	-webkit-animation: slideOutToBottom 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1);
	animation: slideOutToBottom 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1);
}

.fxArchiveMe .navInPrev {
	-webkit-animation: scaleHalfUp 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1);
	animation: scaleHalfUp 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1);
}

.fxArchiveMe li::before,
.fxArchiveMe li::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	background-color: rgba(0,0,0,0.7);
	transition: opacity 0.7s cubic-bezier(0.7, 0, 0.3, 1);
}

.fxArchiveMe li::after,
.fxArchiveMe .navOutNext::before {
	opacity: 1;
}

.fxArchiveMe li::before,
.fxArchiveMe li.current::after,
.fxArchiveMe .navInNext::after,
.fxArchiveMe .navInPrev::after {
	opacity: 0;
}

.fxArchiveMe .navInNext::after {
	transition: none;
}

@-webkit-keyframes scaleHalfDown {
	from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to {
		-webkit-transform: scale(0.6);
		opacity: 0;
	}
}

@keyframes scaleHalfDown {
	from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to {
		-webkit-transform: scale(0.6);
		transform: scale(0.6);
		opacity: 0;
	}
}

@-webkit-keyframes slideOutToBottom {
	from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to {
		-webkit-transform: translateY(100%);
	}
}

@keyframes slideOutToBottom {
	from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to {
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
	}
}

@-webkit-keyframes scaleHalfUp {
	from {
		opacity: 0;
		-webkit-transform: scale(0.6);
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1);
	}
}

@keyframes scaleHalfUp {
	from {
		opacity: 0;
		-webkit-transform: scale(0.6);
		transform: scale(0.6);
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

/*****************************************/
/* Vertical growth */
/*****************************************/

.fxVGrowth .navOutNext {
	-webkit-animation: scaleDown 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1);
	animation: scaleDown 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1);
}

.fxVGrowth .navInNext {
	z-index: 1001;
	opacity: 1;
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: maximize 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1);
	animation: maximize 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1);
}

.fxVGrowth .navOutPrev {
	-webkit-animation: scaleDown 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1);
	animation: scaleDown 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1);
}

.fxVGrowth .navInPrev {
	z-index: 1001;
	opacity: 1;
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-animation: maximize 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1);
	animation: maximize 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1);
}

@-webkit-keyframes maximize {
	from {
		-webkit-transform: scale(0);
	}
	to {
		-webkit-transform: scale(1);
	}
}

@keyframes maximize {
	from {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
	to {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

/*****************************************/
/* Slide Behind */
/* From https://github.com/hakimel/kontext by Hakim El Hattab, http://hakim.se */
/*****************************************/

.fxSlideBehind .itemwrap {
	-webkit-perspective: 1000px;
	perspective: 1000px;
}

.fxSlideBehind .navOutNext {
	-webkit-animation: hideLeft 0.8s forwards;
	animation: hideLeft 0.8s forwards;
}

.fxSlideBehind .navInNext {
	-webkit-animation: showRight 0.8s forwards;
	animation: showRight 0.8s forwards;
}

.fxSlideBehind .navOutPrev {
	-webkit-animation: hideRight 0.8s forwards;
	animation: hideRight 0.8s forwards;
}

.fxSlideBehind .navInPrev {
	-webkit-animation: showLeft 0.8s forwards;
	animation: showLeft 0.8s forwards;
}

@-webkit-keyframes hideLeft { 
	0% { -webkit-transform: translateZ( 0px ); }
	40% { -webkit-transform: translate( 0, -40% ) scale( 0.8 ) rotateX( -20deg ); z-index: 9999; }
	100% { opacity: 1; -webkit-transform: translateZ( -400px ); }
}

@keyframes hideLeft { 
	0% { -webkit-transform: translateZ( 0px ); transform: translateZ( 0px ); }
	40% { -webkit-transform: translate( 0, -40% ) scale( 0.8 ) rotateX( -20deg ); transform: translate( 0, -40% ) scale( 0.8 ) rotateX( -20deg ); z-index: 9999; }
	100% { opacity: 1; -webkit-transform: translateZ( -400px ); transform: translateZ( -400px ); }
}

@-webkit-keyframes showRight {
	0% { -webkit-transform: translateZ( -400px ); opacity: 1; }
	40% { -webkit-transform: translate( 0, 40% ) scale( 0.8 ) rotateX( 20deg ); opacity: 1; }
	41% { -webkit-transform: translate( 0, 40% ) scale( 0.8 ) rotateX( 20deg ); opacity: 1; z-index: 9999; }
	100% { -webkit-transform: translateZ( 0px ); opacity: 1; z-index: 9999; }
}

@keyframes showRight {
	0% { -webkit-transform: translateZ( -400px ); transform: translateZ( -400px ); opacity: 1; }
	40% { -webkit-transform: translate( 0, 40% ) scale( 0.8 ) rotateX( 20deg ); transform: translate( 0, 40% ) scale( 0.8 ) rotateX( 20deg ); opacity: 1; }
	41% { -webkit-transform: translate( 0, 40% ) scale( 0.8 ) rotateX( 20deg ); transform: translate( 0, 40% ) scale( 0.8 ) rotateX( 20deg ); opacity: 1; z-index: 9999; }
	100% { -webkit-transform: translateZ( 0px ); transform: translateZ( 0px ); opacity: 1; z-index: 9999; }
}

@-webkit-keyframes hideRight { 
	0% { -webkit-transform: translateZ( 0px ); }
	40% { -webkit-transform: translate( 0, 40% ) scale( 0.8 ) rotateX( 20deg ); z-index: 9999; }
	100% { opacity: 1; -webkit-transform: translateZ( -400px ); }
}

@keyframes hideRight { 
	0% { -webkit-transform: translateZ( 0px ); transform: translateZ( 0px ); }
	40% { -webkit-transform: translate( 0, 40% ) scale( 0.8 ) rotateX( 20deg ); transform: translate( 0, 40% ) scale( 0.8 ) rotateX( 20deg ); z-index: 9999; }
	100% { opacity: 1; -webkit-transform: translateZ( -400px ); transform: translateZ( -400px ); }
}

@-webkit-keyframes showLeft {
	0% { -webkit-transform: translateZ( -400px ); opacity: 1; }
	40% { -webkit-transform: translate( 0, -40% ) scale( 0.8 ) rotateX( -20deg ); opacity: 1; }
	41% { -webkit-transform: translate( 0, -40% ) scale( 0.8 ) rotateX( -20deg ); opacity: 1; z-index: 9999; }
	100% { -webkit-transform: translateZ( 0px ); opacity: 1; z-index: 9999; }
}

@keyframes showLeft {
	0% { -webkit-transform: translateZ( -400px ); transform: translateZ( -400px ); opacity: 1; }
	40% { -webkit-transform: translate( 0, -40% ) scale( 0.8 ) rotateX( -20deg ); transform: translate( 0, -40% ) scale( 0.8 ) rotateX( -20deg ); opacity: 1; }
	41% { -webkit-transform: translate( 0, -40% ) scale( 0.8 ) rotateX( -20deg ); transform: translate( 0, -40% ) scale( 0.8 ) rotateX( -20deg ); opacity: 1; z-index: 9999; }
	100% { -webkit-transform: translateZ( 0px ); transform: translateZ( 0px ); opacity: 1; z-index: 9999; }
}

/*****************************************/
/* Soft Pulse */
/*****************************************/

.fxSoftPulse .navOutPrev,
.fxSoftPulse .navOutNext {
	-webkit-animation: scaleUpFadeOut 0.8s forwards ease-in;
	animation: scaleUpFadeOut 0.8s forwards ease-in;
}

.fxSoftPulse .navInPrev,
.fxSoftPulse .navInNext {
	-webkit-animation: scaleDownFadeIn 0.8s forwards ease-out;
	animation: scaleDownFadeIn 0.8s forwards ease-out;
}

@-webkit-keyframes scaleUpFadeOut {
	from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	50% {
		-webkit-transform: scale(1.2);
		opacity: 1;
	}
	75% {
		-webkit-transform: scale(1.1);
		opacity: 0;
	}
	100% {
		-webkit-transform: scale(1);
		opacity: 0;
	}
}

@keyframes scaleUpFadeOut {
	from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	50% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
		opacity: 1;
	}
	75% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
		opacity: 0;
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0;
	}
}

@-webkit-keyframes scaleDownFadeIn {
	from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	50% {
		opacity: 1;
		-webkit-transform: scale(1.2);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
	}
}

@keyframes scaleDownFadeIn {
	from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	50% {
		opacity: 1;
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

/*****************************************/
/* Earthquake */
/* From http://elrumordelaluz.github.io/csshake/ by Lionel, http://t.co/thCECnx1Yg */
/*****************************************/

.fxEarthquake .navOutNext {
	opacity: 1;
	-webkit-animation: shakeSlideBottom 1s 0.1s forwards;
	animation: shakeSlideBottom 1s 0.1s forwards;
}

.fxEarthquake .navInNext {
	-webkit-animation: pushFromTop 1s 0.1s forwards;
	animation: pushFromTop 1s 0.1s forwards;
}

.fxEarthquake .navOutPrev {
	opacity: 1;
	-webkit-animation: shakeSlideTop 1s 0.1s forwards;
	animation: shakeSlideTop 1s 0.1s forwards;
}

.fxEarthquake .navInPrev{
	opacity: 1;
	-webkit-animation: pushFromBottom 1s 0.1s forwards;
	animation: pushFromBottom 1s 0.1s forwards;
}

.fxEarthquake li::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	pointer-events: none;
	background-color: rgba(0,0,0,0.3);
	transition: opacity 0.5s;
}

.fxEarthquake .navOutPrev::after,
.fxEarthquake .navOutNext::after {
	opacity: 1;
}

@-webkit-keyframes shakeSlideBottom { 
	0% { -webkit-transform: translate(0px, 0px) rotate(0deg); }
	2% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
	4% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
	6% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
	8% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
	10% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
	12% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
	14% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
	16% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
	18% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
	20% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
	22% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
	24% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
	26% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
	28% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
	30% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
	32% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
	34% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
	36% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
	38% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
	40% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
	42% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
	44% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
	46% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
	48% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
	50% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
	52% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
	54% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
	56% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
	58% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
	60% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
	62% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
	64% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
	66% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
	68% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
	70% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
	100% { -webkit-transform: translateY(100%); } 
}

@keyframes shakeSlideBottom { 
	0% { -webkit-transform: translate(0px, 0px) rotate(0deg); transform: translate(0px, 0px) rotate(0deg); }
	2% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
	4% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
	6% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
	8% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
	10% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
	12% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
	14% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
	16% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
	18% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
	20% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
	22% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
	24% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); }
	26% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
	28% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); }
	30% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
	32% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); }
	34% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
	36% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
	38% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
	40% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
	42% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); }
	44% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
	46% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
	48% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
	50% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
	52% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); }
	54% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
	56% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
	58% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
	60% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); }
	62% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
	64% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
	66% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
	68% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); }
	70% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
	100% { -webkit-transform: translateY(100%); transform: translateY(100%); } 
}

@-webkit-keyframes pushFromTop {
	0%, 70% {
		opacity: 0;
		-webkit-transform: translateY(-100%);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@keyframes pushFromTop {
	0%, 70% {
		opacity: 0;
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@-webkit-keyframes shakeSlideTop { 
	0% { -webkit-transform: translate(0px, 0px) rotate(0deg); }
	2% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
	4% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
	6% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
	8% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
	10% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
	12% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
	14% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
	16% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
	18% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
	20% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
	22% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
	24% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
	26% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
	28% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
	30% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
	32% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
	34% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
	36% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
	38% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
	40% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
	42% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
	44% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
	46% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
	48% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
	50% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
	52% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
	54% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
	56% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
	58% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
	60% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
	62% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
	64% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
	66% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
	68% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
	70% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
	100% { -webkit-transform: translateY(-100%); } 
}

@keyframes shakeSlideTop { 
	0% { -webkit-transform: translate(0px, 0px) rotate(0deg); transform: translate(0px, 0px) rotate(0deg); }
	2% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
	4% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
	6% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
	8% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
	10% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
	12% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
	14% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
	16% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
	18% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
	20% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
	22% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
	24% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); }
	26% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
	28% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); }
	30% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
	32% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); }
	34% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
	36% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
	38% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
	40% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
	42% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); }
	44% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
	46% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
	48% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
	50% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
	52% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); }
	54% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
	56% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
	58% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
	60% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); }
	62% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
	64% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
	66% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
	68% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); }
	70% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
	100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 
}

@-webkit-keyframes pushFromBottom {
	0%, 70% {
		opacity: 0;
		-webkit-transform: translateY(100%);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@keyframes pushFromBottom {
	0%, 70% {
		opacity: 0;
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

/*****************************************/
/* Cliff diving */
/*****************************************/

.fxCliffDiving li {
	-webkit-transform-origin: 50% 400%;
	transform-origin: 50% 400%;
}

.fxCliffDiving .navOutNext {
	opacity: 1;
	-webkit-animation: rotateOutCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
	animation: rotateOutCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
}

.fxCliffDiving .navInNext {
	opacity: 1;
	-webkit-animation: rotateInCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
	animation: rotateInCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
}

.fxCliffDiving .navOutPrev {
	opacity: 1;
	-webkit-animation: rotateOutCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
	animation: rotateOutCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
}

.fxCliffDiving .navInPrev {
	opacity: 1;
	-webkit-animation: rotateInCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
	animation: rotateInCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
}

.fxCliffDiving li::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	pointer-events: none;
	background-color: rgba(0,0,0,1);
	transition: opacity 0.9s cubic-bezier(0.7, 0, 0.3, 1);
}

.fxCliffDiving .navOutPrev::after,
.fxCliffDiving .navOutNext::after {
	opacity: 1;
}

@-webkit-keyframes rotateOutCircLeft {
	from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to {
		-webkit-transform: rotate(-20deg) translateX(-100%);
	}
}

@keyframes rotateOutCircLeft {
	from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to {
		-webkit-transform: rotate(-20deg) translateX(-100%);
		transform: rotate(-20deg) translateX(-100%);
	}
}

@-webkit-keyframes rotateInCircRight {
	from {
		-webkit-transform: rotate(20deg) translateX(100%);
	}
	to {
		-webkit-transform: rotate(0deg) translateX(0);
	}
}

@keyframes rotateInCircRight {
	from {
		-webkit-transform: rotate(20deg) translateX(100%);
		transform: rotate(20deg) translateX(100%);
	}
	to {
		-webkit-transform: rotate(0deg) translateX(0);
		transform: rotate(0deg) translateX(0);
	}
}

@-webkit-keyframes rotateOutCircRight {
	from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to {
		-webkit-transform: rotate(20deg) translateX(100%);
	}
}

@keyframes rotateOutCircRight {
	from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to {
		-webkit-transform: rotate(20deg) translateX(100%);
		transform: rotate(20deg) translateX(100%);
	}
}

@-webkit-keyframes rotateInCircLeft {
	from {
		-webkit-transform: rotate(-20deg) translateX(-100%);
	}
	to {
		-webkit-transform: rotate(0deg) translateX(0);
	}
}

@keyframes rotateInCircLeft {
	from {
		-webkit-transform: rotate(-20deg) translateX(-100%);
		transform: rotate(-20deg) translateX(-100%);
	}
	to {
		-webkit-transform: rotate(0deg) translateX(0);
		transform: rotate(0deg) translateX(0);
	}
}





.main_container.scroll{
	overflow: hidden;
	min-height: calc(100% - 80px);
}

.main_container.no-scroll{
	height: calc(100% - 80px);
}

.gallery-container.full-height, .main_container.full-height{
	height: 100% !important;
}

	.page-template-template_aboutFull-php .main_container{
		height: auto;
	}

	.page-template-template_aboutFull-php .main_container.full-height{
		height: 100%;
	}

.center-helper-container{
	display: table;
	width: 100%;
	height: 100%;
}

.center-helper-container.auto-height{
	height: auto;
}

#gallery-slider-small .center-helper-container2{
	font-size: 0;
}

.center-helper-container2{
	height: 100%;
}

.center-helper-container2:before{
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

	.about-me .center-helper-container, .about-me .center-helper-inside{
		display: block;
	}

.center-helper-inside{
	display: table-cell;
	vertical-align: middle;
	float: none;
}

#gallery-slider-small .center-helper-inside2{
	width: 100%;
	//margin-left: -4px;
	height: 100%;
}

#gallery-slider-small .center-helper-inside2.video{
	height: 100%;
}

.center-helper-inside2{
	display: inline-block;
	vertical-align: middle;
	max-height: 100%;
	overflow: hidden;
}

.stonedBox .center-helper-inside2{
	width: 100%;
	height: 80%;
	text-align: center;
}

.fluid-container{
	padding: 0 25px;
	/*width: 100%;*/
	position: relative;
}
a   { text-decoration: none; outline: none;}
ul { padding: 0; margin: 0;}
ul li { padding: 0; margin: 0; list-style: none;}
.filter-box {   padding: 20px 0; float: left; position: relative;}
.filter-text { border: #000 solid 1px;}
ul li ul.list-unstyled {left: 0;  padding: 10px 0 10px 0; width: 200px; background:none repeat scroll 0 0 rgba(21, 21, 21, 0.85);}
.filter-box ul li { text-align: center;   padding: 5px 12px;}
.filter-box ul li a { padding: 4px 8px; text-transform: uppercase; color: #fff;}
.filter-box ul li a:hover, .filter-box ul li a.selected { border: #fff solid 1px;   padding: 10px 20px;}
.filters:hover ul.list-unstyled    {display: block;  margin: 1px -1px;}
.clearfix   { clear: both;}

.nav2{
	padding: 20px 0;
        width: 350px;
        float: right;
}
.nav2 a, .nav2 span{
	color: #aaa;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.nav2 a:hover span, .nav2 a:hover{
	color: #FFBA00;
}

.nav1{
	position: absolute;
	z-index: 99999;
	bottom: 3px;
	right: 0;
	height: 40px;
	width: auto;
	font-size: 18px;
}

.nav1 .prev{
	padding-left: 20px;
	display: inline-block;
  font-size: 16px;
}

.nav1 .next{
	padding-right: 20px;
	display: inline-block;
  font-size: 16px;
}

.slide-controls{
	display: inline-block;
	  border: solid 1px;
	  border-color: white;
}


.circle-gallery .owl-buttons, #small-gallery .owl-controls{
	top: 0;
	background: rgba(0,0,0,0);
}

.owl-buttons, .owl-controls {
	right: 0;
}

.slides-navigation a, .owl-buttons div{
	position: static;
	display: inline;
}

.nav1 a i/*, .nav2 a i*/{
	line-height: 40px;
	color: #dd3333;
  font-size: 19px;
}
.nav1 .download{
    display: inline-block;
    width: 38px;
    cursor: pointer;
    border: solid 1px #fff;
    border-left: 0;
    text-align: center;
}
.nav1 .download a i{
    line-height: 40px;
    color: #dd3333;
    font-size: 19px;    
}


.nav1 span, .nav2 span{
	padding: 0 5px;
	font-size: 16px;
	vertical-align: middle;
	color: #FFF;
	font-family: 'museo', 'Josefin Sans', sans-serif;
        letter-spacing: 1px;
}

.full-screen{
	display: inline-block;
	width: 40px;
	height: 40px;
	text-align: center;
	color: #FFF;
	cursor: pointer;
  border: solid 1px #fff;
	border-left: 0;
}

.full-screen i{
	line-height: 40px;
}


.gallery-horizontal img{
	max-height: 100%;
	width: auto;
}

.gallery-horizontal > div{
	display: inline-block;
	margin-right: 20px
}

.gallery-horizontal .overlay-container:hover{
	cursor: pointer;
}

.overlay-container:hover .bottom-left{
	left: 20px;
	opacity: 1;
}

#small-gallery .overlay-container:hover{
	cursor: pointer;
}

.portfolio .overlay-container{
	max-height: 100%;
}
.circle-gallery .overlay-container:hover{
	cursor: pointer;
}

.overlay-container:hover .circle-text{
	margin-bottom: 0;
}

.overlay-container{
	position: relative;
	overflow: hidden;
        height: 450px;
}

.overlay-container:hover .overlay{
	opacity: 1;
}

.overlay-container:hover .member-social-container{
	-webkit-transform: scale(1);
	transform: scale(1);
}

.overlay-container:hover .like{
	right: 0;
	opacity: 1;
}

.overlay-container:hover .like.centered{
	left: 50%;
	margin-left: -15px;
	top: 0px;
}

/*---------------------------------------loading anim---------------------------------------*/

.scaleAnimation{
	-webkit-animation: scaleAnimation 0.5s;
	animation: scaleAnimation 0.5s;
}

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

@keyframes scaleAnimation {
	0% { 
   		transform: scale(0); 
   		opacity: 0;
   	}
   	100% { 
		transform: scale(1); 
   		opacity: 1;
  	}
}
.error{
	border-color: #f23838  !important;
}

.container-404{
	height: 100%;
	background: #ffba00;
	margin-bottom: 30px;
}

.title404{
	font-size: 142px;
	margin: 5px 0;
	color: #151515;
	line-height: normal;
}

.container-404 h1{
	margin: 0;
}

.desc-404{
	margin: 20px 0;
}

.pass-protect h4{
	line-height: normal;
	letter-spacing: 0.1em;
}

.pass-protect input[type="password"]{
	width: 300px;
	height: 50px;
	outline: none;
	border: 2px solid #ebebeb;
	padding: 0 20px;
	margin-bottom: 20px;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	margin-top: 23px;
}

.pass-protect input[type="password"]:focus{
	border: 2px solid #ffba00;
}

.pass-protect i{
	padding-bottom: 15px;
}


.overlay{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	z-index: 1;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.overlay.visible{
	opacity: 1;
}


.overlay.dark{
	background: rgba(21, 21, 12, 0.8);
}

.overlay.dark5{
	background: rgba(21, 21, 12, 0.5);
}

.overlay.brand-color{
	background: rgba(255, 186, 0, 0.8);
}

.overlay.brand-color5{
	background: rgba(255, 186, 0, 0.5);
}

#slider-small-pagination .overlay{
	cursor: pointer;
}

.blog-item:hover .overlay, .blog2-item:hover .overlay{
	opacity: 1;
}

.testmonial:hover .overlay{
	opacity: 1;
}

.overlay:hover .animate-top-center{
	padding-bottom: 0;
	opacity: 1;
}

.overlay:hover .animate-bottom-center{
	padding-top: 0;
	opacity: 1;
}

.button.dark{
	color: #000;
}

.button.dark:hover{
	color: #ffba00; /*brand*/
}

.text-dark{
	color: #151515;
}

.stonedBox.dark{
	background: rgba(21, 21, 21, 0.85);
}


.text-light{
	color: #fff;
        text-align: center
}


/*---------------------------------------helpers style---------------------------------------*/

.unstick{
	margin: 50px 0;
}

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

.animate-top-center, .animate-bottom-center{
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
}

.animate-top-center{
	padding-bottom: 15px;
	opacity: 0;
}

.animate-bottom-center{
	padding-top: 15px;
	opacity: 0;
}

.text-uppercase{
	text-transform: uppercase;
}

/*---------------------------------------helpers style---------------------------------------*/

.no-margin{
	margin: 0;
}

.no-padding-container{
	width: 100%;
	position: relative;
}

.shutter-container{
	padding: 60px 45px 0 45px;
}

.img-container{
	padding-bottom: 25px;
}

.single .img-container img{
	margin: 0;
}

p.paragraph-title{
	font-size: 12px;
	text-transform: uppercase;
	line-height: 14px;
}

.no-padding{
	padding: 0;
}

/*---------------------------------------about style---------------------------------------*/

.about-title{
	margin-bottom: 15px;
}

.about-title p{
	margin-bottom: 3px;
}

.bold{
	font-weight: 900;
}

#shutter-info{
	height: 100%;
	overflow: auto;
}


.page-template-template_panorama-php .main-menu, 
.page-template-template_panorama-php footer,
.page-template-template_panoramaAlt-php .main-menu,
.page-template-template_panoramaAlt-php footer,
.page-template-template_smallSlider-php .main-menu,
.page-template-template_smallSlider-php footer{
	box-shadow: none;
}

.about-full-slider-container{
	height: 100%;
	overflow: hidden;
	position: relative;
}

#shutter-info.disappear{
	margin-left: -34%;
	
}

.about-full-slider-container.appear{
	width: 100%;
}

.about-full-slider-container{
	transition: all 0.4s;
}

#shutter-info{
	transition: all 0.4s;
}


.img-circle{
	overflow: hidden;
}

.member{
	margin-bottom: 30px;
}

.member .col-md-4, .member .col-md-8{
	float: none;
	display: inline-block;
	vertical-align: middle;
}

.member .col-md-8{
	margin-left: -4px;
}

.member .button{
	margin-top: 15px;
}

.button{
	padding: 5px 13px;
	text-align: center;
	display: inline-block;
	color: #aaa;
	border: 2px solid;
	border-radius: 20px;
	text-transform: uppercase;
	margin-bottom: 10px;
	font-size: 12px;
}


.button:hover{
	text-decoration: none;
	cursor: pointer;
}

.member-social-container{
	-webkit-transform: scale(0);
	transform: scale(0);
	--webkit-transition: all 0.4s;
	transition: all 0.4s;
}


.member-social{
	display: inline-block;
	border: 2px solid;
	color: #aaaaaa;
	width: 30px;
	height: 30px;
}

.member-social i, .like i{
	line-height: 30px;
}

.member-social i{
	line-height: 26px;
}

.circle-gallery .active:hover{
	position: relative !important;
	/*z-index: 3 !important;*/
}

.like{
	width: 30px;
	height: 30px;
	display: inline-block;
	background: #fff;
	color: #151515;
	position: absolute;
	right: -30px;
	top: 0;
	opacity: 0;
}


.like.centered{
	left: 50%;
	margin-left: -15px;
	top: -30px;
}



.font-size-zero{
	font-size: 0;
}

.horizontal-small-centering{
	 width:100%; 
	 font-size: 13px;
}

.bottom-left{
	position: absolute;
	left: 10px;
	bottom: 20px;
	opacity: 0;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
}


.fixed-background{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	z-index: -1;
}

#filter{
	margin: 0;
        
}

.page-template-template_blog1-php .filters{
	padding-top: 0;
	padding-bottom: 30px;
}

.filters a, .filters span{
    
	cursor: pointer;
}

/*.filters a:hover{
	color: #ffba00;
	cursor: pointer;
}*/

.filters > ul:first-child li:before{
	content: '/';
	color: #aaa;
	padding-right: 10px;
}

.filters > ul#filter li:first-child:before{
	content: ' ';
	padding-right: 0px;
}

.filters > ul#filter ul li:before{
	content: '';
	padding-right: 0px;
}

.filter-text{
	position: relative;
	z-index: 9;
}

.filter-text ul{
	display: none;
	position: absolute;
	background: #fff;
	border: 1px solid rgba(0,0,0,0.08);
	border-bottom:0;
}



.filter-text:hover ul{
	display: block;
}

.filter-text i{
	font-size: 12px;
}

.small-gallery-container{
	background: #fff;
}

.thumbs-gallery{
	padding-left: 30px;
	padding-right: 30px;
}

#small-gallery{
	padding-bottom: 58px;
}

.text-presentation{
	padding: 60px 0;
	letter-spacing: 0.05em;
}

.text-presentation.unshadow{
	text-shadow: none;
}

.text-presentation h1, 
.text-presentation h2, 
.text-presentation h3, 
.text-presentation h4, 
.text-presentation h5, 
.text-presentation h6, 
.text-presentation p, 
.text-presentation span, 
.text-presentation{
	line-height: 1.5em;
}

.text-presentation h1, 
.text-presentation h2, 
.text-presentation h3, 
.text-presentation h4, 
.text-presentation h5, 
.text-presentation h6{
	letter-spacing: 0.1em;
}

.text-presentation a.button{
	margin-top: 10px;
	text-shadow: none;
}

#slides div img{
	-webkit-backface-visibility: initial !important;
}


.preserve img{
	position: static !important;
	width: auto !important;
	height: auto !important;
	max-width: 100% !important;
	max-height: 100% !important;
	display: block !important;
	margin: 0px auto !important;
}

.gallery-desc{
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	padding-left: 30px;
	/*background: rgba(21,21,21,0.8);*/
}

.gallery-desc h6{
	line-height: 48px;
}

.gallery-container{
	height:calc(80% - 30px);
	overflow:hidden
}

.gallery-container.thumbs-gallery{
	height:calc(86% - 60px);
}


.gallery-pagination-container{
	margin:10px 0; 
	height:20%; 
	overflow:hidden;
}

.gallery-pagination-container.thumbs-gallery{
	height:14%; 
}

.gallery-pagination-container.thumbs-gallery{
	margin: 30px 0;
}

.gallery-pagination-container.dissapear{
	height: 0;
	margin: 0 auto;
	padding: 0 30px;
}

.gallery-thumbs-vertical-container.dissapear{
	width: 0;
}

.gallery-container, .gallery-pagination-container{
	transition: height 0.4s;
}

#gallery-slider-small.owl-carousel .owl-item img{
	width: auto;
	display: block;
	margin: 0 auto;
	max-width: 100%;
	max-height: 100%;
}

#gallery-slider-small{
/*  trasnsition: all .4s;*/
	background: #ebebeb;
}

.gallery-container.full-height .mosaic-16-9{
	padding: 0;
	height: 100%;
}

.gallery-container .mosaic-16-9 #gallery-slider-small{
	height: 100%;
}

.owl-preserve img{
	max-height: initial !important;
}

.full-height .owl-preserve img{
	max-height: 100% !important;
}


#gallery-slider-small .owl-stage-outer, #gallery-slider-small .owl-stage, #gallery-slider-small .owl-item, #gallery-slider-small .item{
	height: 100% !important;
}

#gallery-slider-small.full-width{
	max-width: 100% !important;
	max-height: none !important;
}

#gallery-slider-small.full-width .owl-item img{
	max-width: 100% !important;
}

#main-container.container .col-md-12, #main-container.no-padding-container .col-md-12{
	padding-left: 15px;
	padding-right: 15px;
}

#main-container.no-padding-container .col-md-12.thumbs-gallery{
	padding-left: 30px;
	padding-right: 30px;
}

#main-container.no-padding-container .full-height.col-md-12.thumbs-gallery{
	padding: 30px;
}

#main-container .col-md-12{
	padding-left: 0;
	padding-right: 0;
}

.gallery-thumbs-vertical-container{
	 height:100%; 
	 overflow:hidden; 
	 width: 100px; 
	 float: left;
}

.gallery-thumbs-vertical, #gallery-thumbs-vertical img{
	height: 100%;
}

#gallery-thumbs-vertical .item{
	padding-bottom: 10px
}

.caroufredsel_wrapper{
	/* margin: 0 auto !important; Davin *//
        cursor: auto !important;
}

.gallery-horizontal{
    overflow: hidden;
    height: 452px !important;
}

.main-slider.vertical-slider{
	height: 100%; 
	overflow: hidden; 
	padding: 0 10px 10px;
	width: calc(100% - 110px); 
	float: left;
}

.main-slider.vertical-slider.full-width{
	width: 100%;
	padding: 10px;
}

.mosaic-square{
	width: 100%;
	padding-bottom: 100%;
	position: relative;
	overflow: hidden;
}

.mosaic-rect-hor{
	width: 100%;
	padding-bottom: calc(200% + 30px);
	position: relative;
	overflow: hidden;
}

.mosaic-16-9{
	width: 100%;
	padding-bottom: 56.25%;
	position: relative;
	overflow: hidden;
}

.mosaic-inside{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.img-circle.bordered{
	border: 2px solid;
}

.service-content{
	padding: 0 20px;
}

.service .img-circle.bordered{
	color: #eaeaea;
}

.brand-color{
	color: #ffba00;
}

.service{
	margin-bottom: 30px;
}

.service i{
	margin-bottom: 10px;
}

.service .mosaic-inside{
	-webkit-transition: all 0.4;
	transition: all 0.4s;
}

.service:hover .mosaic-inside{
	background: #eaeaea;
}

.service .button{
	margin-top: 10px;
}

.load-more-container .button.loadMoreBtn{
	margin-bottom: 30px;
}
.load-more-container .button.loadMoreBtn i{
	-webkit-animation: rotateIndefinite 1s linear infinite;
	animation: rotateIndefinite 1s linear infinite;
	display: inline-block;
	position: absolute;
	left: 50%;
	margin-left: -7px;
	opacity: 0;
}

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

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

.portfolio .item{
	margin-bottom: 30px;
}

.portfolio-title .text-presentation{
	padding-left: 0;
	padding-right: 0;
}

.portfolio-title .text-presentation h1, .portfolio-title .text-presentation h2, .portfolio-title .text-presentation h3,
.portfolio-title .text-presentation h4, .portfolio-title .text-presentation h5, .portfolio-title .text-presentation h6{
	letter-spacing: 0.05em;
}


.blog-item p a:hover, .blog2-item p a{
	color: inherit;
}

.blog2-item:hover > h4 > a{
	color: #ffba00;
}

.blog-item, .blog2-item{
	margin-bottom: 40px;
	overflow: hidden;
}

.blog-item h4, .blog2-item{
	margin-bottom: 20px;
}


input[type="text"], textarea{
	width: 100%;
	height: 50px;
	outline: none;
	border: 2px solid #ebebeb;
	padding: 20px;
	margin-bottom: 20px;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

input[type="text"]:focus, textarea:focus{
	border: 2px solid #ffba00;
}

textarea{
	height: 230px;
	max-height: 230px;
	max-width: 100%;
	padding: 30px;
	line-height: 27px;
}

.comments input[type="submit"]#submit, .post-comment{
	width: 100%;
	height: 50px;
	background: rgba(0,0,0,0);
	color: #aaaaaa;
	border: 2px solid #aaaaaa;
	text-transform: uppercase;
	font-weight: bold;
	outline: none;
	margin-bottom: 20px;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	padding: 0 15px;
}

.comments input[type="submit"]#submit:hover, .post-comment:hover{
	background: #aaaaaa;
	color: #fff;
}

/*comments style*/
.comments ul.children li{
	padding-left: 115px;
	position: relative;
}

.current-comments{
	border-top: 2px solid #eaeaea;
	overflow: hidden;
}

.current-comments ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.current-comments li{
	padding: 40px 0 0 40px;
	overflow: hidden;
	clear: both;
	margin-right: -40px;
	padding-bottom: 40px;
	position: relative;
	border-bottom: 2px solid #eaeaea;
}

.comments ul.children li:before {
	content: "";
	position: absolute;
	left: 75px;
	top: 0;
	width: 40px;
	height: 80px;
	border-left: 2px solid #eaeaea;
	border-bottom: 2px solid #eaeaea;
}

.current-comments > ul{
	padding-bottom: 40px;
	padding-right: 40px;
}

.comment-text ul { 
   list-style-type: disc; 
   list-style-position: inside; 
}
.comment-text ol { 
   list-style-type: decimal; 
   list-style-position: inside; 
}
.comment-text ul ul, .comment-text ol ul { 
   list-style-type: circle; 
   list-style-position: inside; 
   margin-left: 15px; 
}
.comment-text ol ol, .comment-text ul ol { 
   list-style-type: lower-latin; 
   list-style-position: inside; 
   margin-left: 15px; 
}

.comment-text li{
	padding: 0;
	border: none !important;
}

.btn-muze-small{
	padding: 5px;
}

.current-comments li img{
	width: 75px;
	height: 75px;
	margin-right: 30px;
}

h1.comment-user, h2.comment-user{
	font-size: 13px;
	margin: 0;
	display: inline-block;
	margin-bottom: 12px;
}

h1.comment-user{
	text-transform: uppercase;
}

h2.comment-user{
	font-size: 12px;
	margin-left: 10px;
	color: #aaaaaa;
}

.comment-btn-container{
	padding: 30px 0;
}

.comment-reply-link input[type="submit"]{
	position: absolute;
	width: auto;
	right: 10px;
	top: 10px;
	border: none;
	color: #ffba00;
	background: none;
	font-weight: bold;
	text-transform: uppercase;
}

.comment-reply-link span{
	position: absolute;
	right: 0px;
	top: 15px;
	color: #ffba00;
}
/*comment style*/

.map-border{
	position: absolute;
	background: #ebebeb;
}

.map-border.top{
	width: 100%;
	height: 10px;
	top: 0;
}

.map-border.left{
	width: 10px;
	bottom: 0;
	top: 0;
}

.map-border.right{
	width: 10px;
	bottom: 0;
	top: 0;
	right: 0;
}

.map-border.bottom{
	width: 100%;
	height: 10px;
	bottom: 0;
}

.map2-container{
	height: 250px;
}

.contact-details-item{
	margin-bottom: 20px;
}

.contact-details-heading{
	position:relative; 
	height:30px;
	clear: both;
}

.contact-item-text{
	background: #FFF;
	z-index: 2;
	position: relative;
	padding-right: 15px;
	margin-bottom: 0px;
	color: #151515;
}

.contact-item-icon{
	position: relative;
	top: 8px;
	background: #FFF;
	padding-left: 15px; 
	z-index:2;  
	color: #ffba00;
}

.background-pattern{
	position: absolute;
	width: 100%;
	background: #eaeaea;
	height: 2px;
	top: 50%;
	margin-top: -1px;
}

.contact-content p{
	margin: 0;
}

/*---------------------------------------menu style---------------------------------------*/
.main-menu {
	text-align: center;
	box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.08);
	position: relative;
	z-index: 10;
	background: #fff;
}

.main-menu ul{
	margin: 0;
	padding: 0;
	display: block;
}

.main-menu ul li{
	list-style-type: none;
	margin: 0;
	background: #fff;
}

.main-menu ul > li{
	display: inline-block;
	list-style-type: none;
	position: relative;
}

.main-menu ul li.menu-item-has-children > a:after{
	content: "\f107";
	font-family: 'FontAwesome';
	padding-left: 7px;
}

.main-menu ul li a{
	display: inline-block;
	padding: 31px 15px;
}

.main-menu ul ul{
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background: inherit;
	text-align: left;
	border: 1px solid rgba(0,0,0,0.08);
	border-bottom: 0;
}

.main-menu ul ul li{
	border-bottom: 1px solid rgba(0,0,0,0.08);
}

.main-menu ul > li:hover > ul{
	display: block;
}

.main-menu ul ul li a{
	padding: 12px 15px;
	min-width: 170px;
}

.main-menu ul ul ul{
	left: 100%;
	top: -1px;
	display: none;
}

.main-menu ul ul li.menu-item-has-children > a:after{
	content: "\f105";
	font-family: 'FontAwesome';
	position: absolute;
	right: 10px;
}

.sub-menu.animated {
	-webkit-animation-duration: 0.4s;
	animation-duration: 0.4s;
}

.header-shares{
	position: absolute;
	right: 30px;
	height: 30px;
	top: 50%;
	margin-top: -15px; 
	text-align: center; 
}

.header-shares i{
	font-size: 12px;
}

.logo-container{
	position: absolute;
	height: 38px;
	left: 30px;
	top: 50%;
	margin-top: -19px;
}

/*---------------------------------------menu style---------------------------------------*/

.slides-container > div.current{
	opacity: 1;
	pointer-events: auto;
	z-index: 2;
}

.slides-container > div{
	opacity: 0;
	z-index: 1;
}   

/*---------------------------------------stonedBox style---------------------------------------*/
.stonedBox{
	position: fixed !important;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 9999999999999999;
}


.stonedBox .container{
	height: 100%;
	padding: 0;
}

.owl-stoned-box, .stonedBox .owl-stage-outer, .stonedBox .owl-stage, .stonedBox .owl-item,  .stonedBox .item{
	height: 100% !important;
}


.stonedBox .owl-carousel .owl-item img{
	display: block;
	margin: 0 auto;
	max-width: 100%;
	max-height: 100%;
	width: initial;
	height: initial;
}

.lightbox-content{
	display: inline;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

.fxSoftScale .stonedBox.navInNext {
	-webkit-animation: scaleDownUp 0.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
	animation: scaleDownUp 0.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
}

.fxSoftScale .stonedBox.navOutNext {
	-webkit-animation: scaleUp 0.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
	animation: scaleUp 0.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
}

.fxSoftScale .stonedBox.navOutPrev {
	-webkit-animation: scaleDown 0.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
	animation: scaleDown 0.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
}

.fxSoftScale .stonedBox.navInPrev {
	-webkit-animation: scaleUpDown 0.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
	animation: scaleUpDown 0.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
/*---------------------------------------stonedBox style---------------------------------------*/

.intro-animation{
	opacity: 0;
}

.owl-video-frame, .owl-video-frame iframe{
	max-height: 100%;
}

.owl-carousel .owl-video-frame{
	z-index: 99999999;
}

/*---------------------------------------single project style---------------------------------------*/

.single.single-project_post img{
	margin: 0;
}

.single-project-media{
	margin-bottom: 10px;
	position: relative;
}

.post-shares i{
	padding-right: 7px;
}

.post-shares span{
	display: inline-block;
}

.post-shares p{
	padding-right: 10px;
}

.post-shares a#facebook i{
	color: #3B5998;
}

.post-shares a#twitter i{
	color: #3B88C3;
}

.post-shares a#google-plus i{
	color: #DA2713;
}

.post-shares a#linkedin i{
	color: #0274B3;
}

.post-shares a#pinterest i{
	color: #CC2127;
}

.single-project-media .col-sm-3{
	padding: 0;
}

.single-slider.owl-carousel .owl-item img {
	display: block;
	margin: 0 auto;
	width: auto;
}

.title-category{
	color: #aaa;
}

.like-icon{
	font-size: 15px;
	color: #FF0606;
	padding-right: 7px;
}

.like-paragraph a:hover{
	color: inherit;
}
/*---------------------------------------single project style---------------------------------------*/



/*---------------------------------------contanct1 style---------------------------------------*/

.map-container{
	width: 100%;
	height: 100%;
}

/*---------------------------------------contanct1 style---------------------------------------*/



/*---------------------------------------mix page style---------------------------------------*/
.home-alt{
	height: 400px;
}

@media(min-width: 1600px){
	.home-alt{
		height: 600px;
	}
}

.full-height.home-alt{
	height: 100%;
}

.home-modules h4{
	margin-bottom: 23px;
}

.box{
	border: 2px solid #ffba00; 
	position:absolute; 
	left:15px; 
	right:15px;
	top: 15px;
	bottom: 15px;
}

.ha-portfolio .images img{
	/*display: none;*/
}

.ha-portfolio .images img.active{
	display: block;
}

.service-nav{
	float: right;
	line-height: 14px;
}

.service-nav i{
	padding: 0 5px;
}

.ha-services{
	list-style-type: none;
}

.ha-service{
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 2px solid #eaeaea;
}

.ha-service .mosaic-inside{
	background: #eaeaea;
}

.ha-service p.title{
	font-weight: bold;
	text-transform: uppercase;
	line-height: normal;
	margin-bottom: 10px;
}

.ha-service p{
	line-height: 24px;
}

/*---------------------------------------mix page style---------------------------------------*/



/*---------------------------------------shortcodes style---------------------------------------*/

.pricing-tables{
	margin-bottom: 20px;
	font-size: 0px;
}

.pricing-col-header{
	border: 1px solid #eaeaea;
	border-bottom: 0;
	padding: 30px;
}

.pricing-col-header h3{
	text-transform: uppercase;
}

.pricing-col-header p{
	line-height: normal;
}

li.pricing-col{
	vertical-align: top;
	min-width: 25%;
	padding: 0;
	font-size: 13px;
	margin-bottom: 30px;
	margin-left: -1px;
}

.pricing-col ul li{
	padding: 20px;
	border: 1px solid #eaeaea;
	text-align: left;
	border-bottom: 0;
}

.pricing-col ul li:last-child{
	border-bottom:1px solid #eaeaea;
}

.pricing-col ul li:nth-child(even){
	background: rgba(0, 0, 0, 0.05);
}

.pricing-col ul li p{
	margin: 0;
}

.important{
	background: #ffba00;
	border: 0;
	padding-bottom: 31px;
}

.slider-shortcode-container{
	margin-bottom: 20px;
	position: relative;
}

#accordion{
	margin-bottom: 20px;
}

.panel.accordion-item{
	margin: 0;
	background: rgba(0,0,0,0);
	border-radius: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	margin-top: -1px;
}

.accordion-title p{
	font-size: 14px;
	margin: 0;
	border-top: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
}

.accordion-title a{
	display: block;
	padding: 10px 0;
}

.accordion-body{
	padding: 20px 0;
	line-height: 27px;
}

.accordion-title a:after{
	content: "\f068";
	font-family: FontAwesome;
	float: right;
}

.accordion-title a.collapsed:after{
	content: "\f067";
	font-family: FontAwesome;
	float: right;
}

.accordion-title a.collapsed{
	color: #656565;
}

.tab-content{
	border-bottom: 1px solid #D4D4D4;
	margin-bottom: 20px;
}

.tab-pane{
	padding: 30px 0;
}

.nav-tabs > li > a{
	border: 1px solid #d4d4d4;
	border-radius: 0;
	margin: 0;
	border-right: 0;
	color: #656565;
	font-size: 14px;
}

.nav-tabs > li > a i{
	margin-left: 10px;
}

.nav-tabs > li:last-child > a{
	border-right: 1px solid #d4d4d4;
}

.nav-tabs > li.active{
	margin-right: -1px;
}

.nav-tabs > li > a:hover{
	border-color: #d4d4d4 #d4d4d4 #d4d4d4;
	color: #ffba00;
}

.nav > li > a:hover, .nav > li > a:focus{
	background-color: initial;
}

.nav-tabs > li.active > a{
	color: #151515;
}

.nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
	color: #ffba00; /*brand-color*/
}

.button.filled{
	border: 0;
}

.button.grey{
	color: #aaaaaa;
}

.button.grey.filled{
	background: #aaaaaa;
	color: #fff;
}

.button.yellow{
	color: #ffc000;
}

.button.yellow.filled{
	background: #ffc000;
	color: #fff;
}

.button.black{
	color: #151515;
}

.button.black.filled{
	background: #151515;
	color: #fff;
}

.button.red{
	color: #f23838;
}

.button.red.filled{
	background: #f23838;
	color: #fff;
}

.button.orange{
	color: #ff8949;
}

.button.orange.filled{
	background: #ff8949;
	color: #fff;
}

.button.green{
	color: #5be8c2;
}

.button.green.filled{
	background: #5be8c2;
	color: #fff;
}

.button.blue{
	color: #304393;
}

.button.blue.filled{
	background: #304393;
	color: #fff;
}

.button.purple{
	color: #b588ca;
}

.button.purple.filled{
	background: #b588ca;
	color: #fff;
}

.demo-btns a{
	margin:10px;
}

.demo-btns a:first-of-type{
	margin-left: 0px;
}

.testmonial {
	margin-bottom: 30px;
}


.testmonial .testmonial-image{
	width: 20%;
	margin: 0 auto;
	display: block;
	margin-bottom: 20px;
}

h4.testmonial-author{
	margin: 0;
	margin-bottom: 20px;
}

.testmonial.horizontal .testmonial-image, .testmonial.horizontal .testmonial-text{
	display: inline-block;
	vertical-align: middle;
}

.testmonial.horizontal .testmonial-image{
	margin-bottom: 0;
}

.testmonial.horizontal .testmonial-text{
	width: 80%;
	margin-left: -4px;
	padding-left: 30px;
}

.blockquote, .blockquote2{
	background: #ebebeb;
	margin-bottom: 30px;
	padding: 20px;
}

.blockquote .quote{
	padding: 30px;
}

.blockquote2 .quote{
	display: inline-block;
	vertical-align: middle;
	width: 10%;
}

.blockquote2 .text{
	display: inline-block;
	vertical-align: middle;
	width: 90%;
	margin-left: -4px;
	padding: 0 20px;
}

.text .author{
	color: #151515;
}

.alert p{
	line-height: normal;
	margin: 0;
	color: inherit;
}
/*---------------------------------------shortcodes style---------------------------------------*/





/*---------------------------------------circle gallery style---------------------------------------*/


.circle-gallery .owl-item{
	margin: 80px 0;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
	transform: scale(1);
	position: relative;
}

.circle-gallery .owl-item.center{
	transform: scale(1.4);
	z-index: 2;
}

.circle-text{
	margin-bottom: -20px;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
}


.left-gradient-overlay{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 10%;
	z-index: 2;
	margin-left: -15px;
	background: -webkit-linear-gradient(left, #FFF, rgba(255, 255, 255, 0));
	background: -o-linear-gradient(right, #FFF, rgba(255, 255, 255, 0));
	background: -moz-linear-gradient(right, #FFF, rgba(255, 255, 255, 0));
	background: linear-gradient(to right, #FFF, rgba(255, 255, 255, 0));
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
}

.right-gradient-overlay{
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 10%;
	z-index: 2;
	margin-right: -15px;
	background: -webkit-linear-gradient(right, #FFF, rgba(255, 255, 255, 0));
	background: -o-linear-gradient(left, #FFF, rgba(255, 255, 255, 0));
	background: -moz-linear-gradient(left, #FFF, rgba(255, 255, 255, 0));
	background: linear-gradient(to left, #FFF, rgba(255, 255, 255, 0));
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
}

.shrink-overlay{
	width: 0%;
}
/*---------------------------------------circle gallery style---------------------------------------*/

/*---------------------------------------responsive style---------------------------------------*/
.responsive-nav{
	display: none;
	padding: 30px 0;
}

@media (min-width: 992px){
	ul.menu{
		display: block !important;
	}
}

@media (max-width: 992px){
	.responsive-nav{
		display: block;
	}

	.main-menu{
		text-align: center;
		z-index: 100000;
	}

	.main-menu ul{
		position: absolute;
		width: 100%;
		height: auto;
		display: none;
	}

	.main-menu ul li, .main-menu ul ul li{
		display: block;
		border:0;
		background: rgba(255, 255, 255, 0.92);
	}

	.main-menu ul > li{
		position: static;
	}

	.main-menu ul:first-child:before{
		content: 'NAVIGATION';
		background: rgba(255,255,255,0.92);
		font-size: 18px;
		padding: 25px 0;
		display: block;
		letter-spacing: 0.2em;
		font-weight: 500;
		border-top: 1px solid #e1dfdf;
	}

	.main-menu ul li.menu-item-has-children > a:after, .main-menu ul ul li.menu-item-has-children > a:after{
		content: "";
		padding: 0;
	}

	.main-menu ul li a{
		padding: 15px 0;
		display: block;
		border-top: 1px solid #e1dfdf;
	}

	.main-menu ul ul, .main-menu ul ul ul{
		display: block;
		position: static;
		background: initial;
		background: none;
		text-align: center;
		border: 0;
	}

	.main-menu ul ul li{
		background: initial;
		background: none;
	}

	.main-menu ul ul li a{
		width: auto;
		padding: 15px 0;
		display: block;
	}

	.menu > li > a{
		text-transform: uppercase;
	}

	.sub-menu.animated{
		-webkit-animation-duration: 0;
		animation-duration: 0;
	}

	.member .col-md-4{
		margin-bottom: 30px;
	}

	.member .col-md-8{
		text-align: center;
	}

	.ha-portfolio, .ha-service{
		padding-bottom: 15px; 
	}

	.ha-service .col-md-3{
		width: 100px;
		height: 100px;
		padding-bottom: 15px;
		margin: 0 auto;
	}

	#shutter-info{
		height: auto;
	}

	#shutter-info.disappear{
		display: none;
	}

	.header-shares{
		display: none;
	}

	.responsive-nav{
		margin-right: 30px;
	}

	li.pricing-col {
		min-width: 50%;
	}
}

.alt-filtering{
	position: relative;
	display: block;
	border-bottom: 1px solid #eaeaea;
}

.alt-filtering.portfolio-filter{
	padding: 0;
	margin-bottom: 30px;
}

.alt-filtering a{
	padding: 10px 12px;
	display: inline-block;
	min-width: 200px;
	border: 1px solid #eaeaea;
	border-bottom: transparent;
	color: #656565;
}

.alt-filtering > a{
	position: relative;
}

.alt-filtering > a:after{
	font-family: FontAwesome;
	content: "\f0d7";
	position: absolute;
	right: 0;
	padding-right: 12px;
	color: #656565;
}

.alt-filtering a:hover, .alt-filtering > a:hover:after{
	color: #ffba00;
}

.alt-filtering ul li:last-child a{
	border-bottom: 1px solid #eaeaea;
}

.alt-filtering ul{
	position: absolute;
	display: block;
	z-index: 9;
	background: #fff;
	left: 0;
}

/*display only in under 992px*/
@media(max-width: 992px){
	.alt-filtering{
		display: inline-block;
	}

	.float-clear{
		float: none !important;
	}

	.text-center-responsive{
		text-align: center;
	}

	.filters{
		display: none;
	}
}

/*display only in under 992px*/
@media(max-width: 768px){
	.tags.pull-right{
		float: none !important;
		clear: both;
		padding-top: 10px;
	}

	.tags a{
		margin-left: 0;
		margin-right: 5px;
	}

	.post-shares{
		padding-top: 10px;
	}

	.share-container .post-shares.pull-right{
		float: none !important;
		padding-top: 10px;
		clear: both;
	}

	footer div.col-md-6{
		padding: 15px 30px 5px
	}

	footer div.col-md-6.text-right{
		padding: 5px 30px 15px
	}

	footer div.col-md-6{
		text-align: center;
	}

	.tabs-container > ul > li > a > span{
		display: none;
	}

	.tabs-container > ul > li > a > i{
		margin: 0;
	}

	li.pricing-col{
		min-width: 100%;
	}
}

/*---------------------------------------responsive style---------------------------------------*/



/*---------------------------------------theme unit---------------------------------------*/

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

.wp-caption-text{}

.sticky{}

.gallery-caption{}

.bypostauthor{}

.alignright{
	float: right;
}

.alignleft{
	float: left;
}

.aligncenter{
	margin: 0 auto;
}

.page-template-default img, .single img{
	margin-bottom: 20px;
}

.page-template-default img.alignleft, .single img.alignleft{
	margin-right: 20px;
}

.page-template-default img.alignright, .single img.alignright{
	margin-left: 20px;
}

.page-template-default .alignleft img, .single .alignleft img{
	margin-right: 20px;
}

.page-template-default .alignright img, .single .alignright img{
	margin-left: 20px;
}

cite {
	font-weight: 600;
}

table{
	margin-bottom: 30px;
}

thead{
  background-color: #eaeaea;
  padding: 10px;
  font-size: 14px;
  text-transform: uppercase;
  text-align: left;
 }

th{
  border: 1px solid #eaeaea;
  padding: 10px;
  font-weight: 500;
 }

td{
  border: 1px solid #eaeaea;
  padding: 5px;
  font-size: 13px;
  text-align: center;
} 

kbd{
	background-color: #151515;
}

embed, iframe{
	max-width: 100%;
}

/*---------------------------------------theme unit---------------------------------------*/



/*---------------------------------------loading anim---------------------------------------*/

.loading-container{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999999;
}

.loading-container.hide{
	display: none;
	z-index: 0;
}

.loading{
	background: url('shutter_loading.svg') no-repeat;
	width: 100px;
	height: 73px;
	top: 50%;
	margin-top: -37px;
	left: 50%;
	margin-left: -50px;
	position: absolute;
	background-position: -86px -263px;
	-webkit-animation: play 1.5s steps(9) infinite;
	animation: play 1.5s steps(9) infinite;
}

@-webkit-keyframes play {
   	50% { 
   		background-position: -986px -263px; 
   	}
   	100% { 
		background-position: -86px -263px;
  	}
}

@keyframes fadeInSlide {
	50% { 
   		background-position: -986px -263px; 
   	}
   	100% { 
		background-position: -86px -263px;
  	}
}

.loading-lightbox{
	width: 100px;
	height: 100px;
	color: #ffba00;
	position: absolute;
	left: 50%;
	margin-left: -50px;
	top: 50%;
	margin-top: -50px;
	z-index: 999;
}
h6.text-light {
	font-family: 'museo-sans-rounded', 'Josefin Sans', sans-serif;
	font-weight: 300;
}
h5.text-light {
	font-family: 'museo-sans-rounded', 'Josefin Sans', sans-serif;
	font-weight: 1000;
}