@font-face {
	font-family: 'Conv_FuturaPTMedium';
	src: url('fonts/FuturaPTMedium.eot');
	src: local('☺'), url('fonts/FuturaPTMedium.woff') format('woff'), url('fonts/FuturaPTMedium.ttf') format('truetype'), url('fonts/FuturaPTMedium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_FuturaPTBold';
	src: url('fonts/FuturaPTBold.eot');
	src: local('☺'), url('fonts/FuturaPTBold.woff') format('woff'), url('fonts/FuturaPTBold.ttf') format('truetype'), url('fonts/FuturaPTBold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* --- RESET --- */
body,h1,h2,h3,h4,h5,h6,img,a,p,dl,dt,dd,input,textarea,select,ul,li button,area,map{margin: 0; padding: 0; list-style: none; text-decoration: none; outline: none; border: none;}

html,body{
	height:100%;
	min-height:100%;
	}

body {
	overflow-x:hidden;
	font-size:14px;
	font-weight:normal;
}

/*predefined classes*/
	
.transition{
	-webkit-transition: all 0.2s ease-in-out;/* Safari 3.2+, Chrome */
	-moz-transition: all 0.2s ease-in-out;/* Firefox 4-15 */
	-o-transition: all 0.2s ease-in-out;/* Opera 10.5-12.00 */
	transition: all 0.2s ease-in-out;/* Firefox 16+, Opera 12.50+ */	
	}
	
.centre-left{
	left:50%;
    -webkit-transform: translate(-50%,0%);
    -moz-transform: translate(-50%,0%);
    -o-transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%);             
    transform:translate(-50%,0%);
	position:relative;
	}
	
.centre-top{
	top:50%;
    -webkit-transform: translate(0%,-50%);
    -moz-transform: translate(0%,-50%);
    -o-transform: translate(0%,-50%);
    -ms-transform:translate(0%,-50%);       
    transform:translate(0%,-50%);
	position:relative;
	}
	

.centre-both{
	top:50%;
	left:50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);       
    transform:translate(-50%,-50%);
	position:relative;
	}
	
	
.width-100,.tag-default{
	float:left;
	width:100%;
	position:relative;
	font-weight:normal;
	}

.absolute{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	}
	
.left{
	float:left;
	}
	
.right{
	float:right;
	}
	
.clear{
	clear:both;
	}

.height100{
	height:100%;
	}

.futuraBold{
	font-family: 'Conv_FuturaPTBold',Arial,sans-serif;
	font-weight: normal;
}
.futuraMedium{
	font-family: 'Conv_FuturaPTMedium',Arial,sans-serif;
	font-weight: normal;
}

.center{
	text-align: center;
}
.uppercase{
	text-transform: uppercase;
}


/*custom*/	
.wrapper{
	width:100%;
	position:relative;
	float:left;
	overflow:hidden;
	background-color: #4b5764;
	min-height:100%;
	}

.safearea{
	width:980px;
	left:50%;
    -webkit-transform: translate(-50%,0%);
    -moz-transform: translate(-50%,0%);
    -o-transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%);             
    transform:translate(-50%,0%);
	position:relative;
	float:left;
	}

.container{
	background-image: url(../images/bg2.jpg);
	background-size: cover;
	background-position: center;
}

.logo{
	background-image:url(../images/logo.png);
	width: 214px;
	height: 97px;
	top: 4%;
}
.centeredContainer{
	position: absolute;
	top: 60%;
	width: 550px;
}

.centeredContainer h2{
	color: #fff;
	font-size: 30px;
	line-height: 35px;
}
.centeredContainer h4{
	color: #fff;
	font-size: 22px;
	line-height: 22px;
}
.centeredContainer h3{
	font-size: 19px;
	color: #fff;
	margin-top: 30px;
	margin-bottom: 30px;
}
.centeredContainer a,.centeredContainer span{
	font-size: 18px;
	color: #fff;
	line-height: 18px;
	margin-bottom: 5px;
}
.seperator{
	background-image: url(../images/seperator.png);
	height: 1px;
	width: 318px;
	margin-top: 55px;
	margin-bottom: 20px;
}


@media screen and (max-width:550px){

	.centeredContainer h2{
		font-size: 26px;
		line-height: 30px;
	}
	.centeredContainer h4{
		font-size: 19px;
		line-height: 19px;
	}
	.centeredContainer h3{
		font-size: 17px;
		color: #fff;
		margin-top: 25px;
		margin-bottom: 25px;
	}
	.centeredContainer a,.centeredContainer span{
		font-size: 16px;
		color: #fff;
		line-height: 16px;
	}
	.seperator{
		margin-top:45px;
	}	
}


@media screen and (max-width:410px){

	.centeredContainer h2{
		font-size: 20px;
		line-height: 25px;
	}
	.centeredContainer h4{
		font-size: 18px;
		line-height: 18px;
	}
	.centeredContainer h3{
		font-size: 16px;
		color: #fff;
		margin-top: 25px;
		margin-bottom: 25px;
	}
	.centeredContainer a,.centeredContainer span{
		font-size: 15px;
		color: #fff;
		line-height: 16px;
	}
	.seperator{
		margin-top:35px;
	}		
}