.fade {
	opacity:0;
-webkit-transition:opacity .15s linear;
-o-transition:opacity .15s linear;
transition:opacity .15s linear
}
.fade.in {
	opacity:1
}

.parallax {
	background-color:transparent;
	background-attachment:fixed;
	background-position:50% 0;
	background-repeat:no-repeat;
	overflow:hidden
}
.mobile-parallax, .video-placeholder {
	background-size:cover!important;
	background-attachment:scroll!important;
	background-position:center center
}
.section .container {
	z-index:2
}
.section .container+.video-wrap {
	z-index:1
}
.revealer-image {
	position:relative;
	bottom:-100px;
transition:bottom .3s ease-in-out;
-webkit-transition:bottom .3s ease-in-out;
-o-transition:bottom .3s ease-in-out
}
.section:hover .revealer-image {
	bottom:-50px
}
body.stretched .container-fullwidth {
	position:relative;
	padding:0 60px;
	width:100%
}
.fslider, .fslider .flexslider, .fslider .slide, .fslider .slide>a, .fslider .slide>a>img, .fslider .slide>img, .fslider .slider-wrap {
	position:relative;
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	-webkit-backface-visibility:hidden
}
.fslider {
	min-height:32px
}
.flex-container a:active, .flex-container a:focus, .flexslider a:active, .flexslider a:focus {
	outline:0;
	border:none
}
.flex-control-nav, .flex-direction-nav, .slider-wrap {
	margin:0;
	padding:0;
	list-style:none;
	border:none
}
.flexslider {
	position:relative;
	margin:0;
	padding:0
}
.flexslider .slider-wrap>.slide {
	display:none;
	-webkit-backface-visibility:hidden
}
.flexslider .slider-wrap img {
	width:100%;
	display:block
}
.flex-pauseplay span {
	text-transform:capitalize
}
.slider-wrap:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0
}
html[xmlns] .slider-wrap {
	display:block
}
* html .slider-wrap {
	height:1%
}
.no-js .slider-wrap>.slide:first-child {
	display:block
}
.flex-viewport {
	max-height:2000px;
	-webkit-transition:all 1s ease;
	-o-transition:all 1s ease;
	transition:all 1s ease
}
.flex-control-nav {
	position:absolute;
	z-index:10;
	text-align:center;
	top:14px;
	right:10px;
	margin:0
}
.flex-control-nav li {
	float:left;
	display:block;
	margin:0 3px;
	width:10px;
	height:10px
}
.flex-control-nav li a {
	display:block;
	cursor:pointer;
	text-indent:-9999px;
	width:10px!important;
	height:10px!important;
	border:1px solid #FFF;
	border-radius:50%;
transition:all .3s ease-in-out;
-webkit-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out
}
#top-bar, .top-cart-title {
	border-bottom:1px solid #EEE
}
.flex-control-nav li a.flex-active, .flex-control-nav li:hover a {
	background-color:#FFF
}
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	z-index:1
}
#header.sticky-header #header-wrap, #page-menu.sticky-page-menu #page-menu-wrap, #side-panel, #slider .owl-carousel .owl-item img, .body-overlay, .owl-carousel, .owl-carousel .owl-item, .owl-carousel .owl-video-play-icon, .portfolio-overlay a, .slider-parallax, .slider-parallax .swiper-container, .swiper-container, .video-overlay, .video-placeholder {
	-webkit-backface-visibility:hidden
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0, 0, 0);
	-webkit-transition-timing-function:ease;
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transition-timing-function:ease;
	-o-transform:translate(0, 0);
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0, 0, 0);
	transition-timing-function:ease;
	box-sizing:content-box
}
.swiper-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function:ease-out;
	-o-transition-timing-function:ease-out;
	transition-timing-function:ease-out;
	margin:0 auto
}
.swiper-slide {
	float:left
}
.swiper-wp8-horizontal {
	-ms-touch-action:pan-y
}
.swiper-wp8-vertical {
	-ms-touch-action:pan-x
}
.swiper_wrapper {
	width:100%;
	height:500px;
	overflow:hidden
}
.full-screen .swiper_wrapper {
	height:auto
}
.swiper_wrapper .swiper-container {
	position:relative;
	width:100%;
	height:100%;
	margin:0;
	background:url(http://canvashtml-cdn.semicolonweb.com/images/pattern2.png)
}
.swiper_wrapper .swiper-slide {
	position:relative;
	margin:0;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	overflow:hidden
}
.swiper-slide [data-caption-animate] {
	-webkit-backface-visibility:hidden
}
.section .video-wrap, .section .yt-bg-player, .swiper-slide .video-wrap, .swiper-slide .yt-bg-player {
	position:absolute;
	width:100%;
	height:100%;
	z-index:-1;
	top:0;
	left:0
}
#slider .container {
	position:relative;
	height:100%
}
#slider.canvas-slider .swiper-slide img {
	width:100%
}
#slider.canvas-slider a {
	display:block;
	height:100%
}
.boxedcontainer {
	max-width:1140px;
	margin:auto
}
.tp-banner-container {
	width:100%;
	position:relative;
	padding:0
}
.tp-banner {
	width:100%;
	position:relative
}
.tp-banner-fullscreen-container {
	width:100%;
	position:relative;
	padding:0
}
.tp-banner .button {
	height:auto!important
}
.tparrows.preview2:after {
	line-height:1!important
}
.video-wrap {
	overflow:hidden;
	width:100%;
	position:relative
}
.video-wrap video {
	position:relative;
	z-index:1;
	width:100%
}
.video-overlay, .video-placeholder {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:5;
	background:url(http://canvashtml-cdn.semicolonweb.com/images/grid.png)
}
.video-placeholder {
	z-index:4;
	background-repeat:no-repeat!important
}
.flex-caption, .nivo-caption, .slider-caption {
	position:absolute;
	top:0;
	left:15px;
	z-index:20;
	max-width:550px;
	color:#EEE;
	font-size:22px;
	font-weight:300;
	text-shadow:1px 1px 1px rgba(0, 0, 0, .15);
-webkit-transition:top .3s ease;
-o-transition:top .3s ease;
transition:top .3s ease
}
.slider-caption:not(.dark), .slider-caption:not(.dark) h2 {
color:#fff;
text-shadow:0 0 5px rgba(0,0,0,0.5);
}
.slider-caption h2 {
	font-size:64px;
	letter-spacing:2px;
	text-transform:uppercase;
	font-weight:700;
	line-height:1;
	margin-bottom:30px
}
.slider-caption p {
	margin-bottom:10px;
	font-size:24px
}
.slider-caption.slider-caption-right {
	left:auto;
	right:15px
}
.slider-caption.slider-caption-center {
	position:relative;
	max-width:800px;
	text-align:center;
	margin:0 auto;
	left:0;
	right:0
}
.slider-caption-bg {
	padding:5px 12px;
	border-radius:2px;
	background-color:rgba(0, 0, 0, .6);
	top:auto;
	bottom:50px;
	left:50px
}
.slider-caption-bg.slider-caption-bg-light {
	background-color:rgba(255, 255, 255, .8);
	color:#333;
	font-weight:400;
	text-shadow:none
}
.slider-caption-top-left {
	top:50px;
	bottom:auto
}
.slider-caption-top-right {
	top:50px;
	bottom:auto;
	left:auto;
	right:50px
}
.slider-caption-bottom-right {
	left:auto;
	right:50px
}
#slider .owl-theme .owl-controls {
	margin:0
}
#slider .owl-next, #slider .owl-prev, #slider-arrow-left, #slider-arrow-right, .camera_next, .camera_prev, .flex-next, .flex-prev, .nivo-nextNav, .nivo-prevNav, .slider-arrow-bottom-sm, .slider-arrow-top-sm {
	position:absolute;
	cursor:pointer;
	z-index:10;
	top:50%;
	left:0;
	margin-top:-26px;
	background-color:rgba(0, 0, 0, .3);
	width:52px;
	height:52px;
	border:0;
	border-radius:0 3px 3px 0;
