@import url("../fonts/geog/geog.css");
@import url("subsites.css?v=1.2");
@import url("gallery.css");

HTML, BODY {
	height: 100%;
	width: 100%;
}

BODY {
	font-family: Arial, Helvetica, sans-serif;
	overflow: auto;
	/*opera problem*/
	_background: #372513;
}

UL {
	margin: 0;
}

/**********HEAD - LOADER***********/

#head-loader {
	font-family: 'GeogrotesqueLight';
	color: white;
	font-weight: normal;
	font-size: 2.4em;
	height: 100%;
	width: 100%;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	background: #402b16;
	z-index: 100;

	-webkit-text-shadow: 0 1px 0 black;
	-moz-text-shadow: 0 1px 0 black;
	text-shadow: 0 1px 0 black;
}

.js #loader, .js #head-loader {
	display: block;
}


#head-loader DIV.center-position {
	height: 24px;
	width: 360px;
	display: block;
	padding: 88px 20px;
	margin-top: -100px;
	margin-left: -200px;
	position: absolute;
	top: 50%;
	left: 50%;
	background: transparent url(../images/loader11.gif) center center no-repeat;
}

#head-loader DIV.center-position SPAN {
	width: 200px;
	display: inline-block;
}

#head-loader DIV.center-position DIV.percentage-bg {
	height: 61px;
	width: 61px;
	display: block;
	padding: 42px;
	margin-top: -72px;
	margin-left: -72px;
	position: absolute;
	top: 50%;
	left: 50%;

	background: transparent url(../images/loader_bg.png) 0 0 no-repeat;
	-webkit-border-radius: 75px;
	-moz-border-radius: 75px;
	border-radius: 75px;
}

#head-loader DIV.center-position DIV.percentage-bg DIV.percentage-wrap {
	height: 61px;
	width: 61px;
	display: block;
	position: relative;
	overflow: hidden;
}

#head-loader DIV.center-position DIV.percentage-bg DIV.percentage-wrap UL {
	font-family: 'GeogrotesqueLight';
	color: #402b16;
	font-weight: normal;
	font-size: 2.5em;
	width: 30px;
	display: block;
	float: left;
	position: relative;
	top: 0;

	-webkit-text-shadow: 0 1px 0 white;
	-moz-text-shadow: 0 1px 0 white;
	text-shadow: 0 1px 0 white;

}

#head-loader DIV.center-position DIV.percentage-bg DIV.percentage-wrap UL LI {
	display: block;
}
#head-loader DIV.center-position A {
	color: #fff;
	font-family: 'GeogrotesqueRegular';
	font-size: 0.7em;
	text-decoration: none;
	-webkit-text-shadow: 0 0 0 transparent;
	-moz-text-shadow: 0 0 0 transparent;
	text-shadow: 0 0 0 transparent;

	display: block;
	padding: 12px;
	margin-left: -76px;
	position: absolute;
	left: 50%;
	bottom: -60px;
	background: #F60;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}


/**********LOADER***********/

#loader {
	font-family: 'GeogrotesqueRegular';
	color: #402b16;
	font-weight: normal;
	font-size: 1.8em;
	height: 66px;
	width: 333px;
	display: none;
	text-align: center;
	padding: 20px 0;
	position: fixed;
	top: 27%;
	left: 50%;
	margin-left: -155px;
	background: transparent url(../images/loader.png) 0 0 no-repeat;
	z-index: 100;
}

.js #loader {
	display: block;
}
#loader_bar:before {
	content: '';
	width: 300px;
	height: 10px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	_background: transparent url(../images/loader_base.png) 0 0 repeat-x;
	z-index: 101;
}
#loader_bar {
	height: 10px;
	width: 300px;
	display: block;
	position: relative;
	margin: 0 auto;
	margin-top: 15px ;
	background-color: #3b2714;
	background-image: -webkit-gradient(linear, left top, left bottom
		, color-stop(.5, #3b2714)
		, color-stop(.5, #2f1f10)
		);
	background-image: -moz-linear-gradient(center top
		,#3b2714 50%
		,#2f1f10 50%
		);
	background-image: -o-linear-gradient(
		#3b2714 50%
		,#2f1f10 50%
		);

	border: 1px solid #2a1c0e;
	border-bottom: 1px solid white;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#loader_bar DIV {
	height: 10px;
	width: 0px;
	display: block;
	position: relative;
	top: -1px;
	left: -1px;
	background-color: #ff8733;
	background-image: -webkit-gradient(linear, left top, left bottom
		, color-stop(.5, #ff8733)
		, color-stop(.5, #ff6900)
		);
	background-image: -moz-linear-gradient(center top
		,#ff8733 50%
		,#ff6900 50%
		);
	background-image: -o-linear-gradient(
		#ff8733 50%
		,#ff6900 50%
		);

	border: 1px solid #b56933;
	border-bottom: 1px solid white;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/****background****/
#background {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	text-align: left;
	left: 0;
	background: #372513;
	overflow: hidden;
	z-index: -1;
}
#background .wrap {
	position: relative;
	width: 100%;
	height: 100%;
}

#background IMG, #background DIV {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	min-height: 1000px;
	min-width: 1650px;
	width: 100%;
	z-index: 1;
}

#background .active {
	z-index: 3;
}
#background .transition {
	z-index: 2;
}

/****header****/
#header-container a {
	font-family: 'GeogrotesqueRegularItalic';
	font-size: 1.4em;
	text-decoration: none;
	color: white;
}
#header-container {
	height: 65px;
	width: 100%;
	display: block;
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
	min-width: 980px;
}

#header-container HEADER {
	height: 61px;
	min-width: 980px;
	display: block;
	position: relative;
	background: #312111 url(../images/menu_bg.jpg) 0 0 repeat-x;
	z-index: 10;
}

#header-container HEADER DIV.after-bamboo {
	height: 4px;
	width: 100%;
	display: block;
	position: absolute;
	bottom: -4px;
	left: 0;
	background: #b08559 url(../images/bamboo.jpg) 0 0 repeat-x;
	z-index: -1;
}
/****logo****/
#title, #head-title {
	height: 80px;
	width: 191px;
	display: block;
	margin-left: 7px;
	float: left;
	position: relative;
	background: transparent url(../images/logo.png) 0 0 no-repeat;
	z-index: 101;
}
/****header menu****/
NAV {
	height: 61px;
	display: block;
	position: relative;
}

NAV DIV.top-chain {
	height: 2px;
	width: 100%;
	display: block;
	position: absolute;
	top: 4px;
	background: transparent url(../images/menu_chain.png) 0 0 repeat-x;
}
NAV DIV.bottom-chain {
	height: 2px;
	width: 100%;
	display: block;
	position: absolute;
	bottom: 4px;
	background: transparent url(../images/menu_chain.png) 0 -2px repeat-x;
}

NAV UL#navigator {
	height: 44px;
	display: block;
	position: relative;
	top: 8px;
}

NAV UL#navigator LI {
	height: 44px;
	display: block;
	margin-left: 5px;
	float: left;
	position: relative;
}

NAV UL#navigator LI A {
	height: 14px;
	display: block;
	position: relative;
	padding: 14px 5px;
	z-index: 1;
}

NAV UL#navigator LI SPAN.menu-hover {
	height: 44px;
	width: 100%;
	display: block;
	position: absolute;
	top: -52px;
	left: 1px;
}
.csstransitions NAV UL#navigator LI SPAN.menu-hover {
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.csstransitions NAV UL#navigator LI:hover SPAN.menu-hover, .no-js NAV UL#navigator LI:hover SPAN.menu-hover {
	top: -8px;
}

NAV UL#navigator LI SPAN.menu-hover SPAN.before {
	height: 100%;
	width: 81%;
	display: block;
	float: left;
	position: relative;
	background-color: #ff6900;
}

.ie7 NAV UL#navigator LI SPAN.menu-hover SPAN.before {
	width: 80%;
}
.ie7 NAV UL#navigator LI SPAN.menu-hover SPAN.after {
	width: 20%;
}

NAV UL#navigator LI SPAN.menu-hover SPAN.after {
	height: 100%;
	width: 19%;
	display: block;
	float: left;
	position: relative;
	top: 0;
	right: 0;
	background: transparent url(../images/menu_hover_corner.png) right bottom no-repeat;
}

NAV UL#navigator LI#menu-item1 {
	margin-left: 10px;
}

NAV UL#navigator LI#lang {
	margin-right: 5px;
	margin-left: 0px;
	float: right;
}

NAV UL#navigator LI#lang A.lang-link {
	height: 17px;
	width: 125px;
	display: block;
	position: relative;
	text-align:right;
	background: transparent url(../images/lang_button.png) 0 0 no-repeat;
	border: 1px solid transparent;
	border-bottom: 0;

	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;

	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

NAV UL#navigator LI#lang:hover A.lang-link{
	background-color: #402b16;
	border: 1px solid #1d140b;
	border-bottom: 0;

	-webkit-box-shadow: 0 0 5px 0px black;
	-moz-box-shadow: 0 0 5px 0px black;
	box-shadow: 0 0 5px 0px black;
}

NAV UL#navigator LI#lang:hover A.lang-link SPAN.before {
	height: 44px;
	width: 135px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-color: transparent;
	border: 1px solid #5a3e20;
	border-bottom: 0;

	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
}

