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


*{ margin:0;
	padding:0;}

body {
	margin:0 auto;
	padding:0;
	width:100%;
	color:#000;	
	/*background-repeat:no-repeat;
	background-image:url(../images/cover_bg.jpg);*/
	background-size:100%;
	background-color:#dedede;
	text-align:justify;
	background-size:cover;
	font-family: myFirstFont;
	font-size:14px;
	min-height:1500px;
	background-size:100%;
	/*background:url(../images/bg.jpg);
	background-repeat:repeat;*/
	
	
	
	
}
.clear{
	clear:both;
}

*{padding:0; margin:0; border:none; text-decoration:none; list-style:none;}
p,h1,h2,,h3,h4,h5,h6{ padding:0; margin:0;}
ul{ padding:0; margin:0;}
a{ text-decoration:none; }
#header_border{ width:100%; height:45px; overflow:hidden; background-image:url(../images/border.jpg); background-repeat:repeat-x;}
#bar{ width:100%; height:95px; background-color:#2a363b; border-bottom:10px solid #394449; border-top:10px solid #394449;}
.number{ color: #FFF; text-align:right; line-height:50px;}
.number span{ background-color:#394449; font-size:24px; padding:5px; }

#bar .number {

	 -webkit-transition: all .5s; /* For Safari 3.1 to 6.0 */
    transition: all .5s;
	opacity:0;
	
	
}

#bar.fixed .number {

	opacity:9;
	
	 
}

