@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700);
#cssmenu,#cssmenu ul li{padding:0;position:relative}

#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a{display:block}
#cssmenu ul li ul li a,#cssmenu>ul>li>a{
	
        float: center;
       
        position: relative; /*delete it if you want submenu to be positioned relative to the whole menu instead of this li element*/
       
}
 #section_content1 {
  background-image: url(../image/banner-bg.jpg);
  background-repeat: no-repeat; 
  width:100%;
  height: 400px;
background-size: cover;
  }
#cssmenu{

    width: 110%;
    float: left;
    position: relative;
    color: #FFFFFF;
    background: #b22f30;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#b22f30), to(#7b0406));
    background: -webkit-linear-gradient(#b22f30, #7b0406);
    background: -moz-linear-gradient(#b22f30, #7b0406);
    background: -ms-linear-gradient(#b22f30, #7b0406);
    background: -o-linear-gradient(#b22f30, #7b0406);
    background: linear-gradient(#b22f30, #7b0406);
    -pie-background: linear-gradient(#b22f30, #7b0406);

    height: 50px;
    font-size: 10px;
    font-weight: bold;
    font-family: arial;
    list-style: none;
    padding: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    z-index: 999;
}
#cssmenu ul{
	list-style:none;

	}
#cssmenu ul li a{
	padding-left: 1px;
        padding-right: -10px;
        border-right: 1px #fec88e solid;
       padding-top: 80px;
        font-size: 10px;
        font-weight: bold;
       
        display: inline-block;
        outline: 0;
        text-decoration: none;
        color: white;
        position: relative;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease;
        z-index: 1000;
	}
#cssmenu ul:after,#cssmenu:after{
	content:" ";
	display:block;
	font-size:0;
	height:0;
	clear:both;
	visibility:hidden
}

#cssmenu ul li ul{
	position:absolute;
	left:-9999px;
	 top: 20px;
}
#cssmenu ul li ul li{
	max-height:0;
	position:absolute;
	-webkit-transition:max-height .4s ease-out;
	-moz-transition:max-height .4s ease-out;
	-ms-transition:max-height .4s ease-out;
	-o-transition:max-height .4s ease-out;
	transition:max-height .4s ease-out;
	background:#14a32d;
	 top: 20px;
	
}
#cssmenu ul li ul li.has-sub:after{
	display:block;
	position:absolute;
	content:"";height:10px;
	width:10px;border-radius:5px;
	background:#000;z-index:1;
	top:13px;right:15px
	}
#cssmenu.align-right ul li ul li.has-sub:after{
	right:auto;
	left:15px
}
#cssmenu ul li ul li.has-sub:before{
	display:block;position:absolute;
	content:"";
	height:0;
	width:0;
	border:3px solid transparent;
	border-left-color:#fff;
	z-index:2;top:15px;
	right:15px
}
#cssmenu.align-right ul li ul li.has-sub:before{
	right:auto;left:15px;
	border-left-color:transparent;
	border-right-color:#fff
}
#cssmenu ul li ul li a{
	font-size:14px;
	letter-spacing:0;
	display:block;
	width:200px;
	padding:11px 10px 11px 20px;
	border-bottom:1px solid #fff
}
#cssmenu ul li ul li.active>a,#cssmenu ul li ul li:hover>a{
	color:#fff;
	background:#db6804
}
#cssmenu ul li ul li.active:after,#cssmenu ul li ul li:hover:after{
	background:#4cb6ea
}
#cssmenu ul li ul li:hover>ul{
	left:100%;
	top:0
	}
#cssmenu ul li ul li:hover>ul>li{
	max-height:72px;
	position:relative
}
#cssmenu>ul>li{
	float:left
	}
#cssmenu.align-center>ul>li{
	float:none;
	display:inline-block
}
#cssmenu>ul>li.has-sub>a:after,#cssmenu>ul>li.has-sub>a:before,#cssmenu>ul>li:after{
	display:block;
	content:"";
	position:absolute
}
#cssmenu.align-center>ul{
	text-align:center
	}
#cssmenu.align-center ul ul{
	text-align:left
	}
#cssmenu.align-right>ul{
	float:right
}
#cssmenu.align-right>ul>li:hover>ul{
	left:auto;
	right:0
	}
#cssmenu.align-right ul ul li:hover>ul{right:100%;
	left:auto
}
#cssmenu.align-right ul ul li a{
	text-align:right
	}