NAV UL#navigator LI#lang A.lang-link SPAN.arrows {
	height: 17px;
	width: 13px;
	display: block;
	margin: 0 10px;
	float: right;
	background: transparent url(../images/arrows_map.png) 0 0 no-repeat;
}

/****subnav menu-item****/
NAV UL#navigator LI.menu-item DIV.submenu-wrap {
	/*height: 0px;*/
	width: 493px;
	display: none;
	position: absolute;
	top: 38px;
	left: -2px;
	overflow: hidden;
	z-index: 11;
}

/*.csstransitions NAV UL#navigator LI.menu-item:hover DIV.submenu-wrap,*/
.no-js NAV UL#navigator LI.menu-item:hover DIV.submenu-wrap {
	display: block;
	/*height: 184px;*/
}
.csstransitions NAV UL#navigator LI.menu-item:hover DIV.submenu-wrap {
	/*
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
	*/
}

NAV UL#navigator LI.menu-item DIV.submenu-wrap DIV.submenu-bg {
	/*height: 110px;*/
	width: 491px;
	display: block;
	/*padding: 27px 0 27px 20px;*/
	position: relative;
	margin-top: 19px;

	background: #402b16 url(../images/menu_hover_bg.png) center bottom no-repeat;
	border: 1px solid #1b130b;
	border-top: 0;

	-webkit-border-bottom-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
}

NAV UL#navigator LI.menu-item DIV.submenu-wrap DIV.submenu-bg DIV.before-border {
	/*height: 163px;*/
	width: 491px;
	display: block;
	position: relative;
	top: 0;
	left: 0;
	border: 1px solid #5a3e20;
	border-top: 0;

	-webkit-border-bottom-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
}

NAV UL#navigator LI.menu-item DIV.submenu-wrap DIV.submenu-bg UL {
	/*height: 100px;*/
	padding: 27px 0 27px 20px;
	border: 1px solid #5a3e20;
	border-top: 0;
	-webkit-border-bottom-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
}

NAV UL#navigator LI.menu-item DIV.submenu-wrap DIV.submenu-bg UL LI {
	/*height: 25px;*/
	height: inherit;
	width: 200px;
	display: block;
	margin: 0 10px;
	padding: 0;
}

NAV UL#navigator LI.menu-item DIV.submenu-wrap DIV.submenu-bg UL LI A {
	height: 19px;
	width: 200px;
	display: block;
	padding: 4px 10px;

	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;
}

NAV UL#navigator LI.menu-item DIV.submenu-wrap DIV.submenu-bg UL LI.last A {
	height: 30px;
}

NAV UL#navigator LI.menu-item DIV.submenu-wrap DIV.submenu-bg UL LI A:hover {
	background-color: #ff6900;
}

/****subnav menu-item item2****/

NAV UL#navigator LI.item2 DIV.submenu-wrap {
	width: 164px;
	left: -25px;
}

NAV UL#navigator LI.item2 DIV.submenu-wrap DIV.submenu-bg {
	width: 162px;
	/*width: 142px;*/
	/*padding-left: 20px;*/
	background-image: url(../images/menu_hover_bg_smaller.png);
}

NAV UL#navigator LI.item2 DIV.submenu-wrap DIV.submenu-bg DIV.before-border {
	width: 160px;
}

NAV UL#navigator LI.item2 DIV.submenu-wrap .bottom-line {
	width: 10%;
}
NAV UL#navigator LI.item2 DIV.submenu-wrap DIV.submenu-bg UL LI A {
	/*height: 19px;*/
	height: inherit;
	width: 120px;
	display: block;
	padding: 4px 0px;
}

NAV UL#navigator LI.item2 DIV.submenu-wrap DIV.submenu-bg UL LI.last A {
	height: 30px;
}

/****subnav menu-item item4****/
NAV UL#navigator LI.item4 DIV.submenu-wrap {
	width: 517px;
	left: -190px;
}

NAV UL#navigator LI.item4 DIV.submenu-wrap SPAN.before {
	height: 32px;
	width: 14px;
	display: block;
	margin-top: -10px;
	position: absolute;
	top: 50%;
	left: 0;
	background: transparent url(../images/corners.png) -87px 0 no-repeat;
	z-index:11;
}

NAV UL#navigator LI.item4 DIV.submenu-wrap SPAN.after {
	height: 32px;
	width: 14px;
	display: block;
	margin-top: -10px;
	position: absolute;
	top: 50%;
	right: 0;
	background: transparent url(../images/corners.png) -101px 0 no-repeat;
	z-index:11;
}

NAV UL#navigator LI.item4 DIV.submenu-wrap DIV.submenu-bg {
	font-family: 'GeogrotesqueRegularItalic';
	margin: 0 auto;
	margin-top: 19px;
	overflow: hidden;
	width: 493px;
	/*padding: 27px 0 27px 22px;*/
}

NAV UL#navigator LI.item4 DIV.submenu-wrap DIV.submenu-bg DIV.before-border DIV {
	/*height: 100px;*/
	width: 444px;
	display: block;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}

NAV UL#navigator LI.item4 DIV.submenu-wrap DIV.submenu-bg DIV UL {
	width: 2000px;	
	display: block;
	position: relative;
	left: 0;
	border: 0;
	padding-left: 0;
	padding-bottom: 0;
}

NAV UL#navigator LI.item4 DIV.submenu-wrap DIV.submenu-bg UL LI {
	height: 100px;
	width: 141px;
	margin: 0 10px 0 0;

}

NAV UL#navigator LI.item4 DIV.submenu-wrap DIV.submenu-bg UL LI A {
	font-family: 'GeogrotesqueRegularItalic';
	width: 134px;
	min-height: 80px;
	height: auto;
	padding: 4px 4px 0 4px;
}

NAV UL#navigator LI.item4 DIV.submenu-wrap DIV.submenu-bg UL LI A IMG {
	margin-top: 2px;
}

.cena {
	font-size: 1.4em;
	color: #ff7d23;
	width: 120px;
	display: block;
	position: relative;
	top: 2px;
	left: 8px;
}

NAV UL#navigator LI.item4 DIV.submenu-wrap DIV.submenu-bg .digital-vouchers {
	clear: both;
	float: left;
	padding: 4px;
	margin: 5px 0 1px 1px;
	background-image: -webkit-linear-gradient(left, #2f2010 0%, transparent 100%);
	background-image: -moz-linear-gradient(left, #2f2010 0%, transparent 100%);
	background-image: -ms-linear-gradient(left, #2f2010 0%, transparent 100%);
	background-image: -o-linear-gradient(left, #2f2010 0%, transparent 100%);
	background-image: linear-gradient(left, #2f2010 0%, transparent 100%);
}
NAV UL#navigator LI.item4 DIV.submenu-wrap DIV.submenu-bg .digital-vouchers:hover {
	background-color: #ff6900;
}
.cssgradients NAV UL#navigator LI.item4 DIV.submenu-wrap DIV.submenu-bg .digital-vouchers:hover {
	background-color: transparent;
	background-image: -webkit-linear-gradient(left, #ff6900 0%, transparent 100%);
	background-image: -moz-linear-gradient(left, #ff6900 0%, transparent 100%);
	background-image: -ms-linear-gradient(left, #ff6900 0%, transparent 100%);
	background-image: -o-linear-gradient(left, #ff6900 0%, transparent 100%);
	background-image: linear-gradient(left, #ff6900 0%, transparent 100%);
}

NAV UL#navigator LI.item4 DIV.submenu-wrap A.submenu-arrow {
	height: 22px;
	width: 14px;
	display: block;
	padding: 0;
	position: absolute;
	top: 50%;
	margin-top: -5px;
	background-color: transparent;
	background-image: url(../images/arrows_map.png);
	background-repeat: no-repeat;
	z-index: 12;
}


NAV UL#navigator LI.item4 DIV.submenu-wrap A.submenu-arrow_left {
	left: 12px;
	background-position: -96px 0;
}

NAV UL#navigator LI.item4 DIV.submenu-wrap A.submenu-arrow_left:hover {
	background-position: -96px -22px;
  	-webkit-animation: pulse 0.5s 2;
  	-moz-animation: pulse 0.5s 2;
  	-o-animation: pulse 0.5s 2;
  	animation: pulse 0.5s 2;
}

NAV UL#navigator LI.item4 DIV.submenu-wrap A.submenu-arrow_right {
	right: 12px;
	background-position: -110px 0;
}

NAV UL#navigator LI.item4 DIV.submenu-wrap A.submenu-arrow_right:hover {
	background-position: -110px -22px;
  	-webkit-animation: pulse 0.5s 2;
  	-moz-animation: pulse 0.5s 2;
  	-o-animation: pulse 0.5s 2;
  	animation: pulse 0.5s 2;
}

/****subnav menu-item item4-01****/
NAV UL#navigator LI.item4-01 DIV.submenu-wrap {
	width: 819px;
	left: -492px;
}
NAV UL#navigator LI.item4-01 DIV.submenu-wrap DIV.submenu-bg {width: 793px;}
NAV UL#navigator LI.item4-01 DIV.submenu-wrap DIV.submenu-bg DIV.before-border {width: 791px;}
NAV UL#navigator LI.item4-01 DIV.submenu-wrap DIV.submenu-bg DIV.before-border DIV {width: 746px;}
NAV UL#navigator LI.item4-01 DIV.submenu-wrap DIV.submenu-bg DIV.before-border DIV UL {padding-bottom: 27px;}


/******menu-item item5******/
NAV UL#navigator LI.item5 DIV.submenu-wrap {
	width: 357px;
	left: -150px;
}

