/*########################## font ###################################*/
@font-face {
    font-family: "Elephant";
    src:url("../fonts/ELEPHNT/ELEPHNT.eot");
    src:url("../fonts/ELEPHNT/ELEPHNT.eot?#iefix") format('embedded-opentype'),
		url("../fonts/ELEPHNT/ELEPHNT.woff") format('woff'),
		url("../fonts/ELEPHNT/ELEPHNT.ttf") format('truetype');
}

@font-face {
    font-family: "Lato Bold";
	src:url("../fonts/Lato-Bold/Lato-Bold.eot");
    src:url("../fonts/Lato-Bold/Lato-Bold.eot?#iefix") format('embedded-opentype'),
		url("../fonts/Lato-Bold/Lato-Bold.woff") format('woff'),
		url("../fonts/Lato-Bold/Lato-Bold.ttf") format('truetype');	
}
@font-face {
    font-family: "Lato Bold Italic";
	src:url("../fonts/Lato-BoldItalic/Lato-BoldItalic.eot");
    src:url("../fonts/Lato-BoldItalic/Lato-BoldItalic.eot?#iefix") format('embedded-opentype'),
		url("../fonts/Lato-BoldItalic/Lato-BoldItalic.woff") format('woff'),
		url("../fonts/Lato-BoldItalic/Lato-BoldItalic.ttf") format('truetype');		
}

@font-face {
    font-family: "Lato Italic";
    src:url("../fonts/Lato-Italic.eot");
    src:url("../fonts/Lato-Italic/Lato-Italic.eot?#iefix") format('embedded-opentype'),
		url("../fonts/Lato-Italic/Lato-Italic.woff") format('woff'),
		url("../fonts/Lato-Italic/Lato-Italic.ttf") format('truetype');
}

@font-face {
    font-family: "Lato Light";
	src:url("../fonts/Lato-Light/Lato-Light.eot");
    src:url("../fonts/Lato-Light/Lato-Light.eot?#iefix") format('embedded-opentype'),
		url("../fonts/Lato-Light/Lato-Light.woff") format('woff'),
		url("../fonts/Lato-Light/Lato-Light.ttf") format('truetype');
}
@font-face {
    font-family: "Lato Light Italic";
	src:url("../fonts/Lato-LightItalic/Lato-LightItalic.eot");
    src:url("../fonts/Lato-LightItalic/Lato-LightItalic.eot?#iefix") format('embedded-opentype'),
		url("../fonts/Lato-LightItalic/Lato-LightItalic.woff") format('woff'),
		url("../fonts/Lato-LightItalic/Lato-LightItalic.ttf") format('truetype');

}

@font-face {
    font-family: "Lato Regular";
	src:url("../fonts/Lato-Regular/Lato-Regular.eot");
    src:url("../fonts/Lato-Regular/Lato-Regular.eot?#iefix") format('embedded-opentype'),
		url("../fonts/Lato-Regular/Lato-Regular.woff") format('woff'),
		url("../fonts/Lato-Regular/Lato-Regular.ttf") format('truetype');
}

@font-face {
    font-family: "Lato Semi Bold Italic";
	src:url("../fonts/Lato-SemiBoldItalic/Lato-SemiBoldItalic.eot");
    src:url("../fonts/lato-SemiBoldItalic/Lato-SemiBoldItalic.eot?#iefix") format('embedded-opentype'),
		url("../fonts/Lato-SemiBoldItalic/Lato-SemiBoldItalic.woff") format('woff'),
		url("../fonts/lato-SemiBoldItalic/Lato-SemiBoldItalic.ttf") format('truetype');

}

@font-face {
    font-family: "Lato Thin Italic";
	src:url("../fonts/Lato-ThinItalic/Lato-ThinItalic.eot");
    src:url("../fonts/Lato-ThinItalic/Lato-ThinItalic.eot?#iefix") format('embedded-opentype'),
		url("../fonts/Lato-ThinItalic/Lato-ThinItalic.woff") format('woff'),
		url("../fonts/Lato-ThinItalic/Lato-ThinItalic.ttf") format('truetype');

}

@font-face {
    font-family: "Lobster 1.3";
    src:url("../fonts/Lobster_1.3/Lobster_1.3.eot");
    src:url("../fonts/Lobster_1.3/Lobster_1.3.eot?#iefix") format('embedded-opentype'),
		url("../fonts/Lobster_1.3/Lobster_1.3.woff") format('woff'),
		url("../fonts/Lobster_1.3/Lobster_1.3.otf") format('opentype');
}
/* ############################################################### */

