/* Import Fonts */
@import url(http://fonts.googleapis.com/css?family=Coustard|Open+Sans);

body {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 21px;
	font-weight:400;
	-webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
	color: #777;
	background: #000;
}
h1, h2, h3, h4, h5, h6{
	font-family: 'Coustard', serif;
	color:#1d1c1c;
	font-weight: normal;
	letter-spacing: 1px;
}
h1{font-size: 50px; line-height: 140%; padding: 0; margin: 0;text-shadow: 2px 2px 8px #4a4646;}
h5{font-size: 28px; line-height: 140%; padding: 0; margin: 0; color: #b7b7b7;}

a {
	color: #b7b7b7;
	text-decoration:none;
	font-weight: normal;
}
a:hover {text-decoration:underline;}


#maximage {
	display:none;
	position:fixed !important;
}

.gradient {
	left:0;
	height:100%;
	position:absolute;
	top:0;
	width:100%;
	z-index:999;
}

.show{display: block;}
.hide{opacity: 0;}

/* Set Page Elements */
.content { 
	float:left;
	margin:1% 2%;
	position:absolute;
	top:150px;
/*	width:600px;*/
width:95%;
	z-index:9999;
	-webkit-font-smoothing:antialiased;
}

#logo {
	font-family: 'Coustard', serif;
	font-size: 49px;
	bottom:-111px;
	height:auto;
	left:40px;
	position:absolute;
	width:20%;
	z-index:1000;
	color: #fff;
        text-shadow: 2px 2px 8px #6d6161;
}

.main-nav{
	position:absolute;
	bottom: -130px;
	left:210px;
	z-index:1001;
}
.main-nav ul li { 
	list-style: none;
	display: inline;
	padding-right: 10px;
	padding-left: 10px;
	border-left: 1px solid #b7b7b7;
}
.main-nav ul li a.active {color: #ffa800;}
.main-nav ul li a{
        text-shadow: 1px 1px 7px #d0caca;
    color: #635c5c;
    font-weight: bold;
}
.social-nav {
	position:absolute;
	top: 0px;
	left: 40px;
}
.social-nav ul {margin: 0; padding:0;}
.social-nav ul li{
	list-style: none;
	display:block;
	float: left;
	background: #393939;
	padding:100px 10px 5px 10px;
	margin: 1px;
	opacity: .5;
}
.social-nav ul li:hover {opacity: 1;}

button.full-screen{ 
	position: absolute;
	top: 0;
	right: 0;
	width: 31px;
	height: 31px;
	background: url("../images/full-screen-btn.png");
	border: 0;
	cursor: pointer;
	opacity: .7;
}
button.full-screen:hover {opacity: 1;}

#arrow_left, #arrow_right {
	bottom:-130px;
	height:42px;
	position:absolute;
	right:40px;
	width:42px;
	z-index:1000;
}
#arrow_left {
	right:95px;
}
#himaskhan{
    bottom: -130px;
    height: 35px;
    position: absolute;
    width: 190px;
    z-index: 1000;
    right: 140px;
}

.home, .gallery, .gallery-inner{
  height: 500px;top: 10%;
}
.home-title, .gallery-title{
    width: 100%;
    text-align: center;
}

.home-title h1{
    color: #fff;
    text-shadow: 2px 2px 8px #000;
}
.home-title h5{
    color: #615e5e;
    text-shadow: 2px 2px 8px #6d6161;
}
.home-body, .gallery-body, .gallery-body-inner{
   width: 100%;
}
.itti-logo{
   width: 49%;display: inline-block;text-align: center; height: auto;
}
.ittiaa-logo{
   width: 49%;display: inline-block;text-align: center;height: auto;
}
.itti-logo h3, .ittiaa-logo h3{
    	text-shadow: 2px 2px 8px #484141;
}
.itti-logo h4{
    text-align: left;
    margin-left: 15%;
    color: #393939;
    text-shadow: 2px 2px 8px #484141;
}
.ittiaa-logo h4{
     text-align: left;
     margin-left: 15%;
     color: #393939;
    text-shadow: 2px 2px 8px #484141;
}
.gallery-body{
    margin: 4% 0;
    text-align: center;
}
.gbox{
    width: 16%;
	display: inline-block;
	vertical-align: top;
	text-align: center;
}
.gbox img{
    box-shadow: 5px 5px 5px #888888;
}
.gbox h3{
    text-shadow: 2px 2px 8px #FFD606;
}