NAV UL#navigator LI.item5 DIV.submenu-wrap DIV.submenu-bg {
	font-family: 'GeogrotesqueRegularItalic';
	margin: 0 auto;
	overflow: hidden;
	width: 323px;
	padding: 27px 0 27px 22px;
}

NAV UL#navigator LI.item5 DIV.submenu-wrap DIV.submenu-bg UL LI {
	height: 116px;
	width: 145px;
	margin: -8px 10px 100px 0;
}

NAV UL#navigator LI.item5 DIV.submenu-wrap DIV.submenu-bg UL LI A {
	font-family: 'GeogrotesqueRegularItalic';
	height: 104px;
	width: 133px;
	padding: 6px;
	background-color: #352412;
	border: 1px solid #2f2010;
}

NAV UL#navigator LI.item5 DIV.submenu-wrap DIV.submenu-bg UL LI A SPAN.before-border {
	height: 114px;
	width: 143px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid #4b341b;
}

NAV UL#navigator LI.item5 DIV.submenu-wrap DIV.submenu-bg UL LI A IMG {
	margin-top: 4px;
}

NAV UL#navigator LI.item5 DIV.submenu-wrap .bottom-line {
	width: 20%;
}

NAV UL#navigator LI.item5 DIV.submenu-wrap DIV.submenu-bg DIV.before-border {
	width: 343px;
}

/******times used in submenus******/

NAV UL#navigator LI UL LI A {
	font-family: 'GeogrotesqueRegular';
}

NAV UL#navigator LI UL LI A SPAN.list-arrow {
	height: 5px;
	width: 6px;
	display: block;
	float: left;
	margin: 5px 5px;
	background: transparent url(../images/arrows_map.png) 0 -40px no-repeat;
}

.hover-menu-line {
	height: 0;
	width: 90%;
	display: block;
	margin: 0 auto;
	position: absolute;
	border-top: 1px solid #2f2010;
	border-bottom: 1px solid #573c1f;
}

.top-line {
	top: 35px;
	left: 5%;
}

.bottom-line {
	width: 27%;
	bottom: 20px;
}

.left-line {
	left: 5%;
}

.right-line {
	right: 5%;
}

/****subnav language****/
NAV UL#navigator LI#lang DIV {

	color: white;
	height: 0px;
	width: 137px;
	display: block;
	position: absolute;
	top: 44px;
	left: 0;
	background: #402b16 url(../images/lang_hover_bg.png) center bottom no-repeat;
	border: 1px solid #1a1109;
	border-top: 0;
	opacity: 0;
	overflow: hidden;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;

	-webkit-box-shadow: 0 1px 5px -1px #111111;
	-moz-box-shadow: 0 1px 5px -1px #111111;
	box-shadow: 0 1px 5px -1px #111111;

	z-index: 1;

}
.csstransitions NAV UL#navigator LI#lang DIV {
	-webkit-transition: height .2s ease;
	-moz-transition: height .2s ease;
	-o-transition: height .2s ease;
	transition: height .2s ease;
}


.csstransitions NAV UL#navigator LI#lang:hover DIV, .no-js NAV UL#navigator LI#lang:hover DIV {
	opacity: 1;
	height: 181px;
}

NAV UL#navigator LI#lang UL {
	height: 180px;
	width: 135px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid #5a3e20;
	border-top: 0;

	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

NAV UL#navigator LI#lang DIV UL LI.first {
	margin-top: 2px;
}

NAV UL#navigator LI#lang DIV UL LI {
	height: 26px;
	width: 100%;
	display: block;
	position: relative;
	text-align: left;
	margin: 0;
	padding: 0;
}

NAV UL#navigator LI#lang DIV UL LI A {
	height: 18px;
	width: 70px;
	display: block;
	margin: 0 auto;
	padding: 4px 20px;

	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;
}

NAV UL#navigator LI#lang DIV UL LI A.active {
	background-image: -webkit-gradient(linear, left top, left bottom
		,color-stop(.01, #251609)
		,color-stop(.02, transparent)
		,color-stop(.98, transparent)
		,color-stop(.99, #51381d)
		);
	background-image: -moz-linear-gradient(center top
		, #251609 1%
		, transparent 2%
		, transparent 98%
		, #51381d 99%
		);

	border: 1px solid #332110;
	border-top: 1px solid #251609;
	border-bottom: 1px solid #51381d;
}

NAV UL#navigator LI#lang DIV UL LI A:hover {
	background-color: #ff6900;
}

NAV UL#navigator LI#lang DIV UL LI A.active:hover {
	background-color: transparent;
}

/****main content****/
#main {
	min-height: 670px;
	height:100%;
	min-width: 980px;
	width: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

/****aside****/
#main ASIDE {
	min-height: 570px;
	height: 60%;
	width: 100px;
	display: block;
	position: fixed;
	top: 80px;
	right: 0;
	float: right;
	z-index: 2;
}
/****buttons****/
.btn {
	text-align: center;
	text-decoration: none;
	color:#fff;
	display: block;
	padding: 1em 0;
	margin: 0 auto;
	background:#ff6800;
	border-radius: 4px;
}
#buttons {
	height: 220px;
	display: block;
	position: relative;
	left: -103px;
}

#buttons LI {
	height: 57px;
	width: 176px;
	display: block;
	margin: 0 17px 15px 10px;
	position: relative;
	background: transparent url(../images/left_buttons_bg.png) 0 0 no-repeat;
}

#buttons LI:hover {
	-webkit-animation: smallerpulse 0.5s 1;
  	-moz-animation: smallerpulse 0.5s 1;
  	-o-animation: smallerpulse 0.5s 1;
  	animation: smallerpulse 0.5s 1;
}

#buttons LI A {
	font-family: 'GeogrotesqueRegular';
	font-size: 1.4em;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	color: #422d17;
	color: rgba(66,45,23, .9);

	height: 37px;
	width: 100%;
	display: block;
	padding: 10px 0;
	position: relative;
}

#buttons LI A P {
	color: #422d17;
	height: 30px;
	width: 80px;
	display: block;
	position: relative;
	margin: 5px 0 0 80px ;
}

#buttons LI.first-child A P, #buttons LI.last-child A P {
	margin: 5px 0 0 18px;
}

#buttons LI A P SPAN.semibold {
	font-family: 'GeogrotesqueSemiBold';
	font-size: 1.29em;
}

.camera{
	height: 72px;
	width: 53px;
	display: block;
	position: absolute;
	top: -5px;
	right: -13px;
	background: transparent url(../images/camera.png) 0 0 no-repeat;
}
.symbol{
	height: 74px;
	width: 84px;
	display: block;
	position: absolute;
	top: -4px;
	left: -4px;
	background: transparent url(../images/symbol.png) 0 0 no-repeat;
}
.food{
	height: 78px;
	width: 80px;
	display: block;
	position: absolute;
	top: -10px;
	right: -13px;
	background: transparent url(../images/food.png) 0 0 no-repeat;
}
.nails{
	height: 55px;
	width: 85px;
	display: block;
	position: absolute;
	top: 4px;
	left: -12px;
	background: transparent url(../images/nails.png) 0 0 no-repeat;
}

/****calendar****/

#calendar {
	height: 290px;
	width: 100px;
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	overflow: hidden;
	/* AUTOMATIC resizing */
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}


.cal-arrow {
	height: 20px;
	width: 32px;
	display: block;
	position: absolute;
	left: 34px;
	background-image: url(../images/arrows_map.png);
	background-repeat: no-repeat;
}

.cal-arrow_up {
	top: 0;
	background-position: -64px 0;
}
.cal-arrow_up:hover {
	background-position: -64px -41px;
  	-webkit-animation: pulse 0.5s 2;
  	-moz-animation: pulse 0.5s 2;
  	-o-animation: pulse 0.5s 2;
  	animation: pulse 0.5s 2;
}
.cal-arrow_down{
	bottom: 0;
	background-position: -64px -20px;
}
.cal-arrow_down:hover {
	background-position: -64px -61px;
	-webkit-animation: pulse 0.5s 2;
  	-moz-animation: pulse 0.5s 2;
  	-o-animation: pulse 0.5s 2;
  	animation: pulse 0.5s 2;
}

#calendar DIV.cal-list {
	height: 213px;
	width: 621px;
	padding: 6px 5px;
	display: block;
	position: absolute;
	top: 33px;
	left: 0;

	background-color: #362413;
	border-top: 1px solid #46311c;
	border-bottom: 1px solid #3e2f1d;
	overflow: hidden;

	-webkit-border-top-left-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-bottomleft: 7px;
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;

	-webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,.5);
	-moz-box-shadow: 0 4px 5px 0 rgba(0,0,0,.5);
	box-shadow: 0 4px 5px 0 rgba(0,0,0,.5);
}

#calendar DIV.cal-list DIV.cal-wrapper{
	height: 213px;
	display: block;
	overflow:hidden;
	position: relative;
}

#calendar DIV.cal-list UL {
	width: 250px;
	display: block;
	padding: 0 2px;
	overflow: hidden;
	position: relative;
	top: 0;
}

