.frame li div.cinfo h4 {
	font-weight: 500;
	font-size: 14px;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
	text-shadow: none;
	margin: 0px;
}
.frame li div.cinfo strong {
	line-height: 30px;
}
.frame li div.cinfo p {
	line-height: 20px;
}
.frame li div.cinfo {
	display: block;
	background: #e96f91;
	color: #fff;
	position: absolute;
	overflow: hidden;
	opacity: 0;
	filter: alpha(opacity = 0);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.frame li:hover div.cinfo {
	width: 195px;
	height: 195px;
	opacity: 1;
	filter: alpha(opacity = 80)
}
.frame li div.cinfo {
	top: 0px;
	left: 0px;
	width: 195px;
	height: 0;
	padding: 30px 0 0;
}
.team-social a {
	color: rgba(255,255,255,.5);
	font-size: 20px;
	margin-right: 8px;
	text-shadow: none;
}
.team-social a:hover {
	color: #fff;
	font-size: 20px;
}
/*==============================  Flickr Gallery  ====================================*/

.lb-album {
}
.lb-album li {
	float: left;
	margin: 5px;
	position: relative;
	z-index: 99;
}
.lb-album li > a, .lb-album li > a img {
	display: block;
	border-radius: 5px;
	width: 75px;
	height: 75px;
}
.lb-album li > a {
	width: 75px;
	height: 75px;
	position: relative;
	padding: 0px;
}
.lb-album li > a span {
	position: absolute;
	width: 75px;
	height: 75px;
	top: 0px;
	left: 0px;
	text-align: center;
	line-height: 75px;
	color: rgba(255,255,255,0.8);
	font-size: 18px;
	opacity: 0;
	filter: alpha(opacity=0); /* internet explorer */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
	background: rgba(0,0,0,.5);
	-webkit-transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	-ms-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
	border-radius: 5px;
	border: #ffffff solid 1px;
}
.lb-album li > a:hover span {
	opacity: 1;
	filter: alpha(opacity=99); /* internet explorer */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/
}
.lb-overlay {
	width: 0px;
	height: 0px;
	position: fixed;
	overflow: hidden;
	left: 0px;
	top: 0px;
	padding: 0px;
	z-index: 99;
	text-align: center;
	background: rgb(241,210,194);
	background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%, rgba(241,210,194,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,0.56)), color-stop(100%, rgba(241,210,194,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%, rgba(241,210,194,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%, rgba(241,210,194,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%, rgba(241,210,194,1) 100%);
	background: radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%, rgba(241,210,194,1) 100%);
}
.lb-overlay > div {
	position: relative;
	color: rgba(27,54,81,0.8);
	width: 550px;
	height: 80px;
	margin: 40px auto 0px auto;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.6);
	z-index: 999;
}
.lb-overlay div h3, .lb-overlay div p {
	padding: 0px 20px;
	width: 200px;
	height: 60px;
}
.lb-overlay div h3 {
	font-size: 36px;
	float: left;
	text-align: right;
	border-right: 1px solid rgba(27,54,81,0.4);
}
.lb-overlay div h3 span, .lb-overlay div p {
	font-size: 16px;
}
.lb-overlay div h3 span {
	display: block;
	line-height: 6px;
}
.lb-overlay div p {
	font-size: 14px;
	text-align: center;
	width: 100%;
}
.lb-overlay a.lb-close {
	z-index: 1001;
	color: #000;
	position: absolute;
	top: 125px;
	left: 50%;
	font-size: 35px;
	line-height: 26px;
	text-align: center;
	overflow: hidden;
	margin-left: -25px;
	opacity: 0;
	filter: alpha(opacity=0); /* internet explorer */
}
.lb-overlay img {
	/* height: 100%; For Opera max-height does not seem to work */
	max-height: 100%;
	position: relative;
	opacity: 0;
	filter: alpha(opacity=0); /* internet explorer */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
	-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 7px rgba(0,0,0,0.2);
	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
	-ms-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
}
.lb-prev, .lb-next {
	text-indent: -9000px;
	position: absolute;
	top: -32px;
	width: 24px;
	height: 25px;
	left: 50%;
	opacity: 0.8;
	filter: alpha(opacity=80); /* internet explorer */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)"; /*IE8*/
}
.lb-prev:hover, .lb-next:hover {
	opacity: 1;
	filter: alpha(opacity=99); /* internet explorer */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/
}
.lb-prev {
	margin-left: -30px;
	background: transparent url(../images/arrows.png) no-repeat top left;
}
.lb-next {
	margin-left: 6px;
	background: transparent url(../images/arrows.png) no-repeat top right;
}
.lb-overlay:target {
	width: auto;
	height: auto;
	bottom: 0px;
	right: 0px;
	padding: 80px 100px 120px 100px;
}
.lb-overlay:target img, .lb-overlay:target a.lb-close {
	opacity: 1;
	filter: alpha(opacity=99); /* internet explorer */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/
}
/* 
	100% Height for Opera as the max-height seems to be ignored, not optimal for large screens 
	http://bricss.net/post/11230266445/css-hack-to-target-opera 
*/
x:-o-prefocus, .lb-overlay img {
 height: 100%;
}
/*==============================  Flickr Gallery End  ====================================*/