@media (max-width:768px) {


#bar{ width:100%; height:75px; background-color:#2a363b; border-bottom:10px solid #394449; border-top:10px solid #394449; position:relative; top:-390px}

}
.left_nav{ background-color:#FFF; height:65px;}
.right_nav{ background-color:#FFF; height:65px;}
@media (max-width:768px) {


.left_nav{ display:none;}
.right_nav{ display:none;}
#menu{ margin-top:-110px;}
}

.welcome{ text-align:center; text-transform:uppercase; font-size:24px;}
.welcome span{ color:#955d2d;}
.content{ font-size:18px; width:80%; text-align:center; margin:0 auto; height:75px; overflow:hidden;}
@media (max-width:768px) {


.welcome{ text-align:center; margin-top:-300px;}
.content{ font-size:18px; width:80%; text-align:center; margin:0 auto; height:280px; overflow:hidden;}

}

.middle_section{ height:460px; width:100%; background-image:url(../images/middle_section_bg.png); background-repeat:no-repeat; border-bottom:7px solid #FFF;}
.left{ width:100%; text-align:center; }
.middle{ width:100%; text-align:center;}
.right{ width:100%; text-align:center;}

.left img , .middle img , .right img { border-radius:100px; }
.left button , .middle button , .right button { margin-top:30px; }
.left button img , .middle button img, .right button img{ border-radius:0px;}
.btnn:hover{ background-color:#000; opacity:0.8;}

@media (max-width:768px) {

.middle_section{ height:870px; width:100%; background-image:url(../images/middle_section_bg.png); background-repeat:repeat-y;}
.left{ width:100%; text-align:center; }
.middle{ width:100%; text-align:center; margin-top:20px; }
.right{ width:100%; text-align:center; margin-top:20px; }

.left img , .middle img , .right img { border-radius:100px; }
.left button , .middle button , .right button { margin-top:30px; }
.left button img , .middle button img, .right button img{ border-radius:0px;}
.btnn:hover{ background-color:#000; opacity:0.8;}

}

.section_content{ width:100%; height:800px; background-color:#fff; margin-top:50px; padding:20px;}
.heading{ font-size:24px; margin:0 auto; padding:0; text-align:right; font-family:"Comic Sans MS", cursive; font-weight:bold; color:#918f8f;}
.cont{ height:100px; overflow:hidden;}
.img{ background-color:#000; height:150px; width:90%; border:10px solid #CCC;}
.img img{ width:100%; height:130px;}

@media (max-width:768px) {
.section_content{ width:100%; height:1900px; background-color:#fff; margin-top:50px; padding:20px; }
.heading{ font-size:24px; margin:0 auto; padding:0; text-align:center; font-family:"Comic Sans MS", cursive; font-weight:bold; color:#918f8f;}
.cont{ height:220px; overflow:hidden;}
}

#foot{ height:264px; width:100%; background-image:url(../images/footer.png); background-repeat:no-repeat; background-size:100%; border-bottom:5px solid #FFF; border-top:5px solid #FFF;}
#footer_border{ width:100%; height:58px; overflow:hidden; background-image:url(../images/border2.jpg); background-repeat:repeat-x;}
.left_foot{ color:#FFF; text-align:left; margin-top:18px;}
.right_foot{ color:#FFF; text-align:right; margin-top:18px;}

@media (max-width:768px) {
#foot{ height:180px; width:100%; background-image:url(../images/footer.png); background-repeat:no-repeat; background-size:100%; border-bottom:5px solid #FFF; border-top:5px solid #FFF;}
.left_foot{ color:#FFF; text-align:center; margin-top:10px; font-size:12px;}
.right_foot{ color:#FFF; text-align:center; margin-top:-10px; font-size:10px;}
}

#part_2{ width:100%; background-repeat:no-repeat; height:250px; background-image:url(../images/index_bg.png); background-size:100%;}

.welcome_head{ width:100%; text-align:center; font-size:24px; color:#646464; clear:both;}
.welcome_head span{ color:#c07332;}
.welcome_content{ font-size:17px; color:#7a7a7a; text-align:center; margin:0 auto; padding:0; float:none; width:90%; height:145px; overflow:hidden;}

@media (max-width:768px) {
#part_2{ width:100%; background-repeat:no-repeat; height:250px; background-image:url(../images/index_bg.png); background-size:100%; margin-top:-320px; background:none;}

.welcome_head{ width:100%; text-align:center; font-size:24px; color:#646464; clear:both;}
.welcome_head span{ color:#c07332;}
.welcome_content{ font-size:14px; color:#7a7a7a; text-align:center; margin:0 auto; padding:0; float:none; width:80%; height:335px; overflow:hidden;}
}

#part_3{ width:100%; height:505px; margin:0 auto; padding:0; border-top:5px solid #FFF; border-bottom:5px solid #FFF; background-image:url(../images/bg_part2.jpg); background-repeat:no-repeat; background-size:100%;}

#slide1{ margin:0 auto; padding:0; float:none; width:100%; height:350px;}
.left_content{ width:50%; float:left; height:350px; padding:10px; }
.left_content h1{ font-size:28px; text-align:left; text-transform:uppercase; margin-top:80px;}
.left_content p{ color:#333333; font-size:16px; height:160px; overflow:hidden;}
.left_content a { float:right;}
.left_content a:hover{ opacity:0.8;}
.right_img{ width:50%; float:right; height:350px; text-align:right; padding:10px;}
.right_img img{ width:90%; margin-top:80px;}

.prevBtn, .nextBtn {display:block;width:33px;height:33px;position:absolute;left:-30px;top:50px; z-index:1;background:url(images/btn_prev.gif) no-repeat 0 0;cursor:pointer; font-size:0px;}	
.nextBtn{left:1065px; background:url(../images/next.png) no-repeat 0 0; }														
.prevBtn { left:1030px; background:url(../images/previous.png) no-repeat 0 0;}

@media (max-width:768px) {
#part_3{ width:100%; height:400px; margin:0 auto; padding:0; border-top:5px solid #FFF; border-bottom:5px solid #FFF;  background:none; background-size:100%; margin-top:200px;}
#slide1{ margin:0 auto; padding:0; float:none; width:100%; height:350px;}
.left_content{ width:50%; float:left; height:350px; padding:10px; }
.left_content h1{ font-size:24px; text-align:left; text-transform:uppercase; margin-top:40px; width:220%; }
.left_content p{ color:#333333; font-size:16px; height:95px; overflow:hidden;}
.left_content a { float:right;}
.left_content a:hover{ opacity:0.8;}
.right_img{ width:50%; float:right; height:350px; text-align:right; padding:10px;}
.right_img img{ width:90%; margin-top:90px; height:100px;}

.prevBtn, .nextBtn {display:block; width:33px;height:33px;position:absolute;left:-30px;top:220px; z-index:1000;background:url(images/btn_prev.gif) no-repeat 0 0;cursor:pointer; font-size:0px;}	
.nextBtn{left:240px; background:url(../images/next.png) no-repeat 0 0; }														
.prevBtn { left:200px; background:url(../images/previous.png) no-repeat 0 0;}
}

#part_4{ width:100%; height:450px; background-image:url(../images/index_bg.png); background-repeat:repeat;}
.img_left_section{ width:100%; height:300px; padding:20px; margin-top:20px;}
.img_left_section img{ width:100%; height:250px; border:10px solid #CCC; background-color:#000;}
.content_right_section{ width:100%; height:300px; padding:20px; margin-top:20px; text-align:right; }
.content_right_section h1{ text-transform:uppercase; color:#999; font-family:"Comic Sans MS", cursive; font-size:24px; float:right; border-bottom:2px solid #CCC; width:100%; text-align:right; padding-bottom:10px; font-weight:bold; margin:0 auto;}
.content_right_section h2{ text-align:left; width:100%; float:left; font-size:22px;}
.content_right_section p{ text-align:left; float:left;}
.content_right_section span{ margin-left:10px;}
.content_section{ height:85px; overflow:hidden;}
.content_right_section a img{ float:right;}
.content_right_section a:hover{ opacity:0.8;}


@media (max-width:768px) {

.img_left_section{ width:100%; height:300px; padding:20px; margin-top:20px;}
.content_right_section h1{ text-transform:uppercase; color:#999; font-family:"Comic Sans MS", cursive; font-size:24px; float:right; border-bottom:2px solid #CCC; width:100%; text-align:center; padding-bottom:10px; font-weight:bold; margin:0 auto;}


  }


#lower_section{ width:100%; background-image:url(../images/footer.png); background-repeat:no-repeat; background-size:100%; border-bottom:3px solid #FFF; height:274px;}
.foot_name{ width:100%; text-align:center; text-transform:uppercase; color:#FFF;}
.demo-wrap{ text-align:center; width:100%;}
.lower_section_bar{ width:100%; height:58px; overflow:hidden; background-image:url(../images/border2.jpg); background-repeat:repeat-x;}


@media (max-width:768px) {
#lower_section{ width:100%; background-image:url(../images/footer.png); background-repeat:no-repeat; background-size:100%; border-bottom:3px solid #FFF; height:274px; display:none;}
.foot_name{ width:100%; text-align:center; text-transform:uppercase; color:#FFF; font-size:18px;}
.lower_section_bar{ width:100%; height:58px; overflow:hidden; background-image:url(../images/border2.jpg); background-repeat:repeat-x; margin-top:40px;}

  }