.ie7 #calendar UL LI {
	margin-top: -2px;
}

#calendar UL LI {
	height: 71px;
	width: 229px;
	display: block;
	border-right: 1px solid #291c0e;
}

#calendar UL.open LI {
	/*calendar open*/
	width: 249px;
}

#calendar UL LI A {
	font-family: 'GeogrotesqueLight';
	font-size: 1.4em;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	color: #402b16;
	height: 26px;
	width: 87px;
	display: block;
	padding-top: 45px;
	padding-right: 5px;
	float: left;

	background: transparent url(../images/cal_img.png) 2px 2px no-repeat;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;

	-webkit-transition: all .5s ease-in;
}

#calendar UL LI A:hover {
	-webkit-animation: pulse 0.5s 1;
  	-moz-animation: pulse 0.5s 1;
  	-o-animation: pulse 0.5s 1;
  	animation: pulse 0.5s 1;
}

#calendar UL LI A.active {
	/*calendar open*/
	background-color: #ff6900;
}

#calendar UL LI A.active:hover {
	-webkit-animation: 0;
  	-moz-animation: 0;
  	-o-animation: 0;
  	animation: 0;
}


#calendar UL LI DIV {
	font-family: 'GeogrotesqueRegular';
	font-size: 1.4em;
	font-weight: normal;
	color: white;
	height: 61px;
	width: 118px;
	display: block;
	padding: 5px 0px;
	float: left;
}

#calendar UL.open LI DIV {
	/*calendar open*/
	width: 128px;
	padding: 5px 10px;
	border-left: 1px solid #ff6900;
}


#calendar UL LI DIV.cal-detail {
	display: none;
}

#calendar UL LI DIV P, #calendar UL LI DIV H5 {
	line-height: 1.2;
}

#calendar UL LI DIV H5 {
	font-family: 'GeogrotesqueRegularItalic';
	font-weight: normal;
	color: #ff7d23;
}

#cal-detail {
	font-family: 'GeogrotesqueRegularItalic';
	font-size: 1.4em;
	font-weight: normal;
	color: #ff7d23;
	height: 200px;
	width: 300px;
	display: block;
	position: absolute;
	top: 40px;
	right: -526px;
	opacity: 0;
}

#cal-detail H2 {
	font-family: 'GeogrotesqueBoldItalic';
	font-size: 2.14em;
	font-weight: normal;
	color: white;
	margin-top: 20px;
}

#cal-detail P {
	margin-top: 20px;
}

#cal-detail P:last-child {
	font-family: 'GeogrotesqueRegular';
	color: white;
}

/****home description****/
#home-description {
	color: #402b16;
	width: 616px;
	min-height: 100%;
	display: block;
	position: fixed;
	left: -916px;
	padding: 0 200px 0 100px;
	overflow: hidden;
	z-index: 2;
}

#home-description HEADER H2 {
	font-size: 3.2em;
}

#home-description TABLE {
	margin-bottom: 100px;
}

#home-description DIV.close-button {
	height: 49px;
	width: 57px;
	display: block;
	position: absolute;
	top: 80px;
	left: 720px;
	border: 3px solid #3f2a16;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 10px -2px black;
	-moz-box-shadow: 0 0 10px -2px black;
	box-shadow: 0 0 10px -2px black;
}

#home-description DIV A.close_home-description {
	height: 47px;
	width: 55px;
	display: block;
	background: transparent url(../images/table_head.png) -140px -1px no-repeat;
	border: 1px solid #d9cbbe;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#home-description DIV A.close_home-description SPAN {
	height: 19px;
	width: 21px;
	display: block;
	margin: 0 auto;
	position: relative;
	margin-top: 14px;
	background: transparent url(../images/arrows_map.png) -96px -45px  no-repeat;
	cursor: pointer;
}


/****ARTICLE#mainslider****/

#main ARTICLE#mainslider {
	width: 770px;
	padding: 410px 150px 40px 60px;
	position: absolute;
	left: 0px;
	bottom: 47px;
	background-image: url(../images/leaves.png);
	background-repeat: no-repeat;
	background-position: 0 117px;
	z-index: 1;
}

#main ARTICLE#mainslider HEADER {
	font-family: 'GeogrotesqueSemiBoldItalic';
	font-size: 5.5em;
	font-weight: normal;
	color: white;
	margin: 0 0 20px 20px;
	display: block;
	position: relative;
	top: 100px;
	left: -20px;
}
#main ARTICLE#mainslider HEADER:hover {
	z-index: 1;
}
#main ARTICLE#mainslider HEADER > DIV {
	font-family: 'GeogrotesqueRegular';
	font-size: 0.4em;
	background-color: #402b16;
	padding: 1em;
	margin: 0.5em 1.3em 0 0.3em;
	border-radius: 3px;
}
#main ARTICLE#mainslider HEADER > DIV STRONG {
	font-family: 'GeogrotesqueMedium';
}
#main ARTICLE#mainslider HEADER DIV A {
	color: #ff7d23;
}

#slider {
	height: 300px;
	width: 726px;
	display: block;
	position: relative;
}

#slider .slider-wrap {
	height: 320px;
	width: 726px;
	display: block;
	overflow: hidden;
	position: relative;
	top: -20px;
}

#slider UL {
	height: 300px;
	width: 20000px;
	display: block;
	position: absolute;
	left: 0;
}

A.slider-arrow {
	height: 41px;
	width: 26px;
	display: block;
	margin-top: -21px;
	position: absolute;
	top: 60%;
	background-color: transparent;
	background-image: url(../images/arrows_map.png);
	background-repeat: no-repeat;
}

A.slider-arrow_left {
	left: -36px;
	background-position: -38px 0 ;
}
A.slider-arrow_left:hover {
	background-position: -38px -41px ;
	-webkit-animation: pulse 0.5s 2;
  	-moz-animation: pulse 0.5s 2;
  	-o-animation: pulse 0.5s 2;
  	animation: pulse 0.5s 2;
}

A.slider-arrow_right {
	right: -36px;
	background-position: -12px 0 ;
}

A.slider-arrow_right:hover {
	background-position: -12px -41px ;
	-webkit-animation: pulse 0.5s 2;
  	-moz-animation: pulse 0.5s 2;
  	-o-animation: pulse 0.5s 2;
  	animation: pulse 0.5s 2;
}

#main ARTICLE#mainslider UL LI {
	height: 177px;
	width: 232px;
	display: block;
	margin: 116px 5px;
	float: left;
	position: relative;
}

#main ARTICLE#mainslider UL LI DIV.after-shadow {
	height: 28px;
	width: 227px;
	display: block;
	position: absolute;
	left: 3px;
	bottom: -28px;
	background: transparent url(../images/slider_shadow.png) 0 0 no-repeat;
}

#main ARTICLE#mainslider UL LI H3 {
	width: 230px;
	display: block;
	position: absolute;
	bottom: 137px;
	border: 1px solid #312111;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.csstransitions #main ARTICLE#mainslider UL LI H3 {
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}

.csstransitions #main ARTICLE#mainslider UL LI:hover H3, .no-js #main ARTICLE#mainslider UL LI:hover H3  {
	bottom: 233px;
}

#main ARTICLE#mainslider UL LI H3 SPAN {
	font-family: 'GeogrotesqueRegular';
	font-size: 1.8em;
	font-weight: normal;
	color: white;
	width: 208px;
	display: block;
	padding: 9px 10px;
	background: #312111 url(../images/slider_top_bg.png) center repeat-x;
	border: 1px solid #724d2a;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

#main ARTICLE#mainslider UL LI DIV.slider-detail {
	font-family: 'GeogrotesqueRegular';
	font-size: 1.3em;
	font-weight: normal;
	color: white;
	height: 0px;
	width: 197px;
	display: block;
	padding: 0 15px;
	position: absolute;
	bottom: 137px;
	left: 2px;
	background: #4f361e;
	opacity: 0;
	overflow: hidden;
}
.csstransitions #main ARTICLE#mainslider UL LI DIV.slider-detail {
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;

	-webkit-transition: opacity .5s linear;
	-moz-transition: opacity .5s linear;
	-o-transition: opacity .5s linear;
	transition: opacity .5s linear;
}

.csstransitions #main ARTICLE#mainslider UL LI:hover DIV.slider-detail, .no-js #main ARTICLE#mainslider UL LI:hover DIV.slider-detail {
	height: 76px;
	padding: 10px 15px;
	opacity: 1;
}

#main ARTICLE#mainslider UL LI DIV.slider-img {
	height: 129px;
	width: 219px;
	display: block;
	position: relative;
	top:40px;
	left: 2px;
	border: 4px solid #4f361e;
}

#main ARTICLE#mainslider UL LI DIV.slider-img DIV.corner {
	height: 29px;
	width: 25px;
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	background: transparent url(../images/corners.png) -38px 0 no-repeat;
}

#main ARTICLE#mainslider UL LI DIV A {
	font-family: 'GeogrotesqueSemiBold';
	font-size: 1.3em;
	font-weight: normal;
	color: white;
	text-decoration: none;
	height: 20px;
	_width: 100px;
	display: block;
	padding: 8px 0 0 8px;
	position: absolute;
	right: 25px;
	bottom: 1px;
	background: transparent url(../images/semitransparent_orange.png) 0 0 repeat;

	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
}