.loader{
position:fixed;
left:0px;
top:0px;
width:100%;
height:100%;
z-index:9999;
background:url('../images/294.GIF') 50% 50% no-repeat #FFF;
}

/* ############################################################### */

.backgroundimage{
background: url('../images/contact-b.jpg') no-repeat center center fixed;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/contact-b.jpg', sizingMethod='scale')";
}

html{
height:100%;
}

body{
overflow:hidden;
z-index:none;
height:100%;
margin:0 auto !important;
}

.wrapper{
height:100%;
display:table;
margin:0 auto !important;
}

.container{
vertical-align:middle;
display:table-cell;
}
/* ######################## 1st column ############################# */
#title{
font-family: "Lobster 1.3";
font-size: 193px;
color: white;
text-align:right;
margin: 0 25px 0 0;
}

.horizontal-line{
border-color: #FFF;
float: left;
width: 149%;
margin: -35px 0px 0px -360px;
}

/* ######################### 2nd column left ####################### */

li a
{
	font-family:"Lato Thin Italic";
	font-size:24px;
}

li a:hover{
	list-style:none;
	text-decoration:none;
	color:#000;
	font-weight:bold;
	font-family:"Lato Thin Italic";
	font-size:24px;
}

li a:focus{
outline:none;
-moz-outline-style: none;
}

/* navigation bar */
.sidebar
{
	-moz-transition:-moz-transform 0.4s ease-in; 
	-webkit-transition:-webkit-transform 0.4s ease-in; 
	-o-transition:-o-transform 0.4s ease-in;
    transition: all 0.4s ease 0s;
}

#sidebar{
margin-top:270px;
border-right: 1px solid #FFF;
}

.sidebar-nav li{
text-align:right;
list-style:none;
margin: 20px 25px 20px -12px;
}

.sidebar-nav .button-background{
background:rgba(255,255,255,0.25);
}

.sidebar-nav .button-background a{
color:#000;
font-family: "Lato Semi Bold Italic"
}

.sidebar-nav li a{
text-decoration:none;
color:#FFF;
}

.navibar{
width:33%;
border-right:1px solid #FFF;
}
/* ######################### 2nd column right ###################### */

.description{
font-family:"Lato Light";
font-size:40px;
color:#FFF;
float:right;
text-transform:uppercase;
text-align: right;
margin-right: 0px;
margin-top: -25px;
line-height: 45px;
}

#enquiry{
font-family: "Lato Bold";
color:white;
font-size:18px;
margin-left:15px;
}

#contactdetail
{
font-family:"Lato Light";
color:#FFF;
font-size:16px;
line-height: 200%;
letter-spacing: 2px;
margin-top: 30px;
margin-left: 60px;
margin-bottom: -62px;
}

#contactdetail .title
{
font-family:"Lato Semi Bold Italic", lato;
}

#contactnumber{
position:relative;
left:80px;
}

.rectangle{
background: rgba(255,255,255,0.25);
margin-left: 35%;
margin-top: 29%;
}

.twitter-big
{
	position: absolute;
	left: 200px;
	top: 220px;
}

.semicolar
{
	position: absolute;
	left: 250px;
}

.text
{
	color:#FFF;
	font-family: "Lato Light Italic";
	font-size: 15px;
	text-align: left;
	position: relative;
	right: -10px;
}

.text span{
font-family: "Lato Light";
position:relative; 
left:74%;
}
 
.carousel 
{
	position: absolute;
    display:flex;
	height: 25%;
	width:85%;
	margin:15px;
	top:5px;
}

/* ############################### footer ########################## */

.copyright{
text-transform:uppercase;
font-family:"Lato Light";
font-size:12pt;
color:#FFF;
padding-left: 40px;
position: relative;
top: 10px;
}

.wrapperfooter{
text-align:right;
font-size:20px;
position: relative;
top: -25px;
}

.wrapperfooter a{
margin: 0 10px;
}

a .facebook:hover{
	background-image:url('../images/fb+bg.png');
	/* background-color:#1B75BB; */
}

a .twitter:hover{
	background-image:url('../images/tw+bg.png');
	/* background-color:#93D8F7; */
}

a .google:hover{
	background-image:url('../images/gg+bg.png');
	/* background-color:#F0564A; */
}

a .insta:hover{
	background-image:url('../images/insta+bg.png');
	/* background-color:#FAAF40; */
}

a .pin:hover{
	background-image:url('../images/pin+bg.png');
	/* background-color:#EC1C24; */
}

a .mail:hover{
	background-image:url('../images/mail+bg.png');
	/* background-color:#00ADEE; */
}