/*==============================  Gallery Pages Hover  ====================================*/

.gallery-items li, .gallery-items h3, .gallery-items p, .gallery-items a {
	margin: 0;
}
.gallery-items {
	margin: 0;
}
.gallery-items li {
	margin-bottom: 30px;
}
.gallery-items a {
	list-style: none outside none;
	position: relative;
	height: 100%;
	width: 100%;
	display: block;
}
.gallery-items div.ghover h3 {
	font-size: 20px;
	font-weight: 500;
	padding-bottom: 5px;
	text-transform: uppercase;
	color: #FFF;
}
.gallery-items div.ghover p {
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
}
.gallery-items a div.ghover {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
	color: #FFFFFF;
	display: block;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	text-align: center;
	border-radius: 5px;
	top: 0px;
	margin: auto;
	bottom: 0px;
	height: 100%;
	right: 0px;
	width: 100%;
}
.gallery-items a:hover div.ghover {
	height: 100%;
	opacity: 1;
	width: 100%;
}
.gall-info {
	bottom: 5%;
	position: absolute;
	width: 90%;
	left: 5%;
	right: 5%;
}
.caption h2, .ghover h3 {
	opacity: 0;
	transform: translateX(200px);
	-webkit-transform: translateX(200px);
	transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
}
.caption p, .ghover p {
	opacity: 0;
	transform: translateX(-200px);
	-webkit-transform: translateX(-200px);
	transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
}
.caption h2, .ghover:hover h3 {
	opacity: 1;
	transform: scale(1);
	-webkit-transform: scale(1);
	transition-delay: 0.2s;
	-webkit-transition-delay: 0.2s;
}
.caption p, .ghover:hover p {
	opacity: 1;
	transform: scale(1);
	-webkit-transform: scale(1);
	transition-delay: 0.2s;
	-webkit-transition-delay: 0.2s;
}
.col-4 .ghover .pluss {
	margin-top: 20%
}
.col-3 .ghover .pluss {
	margin-top: 12px
}
.ghover .pluss {
	background: rgba(255,255,255,.5);
	border-radius: 50px;
	display: block;
	width: 50px;
	height: 50px;
	margin: auto;
	line-height: 55px;
	text-shadow: 0px 0px 5px #7f7f7f;
	text-align: center;
	top: 0;
	bottom: 0px;
	left: 0px;
	right: 0;
	position: absolute;
}
.margin-bottom {
	margin-bottom: 30px;
}
.ghover .pluss i {
	color: #fff;
	font-size: 16px;
	text-shadow: 0px 0px 5px #7f7f7f;
}
.gallery-wrap {
	overflow: hidden;
	position: relative;
}
.gallery-info {
	background-color: #000;
	bottom: 0;
	color: #fff;
	opacity: 0;
	filter: alpha(opacity = 0);
	position: absolute;
	width: 100%;
	z-index: 1000;
}
.caption h2, .caption p, .gallery-info h4, .gallery-info p {
	padding: 0 10px;
}
.gallery-wrap:hover .gallery-info {
	opacity: 0.75;
	filter: alpha(opacity = 75);
	transition: opacity 0.25s;
	-moz-transition: opacity 0.25s;
	-webkit-transition: opacity 0.25s;
}
/*==============================  Gallery Pages Hover End  ====================================*/



