@charset "utf-8";
/* CSS Document */


#event_wrapper{
	width:100%;
	float:left;
	height:auto;
	padding:0px;
    margin:0px;
	background:#ffffff;
	position:absolute;
	top:100%;
	left:0px;
	z-index:99;
}
.h_iframe        {position:relative;}
.h_iframe .ratio {display:block;width:100%;height:auto;}
.h_iframe iframe {position:absolute;top:0;left:0;width:100%; height:100%;}
.arrowdown{
	position:absolute; 
	bottom: 10px;
	left:650px;
	margin: auto;
	z-index:9999;
}
.animated { 
    -webkit-animation-duration: 3s; 
    animation-duration: 3s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
    -webkit-animation-timing-function: ease-in; 
    animation-timing-function: ease-in; 
    animation-iteration-count:infinite; 
    -webkit-animation-iteration-count:infinite; 
} 

@-webkit-keyframes bounce { 
    0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
    40% {-webkit-transform: translateY(-15px);} 
    60% {-webkit-transform: translateY(-10px);} 
} 

@keyframes bounce { 
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 
    40% {transform: translateY(-15px);} 
    60% {transform: translateY(-10px);} 
} 

.bounce { 
    -webkit-animation-name: bounce; 
    animation-name: bounce; 
}


#event_wrapper #one{
    background:#FFF;
	min-height: 200px;
	height:auto;
    width: 100%;
	padding:0px;
	margin:0px auto;
}

#event_wrapper #two{
    background:url(../images/bg-count.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment:fixed;
	min-height: 200px;
    width: 100%;
}

#event_wrapper #three{
    background:#FFF;
	min-height: 200px;
	height:auto;
    width: 100%;
	padding:0px;
	margin:0px auto;
}

#event_wrapper #four{
    background:url(../images/img_7.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment:fixed;
	min-height: 320px;
    width: 100%;
}


/* HEADER  */
#header-wrapper{
	width:100%;
	float:left;
	height:auto;
	padding:0px;
    margin:0px;
	background:url(../images/header-bg.png) repeat-x top left;
}
#header-inner{
	width:1200px;
	min-height:120px;
	height:auto;
	padding:0px; 
	margin:0px auto;
	color:#FFF;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0; 
}

header {
	width: 100% ;
	height: auto;
	position: fixed;
	top: 0;
	left: 0;
	background-color:#000;
	opacity:.8;
	z-index: 999;
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	-ms-transition: height 0.3s;
	-o-transition: height 0.3s;
	transition: height 0.3s; 
}
header .logobg img{
	height: 95px ;
	float: left;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s; 
}

header.smaller {
    height:auto;
	background: rgba(0, 0, 0, 0.6);
}
header.smaller .logobg img{
	height: 35px ;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	padding-bottom:10px;
}
header.smaller #header-inner{
	min-height:40px ;
}  
header .headerinner{
	float:right;
	width:70%;
}

keyframes RotateIcon{
	0%{transform:rotate(0deg); }
	100%{transform:rotate(360deg); }
}

@-moz-keyframes RotateIcon{
	0%{-moz-transform:rotate(0deg); }
	100%{-moz-transform:rotate(360deg); }
}

@-webkit-keyframes RotateIcon{
	0%{-webkit-transform:rotate(0deg); }
	100%{-webkit-transform:rotate(360deg); }
}

@-o-keyframes RotateIcon{
	0%{-o-transform:rotate(0deg); }
	100%{-o-transform:rotate(360deg); }
}

header .headertop{
	float:right;
	width:100%;
	height:60px;
	transition: all 0.3s ease;
   	 -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease; 
}
.header-socialbg{
	width:200px;
	float:right;
	margin-top:10px;
	text-align:right;
}
.header-socialbg img:hover{
	animation: RotateIcon 2s linear 0s 1;
	-moz-animation: RotateIcon 2s linear 0s 1;
	-webkit-animation: RotateIcon 2s linear 0s 1;
	-o-animation: RotateIcon 2s linear 0s 1;
	cursor:pointer;
}
.header-contact{
	float:right;
	color:#ffffff;
	font-family: 'Play', sans-serif;
	font-size:16px;
	margin-top:16px;
	margin-right:30px;
}
header.smaller .headertop {
	display:none;
}

header .top-menu{
	float: right;
	font-family: 'Play', sans-serif;
	margin-top:0px;
	height:50px;
	padding-top:20px;
	border-top: 1px solid rgba(253, 156, 17, .9);
	text-align:right;
}
header .top-menu ul li{
	display: inline-block;
	text-align:right;
}
header .top-menu ul li a {
	color: #FFFFFF;
	text-decoration: none;
	text-transform: capitalize;
	font-size:14px;
	text-transform:uppercase;
	padding:8px 9px;
	margin-left:1px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	transition: all 0.3s ease;
   	 -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease; 
}