.home-footer{
    text-align: center;
    margin-top: 3%;
    color: #393939;
    text-shadow: 2px 2px 8px #484141;
}







/* jssor slider arrow navigator skin 05 css */
        /*
        .jssora05l                  (normal)
        .jssora05r                  (normal)
        .jssora05l:hover            (normal mouseover)
        .jssora05r:hover            (normal mouseover)
        .jssora05l.jssora05ldn      (mousedown)
        .jssora05r.jssora05rdn      (mousedown)
        */
        .jssora05l, .jssora05r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 40px;
            cursor: pointer;
            background: url('img/a17.png') no-repeat;
            overflow: hidden;
        }
        .jssora05l { background-position: -10px -40px; }
        .jssora05r { background-position: -70px -40px; }
        .jssora05l:hover { background-position: -130px -40px; }
        .jssora05r:hover { background-position: -190px -40px; }
        .jssora05l.jssora05ldn { background-position: -250px -40px; }
        .jssora05r.jssora05rdn { background-position: -310px -40px; }

        /* jssor slider thumbnail navigator skin 01 css */
        /*
        .jssort01 .p            (normal)
        .jssort01 .p:hover      (normal mouseover)
        .jssort01 .p.pav        (active)
        .jssort01 .p.pdn        (mousedown)
        */
        .jssort01 .p {
            position: absolute;
            top: 0;
            left: 0;
            width: 72px;
            height: 72px;
        }
        
        .jssort01 .t {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: none;
        }
        
        .jssort01 .w {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
        }
        
        .jssort01 .c {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 68px;
            height: 68px;
            border: #000 2px solid;
            box-sizing: content-box;
            background: url('img/t01.png') -800px -800px no-repeat;
            _background: none;
        }
        
        .jssort01 .pav .c {
            top: 2px;
            _top: 0px;
            left: 2px;
            _left: 0px;
            width: 68px;
            height: 68px;
            border: #000 0px solid;
            _border: #fff 2px solid;
            background-position: 50% 50%;
        }
        
        .jssort01 .p:hover .c {
            top: 0px;
            left: 0px;
            width: 70px;
            height: 70px;
            border: #fff 1px solid;
            background-position: 50% 50%;
        }
        
        .jssort01 .p.pdn .c {
            background-position: 50% 50%;
            width: 68px;
            height: 68px;
            border: #000 2px solid;
        }
        
        * html .jssort01 .c, * html .jssort01 .pdn .c, * html .jssort01 .pav .c {
            /* ie quirks mode adjust */
            width /**/: 72px;
            height /**/: 72px;
        }
		
		/* abt page */
		
		.abt-box{
			    width: 48%;
				display: inline-block;
				vertical-align: top;
				padding-right:30px;
		}

		.abt-box:last-child{
			 padding-right:0px;   
		}
		
		.abt-box img{
			float:left;
			padding-right:15px;
			padding-bottom:15px;
		}
		
		.abt-box h3{
			margin:0;
		}
		.abt-box p{
			color:#fff;
		}
		
		#masterslider{
			box-shadow: 0px 0px 5px 4px #ccc;
		}
		.common-mid-section{
			
		}
		
		
	.gallery-inner h6{
	
	    text-align: center;
    margin-top: -21px;
    font-size: 22px;
	margin-bottom:0;

}	
		
	.ms-lightbox-template {

    margin: 1% auto !important;
}	

.itti-logo h4 {
    text-align: center;
    margin-left: 0%;
}
.ittiaa-logo h4 {
    text-align: center;
    margin-left: 0%;
}
.msg-edit p{ 
float:right;
width:80%;
margin-top:0px;
text-align: left;
color: #fff;
}
.msg-edit img{
    box-shadow: 5px 5px 5px #888888;
}
.message-box{
    background: #403c3c;display: inline-block;border-radius: 25px;border: 2px solid #fff;padding: 15px;opacity: 0.9;height: 450px;overflow-y: auto;
}
#contact h5{
    text-shadow: 2px 2px 8px #000;
}
#contact p{
    color: #fff;
}
#contact p a{
    color: #fff;
}

.anniversary-body h5{
    margin: 4% 0;
    text-align: center;
    width: 100%;
    color: #5a5151;
    font-size: 35px;
    text-shadow: 5px 5px 11px #6b675f;
}