/* Table of Content
 ==================================================
 #Site Styles
 #Page Styles
 #Media Queries
 #Font-Face */

/*font-family: 'Open Sans Condensed', sans-serif;
 font-family: 'Open Sans', sans-serif;
 font-family: 'Roboto', sans-serif;
 */

/* #Site Styles
 ================================================== */
html {
	background: #000404;
	color: #fff;
}
html, body {
	width: 100%;
	height: 100%;
}
.container {
	font-family: 'Conv_Gotham-Rounded-Light_21020';
}
canvas {
	position: absolute;
	z-index: 9999;
	top: 0;
	left: 89px;
	width: 640px;
	height: 529px;
}
p a {
	color:#fff;
	font-weight: bold;
}
/* #Page Styles
 ================================================== */
.margin-bot {
	margin-bottom: 75px;
}
.top-banner {
	margin: 0 auto;
	width: 1826px;
	height: 549px;
}
#wrapper1 {
	min-width: 1000px;
	width: 100%;
	min-height: 100%;
	overflow: hidden;
	overflow-x: hidden;
}
#wrapper2 {
	height: 100%;
	overflow: visible;
}
#wrapper3 {
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
}
#wrapper3 .columns {
	width: 1084px;
	padding: 0;
}
.columns {
	width: 1054px;
	margin: 0 auto;
	padding: 10px 0 0 30px;
}
.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	height: 500px;
}
div.bx-viewport {
	width: 1920px !important;
	height: 795px !important;
	overflow: hidden !important;
	position: absolute !important;
	left: -418px !important;
	top: 0;
	z-index: 10;
	border: 0 !important;
}
.viewport2-content {
	text-align: center;
	padding: 35px 0;
	display: block;
	font-family: 'Conv_Gotham-Rounded-Light_21020';
}
.change-content img {
	padding: 36px 0;
}
.change-content p {
	font-size: 27px;
	color: #DFDFDF;
}
.small {
	display: none;
	transition: all 0.1s ease-out;
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
}
.small p {
	color: #DFDFDF;
	font-size: 14px;
	width: 650px;
	margin: 0 auto;
}
img.small-logo {
	padding-bottom: 30px;
}
img.small-hexy-logo {
	padding-top: 43px;
}
/*
 * icons
 */
.icons {
	width: 1023px;
	margin: 0 auto;
	margin-bottom: 20px;
}
.icons ul li {
	width: 142px;
	height: 127px;
	display: inline-block;
	background: url(../images/sprite-icons.jpg) 0 0 no-repeat;
	cursor: pointer;
	margin-right: 28px;
}
.icons ul li .arrow {
	width: 142px;
	height: 153px;
	background: url(../images/arrow.jpg) center bottom no-repeat;
	z-index: 9999;
	position: absolute;
	display: none;
}
.icons ul li:nth-child(1) {
	background-position: 0px 0;
}
.icons ul li:nth-child(2) {
	background-position: -142px 0;
}
.icons ul li:nth-child(3) {
	background-position: -284px 0;
}
.icons ul li:nth-child(4) {
	background-position: -426px 0;
}
.icons ul li:nth-child(5) {
	background-position: -568px 0;
}
.icons ul li:nth-child(6) {
	background-position: -710px 0;
	margin-right: 0;
}
.icons ul li:nth-child(1):hover {
	background-position: 0px -127px;
}
.icons ul li:nth-child(2):hover {
	background-position: -142px -127px;
}
.icons ul li:nth-child(3):hover {
	background-position: -284px -127px;
}
.icons ul li:nth-child(4):hover {
	background-position: -426px -127px;
}
.icons ul li:nth-child(5):hover {
	background-position: -568px -127px;
}
.icons ul li:nth-child(6):hover {
	background-position: -710px -127px;
}
/*
 * bg-test
 */
.bx-wrapper2 {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	height: 264px;
}
div.bx-viewport2 {
	width: 1920px !important;
	height: 264px !important;
	overflow: hidden !important;
	position: absolute !important;
	left: -418px !important;
	top: 0;
	z-index: 10;
	border: 0 !important;
}
.bx-viewport2 {
	background: url(../images/text-bg.jpg) 0 0 no-repeat;
}
/*
 * wspieram
 */
.text p {
	color: #DFDFDF;
	font-size: 14px;
	line-height: 22px;
}
.text p strong {
	color: #Fff;
}
.hrr {
	background: url(../images/hrr.png) center center no-repeat;
	width: 100%;
	height: 1px;
	display: block;
	margin-top: 35px;
}
.align-center {
	text-align: center;
}
.span6-content {
	padding-top: 31px;
}
.span6-content img {
	display: block;
	padding-left: 44px;
	margin-bottom: 50px;
}
#social {
	background: url(../images/social.png) center center no-repeat;
	width: 100%;
	height: 143px;
	display: block;
}
#partners {
	padding: 50px 0 10px 0;
}
#partners ul {
	text-align: center;
}
#partners ul li {
	display: inline-block;
	/*margin-left: 35px;*/
	margin-right: 32px;
}
.fb {
	width: 37px;
	height: 37px;
	display: block;
	position: absolute;
	left: 431px;
	top: 34px;
}
.contact-us {
	text-align: center;
	margin-top: 50px;
	margin-left: -45px;
	padding-top: 40px;
	background: url(../images/hr.png) top center no-repeat;
}
.contact-us p {
	text-align: center;
	color:#f1f1f1;
}
.contact-us a {
	color:#f1f1f1;
}
/* #Media Queries
 ================================================== */
/* #Font-Face
 ================================================== */
@font-face {
	font-family: 'Conv_gotham-rounded-medium';
	src: url('gotham-rounded-medium.eot');
	src: local('☺'), url('gotham-rounded-medium.woff') format('woff'), url('gotham-rounded-medium.ttf') format('truetype'), url('gotham-rounded-medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_Gotham-Rounded-Light_21020';
	src: url('Gotham-Rounded-Light_21020.eot');
	src: local('☺'), url('Gotham-Rounded-Light_21020.woff') format('woff'), url('Gotham-Rounded-Light_21020.ttf') format('truetype'), url('Gotham-Rounded-Light_21020.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}