/*==============================  Product Pages Hover Start  ====================================*/


.pro-items a {
	position: relative;
	height: 100%;
	width: 100%;
	display: block;
}
.pro-items a div.prohover h3 {
	font-size: 20px;
	font-weight: 500;
	padding-bottom: 5px;
	text-transform: uppercase;
}
.pro-items a div.prohover p {
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
}
.pro-items a div.prohover {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
	color: #FFFFFF;
	display: block;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	text-align: center;
	border-radius: 5px;
}
.pro-items a:hover div.prohover {
	height: 100%;
	opacity: 1;
	width: 100%;
}
.prohover {
	bottom: 5%;
	position: absolute;
	width: 90%;
	left: 5%;
	right: 5%;
}
.pro-items a div.prohover {
	bottom: 0px;
	height: 100%;
	right: 0px;
	width: 100%;
}
.prohover {
	background-color: rgba(146, 96, 91, 0.5);
	opacity: 0;
	transition: all 0.3s ease-in 0.4s;
	-webkit-transition: all 0.3s ease-in 0.4s;
}
.prohover h3 {
	opacity: 0;
	transform: translateX(200px);
	-webkit-transform: translateX(200px);
	transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
}
.prohover p {
	opacity: 0;
	transform: translateX(-200px);
	-webkit-transform: translateX(-200px);
	transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
}
.prohover:hover h3 {
	opacity: 1;
	transform: scale(1);
	-webkit-transform: scale(1);
	transition-delay: 0.2s;
	-webkit-transition-delay: 0.2s;
}
.prohover:hover p {
	opacity: 1;
	transform: scale(1);
	-webkit-transform: scale(1);
	transition-delay: 0.2s;
	-webkit-transition-delay: 0.2s;
}
/*==============================  Product Pages Hover End  ====================================*/

.background-scale img {
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}
.background-scale:hover img {
	transform: rotate(2deg) scale(1.1, 1.1);
	-webkit-transform: rotate(2deg) scale(1.1, 1.1);
}
.revbackground-scale img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	border-radius: 5px 5px 0 0;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}
.revbackground-scale:hover img {
	-webkit-transform: scale(1.0);
	transform: scale(1.0);
	border-radius: 5px 5px 0 0;
	background: rgba(0,0,0,.4)
}
.block-image {
	position: relative;
	z-index: 9;
	overflow: hidden;
}
.block-image .img-overlay {
	position: absolute;
	background: rgba(0,0,0,.4);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
}
.block-image:hover .img-overlay {
	opacity: .6;
	visibility: visible;
}
.block-image .img-overlay-3-up {
	opacity: 0;
	overflow: hidden;
	position: absolute;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 100%;
	z-index: 199;
	height: 100%;
	top: -100%;
	background: rgba(0,0,0,.4)
}
.block-image .img-overlay-3-down {
	opacity: 0;
	overflow: hidden;
	position: absolute;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 100%;
	z-index: 199;
	height: 100%;
	bottom: -100%;
	background: rgba(0,0,0,.4)
}
.block-image:hover .img-overlay-3-up {
	opacity: .6;
	top: -50%;
	visibility: visible;
}
.block-image:hover .img-overlay-3-down {
	opacity: .6;
	bottom: -50%;
	visibility: visible;
}
/* -------------------- Buttons Color Scheme -------------------- */
.block-image li.white-rounded {
	background-color: rgba(255,255,255,.5);
	border: medium none;
	display: inline-block !important;
	float: none !important;
	font-size: 14px;
	font-weight: normal;
	height: 50px;
	line-height: 50px;
	margin: 0 2px;
	text-align: center;
	width: 50px;
	border-radius: 250px 250px 250px;
	box-shadow: 0 0 1px rgba(0,0,0,0.5), inset 0 0 2px rgba(0,0,0,.1);
}
.block-image li.white-rounded > a {
	color: #fff;
	display: block;
	font-weight: normal;
	text-shadow: rgba(0,0,0,.3) 1px 1px 1px;
}
.white-rounded a {
	color: #FFF !important
}
/* -------------------- Static Style -------------------- */

