@font-face {
	font-family: 'CirculaMedium';
	src: url('circula/circula-medium-webfont.eot');
	src: url('circula/circula-medium-webfont.eot?#iefix') format('embedded-opentype'),
		url('circula/circula-medium-webfont.woff') format('woff'),
		url('circula/circula-medium-webfont.ttf') format('truetype'),
		url('circula/circula-medium-webfont.svg#circulamedium') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'TrackRegular';
	src: url('track/track-webfont.eot');
	src: url('track/track-webfont.eot?#iefix') format('embedded-opentype'),
		url('track/track-webfont.woff') format('woff'),
		url('track/track-webfont.ttf') format('truetype'),
		url('track/track-webfont.svg#trackregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'SegoeUIL';
	src: url('segoeuil/segoeuil-webfont.eot');
	src: url('segoeuil/segoeuil-webfont.eot?#iefix') format('embedded-opentype'),
		url('segoeuil/segoeuil-webfont.woff') format('woff'),
		url('segoeuil/segoeuil-webfont.ttf') format('truetype'),
		url('segoeuil/segoeuil-webfont.svg#trackregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

html, body {
	height: 100%;
}
body {
	margin: 0;
	padding: 1px 0 0 0;
	overflow: hidden;
	background-color: #1c252e;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body.bckGrnd {
	background: #1c252e url("../img/BckGrnd.jpg") repeat 50% 0;
	background-size: 700px 522px;
}
body.iPad-bckGrnd {
	background: #1c252e url("../img/iPad-BckGrnd.jpg") repeat 50% 0;
	background-size: 700px 522px;
}
body, img {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	outline: none;
}
#start {
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 9999;
	height: 100%;
	width: 100%;
	background-color: #ffffff;
}
#start img {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 9999;
	width: 200px;
	height: 185px;
	margin: -100px 0 0 -93px;
}
header {
	font-size: 0;
	width: 300px;
	position: relative;
	left: 50%;
	margin: 53px 0 0 -150px;
}
#logo {
	width: 70px;
	height: 66px;
	background-color: #ffffff;
	border-radius: 15px;
	display: inline-block;
	position: relative;
	top: -16px;
}
#logo img {
	width: 53px;
	height: 49px;
	position: relative;
	top: 8px;
	left: 9px;
}
h1 {
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;

	-webkit-transform: scaleY(0.86);
	-moz-transform: scaleY(0.86);
	-ms-transform: scaleY(0.86);
	-o-transform: scaleY(0.86);
	transform: scaleY(0.86);

	font-family: 'CirculaMedium';
	display: inline-block;
	color: #55c9ff;
	font-size: 65px;
	font-weight: 500;
	letter-spacing: 1px;
	cursor: default;
	margin: 0;
	position: relative;
	left: 25px;
}
h2 {
	font-family: 'TrackRegular';
	color: #ffffff;
	font-size: 13.38px;
	font-weight: 400;
	letter-spacing: 1.56px;
	cursor: default;
	text-align: center;
	margin: 8px 0 49px 0;
}
.sprite {
	background-image: url("../img/Sprite.png");
	background-size: 150px 200px;
}
#irvinePotok {
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 9000;
	width: 100%;
	height: 100%;
	cursor: pointer;
	background-color: rgba(6, 7, 9, 0.8);
}
#close {
	background-position: 34px 0px;
	width: 34px;
	height: 34px;
	position: absolute;
	top: 29px;
	right: 27px;
	cursor: pointer;
}
#twttr-block {
	font-family: 'SegoeUIL';
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -102px 0 0 -200px;
	z-index: 9999;
	width: 400px;
	height: 204px;
	background: rgba(6, 7, 9, 0.8) url("../img/Twttr.jpg") no-repeat 0 0;
	background-size: 400px 204px;
	cursor: default;
}
#twttr, #email {
	-webkit-user-select: text;
	-khtml-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
}
#twttr {
	margin: 143px 0 0 119px;
}
#twttr a {
	font-size: 16px;
	font-weight: 300;
	letter-spacing: 0.5px;
	color: #3d4155;
	cursor: pointer;
	text-decoration: none;
}
#email {
	color: #3d4155;
	font-size: 13px;
	font-weight: 300;
	letter-spacing: 0.2px;
	margin: 0 0 0 121px;
}
::-moz-selection {
	color: #ffffff;
	background: #ff577f;
}
::selection {
	color: #ffffff;
	background: #ff577f;
} 
#share-box {
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;

    cursor:pointer;
    z-index:100;
    position:absolute;
    left:0;
    top:0
}
#share-box>div {
	width: 43px;
	height: 30px;
	text-align: center;
	padding: 13px 0 0 0;
	margin: -1px 0 0 0;
}
#share-box>div>div {
	display: inline-block;
}

#facebook {
	background-color: #3b5998;
}
#facebook #facebook-icon {
	background-position: 0 -150px;
	width: 10px;
	height: 20px;
}

#twitter {
	background-color: #50bff2;
}
#twitter #twitter-icon {
	background-position: -50px -150px;
	width: 21px;
	height: 18px;
}

#google-plus {
	background-color: #e24f72;
}
#google-plus #google-plus-icon {
	background-position: -100px -150px;
	width: 19px;
	height: 19px;
}

#partage {
	background-position: 0 -100px;
	display: none;
	position: absolute;
	width: 126px;
	height: 18px;
	left: 59px;
	top: 13px;
}

#left {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 80px;
	padding: 20px 0 0 0;
	cursor: pointer;
}
#about {
	width: 25px;
	height: 25px;
	margin: 0 0 17px 35px;
	left: 35px;
}
#right {
	position: fixed;
	right: 20px;
	bottom: 17px;
}
#fb-plug {
	display: inline-block;
	position: relative;
	bottom: 3px;
}
#likeit {
	display: inline-block;
	margin: 0 0 0 7px;
	background-position: -50px 0;
	width: 54px;
	height: 20px;
}
#georgy4-SVG {
	margin: 0 auto;

	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transform: translate3d(0,0,0);
}
