/**
* Importing Styles.
**/

@import url('https://fonts.googleapis.com/css?family=Arima+Madurai:400,500,700,800,900');
@import url('../../fonts/font-awesome/css/font-awesome.min.css');
@import url('../bootstrap/bootstrap.css');
/*-------- animated css ------*/
@import url('../../js/WOW-master/css/libs/animate.css');








/*
===================== Preloader===================
                                                  */

#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    height: 100%;
    z-index: 999999999;
    overflow: hidden;
}
#loader {
    display: block;
    background : url(../../images/1.gif) no-repeat center;
    position: relative;
    left: 50%;
    top: 50%;
    width: 64px;
    height: 64px;
    margin: -32px 0 0 -32px;
    overflow: hidden;
}

/*===============================================*/


/*================================= Global Style =======================*/
 @font-face {
  font-family: 'font-awesome';
  src: url('../../fonts/font-awesome/fonts/fontawesome-webfont.ttf');
  src: url('../../fonts/font-awesome/fonts/fontawesome-webfont.eot'), /* IE9 Compat Modes */
       url('../../fonts/font-awesome/fonts/fontawesome-webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../fonts/font-awesome/fonts/fontawesome-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('../../fonts/font-awesome/fonts/fontawesome-webfont.svg') format('svg'); /* Legacy iOS */
 }

body {
	font-family: 'Arima Madurai', cursive;
	font-size: 15px;
	color:#fff;
	background: url(../../images/photography_contact.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.page-warpper {
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.7);
	position: absolute;
	top:0;
	left:0;
}
.container {height:100%;}
.sft  {display: table;width:100%; height: 100%;}
.jtkl {display: table-cell;vertical-align: middle;text-align: center;}
h1 {text-transform: uppercase; font-size: 60px; margin-bottom: 15px;}
h1 span {color:#24bbd0;}
.container a {
	width:150px;
	line-height: 40px;
	border:1px solid #fff;
	color:#fff;
	display: inline-block;
	text-decoration: none;
	margin-top: 30px;
	-webkit-transition: all .3s ease-in-out;
	   -moz-transition: all .3s ease-in-out;
	    -ms-transition: all .3s ease-in-out;
	     -o-transition: all .3s ease-in-out;
	        transition: all .3s ease-in-out;
}
.container a:hover,
.container a:focus {
	background:#24bbd0;
	border-color:#24bbd0; 
}



@media (max-width: 450px) {
	h1 {font-size: 45px;}
}