/* Content Table
----------------------------------------------------
	1. Reset
	2. Framework
	3. SF Menu
	4. Bx Slider
	5. Animate
	6. PrettyPhoto
*/


/* -----------------------------------------
   Reset
----------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

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



/* -----------------------------------------
   Framewrok
----------------------------------------- */
/*Fix the clear issue*/
.hide { display: none; }
.clear { clear: both; display: block; font-size: 0; height: 0; line-height: 0; width:100%;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
.clearfix { display: inline-block; } /* Hide from IE Mac \*/ 
.clearfix { display: block; } /* End hide from IE Mac */ 
.clear-fixed { height: 100%; overflow: hidden; }

/* Links & Image*/
a, a:hover, a:focus { text-decoration: none; }
a:hover, a:active, a:focus { outline: none; }
a img { border: none; }

/*Html Tags*/
html { font-size: 62.5%; }
body { line-height: 1; }
ul, ol { list-style: none; }
abbr[title] { border-bottom: 1px dotted; }
abbr:hover { cursor: help; }
b, strong { font-weight: bold; }
i, em, dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; margin: 1em 0; padding: 0; }
ins { text-decoration: none; }
mark { font-style: italic; font-weight: bold; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
blockquote, q { quotes: none; }
blockquote:before, 
blockquote:after,
q:before, 
q:after { content: ''; content: none; }
small { font-size: 85%; }
big { font-size: 135%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/*Button, input, textarea*/
button, input, select, textarea { 
	font-size: 100%; 
	margin: 0; 
	vertical-align: baseline; 	
	border-radius: 0;
	box-shadow: none;
}
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input[type=text]::-ms-clear {
    display: none;
}

/*Tables*/
table { width: 100%; border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
table th{ font-weight: bold; }

/*Media*/
img { max-width: 100%; height: auto; vertical-align: top; }
.shortcode-gmap img { max-width: none; }
iframe, object, embed { max-width: 100%; }

/*Columns Grid*/
.container { 
	margin: 0 auto;
}

.grid-width-1200 .container {
	max-width: 1200px;
}

.grid-width-1320 .container {
	max-width: 1320px;
}

.inner,
.outer {
	width: auto;
	max-width: none; 
	min-width: 0;
}

.inner {
	margin-left: 10px;
	margin-right: 10px;
}

.outer {
	margin-left: -10px;
	margin-right: -10px;
}

.column { 
	float: left; 
	min-height: 1px;
}

.rows { 
	max-width: 100%; 
	margin: 0 auto;
}

.boxed.grid-width-1200 .rows { width: 1240px; }
.boxed.grid-width-1320 .rows { width: 1360px; }


.wide.grid-width-1200 .rows,
.wide.grid-width-1320 .rows { width: 100%; }


.rows .span1 { width: 8.33333333%; }
.rows .span2 { width: 16.66666666%; }
.rows .span3 { width: 25%; }
.rows .span4 { width: 33.33333333%; }
.rows .span5 { width: 41.66666666%; }
.rows .span6 { width: 50%; }
.rows .span7 { width: 58.33333333%; }
.rows .span8 { width: 66.666666666%; }
.rows .span9 { width: 75%; }
.rows .span10 { width: 83.33333333%; }
.rows .span11 { width: 91.66666666%; }
.rows .span12 { width: 100%; }




/* -----------------------------------------
   SF Menu
----------------------------------------- */
.sf-menu {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu li {
	position: relative;
}
.sf-menu ul {
	position: absolute;
	display: none;
	z-index: 1005;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}
.sf-menu a {
	display: block;
	position: relative;
}





/* -----------------------------------------
   Bx Slider
----------------------------------------- */
.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

.bx-wrapper .bx-viewport { overflow: hidden; }

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {}

.bx-wrapper .bx-loading { display: none; }

.bx-wrapper .bx-pager {}
.bx-wrapper .bx-pager .bx-pager-item {}
.bx-wrapper .bx-pager.bx-default-pager a {}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {}

.bx-wrapper .bx-prev {}
.bx-wrapper .bx-next {}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	outline: 0;
	z-index: 666;
	display: block;
}
.bx-wrapper .bx-controls-direction a.disabled {display: none;}

.bx-wrapper .bx-caption {
	position: absolute;
}




/* -----------------------------------------
   animate
----------------------------------------- */
.animated {
	animation-duration:1s;
	animation-fill-mode:both;
}
.animated.hinge {
	animation-duration:2s;
}
@keyframes flash {
0%, 50%, 100% {
opacity:1;
}
25%, 75% {
opacity:0;
}
}
.animated.flash {
	animation-name:flash;
}
@keyframes shake {
0%, 100% {
transform:translateX(0);
}
10%, 30%, 50%, 70%, 90% {
transform:translateX(-10px);
}
20%, 40%, 60%, 80% {
transform:translateX(10px);
}
}
.animated.shake {
	animation-name:shake;
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
transform:translateY(0);
}
40% {
transform:translateY(-30px);
}
60% {
transform:translateY(-15px);
}
}
.animated.bounce {
	animation-name:bounce;
}
@keyframes tada {
0% {
transform:scale(1);
}
10%, 20% {
transform:scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
transform:scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
transform:scale(1.1) rotate(-3deg);
}
100% {
transform:scale(1) rotate(0);
}
}
.animated.tada {
	animation-name:tada;
}
@keyframes swing {
20% {
transform:rotate(15deg);
}
40% {
transform:rotate(-10deg);
}
60% {
transform:rotate(5deg);
}
80% {
transform:rotate(-5deg);
}
100% {
transform:rotate(0deg);
}
}
.animated.swing {
	transform-origin:top center;
	animation-name:swing;
}
@keyframes wobble {
0% {
transform:translateX(0%);
}
15% {
transform:translateX(-25%) rotate(-5deg);
}
30% {
transform:translateX(20%) rotate(3deg);
}
45% {
transform:translateX(-15%) rotate(-3deg);
}
60% {
transform:translateX(10%) rotate(2deg);
}
75% {
transform:translateX(-5%) rotate(-1deg);
}
100% {
transform:translateX(0%);
}
}
.animated.wobble {
	animation-name:wobble;
}
@keyframes pulse {
0% {
transform:scale(1);
}
50% {
transform:scale(1.1);
}
100% {
transform:scale(1);
}
}
.animated.pulse {
	animation-name:pulse;
}
@keyframes flip {
0% {
transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
animation-timing-function:ease-out;
}
40% {
transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
animation-timing-function:ease-out;
}
50% {
transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
animation-timing-function:ease-in;
}
80% {
transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
animation-timing-function:ease-in;
}
100% {
transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
animation-timing-function:ease-in;
}
}
.animated.flip {
	backface-visibility:visible !important;
	animation-name:flip;
}
@keyframes flipInX {
0% {
transform:perspective(400px) rotateX(90deg);
opacity:0;
}
40% {
transform:perspective(400px) rotateX(-10deg);
}
70% {
transform:perspective(400px) rotateX(10deg);
}
100% {
transform:perspective(400px) rotateX(0deg);
opacity:1;
}
}
.animated.flipInX {
	backface-visibility:visible !important;
	animation-name:flipInX;
}
@keyframes flipOutX {
0% {
transform:perspective(400px) rotateX(0deg);
opacity:1;
}
100% {
transform:perspective(400px) rotateX(90deg);
opacity:0;
}
}
.animated.flipOutX {
	animation-name:flipOutX;
	backface-visibility:visible !important;
}
@keyframes flipInY {
0% {
transform:perspective(400px) rotateY(90deg);
opacity:0;
}
40% {
transform:perspective(400px) rotateY(-10deg);
}
70% {
transform:perspective(400px) rotateY(10deg);
}
100% {
transform:perspective(400px) rotateY(0deg);
opacity:1;
}
}
.animated.flipInY {
	backface-visibility:visible !important;
	animation-name:flipInY;
}
@keyframes flipOutY {
0% {
transform:perspective(400px) rotateY(0deg);
opacity:1;
}
100% {
transform:perspective(400px) rotateY(90deg);
opacity:0;
}
}
.animated.flipOutY {
	backface-visibility:visible !important;
	animation-name:flipOutY;
}
@keyframes fadeIn {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
.animated.fadeIn {
	animation-name:fadeIn;
}
@keyframes fadeInUp {
0% {
opacity:0;
transform:translateY(20px);
}
100% {
opacity:1;
transform:translateY(0);
}
}
.animated.fadeInUp {
	animation-name:fadeInUp;
}
@keyframes fadeInDown {
0% {
opacity:0;
transform:translateY(-20px);
}
100% {
opacity:1;
transform:translateY(0);
}
}
.animated.fadeInDown {
	animation-name:fadeInDown;
}
@keyframes fadeInLeft {
0% {
opacity:0;
transform:translateX(-20px);
}
100% {
opacity:1;
transform:translateX(0);
}
}
.animated.fadeInLeft {
	animation-name:fadeInLeft;
}
@keyframes fadeInRight {
0% {
opacity:0;
transform:translateX(20px);
}
100% {
opacity:1;
transform:translateX(0);
}
}
.animated.fadeInRight {
	animation-name:fadeInRight;
}
@keyframes fadeInUpBig {
0% {
opacity:0;
transform:translateY(2000px);
}
100% {
opacity:1;
transform:translateY(0);
}
}
.animated.fadeInUpBig {
	animation-name:fadeInUpBig;
}
@keyframes fadeInDownBig {
0% {
opacity:0;
transform:translateY(-2000px);
}
100% {
opacity:1;
transform:translateY(0);
}
}
.animated.fadeInDownBig {
	animation-name:fadeInDownBig;
}
@keyframes fadeInLeftBig {
0% {
opacity:0;
transform:translateX(-2000px);
}
100% {
opacity:1;
transform:translateX(0);
}
}
.animated.fadeInLeftBig {
	animation-name:fadeInLeftBig;
}
@keyframes fadeInRightBig {
0% {
opacity:0;
transform:translateX(2000px);
}
100% {
opacity:1;
transform:translateX(0);
}
}
.animated.fadeInRightBig {
	animation-name:fadeInRightBig;
}
@keyframes fadeOut {
0% {
opacity:1;
}
100% {
opacity:0;
}
}
.animated.fadeOut {
	animation-name:fadeOut;
}
@keyframes fadeOutUp {
0% {
opacity:1;
transform:translateY(0);
}
100% {
opacity:0;
transform:translateY(-20px);
}
}
.animated.fadeOutUp {
	animation-name:fadeOutUp;
}
@keyframes fadeOutDown {
0% {
opacity:1;
transform:translateY(0);
}
100% {
opacity:0;
transform:translateY(20px);
}
}
.animated.fadeOutDown {
	animation-name:fadeOutDown;
}
@keyframes fadeOutLeft {
0% {
opacity:1;
transform:translateX(0);
}
100% {
opacity:0;
transform:translateX(-20px);
}
}
.animated.fadeOutLeft {
	animation-name:fadeOutLeft;
}
@keyframes fadeOutRight {
0% {
opacity:1;
transform:translateX(0);
}
100% {
opacity:0;
transform:translateX(20px);
}
}
.animated.fadeOutRight {
	animation-name:fadeOutRight;
}
@keyframes fadeOutUpBig {
0% {
opacity:1;
transform:translateY(0);
}
100% {
opacity:0;
transform:translateY(-2000px);
}
}
.animated.fadeOutUpBig {
	animation-name:fadeOutUpBig;
}
@keyframes fadeOutDownBig {
0% {
opacity:1;
transform:translateY(0);
}
100% {
opacity:0;
transform:translateY(2000px);
}
}
.animated.fadeOutDownBig {
	animation-name:fadeOutDownBig;
}
@keyframes fadeOutLeftBig {
0% {
opacity:1;
transform:translateX(0);
}
100% {
opacity:0;
transform:translateX(-2000px);
}
}
.animated.fadeOutLeftBig {
	animation-name:fadeOutLeftBig;
}
@keyframes fadeOutRightBig {
0% {
opacity:1;
transform:translateX(0);
}
100% {
opacity:0;
transform:translateX(2000px);
}
}
.animated.fadeOutRightBig {
	animation-name:fadeOutRightBig;
}
@keyframes bounceIn {
0% {
opacity:0;
transform:scale(.3);
}
50% {
opacity:1;
transform:scale(1.05);
}
70% {
transform:scale(.9);
}
100% {
transform:scale(1);
}
}
@keyframes slideInDown {
0% {
opacity:0;
transform:translateY(-2000px);
}
100% {
transform:translateY(0);
}
}
.slideInDown {
	animation-name:slideInDown;
}
@keyframes slideInLeft {
0% {
opacity:0;
transform:translateX(-2000px);
}
100% {
transform:translateX(0);
}
}
.slideInLeft {
	animation-name:slideInLeft;
}
@keyframes slideInRight {
0% {
opacity:0;
transform:translateX(2000px);
}
100% {
transform:translateX(0);
}
}
.slideInRight {
	animation-name:slideInRight;
}
@keyframes slideOutLeft {
0% {
transform:translateX(0);
}
100% {
opacity:0;
transform:translateX(-2000px);
}
}
.slideOutLeft {
	animation-name:slideOutLeft;
}
@keyframes slideOutRight {
0% {
transform:translateX(0);
}
100% {
opacity:0;
transform:translateX(2000px);
}
}
.slideOutRight {
	animation-name:slideOutRight;
}
@keyframes slideOutUp {
0% {
transform:translateY(0);
}
100% {
opacity:0;
transform:translateY(-2000px);
}
}
.slideOutUp {
	animation-name:slideOutUp;
}
.animated.bounceIn {
	animation-name:bounceIn;
}
@keyframes bounceInUp {
0% {
opacity:0;
transform:translateY(2000px);
}
60% {
opacity:1;
transform:translateY(-30px);
}
80% {
transform:translateY(10px);
}
100% {
transform:translateY(0);
}
}
.animated.bounceInUp {
	animation-name:bounceInUp;
}
@keyframes bounceInDown {
0% {
opacity:0;
transform:translateY(-2000px);
}
60% {
opacity:1;
transform:translateY(30px);
}
80% {
transform:translateY(-10px);
}
100% {
transform:translateY(0);
}
}
.animated.bounceInDown {
	animation-name:bounceInDown;
}
@keyframes bounceInLeft {
0% {
opacity:0;
transform:translateX(-2000px);
}
60% {
opacity:1;
transform:translateX(30px);
}
80% {
transform:translateX(-10px);
}
100% {
transform:translateX(0);
}
}
.animated.bounceInLeft {
	animation-name:bounceInLeft;
}
@keyframes bounceInRight {
0% {
opacity:0;
transform:translateX(2000px);
}
60% {
opacity:1;
transform:translateX(-30px);
}
80% {
transform:translateX(10px);
}
100% {
transform:translateX(0);
}
}
.animated.bounceInRight {
	animation-name:bounceInRight;
}
@keyframes bounceOut {
0% {
transform:scale(1);
}
25% {
transform:scale(.95);
}
50% {
opacity:1;
transform:scale(1.1);
}
100% {
opacity:0;
transform:scale(.3);
}
}
.animated.bounceOut {
	animation-name:bounceOut;
}
@keyframes bounceOutUp {
0% {
transform:translateY(0);
}
20% {
opacity:1;
transform:translateY(20px);
}
100% {
opacity:0;
transform:translateY(-2000px);
}
}
.animated.bounceOutUp {
	animation-name:bounceOutUp;
}
@keyframes bounceOutDown {
0% {
transform:translateY(0);
}
20% {
opacity:1;
transform:translateY(-20px);
}
100% {
opacity:0;
transform:translateY(2000px);
}
}
.animated.bounceOutDown {
	animation-name:bounceOutDown;
}
@keyframes bounceOutLeft {
0% {
transform:translateX(0);
}
20% {
opacity:1;
transform:translateX(20px);
}
100% {
opacity:0;
transform:translateX(-2000px);
}
}
.animated.bounceOutLeft {
	animation-name:bounceOutLeft;
}
@keyframes bounceOutRight {
0% {
transform:translateX(0);
}
20% {
opacity:1;
transform:translateX(-20px);
}
100% {
opacity:0;
transform:translateX(2000px);
}
}
.animated.bounceOutRight {
	animation-name:bounceOutRight;
}
@keyframes rotateIn {
0% {
transform-origin:center center;
transform:rotate(-200deg);
opacity:0;
}
100% {
transform-origin:center center;
transform:rotate(0);
opacity:1;
}
}
.animated.rotateIn {
	animation-name:rotateIn;
}
@keyframes rotateInUpLeft {
0% {
transform-origin:left bottom;
transform:rotate(90deg);
opacity:0;
}
100% {
transform-origin:left bottom;
transform:rotate(0);
opacity:1;
}
}
.animated.rotateInUpLeft {
	animation-name:rotateInUpLeft;
}
@keyframes rotateInDownLeft {
0% {
transform-origin:left bottom;
transform:rotate(-90deg);
opacity:0;
}
100% {
transform-origin:left bottom;
transform:rotate(0);
opacity:1;
}
}
.animated.rotateInDownLeft {
	animation-name:rotateInDownLeft;
}
@keyframes rotateInUpRight {
0% {
transform-origin:right bottom;
transform:rotate(-90deg);
opacity:0;
}
100% {
transform-origin:right bottom;
transform:rotate(0);
opacity:1;
}
}
.animated.rotateInUpRight {
	animation-name:rotateInUpRight;
}
@keyframes rotateInDownRight {
0% {
transform-origin:right bottom;
transform:rotate(90deg);
opacity:0;
}
100% {
transform-origin:right bottom;
transform:rotate(0);
opacity:1;
}
}
.animated.rotateInDownRight {
	animation-name:rotateInDownRight;
}
@keyframes rotateOut {
0% {
transform-origin:center center;
transform:rotate(0);
opacity:1;
}
100% {
transform-origin:center center;
transform:rotate(200deg);
opacity:0;
}
}
.animated.rotateOut {
	animation-name:rotateOut;
}
@keyframes rotateOutUpLeft {
0% {
transform-origin:left bottom;
transform:rotate(0);
opacity:1;
}
100% {
transform-origin:left bottom;
transform:rotate(-90deg);
opacity:0;
}
}
.animated.rotateOutUpLeft {
	animation-name:rotateOutUpLeft;
}
@keyframes rotateOutDownLeft {
0% {
transform-origin:left bottom;
transform:rotate(0);
opacity:1;
}
100% {
transform-origin:left bottom;
transform:rotate(90deg);
opacity:0;
}
}
.animated.rotateOutDownLeft {
	animation-name:rotateOutDownLeft;
}
@keyframes rotateOutUpRight {
0% {
transform-origin:right bottom;
transform:rotate(0);
opacity:1;
}
100% {
transform-origin:right bottom;
transform:rotate(90deg);
opacity:0;
}
}
.animated.rotateOutUpRight {
	animation-name:rotateOutUpRight;
}
@keyframes rotateOutDownRight {
0% {
transform-origin:right bottom;
transform:rotate(0);
opacity:1;
}
100% {
transform-origin:right bottom;
transform:rotate(-90deg);
opacity:0;
}
}
.animated.rotateOutDownRight {
	animation-name:rotateOutDownRight;
}
@keyframes hinge {
0% {
transform:rotate(0);
transform-origin:top left;
animation-timing-function:ease-in-out;
}
20%, 60% {
transform:rotate(80deg);
transform-origin:top left;
animation-timing-function:ease-in-out;
}
40% {
transform:rotate(60deg);
transform-origin:top left;
animation-timing-function:ease-in-out;
}
80% {
transform:rotate(60deg) translateY(0);
opacity:1;
transform-origin:top left;
animation-timing-function:ease-in-out;
}
100% {
transform:translateY(700px);
opacity:0;
}
}
.animated.hinge {
	animation-name:hinge;
}
@keyframes rollIn {
0% {
opacity:0;
transform:translateX(-100%) rotate(-120deg);
}
100% {
opacity:1;
transform:translateX(0px) rotate(0deg);
}
}
.animated.rollIn {
	animation-name:rollIn;
}
@keyframes rollOut {
0% {
opacity:1;
transform:translateX(0px) rotate(0deg);
}
100% {
opacity:0;
transform:translateX(100%) rotate(120deg);
}
}
.animated.rollOut {
	animation-name:rollOut;
}
@keyframes lightSpeedIn {
0% {
transform:translateX(100%) skewX(-30deg);
opacity:0;
}
60% {
transform:translateX(-20%) skewX(30deg);
opacity:1;
}
80% {
transform:translateX(0%) skewX(-15deg);
opacity:1;
}
100% {
transform:translateX(0%) skewX(0deg);
opacity:1;
}
}
.animated.lightSpeedIn {
	animation-name:lightSpeedIn;
	animation-timing-function:ease-out;
}
.animated.lightSpeedIn {
	animation-duration:0.5s;
}
@keyframes lightSpeedOut {
0% {
transform:translateX(0%) skewX(0deg);
opacity:1;
}
100% {
transform:translateX(100%) skewX(-30deg);
opacity:0;
}
}
.animated.lightSpeedOut {
	animation-name:lightSpeedOut;
	animation-timing-function:ease-in;
}
.animated.lightSpeedOut {
	animation-duration:0.25s;
}
@keyframes lr {
0% {
opacity: 0;
transform: translateY(-5px)
}
100% {
opacity: 1;
transform: translateY(0)
}
}
.slideDown {
	animation-name: slideDown;
	animation-duration: 1s;
	animation-timing-function: ease;
	visibility: visible !important;
}
@keyframes slideDown {
 0% {
 transform: translateY(-100%);
}
 50% {
 transform: translateY(8%);
}
 65% {
 transform: translateY(-4%);
}
 80% {
 transform: translateY(4%);
}
 95% {
 transform: translateY(-2%);
}
 100% {
 transform: translateY(0%);
}
}
.slideUp {
	animation-name: slideUp;
	animation-duration: 1s;
	animation-timing-function: ease;
	visibility: visible !important;
}
@keyframes slideUp {
 0% {
 transform: translateY(100%);
}
 50% {
 transform: translateY(-8%);
}
 65% {
 transform: translateY(4%);
}
 80% {
 transform: translateY(-4%);
}
 95% {
 transform: translateY(2%);
}
 100% {
 transform: translateY(0%);
}
}
.slideLeft {
	animation-name: slideLeft;
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
	visibility: visible !important;
}
@keyframes slideLeft {
 0% {
 transform: translateX(150%);
}
 50% {
 transform: translateX(-8%);
}
 65% {
 transform: translateX(4%);
}
 80% {
 transform: translateX(-4%);
}
 95% {
 transform: translateX(2%);
}
 100% {
 transform: translateX(0%);
}
}
.slideRight {
	animation-name: slideRight;
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
	visibility: visible !important;
}
@keyframes slideRight {
 0% {
 transform: translateX(-150%);
}
 50% {
 transform: translateX(8%);
}
 65% {
 transform: translateX(-4%);
}
 80% {
 transform: translateX(4%);
}
 95% {
 transform: translateX(-2%);
}
 100% {
 transform: translateX(0%);
}
}
.slideExpandUp {
	animation-name: slideExpandUp;
	animation-duration: 1.6s;
	animation-timing-function: ease-out;
	visibility: visible !important;
}
@keyframes slideExpandUp {
 0% {
 transform: translateY(100%) scaleX(0.5);
}
 30% {
 transform: translateY(-8%) scaleX(0.5);
}
 40% {
 transform: translateY(2%) scaleX(0.5);
}
 50% {
 transform: translateY(0%) scaleX(1.1);
}
 60% {
 transform: translateY(0%) scaleX(0.9);
}
 70% {
 transform: translateY(0%) scaleX(1.05);
}
 80% {
 transform: translateY(0%) scaleX(0.95);
}
 90% {
 transform: translateY(0%) scaleX(1.02);
}
 100% {
 transform: translateY(0%) scaleX(1);
}
}
.expandUp {
	animation-name: expandUp;
	animation-duration: 0.7s;
	animation-timing-function: ease;
	visibility: visible !important;
}
@keyframes expandUp {
 0% {
 transform: translateY(100%) scale(0.6) scaleY(0.5);
}
 60% {
 transform: translateY(-7%) scaleY(1.12);
}
 75% {
 transform: translateY(3%);
}
 100% {
 transform: translateY(0%) scale(1) scaleY(1);
}
}
.expandOpen {
	animation-name: expandOpen;
	animation-duration: 1.2s;
	animation-timing-function: ease-out;
	visibility: visible !important;
}
@keyframes expandOpen {
 0% {
 transform: scale(1.8);
}
 50% {
 transform: scale(0.95);
}
 80% {
 transform: scale(1.05);
}
 90% {
 transform: scale(0.98);
}
 100% {
 transform: scale(1);
}
}
.bigEntrance {
	animation-name: bigEntrance;
	animation-duration: 1.6s;
	animation-timing-function: ease-out;
	visibility: visible !important;
}
@keyframes bigEntrance {
 0% {
 transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
 opacity: 0.2;
}
 30% {
 transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
 opacity: 1;
}
 45% {
 transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
 opacity: 1;
}
 60% {
 transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
 opacity: 1;
}
 75% {
 transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
 opacity: 1;
}
 90% {
 transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
 opacity: 1;
}
 100% {
 transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
 opacity: 1;
}
}
.hatch {
	animation-name: hatch;
	animation-duration: 2s;
	animation-timing-function: ease-in-out;
	transform-origin: 50% 100%;
	visibility: visible !important;
}
@keyframes hatch {
 0% {
 transform: rotate(0deg) scaleY(0.6);
}
 20% {
 transform: rotate(-2deg) scaleY(1.05);
}
 35% {
 transform: rotate(2deg) scaleY(1);
}
 50% {
 transform: rotate(-2deg);
}
 65% {
 transform: rotate(1deg);
}
 80% {
 transform: rotate(-1deg);
}
 100% {
 transform: rotate(0deg);
}
}
.bounce {
	animation-name: bounce;
	animation-duration: 1.6s;
	animation-timing-function: ease;
	transform-origin: 50% 100%;
}
@keyframes bounce {
 0% {
 transform: translateY(0%) scaleY(0.6);
}
 60% {
 transform: translateY(-100%) scaleY(1.1);
}
 70% {
 transform: translateY(0%) scaleY(0.95) scaleX(1.05);
}
 80% {
 transform: translateY(0%) scaleY(1.05) scaleX(1);
}
 90% {
 transform: translateY(0%) scaleY(0.95) scaleX(1);
}
 100% {
 transform: translateY(0%) scaleY(1) scaleX(1);
}
}
.floating {
	animation-name: floating;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
}
@keyframes floating {
 0% {
 transform: translateY(0%);
}
 50% {
 transform: translateY(8%);
}
 100% {
 transform: translateY(0%);
}
}
.tossing {
	animation-name: tossing;
	animation-duration: 2.5s;
	animation-iteration-count: infinite;
}
@keyframes tossing {
 0% {
 transform: rotate(-4deg);
}
 50% {
 transform: rotate(4deg);
}
 100% {
 transform: rotate(-4deg);
}
}
.pullUp {
	animation-name: pullUp;
	animation-duration: 1.1s;
	animation-timing-function: ease-out;
	transform-origin: 50% 100%;
}
@keyframes pullUp {
 0% {
 transform: scaleY(0.1);
}
 40% {
 transform: scaleY(1.02);
}
 60% {
 transform: scaleY(0.98);
}
 80% {
 transform: scaleY(1.01);
}
 100% {
 transform: scaleY(0.98);
}
 80% {
 transform: scaleY(1.01);
}
 100% {
 transform: scaleY(1);
}
}
.pullDown {
	animation-name: pullDown;
	animation-duration: 1.1s;
	animation-timing-function: ease-out;
	transform-origin: 50% 0%;
}
@keyframes pullDown {
 0% {
 transform: scaleY(0.1);
}
 40% {
 transform: scaleY(1.02);
}
 60% {
 transform: scaleY(0.98);
}
 80% {
 transform: scaleY(1.01);
}
 100% {
 transform: scaleY(0.98);
}
 80% {
 transform: scaleY(1.01);
}
 100% {
 transform: scaleY(1);
}
}
.stretchLeft {
	animation-name: stretchLeft;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	transform-origin: 100% 0%;
}
@keyframes stretchLeft {
 0% {
 transform: scaleX(0.3);
}
 40% {
 transform: scaleX(1.02);
}
 60% {
 transform: scaleX(0.98);
}
 80% {
 transform: scaleX(1.01);
}
 100% {
 transform: scaleX(0.98);
}
 80% {
 transform: scaleX(1.01);
}
 100% {
 transform: scaleX(1);
}
}
.stretchRight {
	animation-name: stretchRight;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	transform-origin: 0% 0%;
}
@keyframes stretchRight {
 0% {
 transform: scaleX(0.3);
}
 40% {
 transform: scaleX(1.02);
}
 60% {
 transform: scaleX(0.98);
}
 80% {
 transform: scaleX(1.01);
}
 100% {
 transform: scaleX(0.98);
}
 80% {
 transform: scaleX(1.01);
}
 100% {
 transform: scaleX(1);
}
}





/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../images/fancybox/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../images/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../images/fancybox/blank.gif'); /* helps IE */
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('../images/fancybox/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('../images/fancybox/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('../images/fancybox/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}



#fancybox-thumbs {
	position: fixed;
	left: 0;
	width: 100%;
	overflow: hidden;
	z-index: 8050;
}

#fancybox-thumbs.bottom {
	bottom: 2px;
}

#fancybox-thumbs.top {
	top: 2px;
}

#fancybox-thumbs ul {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}

#fancybox-thumbs ul li {
	float: left;
	padding: 1px;
	opacity: 0.5;
}

#fancybox-thumbs ul li.active {
	opacity: 0.75;
	padding: 0;
	border: 1px solid #fff;
}

#fancybox-thumbs ul li:hover {
	opacity: 1;
}

#fancybox-thumbs ul li a {
	display: block;
	position: relative;
	overflow: hidden;
	border: 1px solid #222;
	background: #111;
	outline: none;
}

#fancybox-thumbs ul li img {
	display: block;
	position: relative;
	border: 0;
	padding: 0;
	max-width: none;
}