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

@font-face {
	font-family: 'Conv_HKNova-Heavy';
	src: url('fonts/HKNova-Heavy.eot');
	src: local('☺'), url('fonts/HKNova-Heavy.woff') format('woff'), url('fonts/HKNova-Heavy.ttf') format('truetype'), url('fonts/HKNova-Heavy.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;
	}
	
	
.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%;
	}

/*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-position: center;
	background-image: url(../images/imgWithBG.jpg);
	background-repeat: no-repeat;
}

.centeredContainer{
	height: 85%;
}

.logo{
	position: relative;
	top: 7%;
}

.rightContent{
	height: 99%;
	border: 1px solid #747c86;
	width: 450px;
	margin-right: 120px;
	position: relative;
}

.social{
	margin-right: 80px;
	position: relative;
	top: 7%;
}
.social li{
	background-image: url(../images/social2.png);
	width: 27px;
	height: 27px;
	position: relative;
	margin-bottom: 8px;
}
.social li.fb{
	background-position: -33px 0px;
}

.social li.insta:hover{
	background-position: 0px -56px;
}

.social li.fb:hover{
	background-position: -33px -56px;
}

.addressDiv{
	right: 43px;
	bottom: 7%;
	position: absolute;
	width: 258px;
}

.addressDiv address{
	font-style: normal;
	color: #e9e5e2;
	font-size: 14px;
	font-family: 'Conv_HKNova-RegularR',Arial,sans-serif;
	font-weight: normal;
}

.addressDiv address a.email{
	width:100%;
	line-height: 50px;
	text-indent: 20px;
	color: #b46949;
	font-size: 14px;
	background-color: #fff;
	float: left;
	margin-bottom: 25px;
	font-family: 'Conv_HKNova-Bold',Arial,sans-serif;
	font-weight: normal;
}

.addressDiv address a{
	color: #e9e5e2;
}
.addressDiv address span.tt {
    color: #bc6930;
    width: 20px;
    display: block;
    float: left;
	font-weight: normal;
    clear: both;
	font-family: 'Conv_HKNova-Heavy',Arial,sans-serif;
}

.addressDiv address span.boldT{
	font-family: 'Conv_HKNova-Bold',Arial,sans-serif;
}

.line{
	position: absolute;
	top: 0px;
	right: 43px;
	height: 5px;
	background-color: #9fa3a9;
	width: 258px;
}
.seperator{
	margin-top: 5px;
}

.lines{
	background-image: url(../images/lines.png);
	height: 93px;
	width: 9px;
	position: absolute;
	bottom: 7%;
	left: 0px;
}


@media screen and (max-width:1000px){
	.safearea{
		width: 760px;
	}
	.rightContent{
		width: 343px;
	}
}


@media screen and (max-width:760px){
	.safearea{
		width: 320px;
	}
	.container {
		height: 772px !important;
		background-size: 743px auto;
		background-position: center 32%;
	}
	.centeredContainer {
		height: 95%;
	}
	.logo {
		position: absolute;
		top: 75px;
		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%);
		width: 172px;
	}
	.logo img{
		width: 100%;
		height: auto;
	}
	
	.rightContent {
		width: 300px;
		margin-right: 10px;
	}

	.line {
		right: auto;
		width: 210px;
		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%);
	}
	.addressDiv{
		right: 7px;
		width: 210px;
	}
	.social {
		margin-right: 0px;
		position: absolute;
		bottom: 256px;
		left: 26px;
		top: auto;
	}

	.lines {
		bottom: 63px;
		left: 41px;
		background-size: cover;
		height: 100px;
	}
	
}