#main ARTICLE#mainslider UL LI DIV A DIV.after-corner {
	height: 28px;
	width: 25px;
	display: block;
	position: absolute;
	right: -25px;
	top: 0;
	background: transparent url(../images/corners.png) -63px 0 no-repeat;
}

#main ARTICLE#mainslider UL LI DIV A:hover {
	background: #ff6600;
}

#main ARTICLE#mainslider UL LI DIV A:hover DIV.after-corner {
	background-position: 0 -23px;
}

#main ARTICLE#mainslider UL LI DIV A SPAN {
	height: 8px;
	width: 9px;
	display: block;
	margin: 2px 5px;
	float: left;
	background: transparent url(../images/arrows_map.png)  0 -17px no-repeat;

}

#main ARTICLE#mainslider FOOTER A {
	font-family: 'GeogrotesqueLightItalic';
	font-size: 1.8em;
	font-weight: normal;
	color: white;
	text-decoration: none;
	width: 120px;
	display: block;
	text-align:center;
	margin: 0 auto;
}

#main ARTICLE#mainslider FOOTER A:hover {
	color: #ff6900;
}

#main ARTICLE#mainslider FOOTER A SPAN {
	height: 12px;
	width: 8px;
	display: block;
	margin-top: 4px;
	float: right;
	background: transparent url(../images/arrows_map.png) 0 -25px no-repeat;
}

#main ARTICLE#mainslider FOOTER A:hover SPAN {
	background-position: 0 -45px;
	-webkit-animation: pulse 0.5s 2;
  	-moz-animation: pulse 0.5s 2;
  	-o-animation: pulse 0.5s 2;
  	animation: pulse 0.5s 2;
}

/****footer****/
#footer-container {
	height: 54px;
	min-width: 700px;
	width: 100%;
	display: block;
	position: fixed;
	bottom: 0px;
	z-index: 10;
}

#footer-container DIV.socnet DIV.after-corner {
	height: 23px;
	width: 19px;
	display:block;
	position: absolute;
	top: 0;
	right: -19px;
	background: transparent url(../images/corners.png) -19px 0 no-repeat;
}


#footer-container DIV.socnet {
	height: 71px;
	width: 180px;
	display: block;
	position: absolute;
	top: -17px;
	left: 0;
	background: #b08559 url(../images/bamboo.jpg) 0 0 repeat-x;
	z-index:1;
}
#footer-container DIV.socnet A.instagram,
#footer-container DIV.socnet A.facebook {
	height: 32px;
	width: 32px;
	display: block;
	margin-right: 5px;
	float:left;
	/* background: transparent url(../images/facebook.png) 0 0 no-repeat; */
	padding: 0;
}
#footer-container DIV.socnet A.instagram svg path,
#footer-container DIV.socnet A.facebook svg path {
	fill: #a57344;
}

#footer-container DIV.socnet A.instagram:hover svg path,
#footer-container DIV.socnet A.facebook:hover svg path {
	fill: #fff;
}

#footer-container DIV.socnet A.partners {
	font-family: 'GeogrotesqueSemiBoldItalic';
	font-size: 1em;
	text-decoration: none;
	color: #a57344;
	display: block;
	padding: 8px 0;
	margin-left: 10px;
	float:left;
	position: relative;
}

#footer-container DIV.socnet-wrap
,#footer-container DIV.credits A {
	font-family: 'GeogrotesqueSemiBoldItalic';
	font-size: 1.4em;
	text-decoration: none;
	color: #a57344;
	height: 57px;
	display: block;
	padding: 10px 10px 10px 20px;
	position: relative;
	top: 4px;
	text-align: center;
	background-color: #402b16;
}

#footer-container DIV.socnet A.partners:hover
,#footer-container DIV A:hover {
	color: white;
}
#footer-container DIV.socnet-wrap:before
, #footer-container DIV.credits A:before {
	content: '';
	height: 1px;
	width: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 1px;
	background-color: #5a3e23;
}

#footer-container DIV.rights {
	height: 54px;
	display: block;
	margin-left: 39px;
	position: relative;
	background: #b08559 url(../images/bamboo.jpg) 0 0 repeat-x;
}

#footer-container DIV.rights DIV {
	font-family: 'GeogrotesqueLight';
	font-size: 1.2em;
	color: white;
	height: 30px;
	display: block;
	padding: 10px;
	position: relative;
	top: 4px;
	text-align: center;
	background-color: #402b16;
}

#footer-container DIV.rights DIV SPAN.before-border {
	height: 1px;
	width: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 1px;
	background-color: #5a3e23;
}

#footer-container DIV.credits {
	height: 71px;
	width: 141px;
	display: block;
	position: absolute;
	top: -17px;
	right: 0;
	background: #b08559 url(../images/bamboo.jpg) 0 0 repeat-x;
	z-index:1;
}

#footer-container DIV.credits DIV.before-corner {
	height: 23px;
	width: 19px;
	display: block;
	position: absolute;
	top: 0;
	left: -19px;
	background: transparent url(../images/corners.png) 0 0 no-repeat;
}

#footer-container DIV.credits A SPAN{
	height: 150px;
	width: 168px;
	display: block;
	position: absolute;
	top: -85px;
	left: -110px;
	background: transparent url(../images/tree.png) 0 0 no-repeat;
}

/*********shadowcube*********/

.shadowcube-wrapper, .virtual-tour_wrapper {
	height: 100%;
	width: 100%;
	display: none;
	position: fixed;
	z-index: 100;

}

.shadowcube-overlay {
	height: 100%;
	width: 100%;
	display: block;
	position: fixed;
	background: transparent url(../images/shadowcube_bg.png) 0 0 repeat;
}

.shadowcube-content_wrap {
	height: 289px;
	width: 495px;
	display: block;
	padding: 7px 9px;
	margin-top: -152px;
	margin-left: -256px;
	position: fixed;
	top: 40%;
	left: 50%;
	background: transparent url(../images/shadowcube_bg.png) 0 0 repeat;

	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

.shadowcube-content {
	height: 288px;
	width: 495px;
	display: block;
	background: transparent url(../images/shadowcube_content.png) 0 0 no-repeat;
}

.shadowcube-content_panel {
	font-family: 'GeogrotesqueRegular';
	color: #402b16;
	font-weight: normal;
	font-size: 1.8em;
	height: 20px;
	display: block;
	padding: 15px 20px;
	position: relative;
	background: #9f794a url(../images/shadowcube_panel.png) -60px 0 repeat-x;

	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;

	text-shadow: 0 1px 1px  white;
}

.shadowcube-content_panel SPAN.first-child {
	float:left;
}

.shadowcube-content_panel SPAN.last-child {
	float:right;
	text-align:right;
}

.shadowcube-content_panel SPAN.last-child A {
	height: 21px;
	width: 21px;
	display: block;
	margin-left: 20px;
	float: right;
	background: transparent url(../images/arrows_map.png) -96px -44px no-repeat;
}

.shadowcube-content_panel SPAN.last-child A:hover {
	-webkit-animation: pulse 0.5s 2;
  	-moz-animation: pulse 0.5s 2;
  	-o-animation: pulse 0.5s 2;
  	animation: pulse 0.5s 2;
}

.shadowcube-content_panel SPAN.shadow {
	height: 25px;
	width: 495px;
	display: block;
	position: absolute;
	left: 0;
	bottom: -25px;
	background: transparent url(../images/shadowcube_panel_shadow.png) 0 0 no-repeat;
}

.shadowcube-content_rest-content {
	height: 164px;
	width: 420px;
	display: block;
	margin: 0 auto;
	margin-top: 40px;
	position: relative;
}
.shadowcube-content_rest-content.columns {
	width: 465px;
}
.shadowcube-content_rest-content DIV.column {
	height: 100%;
	width: 140px;
	float: left;
	margin: 0 0 0 15px;
}
.shadowcube-content_rest-content DIV.left-column {
	height: 100%;
	width: 190px;
	float:left;
}
.shadowcube-content_rest-content DIV.right-column {
	width: 200px;
	float: right;
}

.shadowcube-content_rest-content DIV.column A.virtual-tour_icon {
	font-family: 'GeogrotesqueUltraLIght';
	font-size: 3.6em;
	color: #402b16;
	height: 74px;
	width: 98px;
	display: block;
	text-align: center;
	padding-top: 26px;
	margin: -10px 10px 10px 10px;
	position: relative;
	background: transparent url(../images/virtual/virtual-bg.png) 0 0 no-repeat;
}

.shadowcube-content_rest-content DIV H4 {
	font-family: 'GeogrotesqueSemiBoldItalic';
	font-weight: normal;
	font-size: 24px;
	color: #402b16;
	text-shadow: 0 1px 1px  white;
}

.shadowcube-content_rest-content DIV H5 {
	font-family: 'GeogrotesqueSemiBoldItalic';
	font-weight: normal;
	font-size: 30px;
	color: #402b16;
	text-align: right;
	text-shadow: 0 1px 1px  white;
}

.shadowcube-content_rest-content DIV H5 SPAN.after-arrow {
	height: 24px;
	width: 14px;
	display: block;
	margin-top: 3px;
	margin-left: 10px;
	float: right;
	background: transparent url(../images/arrows_map.png) -96px -65px no-repeat;
}

.shadowcube-content_rest-content DIV P {
	font-family: 'GeogrotesqueMedium';
	font-weight: normal;
	font-size: 1.4em;
	color: #402b16;
	margin: 25px 0 15px 0;
}
.shadowcube-content_rest-content DIV.column P {
	margin: 5px 0;
}


.shadowcube-content_rest-content DIV A.order-link {
	font-family: 'GeogrotesqueMedium';
	font-weight: normal;
	font-size: 1.4em;
	text-decoration: underline;
	color: #ff6900;
	display: block;
	float: right;
}
.shadowcube-content_rest-content DIV.column A.order-link {
	float: none;
}

.shadowcube-content_rest-content DIV A.order-link SPAN {
	height: 5px;
	width: 6px;
	display: block;
	float: left;
	margin: 5px 5px 0 0;
	background: transparent url(../images/arrows_map.png) 0 -58px no-repeat;
}

.shadowcube-content_rest-content DIV A {
	text-decoration: none;
	display: block;
}

.shadowcube-content_rest-content DIV A:hover {
	text-decoration: none;
	-webkit-animation: pulse 0.5s 2;
  	-moz-animation: pulse 0.5s 2;
  	-o-animation: pulse 0.5s 2;
  	animation: pulse 0.5s 2;
}

.inactive {
	position: relative;
	opacity: 0.5;
}
.inactive:after {
	content: '';
	height: 120%;
	width: 100%;
	display: block;
	position: absolute;
	top: -10px;
	left: 0;
}

/** AWWWARDS **/
#awwwards{
position:fixed;
top:80px;
left:0px;
z-index:555;
}
#awwwards.offset {
	top: 220px;
}
#awwwards a{
width:69px;
height:105px;
text-indent:-8000px;
display:block;
background:url(../images/awwwards/awwwards_nominee_b_left.png) no-repeat;
overflow:hidden;
}