-webkit-transition:background-color .3s ease-in-out;
-o-transition:background-color .3s ease-in-out;
transition:background-color .3s ease-in-out
}
.slider-arrow-bottom-sm, .slider-arrow-top-sm {
	top:auto;
	bottom:57px;
	left:auto;
	right:20px;
	margin:0;
	width:32px;
	height:32px;
	border-radius:3px 3px 0 0
}
.slider-arrow-bottom-sm {
	bottom:20px;
	border-radius:0 0 3px 3px
}
.fslider[data-thumbs=true] .flex-next, .fslider[data-thumbs=true] .flex-prev {
	margin-top:-64px
}
#slider .owl-next, #slider .owl-prev {
-webkit-transition:background-color .3s ease-in-out;
-o-transition:background-color .3s ease-in-out;
transition:background-color .3s ease-in-out
}
#slider .owl-next, #slider-arrow-right, .camera_next, .flex-next, .nivo-nextNav {
	left:auto;
	right:0;
	border-radius:3px 0 0 3px
}
#slider .owl-next i, #slider .owl-prev i, #slider-arrow-left i, #slider-arrow-right i, .camera_next i, .camera_prev i, .flex-next i, .flex-prev i, .nivo-nextNav i, .nivo-prevNav i, .slider-arrow-bottom-sm i, .slider-arrow-top-sm i {
	line-height:50px;
	width:34px;
	height:52px;
	color:#DDD;
	color:rgba(255, 255, 255, .8);
	text-shadow:1px 1px 1px rgba(0, 0, 0, .1);
	font-size:34px;
	text-align:center;
	margin-left:7px
}
.slider-arrow-bottom-sm i, .slider-arrow-top-sm i {
	width:32px;
	height:32px;
	margin:0;
	line-height:30px;
	font-size:18px;
	color:#FFF;
	color:rgba(255, 255, 255, 1)
}
.flex-prev i {
	margin-left:9px
}
#slider .owl-prev i {
	margin-left:0
}
#slider-arrow-right i, .camera_next i, .nivo-nextNav i {
	margin-left:10px
}
.flex-next i {
	margin-left:11px
}
#slider .owl-next i {
	margin-right:4px
}
#slider .owl-controls .owl-nav {
	opacity:0;
