/* CSS Document */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'InterfaceLight';
  src: url('../fonts/IF_Corp_Lt.eot?v=4.7.0');
  src: url('../fonts/IF_Corp_Lt.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/IF_Corp_Lt.woff2?v=4.7.0') format('woff2'), url('../fonts/InterFaceCorp-Light.woffv=4.7.0') format('woff'), url('../fonts/IF_Corp_Lt.ttf?v=4.7.0') format('truetype'), url('../fonts/InterFaceCorp-Light.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'InterfaceXbold';
  src: url('../fonts/IF_Corp_XBd.eot?v=4.7.0');
  src: url('../fonts/IF_Corp_XBd.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/IF_Corp_XBd.woff2?v=4.7.0') format('woff2'), url('../fonts/InterFaceCorp-XBold.woff?v=4.7.0') format('woff'), url('../fonts/IF_Corp_XBd.ttf?v=4.7.0') format('truetype'), url('../fonts/InterFaceCorp-XBold.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
body {
	background: url(../images/bg.jpg);
	color: #fff;
	font: 1.7em/1.4em InterfaceLight;
	height: 100vh;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  body { 
    background: url(../images/bg.jpg);
    overflow-x: hidden;
  }
  body section#social {
    top: -20px;
  }
  .individual-devices {
      left: 50%;
  }
}
@media screen and (min--moz-device-pixel-ratio:0) {
  body { 
    background: url(../images/bg.jpg);
  }
}  

.container {
	width: 80%;
}
/*#header .row-fluid {
	align-items: center;
	display: flex;
	height: 100vh;
}*/
img {
	max-width: 100%;
}

h2 {
	font: 1.7em/1.4em InterfaceLight;
}
.link {
	background: #fff;
	border-radius: 5px;
	border: none;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	margin-right: 10px;
	padding: 10px 15px 10px 50px;
	position: relative;
	text-transform: uppercase;
	transition: all 1s ease-in-out;
}
.row-fluid .link:hover,
.row-fluid .link:focus {
	background: #fff;
	text-decoration: none;
	transition: all 1s ease-in-out;
}
.link strong {
	font-size: 16px;
}
.link::before {
	color: #fff;
	font: 40px/42px FontAwesome;
	content: "";
	height: 40px;
	left: 10px;
	position: absolute;
	top: 7px;
	width: 30px;
	transition: all 1s ease-in-out;
}
.link:hover::before {
	transform: rotateY(360deg);
	transition: all 1s ease-in-out;
}
.apple.link::before {
	content: "\f179";
}
.android.link::before {
	content: "\f17b";
}
.desktop.link::before {
	content: "\f108";
	font: 30px/48px FontAwesome
}
.apple.link {
	background: #999999;
}
.android.link {
	background: #2f8dcb;
}
.desktop.link {
	background: rgb(67, 149, 57);
}
.apple.link:hover,
.apple.link:hover::before,
.apple.link:focus::before,
.apple.link:focus {
	color: #999999;
}
.android.link:hover,
.android.link:hover::before,
.android.link:focus::before,
.android.link:focus {
	color: #2f8dcb;
}
.desktop.link:hover,
.desktop.link:hover::before,
.desktop.link:focus::before,
.desktop.link:focus {
	color: rgb(67, 149, 57);
}
.download-links {
	margin-top: 40px;
}
section#more{position: fixed; bottom:0px;}
section#social {
	left: 0;
	margin: 0 auto;
	position: fixed;
	right: 0;
	text-align: center;
	top: -6px;
	width: 100%;
	z-index: 1;
}
section#social ul.social {
	margin: 0;
	padding: 0;
}
section#social ul.social li {
	display: inline-block;
	font-size: 0;
	height: 50px;
	margin: 0 5px;
	width: 50px;
}
section#social ul.social li a {
	border-radius: 100%;
	display: inline-block;
	height: 50px;
	width: 50px;
}
section#social ul.social li a::before {
	background: rgba(255, 255, 255, 0.5);
	border-radius: 0 0 5px 5px;
	content: "";
	color: #000;
	display: block;
	font: 30px/50px FontAwesome;
	height: 50px;
	position: absolute;
	transition: all 0.5s ease-in-out;
	width: 50px;
}
section#social ul.social li a.facebook::before {
	content: "\f09a";
}
section#social ul.social li a.twitter::before {
	content: "\f099";
}
section#social ul.social li a.info::before {
	content: "\f129";
}
section#social ul.social li a.youtube::before {
	content: "\f16a";
}
section#social ul.social li:hover a.facebook::before {
	color: #3a559f;
}
section#social ul.social li:hover a.twitter::before {
	color: #20b8ff;
}
section#social ul.social li:hover a.info::before {
	color: rgb(67, 149, 57);
}
section#social ul.social li:hover a.youtube::before {
	color: #3a559f;
}
section#info {
	background: rgba(0, 0, 0, 0.5);
	border-top: 1px solid #fff;
	bottom: -100%;
	display: none;
	padding: 30px 0 65px;
	position: fixed;
}
section#info.visible {
	display: block;
	bottom: 0;
	z-index: 2;
}
button.remove {
	background: #000;
	border: 1px solid #fff;
	border-top: none;
	padding: 10px 20px;
	position: absolute;
	right: 0;
	top: 0;
}
.content {
	left: 50%;
	margin-right: -50%;
	max-height: 100vh;
	padding: 0 10px;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translate(-50%, -50%);
}
.content-left {
	padding: 2em 0;
}
section#icons {
	/*animation: opacity 5s ease-in-out 0s alternate infinite none running;*/
	background: #fff;
	bottom: 0;
	left: 0;
	margin: 0 auto;
	opacity: 1;
	padding: 6px 0 0;
	position: fixed;
	right: 0;
	text-align: center;
	-webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