/*********css animation********/
/****pulse 1****/
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale(1.0);
    opacity: 0.75;
  }
  50% {
    -webkit-transform: scale(1.1);
    opacity: 1.0;

  }
  to {
    -webkit-transform: scale(1.0);
    opacity: 0.75;
  }
}

@-moz-keyframes pulse {
  from {
    -moz-transform: scale(1.0);
    opacity: 0.75;
  }
  50% {
    -moz-transform: scale(1.1);
    opacity: 1.0;
  }
  to {
    -moz-transform: scale(1.0);
    opacity: 0.75;
  }
}

@-o-keyframes pulse {
  from {
    -o-transform: scale(1.0);
    opacity: 0.75;
  }
  50% {

    -o-transform: scale(1.1);
    opacity: 1.0;

  }
  to {
    -o-transform: scale(1.0);
    opacity: 0.75;
  }
}

@keyframes pulse {
  from {
    transform: scale(1.0);
    opacity: 0.75;
  }
  50% {
    transform: scale(1.1);
    opacity: 1.0;
  }
  to {
    transform: scale(1.0);
    opacity: 0.75;
  }
}
/****pulse 2****/
@-webkit-keyframes smallerpulse {
  from {
  	-webkit-transform: skew(0deg);
  	opacity: .1;
  }
  1% {
  	-webkit-transform: skew(1deg);
  }
  2% {
  	-webkit-transform: skew(2deg);
  }
  3% {
  	-webkit-transform: skew(3deg);
  }
  4% {
  	-webkit-transform: skew(4deg);
  }
  5% {
  	-webkit-transform: skew(5deg);
  }
  6% {
  	-webkit-transform: skew(4deg);
  }
  7% {
  	-webkit-transform: skew(3deg);
  }
  8% {
  	-webkit-transform: skew(2deg);
  }
  9% {
  	-webkit-transform: skew(1deg);
  }
  10% {
  	-webkit-transform: skew(0deg);
  }
  11% {
  	-webkit-transform: skew(-1deg);
  }
  12% {
  	-webkit-transform: skew(-2deg);
  }
  13% {
  	-webkit-transform: skew(-3deg);
  }
  14% {
  	-webkit-transform: skew(-4deg);
  }
  15% {
  	-webkit-transform: skew(-5deg);
  }
  16% {
  	-webkit-transform: skew(-4deg);
  }
  17% {
  	-webkit-transform: skew(-3deg);
  }
  18% {
  	-webkit-transform: skew(-2deg);
  }
  19% {
  	-webkit-transform: skew(-1deg);
  }
  20% {
  	-webkit-transform: skew(0deg);
  }
/* one cycle */
  21% {
  	-webkit-transform: skew(1deg);
  }
  22% {
  	-webkit-transform: skew(2deg);
  }
  23% {
  	-webkit-transform: skew(3deg);
  }
  24% {
  	-webkit-transform: skew(4deg);
  }
  25% {
  	-webkit-transform: skew(5deg);
  }
  26% {
  	-webkit-transform: skew(4deg);
  }
  27% {
  	-webkit-transform: skew(3deg);
  }
  28% {
  	-webkit-transform: skew(2deg);
  }
  29% {
  	-webkit-transform: skew(1deg);
  }
  30% {
  	-webkit-transform: skew(0deg);
  }
  31% {
  	-webkit-transform: skew(-1deg);
  }
  32% {
  	-webkit-transform: skew(-2deg);
  }
  33% {
  	-webkit-transform: skew(-3deg);
  }
  34% {
  	-webkit-transform: skew(-4deg);
  }
  35% {
  	-webkit-transform: skew(-5deg);
  }
  36% {
  	-webkit-transform: skew(-4deg);
  }
  37% {
  	-webkit-transform: skew(-3deg);
  }
  38% {
  	-webkit-transform: skew(-2deg);
  }
  39% {
  	-webkit-transform: skew(-1deg);
  }
  40% {
  	-webkit-transform: skew(0deg);
  }
  41% {
  	-webkit-transform: skew(1deg);
  }
  42% {
  	-webkit-transform: skew(2deg);
  }
  43% {
  	-webkit-transform: skew(3deg);
  }
  44% {
  	-webkit-transform: skew(4deg);
  }
  45% {
  	-webkit-transform: skew(5deg);
  }
  46% {
  	-webkit-transform: skew(4deg);
  }
  47% {
  	-webkit-transform: skew(3deg);
  }
  48% {
  	-webkit-transform: skew(2deg);
  }
  49% {
  	-webkit-transform: skew(1deg);
  }
  50% {
  	-webkit-transform: skew(0deg);
  }
  51% {
  	-webkit-transform: skew(-1deg);
  }
  52% {
  	-webkit-transform: skew(-2deg);
  }
  53% {
  	-webkit-transform: skew(-3deg);
  }
  54% {
  	-webkit-transform: skew(-4deg);
  }
  55% {
  	-webkit-transform: skew(-5deg);
  }
  56% {
  	-webkit-transform: skew(-4deg);
  }
  57% {
  	-webkit-transform: skew(-3deg);
  }
  58% {
  	-webkit-transform: skew(-2deg);
  }
  59% {
  	-webkit-transform: skew(-1deg);
  }
  60% {
  	-webkit-transform: skew(0deg);
  }
  61% {
  	-webkit-transform: skew(1deg);
  }
  62% {
  	-webkit-transform: skew(2deg);
  }
  63% {
  	-webkit-transform: skew(3deg);
  }
  64% {
  	-webkit-transform: skew(4deg);
  }
  65% {
  	-webkit-transform: skew(5deg);
  }
  66% {
  	-webkit-transform: skew(4deg);
  }
  67% {
  	-webkit-transform: skew(3deg);
  }
  68% {
  	-webkit-transform: skew(2deg);
  }
  69% {
  	-webkit-transform: skew(1deg);
  }
  70% {
  	-webkit-transform: skew(0deg);
  }
  71% {
  	-webkit-transform: skew(-1deg);
  }
  72% {
  	-webkit-transform: skew(-2deg);
  }
  73% {
  	-webkit-transform: skew(-3deg);
  }
  74% {
  	-webkit-transform: skew(-4deg);
  }
  75% {
  	-webkit-transform: skew(-5deg);
  }
  76% {
  	-webkit-transform: skew(-4deg);
  }
  77% {
  	-webkit-transform: skew(-3deg);
  }
  78% {
  	-webkit-transform: skew(-2deg);
  }
  79% {
  	-webkit-transform: skew(-1deg);
  }
  80% {
  	-webkit-transform: skew(0deg);
  }
  81% {
  	-webkit-transform: skew(1deg);
  }
  82% {
  	-webkit-transform: skew(2deg);
  }
  83% {
  	-webkit-transform: skew(3deg);
  }
  84% {
  	-webkit-transform: skew(4deg);
  }
  85% {
  	-webkit-transform: skew(5deg);
  }
  86% {
  	-webkit-transform: skew(4deg);
  }
  87% {
  	-webkit-transform: skew(3deg);
  }
  88% {
  	-webkit-transform: skew(2deg);
  }
  89% {
  	-webkit-transform: skew(1deg);
  }
  90% {
  	-webkit-transform: skew(0deg);
  }
  91% {
  	-webkit-transform: skew(-1deg);
  }
  92% {
  	-webkit-transform: skew(-2deg);
  }
  93% {
  	-webkit-transform: skew(-3deg);
  }
  94% {
  	-webkit-transform: skew(-4deg);
  }
  95% {
  	-webkit-transform: skew(-5deg);
  }
  96% {
  	-webkit-transform: skew(-4deg);
  }
  97% {
  	-webkit-transform: skew(-3deg);
  }
  98% {
  	-webkit-transform: skew(-2deg);
  }
  99% {
  	-webkit-transform: skew(-1deg);
  }
  to {
  	-webkit-transform: skew(0deg);
  	opacity: 1;
  }
}

