body {
	padding: 0;
	margin: 0;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #444;
}
body, html {
	height: 100%;
	background: #E1B986;
	overflow: hidden;
}
*, *:after, *::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
::selection {
	background: rgba(255,255,255,0);
	text-shadow: none;
}
::-moz-selection {
	background: rgba(255,255,255,0);
	text-shadow: none;
}
a {
	color: inherit;
	text-decoration: none;
}
img, svg {
	display: block;
}
#ascrail2000 {
	-webkit-transform: rotate(-7deg);
	-moz-transform: rotate(-7deg);
	-ms-transform: rotate(-7deg);
	-o-transform: rotate(-7deg);
	transform: rotate(-7deg);
}
img {
	width: 100%;
	height: auto;
}
.done {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 120%;
	height: 120%;
	background-image: url(img/desk.svg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

/* logo */

.logo {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -20px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.logo span {
	display: inline-block;
	width: 70px;
	font-size: 80px;
}
.logo span:nth-child(2) {
	width: 65px;
}
.logo span:nth-child(3) {
	width: 55px;
}
.logo br {
	display: none;
}

/* items */

.rubber {
	position: absolute;
	top: 45%;
	right: 12%;
	width: 5%;
	pointer-events: none;
	opacity: 0;
}
.sharpener {
	position: absolute;
	bottom: 34%;
	left: 17%;
	width: 3%;
	pointer-events: none;
	opacity: 0;
}
.scissor {
	position: absolute;
	bottom: 30%;
	left: -2%;
	width: 11%;
	pointer-events: none;
	opacity: 0;
}
.penleft {
	position: absolute;
	bottom: 10%;
	left: 4%;
	width: 14%;
	pointer-events: none;
	opacity: 0;
}
.ruler {
	position: absolute;
	bottom: -3%;
	left: 12%;
	width: 8%;
	pointer-events: none;
	opacity: 0;
}
.pendrive {
	position: absolute;
	bottom: 35%;
	right: 8%;
	width: 8%;
	pointer-events: none;
	opacity: 0;
}
.pencil {
	position: absolute;
	bottom: 5%;
	right: -6%;
	width: 13%;
	pointer-events: none;
	opacity: 0;
}
.clip {
	position: absolute;
	top: 30%;
	right: 42%;
	width: 2.5%;
	pointer-events: none;
	opacity: 0;
}
.calculator {
	position: absolute;
	top: 2%;
	right: 27%;
	width: 13%;
	pointer-events: none;
	opacity: 0;
}
.penblue {
	position: absolute;
	top: 26%;
	left: 38%;
	width: 9%;
	pointer-events: none;
	opacity: 0;
}
.caffee {
	position: absolute;
	bottom: 5%;
	right: 10%;
	width: 8%;
	pointer-events: none;
	opacity: 0;
}
.spoon {
	position: absolute;
	bottom: 15%;
	right: 20%;
	width: 4%;
	pointer-events: none;
	opacity: 0;
}

/* item with content */

.wrap {
	position: relative;
	width: 100%;
	height: auto;
}
.map {
	position: absolute;
	top: -5%;
	left: 5%;
	width: 12%;
	opacity: 0;
}
.map a {
	display: block;
	width: 100%;
	height: auto;
}
.email {
	position: absolute;
	top: 5%;
	left: 32%;
	width: 15%;
	opacity: 0;
}
.email .wrap {
	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	-ms-transform: rotate(4deg);
	-o-transform: rotate(4deg);
	transform: rotate(4deg);
}

.phone1 {
	position: absolute;
	top: 25%;
	left: 17%;
	width: 10%;
	opacity: 0;
}
.phone1 .wrap {
	-webkit-transform: rotate(-7deg);
	-moz-transform: rotate(-7deg);
	-ms-transform: rotate(-7deg);
	-o-transform: rotate(-7deg);
	transform: rotate(-7deg);
}
.phone2 {
	position: absolute;
	top: 32%;
	left: 4%;
	width: 10%;
	opacity: 0;
}
.phone2 .wrap {
	-webkit-transform: rotate(7deg);
	-moz-transform: rotate(7deg);
	-ms-transform: rotate(7deg);
	-o-transform: rotate(7deg);
	transform: rotate(7deg);
}

.language {
	position: absolute;
	top: 9%;
	right: 11%;
	width: 7%;
	opacity: 0;
}
.languageMobile {
	display: none;
}
.language .wrap, .languageMobile .wrap {
	-webkit-transform: rotate(6deg);
	-moz-transform: rotate(6deg);
	-ms-transform: rotate(6deg);
	-o-transform: rotate(6deg);
	transform: rotate(6deg);
}
.LLH {
	position: absolute;
	top: 16px;
	width: 100%;
	pointer-events: none;
}
.LLH a {
	display: block;
	width: 60%;
	margin: 2px auto 2px auto;
	opacity: 0.8;
}

.phone1 a, .phone2 a, .email a {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	color: #fff;
	pointer-events: none;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.email a {
	margin-top: 9px;
}


.doc1 {
	position: absolute;
	bottom: 2%;
	left: 28%;
	width: 14%;
	opacity: 0;
}
.doc1 .wrap {
	-webkit-transform: rotate(-7deg);
	-moz-transform: rotate(-7deg);
	-ms-transform: rotate(-7deg);
	-o-transform: rotate(-7deg);
	transform: rotate(-7deg);
}

.doc2 {
	position: absolute;
	bottom: 3%;
	right: 30%;
	width: 14%;
	opacity: 0;
}
.doc2 .wrap {
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	transform: rotate(3deg);
}


.paper {
	position: relative;
	width: 100%;
	padding-bottom: 141.43%;
	background-color: #fff;
	-webkit-box-shadow: 1px 2px 0px 0px rgba(0,0,0,0.09);
	-moz-box-shadow: 1px 2px 0px 0px rgba(0,0,0,0.09);
	-ms-box-shadow: 1px 2px 0px 0px rgba(0,0,0,0.09);
	-o-box-shadow: 1px 2px 0px 0px rgba(0,0,0,0.09);
	box-shadow: 1px 2px 0px 0px rgba(0,0,0,0.09);
}

.DocText {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	padding: 15px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	font-size: 5px;
	text-align: left;
	line-height: 150% !important;
}
.DocText div {
	padding-bottom: 20px;
	text-align: center;
	font-size: 16px;
	line-height: 140%;
	overflow: hidden;
}
.mobile {
	display: none;
}

/* animations */

.Duration1 {
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-ms-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
}
.Duration11 {
	-webkit-animation-duration: 1.1s;
	-moz-animation-duration: 1.1s;
	-ms-animation-duration: 1.1s;
	-o-animation-duration: 1.1s;
	animation-duration: 1.1s;
}
.Duration12 {
	-webkit-animation-duration: 1.2s;
	-moz-animation-duration: 1.2s;
	-ms-animation-duration: 1.2s;
	-o-animation-duration: 1.2s;
	animation-duration: 1.2s;
}
.DelayFillmode {
	-webkit-animation-delay: 3.5s;
	-moz-animation-delay: 3.5s;
	-ms-animation-delay: 3.5s;
	-o-animation-delay: 3.5s;
	animation-delay: 3.5s;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.Delay4Fillmode {
	-webkit-animation-delay: 4.5s;
	-moz-animation-delay: 4.5s;
	-ms-animation-delay: 4.5s;
	-o-animation-delay: 4.5s;
	animation-delay: 4.5s;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.wow {
	visibility: hidden;
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
	-ms-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s;
}
.animated {
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-ms-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	-moz-animation-name: fadeInUpBig;
	-ms-animation-name: fadeInUpBig;
	-o-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-moz-transform:translateY(2000px);-ms-transform:translateY(2000px);-o-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@-moz-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-moz-transform:translateY(2000px);-ms-transform:translateY(2000px);-o-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@-ms-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-moz-transform:translateY(2000px);-ms-transform:translateY(2000px);-o-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@-o-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-moz-transform:translateY(2000px);-ms-transform:translateY(2000px);-o-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-moz-transform:translateY(2000px);-ms-transform:translateY(2000px);-o-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}

.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	-moz-animation-name: fadeInDownBig;
	-ms-animation-name: fadeInDownBig;
	-o-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-moz-transform:translateY(-2000px);-ms-transform:translateY(-2000px);-o-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@-moz-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-moz-transform:translateY(-2000px);-ms-transform:translateY(-2000px);-o-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@-ms-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-moz-transform:translateY(-2000px);-ms-transform:translateY(-2000px);-o-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@-o-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-moz-transform:translateY(-2000px);-ms-transform:translateY(-2000px);-o-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-moz-transform:translateY(-2000px);-ms-transform:translateY(-2000px);-o-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}

.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	-moz-animation-name: fadeInLeftBig;
	-ms-animation-name: fadeInLeftBig;
	-o-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-moz-transform:translateX(-2000px);-ms-transform:translateX(-2000px);-o-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}@-moz-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-moz-transform:translateX(-2000px);-ms-transform:translateX(-2000px);-o-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}@-ms-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-moz-transform:translateX(-2000px);-ms-transform:translateX(-2000px);-o-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}@-o-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-moz-transform:translateX(-2000px);-ms-transform:translateX(-2000px);-o-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-moz-transform:translateX(-2000px);-ms-transform:translateX(-2000px);-o-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}

.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	-moz-animation-name: fadeInRightBig;
	-ms-animation-name: fadeInRightBig;
	-o-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-moz-transform:translateX(2000px);-ms-transform:translateX(2000px);-o-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}@-moz-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-moz-transform:translateX(2000px);-ms-transform:translateX(2000px);-o-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}@-ms-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-moz-transform:translateX(2000px);-ms-transform:translateX(2000px);-o-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}@-o-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-moz-transform:translateX(2000px);-ms-transform:translateX(2000px);-o-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-moz-transform:translateX(2000px);-ms-transform:translateX(2000px);-o-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}

/* for zoom */

.selectedZoomTarget > a, .selectedZoomTarget > .LLH {
	pointer-events: auto;
}

/* only for firefox and explorer */

@-moz-document url-prefix() {
	html {
		background-image: url(img/desk.svg);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}
	body {
		background: none;
	}
	.done {
		display: none;
	}
}