.block-image .static-style {
	margin: auto;
	opacity: 0;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 299;
	top: 0;
	bottom: 0;
	height: 52px;
}
.block-image:hover .static-style {
	opacity: 1;
	-webkit-transition: all .3s ease .3s;
	transition: all .3s ease .3s;
}
/* -------------------- Common Style -------------------- */
.block-image ol.common-style {
	visibility: hidden;
	margin: 0;
	opacity: 0;
	position: absolute;
	text-align: center;
	width: 100%;
	top: 50%;
	margin-top: -20px;
	visibility: visible;
}
.block-image:hover ol.common-style {
	opacity: 1;
	visibility: visible;
}
/* -------------------- About Hover -------------------- */

.team2 .block-image {
	text-align: center
}
.team2 .block-image .imgb-overlay {
	opacity: 0;
	overflow: hidden;
	position: absolute;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 230px;
	z-index: 199;
	height: 229px;
	bottom: -100%;
	background: rgba(0,0,0,.40);
	border-radius: 100%;
	text-align: center;
	margin: 0 12px;
}
.team2 .block-image:hover .imgb-overlay {
	opacity: .6;
	bottom: 20px;
	visibility: visible;
}
/*Gallery Two Column Start*/
.gallery-two-column {
	float: left;
	width: 100%;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.gallery-frame {
	float: left;
	width: 100%;
	position: relative;
	overflow: hidden;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.gallery-frame img {
	display: block;
	width: 100%;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.gallery {
	padding: 0;
	list-style: none;
	clear: both;
}
.gallery-frame .caption {
	position: absolute;
	left: -100%;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.gallery-frame:hover .caption {
	left: 0;
	background: rgba(0,0,0,.5);
	border-radius: 5px;
	text-align: center;
}
.gallery-frame img:hover {
	opacity: 1;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.gallery-frame .caption:before {
	content: "";
	height: 0;
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 0px;
	opacity: 0.75;
}
.gallery div.list_item:hover .caption:before {
	height: 100%;
}
.gallery-frame .caption a.zoom {
	font-size: 18px;
	color: #fff;
	text-decoration: none;
	width: 52px;
	height: 52px;
	border: 2px solid #fff;
	border-radius: 52px;
	position: absolute;
	left: 0;
	top: 25px;
	right: 0;
	bottom: 0;
	margin: auto;
}
.gallery-frame .caption a.zoom:hover {
	background: rgba(255,255,255,.7);
	color: #222;
}
.gallery-frame .caption a.zoom .fa {
	display: block;
	text-align: center;
	line-height: 52px;
}
.gallery-frame .caption h2 {
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	padding: 5px 0 5px;
	text-transform: uppercase;
}
.gallery-frame .caption p {
	color: #fff;
}

/*Gallery Two Column End

@media screen and (-webkit-min-device-pixel-ratio:0) { 
.gallery  .block-image:hover .img-overlay-3-up, .product_view  .block-image:hover .img-overlay-3-up
.product-box .block-image:hover .img-overlay-3-up

 {top:-50%;}



.block-image:hover .img-overlay-3-up {top:-49.5%;}
}
*/


@charset "UTF-8";

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

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

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

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

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

  100% {
    opacity: 1;
  }
}

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

  100% {
    opacity: 1;
  }
}

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

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

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

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

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

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

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

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

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

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

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

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

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

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

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

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

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

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

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

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

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

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

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

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

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

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

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

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

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

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

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

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

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

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

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

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

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

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

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

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

.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;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

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

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}

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

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

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

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

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

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

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

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

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

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

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

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

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

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

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

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}

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

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

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

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

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

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

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

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

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

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

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

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

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