@-moz-keyframes smallerpulse {
  from {
  	-moz-transform: skew(0deg);
  	opacity: .1;
  }
  1% {
  	-moz-transform: skew(1deg);
  	opacity: .2;
  }
  2% {
  	-moz-transform: skew(2deg);
  }
  3% {
  	-moz-transform: skew(3deg);
  }
  4% {
  	-moz-transform: skew(4deg);
  }
  5% {
  	-moz-transform: skew(5deg);
  }
  6% {
  	-moz-transform: skew(4deg);
  }
  7% {
  	-moz-transform: skew(3deg);
  }
  8% {
  	-moz-transform: skew(2deg);
  }
  9% {
  	-moz-transform: skew(1deg);
  }
  10% {
  	-moz-transform: skew(0deg);
  }
  11% {
  	-moz-transform: skew(-1deg);
  }
  12% {
  	-moz-transform: skew(-2deg);
  }
  13% {
  	-moz-transform: skew(-3deg);
  }
  14% {
  	-moz-transform: skew(-4deg);
  }
  15% {
  	-moz-transform: skew(-5deg);
  }
  16% {
  	-moz-transform: skew(-4deg);
  }
  17% {
  	-moz-transform: skew(-3deg);
  }
  18% {
  	-moz-transform: skew(-2deg);
  }
  19% {
  	-moz-transform: skew(-1deg);
  }
  20% {
  	-moz-transform: skew(0deg);
  }
/* one cycle */
  21% {
  	-moz-transform: skew(1deg);
  }
  22% {
  	-moz-transform: skew(2deg);
  }
  23% {
  	-moz-transform: skew(3deg);
  }
  24% {
  	-moz-transform: skew(4deg);
  }
  25% {
  	-moz-transform: skew(5deg);
  }
  26% {
  	-moz-transform: skew(4deg);
  }
  27% {
  	-moz-transform: skew(3deg);
  }
  28% {
  	-moz-transform: skew(2deg);
  }
  29% {
  	-moz-transform: skew(1deg);
  }
  30% {
  	-moz-transform: skew(0deg);
  }
  31% {
  	-moz-transform: skew(-1deg);
  }
  32% {
  	-moz-transform: skew(-2deg);
  }
  33% {
  	-moz-transform: skew(-3deg);
  }
  34% {
  	-moz-transform: skew(-4deg);
  }
  35% {
  	-moz-transform: skew(-5deg);
  }
  36% {
  	-moz-transform: skew(-4deg);
  }
  37% {
  	-moz-transform: skew(-3deg);
  }
  38% {
  	-moz-transform: skew(-2deg);
  }
  39% {
  	-moz-transform: skew(-1deg);
  }
  40% {
  	-moz-transform: skew(0deg);
  }
  41% {
  	-moz-transform: skew(1deg);
  }
  42% {
  	-moz-transform: skew(2deg);
  }
  43% {
  	-moz-transform: skew(3deg);
  }
  44% {
  	-moz-transform: skew(4deg);
  }
  45% {
  	-moz-transform: skew(5deg);
  }
  46% {
  	-moz-transform: skew(4deg);
  }
  47% {
  	-moz-transform: skew(3deg);
  }
  48% {
  	-moz-transform: skew(2deg);
  }
  49% {
  	-moz-transform: skew(1deg);
  }
  50% {
  	-moz-transform: skew(0deg);
  }
  51% {
  	-moz-transform: skew(-1deg);
  }
  52% {
  	-moz-transform: skew(-2deg);
  }
  53% {
  	-moz-transform: skew(-3deg);
  }
  54% {
  	-moz-transform: skew(-4deg);
  }
  55% {
  	-moz-transform: skew(-5deg);
  }
  56% {
  	-moz-transform: skew(-4deg);
  }
  57% {
  	-moz-transform: skew(-3deg);
  }
  58% {
  	-moz-transform: skew(-2deg);
  }
  59% {
  	-moz-transform: skew(-1deg);
  }
  60% {
  	-moz-transform: skew(0deg);
  }
  61% {
  	-moz-transform: skew(1deg);
  }
  62% {
  	-moz-transform: skew(2deg);
  }
  63% {
  	-moz-transform: skew(3deg);
  }
  64% {
  	-moz-transform: skew(4deg);
  }
  65% {
  	-moz-transform: skew(5deg);
  }
  66% {
  	-moz-transform: skew(4deg);
  }
  67% {
  	-moz-transform: skew(3deg);
  }
  68% {
  	-moz-transform: skew(2deg);
  }
  69% {
  	-moz-transform: skew(1deg);
  }
  70% {
  	-moz-transform: skew(0deg);
  }
  71% {
  	-moz-transform: skew(-1deg);
  }
  72% {
  	-moz-transform: skew(-2deg);
  }
  73% {
  	-moz-transform: skew(-3deg);
  }
  74% {
  	-moz-transform: skew(-4deg);
  }
  75% {
  	-moz-transform: skew(-5deg);
  }
  76% {
  	-moz-transform: skew(-4deg);
  }
  77% {
  	-moz-transform: skew(-3deg);
  }
  78% {
  	-moz-transform: skew(-2deg);
  }
  79% {
  	-moz-transform: skew(-1deg);
  }
  80% {
  	-moz-transform: skew(0deg);
  }
  81% {
  	-moz-transform: skew(1deg);
  }
  82% {
  	-moz-transform: skew(2deg);
  }
  83% {
  	-moz-transform: skew(3deg);
  }
  84% {
  	-moz-transform: skew(4deg);
  }
  85% {
  	-moz-transform: skew(5deg);
  }
  86% {
  	-moz-transform: skew(4deg);
  }
  87% {
  	-moz-transform: skew(3deg);
  }
  88% {
  	-moz-transform: skew(2deg);
  }
  89% {
  	-moz-transform: skew(1deg);
  }
  90% {
  	-moz-transform: skew(0deg);
  }
  91% {
  	-moz-transform: skew(-1deg);
  }
  92% {
  	-moz-transform: skew(-2deg);
  }
  93% {
  	-moz-transform: skew(-3deg);
  }
  94% {
  	-moz-transform: skew(-4deg);
  }
  95% {
  	-moz-transform: skew(-5deg);
  }
  96% {
  	-moz-transform: skew(-4deg);
  }
  97% {
  	-moz-transform: skew(-3deg);
  }
  98% {
  	-moz-transform: skew(-2deg);
  }
  99% {
  	-moz-transform: skew(-1deg);
  }
  to {
  	-moz-transform: skew(0deg);
  	opacity: 1;
  }
}

