@charset "utf-8";

#page .pageContent .title{
	font-family: Gotham-Book;
	font-size: 48px;
	color: #f08002;
	padding-top: 25px;
}

/* arrows */
#page .arrowsContainer{
	position: absolute;
	cursor: pointer;
	top: 367px;
	width: 100%;
	height: 41px;
	margin: auto;
	visibility: hidden;
}

#page .visual{
	height: 324px;
	position: relative;
	overflow: hidden;
}

#page .visual .slide{
	position: absolute;
	left: -1000px;
	top: 18px;
	width: 100%;
}

#page .visual .slide .col{
	width: 312px;
	height: 280px;
	cursor: pointer;
}

#page .visual .slide .col .cardContainer{
	position: relative;
	width: 312px;
	height: 280px;
	-webkit-perspective: 500;
	-moz-perspective: 500;
}

#page .visual .slide .col .cardContainer .card{
	position: absolute;
	width: 312px;
	height: 280px;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
}

#page .visual .slide .col .cardContainer .card.flipped {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
}

#page .visual .slide .col .cardContainer .card .side{
	position: absolute;
	width: 312px;
	height: 280px;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	/*z-index: 2;*/
}
#page .visual .slide .col .cardContainer .card .side.front {
	background-image: url('../images/reference_world_background.png');
	background-repeat: no-repeat;
	cursor: pointer;
	z-index: 50;
}
#page .visual .slide .col .cardContainer .card .side.back {
	background-image: url('../images/reference_world_background_back.png');
	background-repeat: no-repeat;
	font-family: Gotham-Medium;
	font-size: 12px;
	color: #ffffff;
	line-height: 16px;
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	z-index: 10;
}
#page .visual .slide .col .cardContainer .card.flipped .side.back {
	z-index: 99;
}

#page .visual .slide .col .cardContainer .card .side .content{
	position: relative;
	width: 312px;
	height: 280px;	
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
#page .visual .slide .col .cardContainer .card .side .content.text{
	padding: 20px;
	width: 272px;
	height: 240px;
	text-align: left;
}

#page .visual .slide .col .cardContainer .card .side .content.text a{
	font-family: Gotham-Medium;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
}
#page .visual .slide .col .cardContainer .card .side .content.text a:hover{
	text-decoration: underline;
	color: #ffffff;
}

#page .visual .slide .col .cardContainer .card .side .content.text .www{
	padding-top: 7px;
}

#page .visual .slide .vSep{
	width: 10px;
}

#page .line{
	height: 3px;
	background-image: url("../images/centralPanel_line.png");
	background-position: center center;
	background-repeat: no-repeat;
}

#page .dots{
	padding-top: 20px;
}

#page .dots .selectedSlide{
	display: none;
}

#page .dots .dotContainer{
	width: 60px;
}

#page .dots .dotContainer .dot{
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: center center;
}
#page .dots .dotContainer .dot.fill{
	background-image: url("../images/centralPanel_dotFill.png");
	cursor: default;
}
#page .dots .dotContainer .dot.empty{
	background-image: url("../images/centralPanel_dot.png");
	cursor: pointer;
}



#page .pageContent .title2{
	font-family: Gotham-Book;
	font-size: 30px;
	color: #f08002;
	padding-top: 25px;
}

#page .pageContent .referenceItemsContainer{
	padding-top: 10px;
}

#page .pageContent .referenceItemsContainer .col{
	background-repeat: no-repeat;
	background-image: url('../images/reference_world_background2.png');
	background-position: center center;
	width: 150px;
	height: 135px;
}

#page .pageContent .referenceItemsContainer .vSep{
	width: 10px;
}

#page .pageContent .referenceItemsContainer .hSep{
	height: 10px;
}