header .top-menu ul li a:hover {
  	color: #edbf49;
}
header span.menu {
    display: none;
}

header.smaller .top-menu{
	float: right;
	font-family: 'Play', sans-serif;
	margin-top:0px;
	height:auto;
	padding-top:16px;
	border-top: 0px solid rgba(255, 255, 255, .5);
	text-align:right;
}






/*FOOTER*/
#footer-wrapper{
	width:100%;
	float:left;
	height:auto;
	padding:20px 0px;
    margin:0px;
	background:#274353;
}
#footer-inner{
	width:1200px;
	min-height:95px;
	height:auto;
	padding:0px; 
	margin:0px auto;
	color:#FFF;
	background:#274353;
}
.footer-logobg{
	width:23%;
	float:left;
	min-height:100px;
	display:block;
}
.footer-logobg img{
	float:left;
	max-width:90%;
}
.footer-linksbg{
	width:30%;
	float:left;
	min-height:100px;
	padding-left:1%;
	display:block;
}
.menu_div {
	float:left;
}
.menu_divm {
	margin-left:60px;
}
.menu_div ul{
    padding:0px;
    margin:0px;
}
.menu_div ul li{
    line-height:27px;
	list-style-image:url(../images/footerl.png);
	margin-left:10px;	
}
.menu_div ul li a{
	font-family: 'Play', sans-serif;
    text-decoration:none;
    color:#FFFFFF;
    display:block;
	font-size:14px;	
	transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease; 
}
.menu_div ul li a:hover{
    color:#e5b547;
	text-decoration:underline;
}
.footer-contactbg{
	width:23%;
	float:left;
	min-height:100px;
	display:block;
	word-wrap: break-word;
}
.footer-contactbg span{
	font-family: 'Play', sans-serif;
	font-size:16px;
	float:left;
	width:100%;
	margin-bottom:10px;
}
.footer-contactbg span img{
	float:left;
	margin-right:10px;
	margin-top:5px;
}
.footer-addressbg{
	width:21%;
	float:left;
	min-height:100px;
	padding-left:2%;
	background:url(../images/footer-icon1.png) no-repeat left top;
	font-family: 'Play', sans-serif;
	color:#FFF;
	font-size:14px;
	line-height:20px;
	display:block;
	word-wrap: break-word;
}
 
/*FOOTER COPY*/
#footercopy-wrapper{
	width:100%;
	float:left;
	height:auto;
	padding:0px;
    margin:0px;
	background:#274353;
}
#footercopy-inner{
	width:1200px;
	min-height:20px;
	height:auto;
	padding:0px; 
	margin:0px auto;
	background:#274353;
	border-top:1px solid #526975;
}
#footercopy-inner p{
	color:#FFF;
	font-family: 'Play', sans-serif;
	font-weight:lighter;
	font-size:14px;
	text-align:center;
	float:left;
	width:100%;
	margin-bottom:15px;
}
.footer-socialbg{
	width:205px;
	height:40px;
	margin:10px auto;
}
.footer-socialbg img{
	float:left;
	transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease; 
}
.footer-socialbg img:hover{
	animation: RotateIcon 2s linear 0s 1;
	-moz-animation: RotateIcon 2s linear 0s 1;
	-webkit-animation: RotateIcon 2s linear 0s 1;
	-o-animation: RotateIcon 2s linear 0s 1;
	cursor:pointer;
}
keyframes RotateIcon{
	0%{transform:rotate(0deg); }
	100%{transform:rotate(360deg); }
}

@-moz-keyframes RotateIcon{
	0%{-moz-transform:rotate(0deg); }
	100%{-moz-transform:rotate(360deg); }
}

@-webkit-keyframes RotateIcon{
	0%{-webkit-transform:rotate(0deg); }
	100%{-webkit-transform:rotate(360deg); }
}

@-o-keyframes RotateIcon{
	0%{-o-transform:rotate(0deg); }
	100%{-o-transform:rotate(360deg); }
}





/* -------------------------------  Media Query  ------------------------------- */

@media screen and (max-width: 1280px) {
	#header-inner{
		width:94%; }	
	#footercopy-inner{
		width:94%; }
	#footer-inner{
		width:94%; }
}
@media screen and (max-width: 1250px) {
	header .top-menu ul li a {
		margin-left:30px;}
}

@media screen and (max-width: 1150px) {
	header .top-menu ul li a {
		margin-left:20px;}
}
@media screen and (max-width: 1100px) {
	header .top-menu ul li a {
		margin-left:15px; font-size:15px;}
	header .headerinner{
		width:75%;	}
}


@media screen and (max-width: 1050px) {
	header .top-menu ul li a {
		margin-left:15px;}
	
}