#cssmenu>ul>li:after{
	width:100%;
	height:0;
	top:0;z-index:0;background:#db6804;
	-webkit-transition:height .2s;
	-moz-transition:height .2s;
	-ms-transition:height .2s;
	-o-transition:height .2s;
	transition:height .2s
}
#cssmenu>ul>li.has-sub>a{
	padding-right:40px
	}
#cssmenu>ul>li.has-sub>a:after{
	background:#fff;
	height:12px;width:12px;
	border-radius:13px;
	right:14px;top:16px
	}
#cssmenu>ul>li.has-sub>a:before{
	border:4px solid transparent;
	border-top-color:#4cb6ea;
	z-index:2;height:0;width:0;
	right:16px;top:21px
}
#cssmenu>ul>li.active:after,#cssmenu>ul>li:hover:after{
	height:100%
}
#cssmenu>ul>li.active>a,#cssmenu>ul>li:hover>a{color:#fff}
#cssmenu>ul>li.active>a:after,#cssmenu>ul>li:hover>a:after{background:#000}
#cssmenu>ul>li.active>a:before,#cssmenu>ul>li:hover>a:before{border-top-color:#fff}
#cssmenu>ul>li:hover>ul{left:0}#cssmenu>ul>li:hover>ul>li{max-height:72px;position:relative}
#cssmenu #menu-button{display:none}
#cssmenu>ul>li>a{
	padding:15px 24px;
	letter-spacing:1px;
	font-size:13.8px;
	z-index:2;position:
	relative;display:block
}
#cssmenu>ul>li{width:auto}
#cssmenu>ul>li>ul,#cssmenu>ul>li>ul>li{
	width:200px;
	display:block
}
#cssmenu>ul>li>ul{z-index:1000}
@media all and (max-width:800px),only screen and (-webkit-min-device-pixel-ratio:2)
 and (max-width:1024px),only screen and (min--moz-device-pixel-ratio:2) and (max-width:1024px),only screen 
 and (-o-min-device-pixel-ratio:2/1) and (max-width:1024px),only screen and (min-device-pixel-ratio:2)
  and (max-width:1024px),only screen and (min-resolution:192dpi) and (max-width:1024px),only screen 
  and (min-resolution:2dppx) and (max-width:1024px){
      #cssmenu{
          width:100%;
      }
  	#cssmenu.align-center>ul,#cssmenu.align-right ul li a,#cssmenu.align-right ul ul li a{
  		text-align:left
  	}
  	#cssmenu>ul{
  		max-height:0;
  		overflow:hidden;
  	
  	}
  		
  		#cssmenu>ul.open{
  			max-height:2000px;
  			
  		}
  		#cssmenu ul{width:100%}
  		#cssmenu ul>li{float:none;
  			width:100%;
  		padding:5px 0px 30px 0px;
  		}
  		
  		#cssmenu ul li ul li.has-sub:after,#cssmenu ul li ul li.has-sub:before,#cssmenu ul li.has-sub>a:after,
  		#cssmenu ul li.has-sub>a:before,
  		#cssmenu ul>li:after{
  			display:none;
  			}
  		#cssmenu ul li ul,#cssmenu ul li ul li ul,#cssmenu ul li ul li:hover>ul,
  		#cssmenu.align-right ul li ul,#cssmenu.align-right ul li ul li ul,
  		#cssmenu.align-right ul li ul li:hover>ul{
  			left:0;
  			position:relative;
  		
  		}
  		#cssmenu ul li ul li,#cssmenu ul li:hover>ul>li{
  			max-height:1500px;
  			position:relative;
  			background:0 0
  		}
  		#cssmenu #menu-button:after,#cssmenu #menu-button:before{
  			display:block;
  			content:'';
  			position:absolute;
  			height:3px;
  			width:22px;
  			border-top:2px 
  			solid #fff;
  			right:20px
  		}
  		
  		#cssmenu ul li ul li:hover>a{color:#000}
  		#cssmenu #menu-button{
  			display:block;
  			-webkit-box-sizing:border-box;
  			-moz-box-sizing:border-box;
  			box-sizing:border-box;
  			width:100%;
  			padding:15px 20px;
  			text-transform:uppercase;font-weight:700;
  			font-size:14px;
  			letter-spacing:1px;
  			color:#fff;
  			cursor:pointer
  		}
  		#cssmenu #menu-button:after{
  			border-bottom:2px solid #fff;
  			top:16px
  			}
  		#cssmenu #menu-button:before{top:26px}}