@-o-keyframes smallerpulse {
  from {
  	-o-transform: skew(0deg);
  	opacity: .1;
  }
  1% {
  	-o-transform: skew(1deg);
  }
  2% {
  	-o-transform: skew(2deg);
  }
  3% {
  	-o-transform: skew(3deg);
  }
  4% {
  	-o-transform: skew(4deg);
  }
  5% {
  	-o-transform: skew(5deg);
  }
  6% {
  	-o-transform: skew(4deg);
  }
  7% {
  	-o-transform: skew(3deg);
  }
  8% {
  	-o-transform: skew(2deg);
  }
  9% {
  	-o-transform: skew(1deg);
  }
  10% {
  	-o-transform: skew(0deg);
  }
  11% {
  	-o-transform: skew(-1deg);
  }
  12% {
  	-o-transform: skew(-2deg);
  }
  13% {
  	-o-transform: skew(-3deg);
  }
  14% {
  	-o-transform: skew(-4deg);
  }
  15% {
  	-o-transform: skew(-5deg);
  }
  16% {
  	-o-transform: skew(-4deg);
  }
  17% {
  	-o-transform: skew(-3deg);
  }
  18% {
  	-o-transform: skew(-2deg);
  }
  19% {
  	-o-transform: skew(-1deg);
  }
  20% {
  	-o-transform: skew(0deg);
  }
/* one cycle */
  21% {
  	-o-transform: skew(1deg);
  }
  22% {
  	-o-transform: skew(2deg);
  }
  23% {
  	-o-transform: skew(3deg);
  }
  24% {
  	-o-transform: skew(4deg);
  }
  25% {
  	-o-transform: skew(5deg);
  }
  26% {
  	-o-transform: skew(4deg);
  }
  27% {
  	-o-transform: skew(3deg);
  }
  28% {
  	-o-transform: skew(2deg);
  }
  29% {
  	-o-transform: skew(1deg);
  }
  30% {
  	-o-transform: skew(0deg);
  }
  31% {
  	-o-transform: skew(-1deg);
  }
  32% {
  	-o-transform: skew(-2deg);
  }
  33% {
  	-o-transform: skew(-3deg);
  }
  34% {
  	-o-transform: skew(-4deg);
  }
  35% {
  	-o-transform: skew(-5deg);
  }
  36% {
  	-o-transform: skew(-4deg);
  }
  37% {
  	-o-transform: skew(-3deg);
  }
  38% {
  	-o-transform: skew(-2deg);
  }
  39% {
  	-o-transform: skew(-1deg);
  }
  40% {
  	-o-transform: skew(0deg);
  }
  41% {
  	-o-transform: skew(1deg);
  }
  42% {
  	-o-transform: skew(2deg);
  }
  43% {
  	-o-transform: skew(3deg);
  }
  44% {
  	-o-transform: skew(4deg);
  }
  45% {
  	-o-transform: skew(5deg);
  }
  46% {
  	-o-transform: skew(4deg);
  }
  47% {
  	-o-transform: skew(3deg);
  }
  48% {
  	-o-transform: skew(2deg);
  }
  49% {
  	-o-transform: skew(1deg);
  }
  50% {
  	-o-transform: skew(0deg);
  }
  51% {
  	-o-transform: skew(-1deg);
  }
  52% {
  	-o-transform: skew(-2deg);
  }
  53% {
  	-o-transform: skew(-3deg);
  }
  54% {
  	-o-transform: skew(-4deg);
  }
  55% {
  	-o-transform: skew(-5deg);
  }
  56% {
  	-o-transform: skew(-4deg);
  }
  57% {
  	-o-transform: skew(-3deg);
  }
  58% {
  	-o-transform: skew(-2deg);
  }
  59% {
  	-o-transform: skew(-1deg);
  }
  60% {
  	-o-transform: skew(0deg);
  }
  61% {
  	-o-transform: skew(1deg);
  }
  62% {
  	-o-transform: skew(2deg);
  }
  63% {
  	-o-transform: skew(3deg);
  }
  64% {
  	-o-transform: skew(4deg);
  }
  65% {
  	-o-transform: skew(5deg);
  }
  66% {
  	-o-transform: skew(4deg);
  }
  67% {
  	-o-transform: skew(3deg);
  }
  68% {
  	-o-transform: skew(2deg);
  }
  69% {
  	-o-transform: skew(1deg);
  }
  70% {
  	-o-transform: skew(0deg);
  }
  71% {
  	-o-transform: skew(-1deg);
  }
  72% {
  	-o-transform: skew(-2deg);
  }
  73% {
  	-o-transform: skew(-3deg);
  }
  74% {
  	-o-transform: skew(-4deg);
  }
  75% {
  	-o-transform: skew(-5deg);
  }
  76% {
  	-o-transform: skew(-4deg);
  }
  77% {
  	-o-transform: skew(-3deg);
  }
  78% {
  	-o-transform: skew(-2deg);
  }
  79% {
  	-o-transform: skew(-1deg);
  }
  80% {
  	-o-transform: skew(0deg);
  }
  81% {
  	-o-transform: skew(1deg);
  }
  82% {
  	-o-transform: skew(2deg);
  }
  83% {
  	-o-transform: skew(3deg);
  }
  84% {
  	-o-transform: skew(4deg);
  }
  85% {
  	-o-transform: skew(5deg);
  }
  86% {
  	-o-transform: skew(4deg);
  }
  87% {
  	-o-transform: skew(3deg);
  }
  88% {
  	-o-transform: skew(2deg);
  }
  89% {
  	-o-transform: skew(1deg);
  }
  90% {
  	-o-transform: skew(0deg);
  }
  91% {
  	-o-transform: skew(-1deg);
  }
  92% {
  	-o-transform: skew(-2deg);
  }
  93% {
  	-o-transform: skew(-3deg);
  }
  94% {
  	-o-transform: skew(-4deg);
  }
  95% {
  	-o-transform: skew(-5deg);
  }
  96% {
  	-o-transform: skew(-4deg);
  }
  97% {
  	-o-transform: skew(-3deg);
  }
  98% {
  	-o-transform: skew(-2deg);
  }
  99% {
  	-o-transform: skew(-1deg);
  }
  to {
  	-o-transform: skew(0deg);
  	opacity: 1;
  }
}

@keyframes smallerpulse {
  from {
  	transform: skew(0deg);
  	opacity: .1;
  }
  1% {
  	transform: skew(1deg);
  }
  2% {
  	transform: skew(2deg);
  }
  3% {
  	transform: skew(3deg);
  }
  4% {
  	transform: skew(4deg);
  }
  5% {
  	transform: skew(5deg);
  }
  6% {
  	transform: skew(4deg);
  }
  7% {
  	transform: skew(3deg);
  }
  8% {
  	transform: skew(2deg);
  }
  9% {
  	transform: skew(1deg);
  }
  10% {
  	transform: skew(0deg);
  }
  11% {
  	transform: skew(-1deg);
  }
  12% {
  	transform: skew(-2deg);
  }
  13% {
  	transform: skew(-3deg);
  }
  14% {
  	transform: skew(-4deg);
  }
  15% {
  	transform: skew(-5deg);
  }
  16% {
  	transform: skew(-4deg);
  }
  17% {
  	transform: skew(-3deg);
  }
  18% {
  	transform: skew(-2deg);
  }
  19% {
  	transform: skew(-1deg);
  }
  20% {
  	transform: skew(0deg);
  }
/* one cycle */
  21% {
  	transform: skew(1deg);
  }
  22% {
  	transform: skew(2deg);
  }
  23% {
  	transform: skew(3deg);
  }
  24% {
  	transform: skew(4deg);
  }
  25% {
  	transform: skew(5deg);
  }
  26% {
  	transform: skew(4deg);
  }
  27% {
  	transform: skew(3deg);
  }
  28% {
  	transform: skew(2deg);
  }
  29% {
  	transform: skew(1deg);
  }
  30% {
  	transform: skew(0deg);
  }
  31% {
  	 transform: skew(-1deg);
  }
  32% {
  	 transform: skew(-2deg);
  }
  33% {
  	 transform: skew(-3deg);
  }
  34% {
  	 transform: skew(-4deg);
  }
  35% {
  	 transform: skew(-5deg);
  }
  36% {
  	 transform: skew(-4deg);
  }
  37% {
  	 transform: skew(-3deg);
  }
  38% {
  	 transform: skew(-2deg);
  }
  39% {
  	 transform: skew(-1deg);
  }
  40% {
  	 transform: skew(0deg);
  }
  41% {
  	 transform: skew(1deg);
  }
  42% {
  	 transform: skew(2deg);
  }
  43% {
  	 transform: skew(3deg);
  }
  44% {
  	 transform: skew(4deg);
  }
  45% {
  	 transform: skew(5deg);
  }
  46% {
  	 transform: skew(4deg);
  }
  47% {
  	 transform: skew(3deg);
  }
  48% {
  	 transform: skew(2deg);
  }
  49% {
  	 transform: skew(1deg);
  }
  50% {
  	 transform: skew(0deg);
  }
  51% {
  	 transform: skew(-1deg);
  }
  52% {
  	 transform: skew(-2deg);
  }
  53% {
  	 transform: skew(-3deg);
  }
  54% {
  	 transform: skew(-4deg);
  }
  55% {
  	 transform: skew(-5deg);
  }
  56% {
  	 transform: skew(-4deg);
  }
  57% {
  	 transform: skew(-3deg);
  }
  58% {
  	 transform: skew(-2deg);
  }
  59% {
  	 transform: skew(-1deg);
  }
  60% {
  	 transform: skew(0deg);
  }
  61% {
  	 transform: skew(1deg);
  }
  62% {
  	 transform: skew(2deg);
  }
  63% {
  	 transform: skew(3deg);
  }
  64% {
  	 transform: skew(4deg);
  }
  65% {
  	 transform: skew(5deg);
  }
  66% {
  	 transform: skew(4deg);
  }
  67% {
  	 transform: skew(3deg);
  }
  68% {
  	 transform: skew(2deg);
  }
  69% {
  	 transform: skew(1deg);
  }
  70% {
  	 transform: skew(0deg);
  }
  71% {
  	 transform: skew(-1deg);
  }
  72% {
  	 transform: skew(-2deg);
  }
  73% {
  	 transform: skew(-3deg);
  }
  74% {
  	 transform: skew(-4deg);
  }
  75% {
  	 transform: skew(-5deg);
  }
  76% {
  	 transform: skew(-4deg);
  }
  77% {
  	 transform: skew(-3deg);
  }
  78% {
  	 transform: skew(-2deg);
  }
  79% {
  	 transform: skew(-1deg);
  }
  80% {
  	 transform: skew(0deg);
  }
  81% {
  	 transform: skew(1deg);
  }
  82% {
  	 transform: skew(2deg);
  }
  83% {
  	 transform: skew(3deg);
  }
  84% {
  	 transform: skew(4deg);
  }
  85% {
  	 transform: skew(5deg);
  }
  86% {
  	 transform: skew(4deg);
  }
  87% {
  	 transform: skew(3deg);
  }
  88% {
  	 transform: skew(2deg);
  }
  89% {
  	 transform: skew(1deg);
  }
  90% {
  	 transform: skew(0deg);
  }
  91% {
  	 transform: skew(-1deg);
  }
  92% {
  	 transform: skew(-2deg);
  }
  93% {
  	 transform: skew(-3deg);
  }
  94% {
  	 transform: skew(-4deg);
  }
  95% {
  	 transform: skew(-5deg);
  }
  96% {
  	 transform: skew(-4deg);
  }
  97% {
  	 transform: skew(-3deg);
  }
  98% {
  	 transform: skew(-2deg);
  }
  99% {
  	 transform: skew(-1deg);
  }
  to {
  	 transform: skew(0deg);
  	opacity: 1;
  }
}