@media screen and (max-width: 1024px) {
	header .top-menu ul li a {
		font-size:12px;
		margin-left:-7px;
		
	}
	
	.footer-logobg{
		width:100%;min-height:50px; text-align:center; padding-bottom:20px;}
	.footer-logobg img{
		float:none;	max-width:90%;}	
	.footer-linksbg{
		width:37%;}	
	.footer-contactbg{
		width:30%;}
	.footer-addressbg{
		width:30%;	}	
		 header .logobg img{
		height: 70px;}
		.arrowdown{left:0;right:0;}

}

@media screen and (max-width: 1000px) {
	header .top-menu{
		padding-top:0px;border-top: 0px solid rgba(255, 255, 255, .5);}

	header span.menu{
		display: block;
		text-align: left;
		cursor: pointer;
		position: relative;
	}
	header .top-menu ul{
		display: none;
		position:absolute;
		width: 200px;
		z-index: 9999;
		right: 0%;
		margin:0em 0em;
		background:rgba(29, 28, 24, 0.93);
		border:0;
	}
	header .top-menu span.menu{
		display: block;
	}
	header .top-menu ul li{
		display: block;
		float:none;
		text-align: left;
	}
	header .top-menu ul li a{
		font-size:14px;
		color:#FFF;
		display:block;
		margin:0;
		padding-left:20px;
		background:#8c6604;
		border-bottom:1px solid #a1780d;
		-webkit-border-top-left-radius: 0px;
		-webkit-border-top-right-radius: 0px;
		-moz-border-radius-topleft: 0px;
		-moz-border-radius-topright: 0px;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
	}
	header .top-menu {
		margin-top: 0em;
	}
	header .top-menu ul li a.active {
		color: #000000;
	}
	header .top-menu ul li a:hover {
		color: #000000;
	}
	header .logobg img{
		height: 68px;}	
.arrowdown{left:0;right:0;}
}

@media screen and (max-width: 900px) {
	header .headerinner{
		width:70%;	}
	.header-socialbg{
	  	display:none;}	
	.header-contact{
		margin-right:0px;margin-left:20px;}	
			header .logobg img{
		height: 65px;}	
	.arrowdown{left:0;right:0;}
}

@media (min-width: 800px) and (max-width: 1000px) {
  
  header .logobg img{
		height: 65px;}
   
}

@media screen and (max-width: 800px) {
	
	
	.footer-linksbg{
		width:200px; }
	.menu_div {
		float:left; width:100%;}
	.menu_divm {
		float:left; margin-left:0px;}	
	.divall{
		float:right;width:260px;}
	.footer-contactbg{
		width:100%; margin-bottom:10px;}
	.footer-addressbg{
		width:92%;padding-left:8%;	}	
			header .logobg img{
		height: 65px;}	
	.arrowdown{left:0;right:0;}
}

@media screen and (max-width: 768px) {
header .headerinner{
		width:60%;	}
 	.header-contact{
		margin-right:10px;margin-left:2px; font-size:13px;}	
		
		
	header .logobg img{
		height: 71px;}
		.arrowdown{left:0;right:0;}	
	
		
}

@media screen and (max-width: 700px) {
	header .headerinner{
		width:60%;	}
 	.header-contact{
		margin-right:10px;margin-left:2px;font-size:13px;}
	header .headertop{
		display:none}
	header .top-menu{
		padding-top:30px;}	
	header .headerinner{
		width:100px;	}	
	header .logobg img{
		height: 81px;}	
		.arrowdown{left:0;right:0;}
}

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

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

@media screen and (max-width: 568px) {
	
}
@media screen and (max-width: 500px) {
	.footer-linksbg{
		width:98%; margin-bottom:15px; display:block;}
	.divall{
		float:left;width:99%;display:block;}
	.menu_div {
		float:left; width:50%;}
	.menu_divm {
		float:left; margin-left:0px;}	
.arrowdown{left:0;right:0;}
			
}

@media screen and (max-width: 460px) {
	#footercopy-inner p{
		font-size:12px; line-height:16px;}
			header .headerinner{
		width:100px;
		min-height:40px;	}	
	header .logobg img{
		height: 71px;}	
	header .top-menu{
		padding-top:10px;}
	.arrowdown{left:0;right:0;}
}

@media screen and (max-width: 360px) {
.arrowdown{left:0;right:0;}	
}

@media screen and (max-width: 320px) {
	header .headerinner{
		width:100px;
		min-height:40px;	}	
	header .logobg img{
		height: 71px;}	
	header .top-menu{
		padding-top:10px;}
		
  .arrowdown{left:0;right:0;}	
}

@media screen and (max-width: 300px) {
	.menu_div {
		float:left; width:100%;}
	
	
}
@media screen and (max-width: 240px) {
	
}