-webkit-transition:opacity .3s ease-in-out;
-o-transition:opacity .3s ease-in-out;
transition:opacity .3s ease-in-out
}
#slider .owl-controls .owl-nav div, #slider:hover .owl-controls .owl-nav {
	opacity:1
}
#slider .owl-next:hover, #slider .owl-prev:hover, #slider-arrow-left:hover, #slider-arrow-right:hover, .camera_next:hover, .camera_prev:hover, .flex-next:hover, .flex-prev:hover, .nivo-nextNav:hover, .nivo-prevNav:hover, .slider-arrow-bottom-sm:hover, .slider-arrow-top-sm:hover {
	background-color:rgba(0, 0, 0, .6)!important
}
#slide-number {
	position:absolute;
	opacity:0;
	top:auto;
	right:20px;
	bottom:20px;
	z-index:20;
	width:36px;
	height:40px;
	text-align:center;
	color:rgba(255, 255, 255, .8);
	text-shadow:1px 1px 1px rgba(0, 0, 0, .15);
	font-size:18px;
	font-weight:300;
-webkit-transition:all .3s linear;
-o-transition:all .3s linear;
transition:all .3s linear
}
#slider:hover #slide-number {
	opacity:1
}
#slide-number-current, #slide-number-total {
	position:absolute;
	line-height:1;
	top:5px;
	left:0
}
#slide-number-total {
	top:auto;
	bottom:5px;
	left:auto;
	right:0
}
#slide-number span {
	display:block;
	font-size:32px;
	line-height:40px
}
#slider .owl-dots {
	position:absolute;
	width:100%;
	z-index:20;
	margin:0;
	top:auto;
	bottom:15px
}
#page-title, #page-title .container {
	position:relative
}
#slider .owl-controls .owl-dots span {
	width:10px;
	height:10px;
	margin:0 3px;
	opacity:1;
	background-color:transparent;
	border:1px solid #FFF
}
.breadcrumb, .breadcrumb i {
	width:auto!important
}
#slider .owl-dots .owl-dot.active span, #slider .owl-dots .owl-dot:hover span {
	background-color:#FFF!important
}
.parallax .entry-overlay-meta h2 a, .single-event .countdown-amount {
	color:#FFF
}
.parallax .entry-overlay, .parallax .entry-overlay-meta {
	background:0 0;
	width:auto;
	text-align:right;
	bottom:30px;
	left:auto;
	right:30px
}
.parallax .entry-overlay-meta {
	padding:20px;
	font-size:14px;
	text-align:left;
	right:38px;
	bottom:130px;
	width:368px;
	height:auto;
	line-height:inherit;
	background-color:rgba(0, 0, 0, .7);
	border-radius:3px
}
.parallax.overlay-left .entry-overlay, .parallax.overlay-left .entry-overlay-meta {
	right:auto;
	left:30px
}
.parallax.overlay-left .entry-overlay-meta {
	left:38px
}
.parallax.overlay-center .entry-overlay, .parallax.overlay-center .entry-overlay-meta {
	bottom:100px;
	right:auto;
	left:50%;
	margin-left:-192px
}
.parallax.overlay-center .entry-overlay-meta {
	top:100px;
	bottom:auto;
	margin-left:-184px
}
.parallax .entry-overlay-meta h2 {
	font-size:20px;
	text-transform:uppercase;
	border-bottom:1px dashed rgba(255, 255, 255, .2);
	padding-bottom:17px
}
.parallax .entry-overlay-meta h2 a:hover {
	color:#DDD
}
.parallax .countdown {
	top:0
}
.parallax .countdown-section {
	border-left:0;
	width:80px;
	height:80px;
	margin:0 8px;
	font-size:13px;
	background-color:rgba(0, 0, 0, .7);
	border-radius:3px;
	padding-top:14px
}
.parallax .countdown-amount {
	font-size:28px;
	margin-bottom:6px
}
.not-animated {
	opacity:0
}
.animated {
	opacity:1;
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
.animated.infinite {
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite
}
.animated.hinge {
	-webkit-animation-duration:2s;
	animation-duration:2s
}
.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
-webkit-animation-duration:.75s;
animation-duration:.75s
}
@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
}
@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
}
@media (min-width:768px) and (max-width:991px) {
.swiper_wrapper:not(.full-screen):not(.canvas-slider-grid), .swiper_wrapper:not(.full-screen):not(.canvas-slider-grid) .swiper-slide {
height:400px!important
}
.sidebar-widgets-wrap {
position:relative;
margin:0 -38px -40px 0
}
.sidebar-widgets-wrap .widget {
display:inline-block;
vertical-align:top;
float:none;
width:340px;
margin:0 37px 40px 0;
padding-top:0;
border-top:0
}
.landing-video {
width:352px;
height:199px;
margin:14px 0 0 60px
}
}
@media (max-width:767px) {

#slider:not(.swiper_wrapper) .slider-caption, #top-social, .camera_caption, .ei-title, .flex-caption, .nivo-caption, .slider-arrow-bottom-sm, .slider-arrow-top-sm, .slider-caption .button, .slider-caption p {
display:none!important
}
.flex-control-nav li {
opacity:1!important
}
.fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs {
height:60px
}
.fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs li, .fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs li img {
display:block;
width:80px!important;
height:60px!important
}
}
@media (min-width:480px) and (max-width:767px) {

.swiper_wrapper:not(.force-full-screen), .swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide {
height:300px!important
}
.swiper_wrapper .slider-caption h2 {
font-size:36px
}
.ei-slider {
height:250px
}
}
@media (max-width:479px) {

.ei-slider, .swiper_wrapper:not(.force-full-screen), .swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide {
height:180px!important
}
.swiper_wrapper .slider-caption h2 {
font-size:28px
}
.parallax .entry-overlay, .parallax .entry-overlay-meta {
left:50%!important;
right:0!important;
margin:0 0 0 -140px!important;
width:280px!important
}
.parallax .entry-overlay {
width:288px!important
}
.parallax .countdown-section {
width:64px;
height:64px;
margin:0 8px 0 0;
font-size:11px;
padding:12px 0 0
}
.parallax .countdown-amount, .testi-image i {
font-size:20px
}
}