ul.icons {
	margin: 0;
	padding: 0;
}
ul.icons > li {
	display: inline-block;
	padding: 0 20px;
}
ul.icons > li > a {
	display: block;
}
ul.icons > li > a.wcg {
	background: url(../images/icons/wcg.png) 100% 100%;
	height: 45px;
	width: 150px;
}
ul.icons > li > a.ngb {
	background: url(../images/icons/ngb.png) 100% 100%;
	height: 45px;
	width: 150px;
}
ul.icons > li > a.wkwts {
	background: url(../images/icons/wkwts.png) 100% 100%;
	height: 45px;
	width: 150px;
}
ul.icons > li > a.sd {
	background: url(../images/icons/sd.png) 100% 100%;
	height: 45px;
	width: 84px;
}
ul.icons > li > a.visa {
	background: url(../images/icons/visa.png) 100% 100%;
	height: 45px;
	width: 150px;
}
ul.icons > li > a.ipay {
	background: url(../images/icons/ipay.png) 100% 100%;
	height: 45px;
	width: 124px;
}
ul.icons > li > a.age {
	background: url(../images/icons/age.png) 100% 100%;
	height: 45px;
	width: 44px;
}
.panel {
	background: rgba(0, 0, 0, 0.5);
}
.panel-group .panel {
	border-radius: 0;
}
.panel-default > .panel-heading {
	background: #fff;
	border-radius: 0;
	color: #000;
	padding: 0;
}
.panel-default > .panel-heading a {
	display: block;
	padding: 10px 15px;
	transition: all 0.3s ease-in-out;
}
.panel-default > .panel-heading a:hover,
.panel-default > .panel-heading a:focus {
	background: #000;
	color: #fff;
	text-decoration: none;
}
.inactive {
	display: none;
}
#android-info {
	left: 50%;
	margin-right: -50%;
	max-height: 100vh;
	padding: 50px 10px;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}
#android-info .container {
	position: relative;
}
#android-info button.remove {
	border: none;
	padding: 14px 25px;
	right: 15px;
	top: 0;
}
.panel-title {
	font: 1.3em/1.3em InterfaceLight;
}
.individual-devices {
	position: relative;
	transition: all 0.3s ease-in-out;
}
.individual-devices .mac {
	transform: translate(-22%, -115%);
	position: absolute;
	width: 65%;
	z-index: 2;
	transition: all 0.3s ease-in-out;
}
.individual-devices .iphone {
	transform: translate(-175%, -100%);
	position: absolute;
	width: 28%;
	z-index: 2;
	transition: all 0.3s ease-in-out;
}
.individual-devices .ipad {
	transform: translate(-185%, -102%);
	position: absolute;
	width: 39%;
	z-index: 1;
	transition: all 0.3s ease-in-out;
}
.individual-devices .screen {
	margin: 0;
	transform: translate(-58%, -122%);
	position: absolute;
	width: 65%;
	z-index: 0;
	transition: all 0.3s ease-in-out;
}
div.devices {
	opacity: 0;
}
.isDisabled {
	pointer-events: none;
}
/* Device hover on button:hover specified in .js */
@media screen AND (max-width: 812px) {
	.container {
		width: 100%;
	}
	.logo {
		padding: 0 0 35px;
	}
	.logo img {
		padding: 0 2em;
	}
	.link, .link strong {
		font-size: 0;
	}
	.link::before {
		left: 0;
		margin: 0 auto;
		right: 0;
		top: 10px;
	}
	.content-left {
		padding: 1em 0;
	}
	section#icons {
		display: none;
	}
	section#social {
		bottom: 0;
		top: unset;
	}
	section#social ul.social li a::before {
		border-radius: 5px 5px 0 0;
	}
}
@media screen AND (min-width: 769px) AND (max-width: 1200px) {
	.container {
		width: 100%;
	}
	.logo {
		padding: 0 0 35px;
	}
	.content-left {
		padding: 1em 0;
	}
	ul.icons > li {
		padding: 0 5px;
	}
}
@keyframes opacity {
	0% {
		background: #fff;
		opacity: 0;
	}
	100% {
		background: #fff;
		opacity: 1;
	}
}
@media screen AND (max-device-width: 400px) AND (orientation: portrait) {
	.content {
		padding: 2em 0.5em;
	}
	section#more{bottom:-350px;}
}
@media screen AND (min-width: 770px) AND (orientation: landscape) {
	.content {
		padding: 2em 0.5em;
	}
}