@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,700);


/* ------------------------------------
	Base
------------------------------------ */

body { background:url(../images/bg.jpg) no-repeat center center fixed; background-size:cover; padding:0; margin:0; font-family: 'Raleway', sans-serif; color:#333333;}

a , a:visited { /*color: #138ff8; */}
a:hover { text-decoration: underline; color: #444; }
a.alt { color: #f51919; }

h1 , h2 , h3 , h4 , h5 , h6 { margin-bottom: 20px; margin-top: 0; }

h1 { font-size: 32px; font-weight: 700; position: relative; }
h1:before { content: ''; display: block; width: 36px; margin: 10px 0; height: 22px; background:url(../images/heading-flower.png) no-repeat; }
/*h1:after { content: ''; display: block; width: 36px; margin: 10px 0; height: 22px; background:url(../images/heading-flower.png) no-repeat; }*/
h1.center { text-align: center; }
h1.center:after { margin: 10px auto 0; }
h1.center:before { margin: 10px auto 0; }

.bordered-title { padding-bottom: 15px; border-bottom: 2px solid #444; }
.bordered-title-2 { font-size:13px; text-transform:uppercase; font-weight:bold; margin-bottom:10px; padding:6px 0 0 5px; }
.bordered-title-3 { font-size:18px; text-transform:uppercase; font-weight:bold; margin-bottom:10px; padding:0 0 17px 0; border-bottom:#666 solid 2px; }

p , ul , ol { margin: 0 0 20px 0; }

img { max-width: 100%; max-height: 100%; vertical-align: middle; }

.padding_none { padding-left:0; padding-right:0;}



.clear { clear: both; }

.button { display: inline-block; vertical-align: middle; line-height: 1; border: 0; color: #fff; background: #F51919; text-transform: uppercase; padding: 8px 16px; border-radius: 2px; transition: all 0.3s; }
.button:hover , .button:focus { background: #3dbb9b; color: #fff; text-decoration: none; }
.button:active { background: #2e9e82; }

.button.inverse { background: #fff; color: #F51919; }
.button.inverse:hover , .button.inverse:focus { background: #F51919; color: #fff; text-decoration: none; }
.button.inverse:active { background: #da1717; }

.button.ghost { background: rgba(255,255,255,0.2); border: 1px solid #F51919; color: #F51919; }
.button.ghost:hover , .button.ghost:focus { background: #F51919; color: #fff; text-decoration: none; }
.button.ghost:active { background: #da1717; }

.section { padding: 40px 0; }
.grey-bg { background: #f6f8f8; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; }
.white-bg { background: #fff; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; }
.dark-bg { background: #302f2f; color: #e8e8e8; }

.text-blue { color: #0f65b5; }
.text-red { color: #f51919; }
.text-black { color: #444; }

.rating { font-size: 16px; color: #ffae00; }
.rating .fa { display: inline-block; margin: 0 3px 0 0; }


/* ------------------------------------
	Header
------------------------------------ */
.header_main { float:left; width:100%; padding:30px 0;}
.logo { float:left; width:100%;}
.logo_sm { display:none;}
.header_btn_1 { float:right; padding:25px 0 0 15px;   }
.header_btn_2 { float:right; padding:25px 0 0 0; }
.container_top_bg { float:left; width:100%; padding:0; margin:0;}
.content_area_main { float:left; width:100%; background:url(../images/container-bg.png) repeat-y; padding:0 25px; margin:0;  }
.container_bottom_bg { float:left; width:100%; padding:0; margin:0;}


/* ------------------------------------
	Navigation
------------------------------------ */

.menu_main { float:left; width:100%; height:57px; background:url(../images/menu-bg-lg.png) no-repeat; margin:0; position:relative; z-index:1000; }


/* ------------------------------------
	content area
------------------------------------ */

.content_area { float:left; width:100%; padding:20px 0;} 
.content_area_inner { float:left; width:100%; padding:10px 0;} 
.home_banner { float:left; width:100%;position: relative;}
.topleft {
    position: absolute;
    top: 32%;
    left: 5%;
    font-size:1.4vw;
	color:#FFF;
	font-weight:bold;
	font-family:'Raleway';
	font-style:italic;
	width:35%;}
.home_welcome { float:left; width:100%; padding:15px 0;}
.home_welcome_text { float:left; width:100%; padding:20px 0 0 0;}
.home_welcome_text p{ float:left; width:100%; font-size:16px; color:#000; text-align:center; padding:0 40px; line-height:1.7;}
.more_center_btn  { float:left; width:100%; text-align:center;}
.divider { float:left; width:100%; text-align:center; padding:25px 0;}

/* ------------------------------------
	home news
------------------------------------ */
.home_two_colom_main { float:left; width:100%;}
.home_left_colom { float:left; width:90%;}
.home_left_colom_heading { float:left; width:100%; font-size:27px; font-weight:bold; color:#000000; text-align:left; background:url(../images/news-icon.png) left no-repeat; line-height:35px; padding:0 0 0 50px; margin-bottom:20px; }
.home_right_colom { float:left; width:100%; margin-bottom:20px;}
.home_right_colom_heading { float:left; width:100%; font-size:27px; font-weight:bold; color:#000000; text-align:left; background:url(../images/photogalery.png) left no-repeat; line-height:35px; padding:0 0 0 50px; margin-bottom:20px; }

.home_right_audio_colom_heading { float:left; width:100%; font-size:27px; font-weight:bold; color:#000000; text-align:left; background:url(../images/audio-icon.png) left no-repeat; line-height:35px; padding:0 0 0 50px; margin-bottom:20px; }

.home_news_row { float:left; width:100%;  margin-bottom:20px; border-bottom:#d5bd92 solid 1px; padding-bottom:15px;}
.home_news_date { float:left; width:100%; font-size:16px; font-weight:bold; color:#915f1b; text-align:left; padding:0 0 8px 0; }
.home_news_text  { float:left; width:100%; font-size:15px; text-align:justify;  }
.home_news_more   { float:left; width:100%; text-align:left; padding:15px 0 0 0;  }
.home_news_more   { float:left; width:100%; text-align:left; padding:15px 0 0 0;  }
.border_btn { background:none !important; border:#915f1b solid 2px; color:#915f1b !important; padding:5px 15px !important; }
.home_news_more a:hover{color:#FFFFFF !important; }

/* ------------------------------------
	home gallery
------------------------------------ */

.home_gallery_box { float:left; width:100%;}
.home_gallery_thumb_main { float:left; width:100%; }
.home_gallery_thumb { float:left; width:100%; border:#FFF solid 4px; border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; margin-top:1px; }


/* ------------------------------------
	subscribe
------------------------------------ */

.subscribe_box { float:left; width:100%; background:#915f1b; border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; padding:20px; }
.subscribe_title { float:left; width:100%; text-align:right; font-size:16px; font-weight:bold; color:#FFF; padding:2px 0 0 0;}
.subscribe_input  { float:left; width:100%;color:#f2f2f2;}
.subscribe_input input  { float:left; width:100%; background:#744c16; height:33px; border:none;}
.subscribe_submit  { float:left; width:100%; text-align:left;}

/* ------------------------------------
	Footer
------------------------------------ */

.footer_main { float:left; width:100%; padding:30px 0; background:url(../images/footer-trans-bg.png) repeat; margin-top:35px;}
.user-links .social-links { float: left; margin-left:25px; }
.user-links .social-links a { display: inline-block; width: 35px; height: 35px; line-height: 35px; text-align: center;  }

.copy { float:left; width:100%; text-align:center; color:#FFF; font-size:13px;}
.copy a { color:#FFF;}

/* ------------------------------------
	Inner page
------------------------------------ */

.content_area_inner h1 { float:left; width:100%; font-size:30px; font-weight:bold; color:#c98b12; text-align:left; border-bottom:#c98b12 solid 1px; padding-bottom:10px; }
.content_area_inner h1:before { background:none !important; height:0;}
.inner_content { float:left; width:100%;}
.left_img {float:left; width:100%; text-align:left;}
.inner_verticle_menu {float:left; width:100%; text-align:left;}
.inner_verticle_menu ul {float:left; width:100%; padding:0; margin:0; }
.inner_verticle_menu ul li {float:left;  padding:5px 10px; margin:0; font-size:16ppx; color:#000000; list-style:none; background:#f7efdd; clear:both; margin-bottom:5px; font-weight:bold;  }
.inner_verticle_menu ul li a {float:left;  padding:0; margin:0; color:#000000; text-decoration:none; }

.inner_content_box { float:left; width:100%; padding:15px 0;}
.inner_content_box_heading { float:left; width:100%; padding:0 0 5px 0; font-size:24px; font-weight:bold; color:#000000;}
.inner_content_box_heading a{ color:#000000; text-decoration:none;}
.inner_content_box_text { float:left; width:100%; }
.inner_content_box_text p{ float:left; width:100%; font-size:14px; color:#000000; line-height:1.7; text-align:justify;}


/* ------------------------------------
	event page
------------------------------------ */
.event_box { float:left; width:100%; padding:25px; margin-bottom:35px; border:#915f1b solid 1px; border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px;}
.event_box_img { float:left; padding:0;  border:#FFFFFF solid 3px; border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px;}
.event_box_content { float:left; width:100%;}
.event_box_content_date { float:left; text-align:left; font-size:16px; font-weight:bold; color:#915f1b; clear:both; border-bottom:#915f1b solid 2px;  padding:0 0 4px 0; margin-left:5px;}
.event_box_content_title { float:left; width:100%; text-align:left; font-size:16px; font-weight:bold; color:#000000; clear:both; padding:10px 0; margin-left:5px;}
.event_box_content_text { float:left; width:100%; text-align:left; font-size:14px; line-height:2; font-weight:normal; color:#000000; padding:0 0 10px 0;  margin-left:5px; text-align:justify;}

/* ------------------------------------
	video page
------------------------------------ */

.video_box_main { float:left; width:100%;}
.video_box { float:left; width:100%; border:#915f1b solid 1px; border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; padding:15px; margin-bottom:25px;font-size:15px; font-weight:bold; color:#915f1b; } 


/* ------------------------------------
	donation page
------------------------------------ */
.donation_row_main { float:left; width:100%; margin-bottom:25px;  }
.donation_row  { float:left; width:100%; padding-bottom:10px; }
.donation_row_text { float:left; width:100%; padding:2px; font-size:14px; text-align:left; }
.donation_row_input { float:left; width:100%;  font-size:14px; text-align:left; background:#f7efdd; border:#FFF solid 1px; }
.donation_row_input input{ float:left; width:100%; height:28px; border:none;  font-size:14px; text-align:left; background:#f7efdd;  }
.donation_row_input select{ float:left; width:100%; height:28px; border:none;  font-size:14px; text-align:left; background:#f7efdd;  }


/* ------------------------------------
	audio page
------------------------------------ */

.audio_box_main { float:left; width:100%; }
.audio_box { float:left; width:100%; border:#915f1b solid 1px; border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; padding:15px; margin-bottom:25px; } 
.audio_box_title { float:left; width:100%; text-align:left; font-size:16px; font-weight:bold; color:#000000; clear:both; padding:0 0 5px 0;}
.audio_box_track { float:left; width:100%; }

/* ------------------------------------
	general responsive table
------------------------------------ */
	*/
	table { 
		width: 100%; 
		border-collapse: collapse; 
	}
	/* Zebra striping */
	tr:nth-of-type(odd) { 
		/*background: #eee; */
	}
	th { 
		background: #c98b12; 
		color: #333; 
		font-weight: bold; 
	}
	td, th { 
		padding: 6px; 
		border: 1px solid #c98b12; 
		text-align: left;
		vertical-align:top;
	}