body{ margin:0px; padding:0px;}

#cssmenu,
#cssmenu1 {
  position: relative;
/*  height: 44px;
  background: #2b2f3a;*/
  width:100%;
 /* border-top:1px solid #e5e5e5;*/
 text-align:center;
/* background: url("../images/navbg.gif") repeat-x scroll left top rgba(0, 0, 0, 0);
 border: 1px solid #cfcfcf;*/
 max-width:100%;
}
#cssmenu ul,
#cssmenu1 ul {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 1;
}
#cssmenu > ul,
#cssmenu1 > ul {
  position: relative;
  display: block;
 /* background: #2b2f3a;*/
  width: 100%;
  z-index: 500;
}
#cssmenu:after,
#cssmenu > ul:after,
#cssmenu1:after,
#cssmenu1 > ul:after  {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu.align-right > ul > li,
#cssmenu1.align-right > ul > li {
  float: right;
}
#cssmenu.align-center ul,
#cssmenu1.align-center ul {
  text-align: center;
}
#cssmenu.align-center ul ul,
#cssmenu1.align-center ul ul {
  text-align: left;
}
#cssmenu > ul > li,
#cssmenu1 > ul > li  {
 background:url("../images/dvd.gif") no-repeat scroll right top rgba(0, 0, 0, 0);
 display: inline-block;
 line-height:28px;
  margin:8px 0 0;
   padding:0px;
  position: relative;
  text-align: center;
/*  width: 126px;*/
  text-transform:inherit;
  /* transition:all 0.5s ease-in-out 0s;*/
 /* float:left;*/

}

#cssmenu > ul > li.active{
    color: #515b5e;
	border-bottom:6px solid #cddbdf;
}
#cssmenu > ul > li:hover{ background:url("../images/nav_hover.gif") repeat-x scroll left top rgba(0, 0, 0, 0);}

#cssmenu > ul > #menu-button,
#cssmenu1 > ul > #menu-button {
  display: none;
}
#cssmenu ul li a,
#cssmenu1 ul li a {
  display: block;
  font-family:Arial,Helvetica,sans-serif;
  text-decoration: none;

}
#cssmenu > ul > li > a,
#cssmenu1 > ul > li > a {
   display: inline-block;
   font-family:Arial,Helvetica,sans-serif;
   margin: 0;
   padding:0 10px;
	color:#5e5e5e;
    font-size: 14px;
	border-right: 1px solid #ccc;
}
#cssmenu > ul > li.has-sub > a,
#cssmenu1 > ul > li.has-sub > a {
/*  padding-right: 32px;*/
}
#cssmenu > ul > li:hover > a,
#cssmenu1 > ul > li:hover > a {
/*background-color: #e5ebee;*/
      color:#d85027;
/*	border-radius:3px;
	 padding:0px;*/
/* border-bottom:6px solid #cddbdf;*/



}

#cssmenu li.has-sub::after,
#cssmenu1 li.has-sub::after {
  display: block;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
}
#cssmenu > ul > li.has-sub::after,
#cssmenu1 > ul > li.has-sub::after {
  right: 10px;
  top: 29px;
 /* border: 5px solid transparent;
  border-top-color: #7a8189;*/
}
#cssmenu > ul > li:hover::after,
#cssmenu1 > ul > li:hover::after {
  /*background-color: #e5ebee;*/
  color: #515b5e;
}

#cssmenu ul ul {
  position: absolute;
  left: -9999px;
  top: 70px;
  opacity: 0;
  -webkit-transition: opacity .3s ease, top .25s ease;
  -moz-transition: opacity .3s ease, top .25s ease;
  -ms-transition: opacity .3s ease, top .25s ease;
  -o-transition: opacity .3s ease, top .25s ease;
  transition: opacity .3s ease, top .25s ease;
  z-index: 1000;
}
#cssmenu ul ul ul {
  top: 37px;
  padding-left: 5px;
}
#cssmenu ul ul li {
  position: relative;
}
#cssmenu > ul > li:hover > ul {
  left: auto;
  top:29px;
  opacity: 1;
}
#cssmenu.align-right > ul > li:hover > ul {
  left: auto;
  right: 0;
  opacity: 1;
}
#cssmenu ul ul li:hover > ul {
  left: 170px;
  top: 0;
  opacity: 1;
}
#cssmenu.align-right ul ul li:hover > ul {
  left: auto;
  right: 170px;
  top: 0;
  opacity: 1;
  padding-right: 5px;
}
#cssmenu ul ul li a {
  background-color: #eeefef;
    color: #000000;
    font-size: 12px;
    padding:10px 9px;
    text-align: left;
    text-transform: uppercase;
/*    transition: all 0.35s ease 0s;*/
    width:147px;

}
#cssmenu.align-right ul ul li a {
  text-align: right;
}
#cssmenu ul ul li:hover > a {
background:#eeefef;

  color: #d85027;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last > a {
  border-bottom: 0;
}
/*#cssmenu > ul > li > ul::after {
  content: '';
  border: 6px solid transparent;
  width: 0;
  height: 0;
  border-bottom-color: #ffffff;
  position: absolute;
  top: -12px;
  left: 30px;
}*/
#cssmenu.align-right > ul > li > ul::after {
  left: auto;
  right: 30px;
}
#cssmenu ul ul li.has-sub::after {
  border: 4px solid transparent;
  border-left-color: #9ea2a5;
  right: 10px;
  top: 12px;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-transition: -webkit-transform 0.2s ease, right 0.2s ease;
}
#cssmenu.align-right ul ul li.has-sub::after {
  border-left-color: transparent;
  border-right-color: #9ea2a5;
  right: auto;
  left: 10px;
}
#cssmenu ul ul li.has-sub:hover::after {
  border-left-color: #ffffff;
  right: -5px;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
#cssmenu.align-right ul ul li.has-sub:hover::after {
  border-right-color: #ffffff;
  border-left-color: transparent;
  left: -5px;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

@media all and (max-width:767px){
   #cssmenu,
   #cssmenu1{
/*    float: left;*/
    margin-top:48px;
    width:100%;
	text-align:center;
	background-color: #f8f8f8;
  }
  #cssmenu.align-center ul,
  #cssmenu1.align-center ul {
    text-align: left;
  }
  #cssmenu.align-right > ul > li,
  #cssmenu1.align-right > ul > li {
    float: none;
  }
  #cssmenu ul,
  #cssmenu1 ul {
    width: auto;
	padding-top:0px;
  }
  #cssmenu .submenuArrow,
  #cssmenu #indicatorContainer,
  #cssmenu1 .submenuArrow,
  #cssmenu1 #indicatorContainer {
    display: none;
  }
  #cssmenu > ul,
  #cssmenu1 > ul {
    height: auto;
    display: block;
  }
  #cssmenu > ul > li,
  #cssmenu1 > ul > li {
    float: none;
	margin:0px;
	text-align:left;
  }
  #cssmenu li,
  #cssmenu > ul > li,
  #cssmenu1 li,
  #cssmenu1 > ul > li {
    display: none;

  }

  #cssmenu ul ul,
  #cssmenu ul ul ul,
  #cssmenu ul > li:hover > ul,
  #cssmenu ul ul > li:hover > ul,
  #cssmenu.align-right ul ul,
  #cssmenu.align-right ul ul ul,
  #cssmenu.align-right ul > li:hover > ul,
  #cssmenu.align-right ul ul > li:hover > ul,
  #cssmenu1 ul ul,
  #cssmenu1 ul ul ul,
  #cssmenu1 ul > li:hover > ul,
  #cssmenu1 ul ul > li:hover > ul,
  #cssmenu1.align-right ul ul,
  #cssmenu1.align-right ul ul ul,
  #cssmenu1.align-right ul > li:hover > ul,
  #cssmenu1.align-right ul ul > li:hover > ul {
    position: relative;
    left: auto;
    top: auto;
    opacity: 1;
    padding-left: 0;
    padding-right: 0;
    right: auto;
  }
  #cssmenu ul .has-sub::after,
  #cssmenu1 ul .has-sub::after {
    display: none;
  }
  #cssmenu ul li a,
  #cssmenu1 ul li a {
    padding: 0px 0px;
	display:block;
  }
  #cssmenu ul ul li a,
  #cssmenu1 ul ul li a {
    border: 0;
    background: none;
    width: auto;
    padding:0px 0px;
  }
  #cssmenu.align-right ul ul li a,
  #cssmenu1.align-right ul ul li a  {
    text-align: left;
  }
  
  #cssmenu ul ul li:hover > a,
  #cssmenu1 ul ul li:hover > a   {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: medium none;
    color: #d85027;
  }
  #cssmenu ul ul ul a,
  #cssmenu1 ul ul ul a    {
    padding:0px 0px;
  }
  #cssmenu ul ul ul ul a,
  #cssmenu1 ul ul ul ul a   {
    padding: 0px 0px;
  }
  #cssmenu ul ul ul ul ul a,
  #cssmenu1 ul ul ul ul ul a   {
    padding: 0px 0px;
  }
  #cssmenu ul ul ul ul ul ul a,
  #cssmenu1 ul ul ul ul ul ul a {
    padding: 0px 0px;
  }
  #cssmenu > ul > #menu-button,
  #cssmenu1 > ul > #menu-button    {
    display: block;
    cursor: pointer;

  }
  #cssmenu #menu-button > a,
  #cssmenu1 #menu-button > a {
    padding:0px 0px;
	display:none;
  }
  #cssmenu ul.open li,
  #cssmenu > ul.open > li,
  #cssmenu1 ul.open li,
  #cssmenu1 > ul.open > li {
    display: block;
	 line-height:35px;
	 padding-bottom:0px;
	 margin-left: 14px;

  }
  #cssmenu > ul.open > li#menu-button > a,
  #cssmenu1 > ul.open > li#menu-button > a{
    color: #777;
	padding-bottom:0px;
  }
  #cssmenu ul ul::after,
  #cssmenu1 ul ul::after {
    display: none;
  }
#cssmenu #menu-button::after,
#cssmenu1 #menu-button::after {
    content:url(../images/icon-menu.png);
	background-repeat:no-repeat;
    display: block;
    height: 3px;
    position: absolute;
    right:31px;
    top:-38px;
    width: 22px;
	border-bottom:none;
  }
 #cssmenu > ul > li:hover:nth-child(1){border-bottom:none;} 

/*  #cssmenu #menu-button::before {
  border-bottom: 2px solid #888888;
    border-top: 2px solid #888888;
    content: "";
    display: block;
    height: 3px;
    position: absolute;
    right: 20px;
    top: 15px;
    width: 22px;
  }
  #cssmenu ul.open #menu-button::after,
  #cssmenu ul.open #menu-button::before {
    border-color: #000;

}*/

}

.slider {
    float: left;
    margin-top: 10px;
    width: 824px;
    border:1px solid #cfcfcf;
	max-width:100%;
}

.sliderText {
    color: #ffffff;
    float: right;
    font-size: 13px;
    margin: 80px 20px 0 381px;
    padding: 0 0 10px;
    position: absolute;
    width: 420px;
}

.sliderText h1 {
    color: #ffffff;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 30px;
    font-weight: bold;
    line-height: 34px;
    margin: 0 0 15px;
    padding: 0;
    text-align: right;
    width: 100%;
}
.sliderText p {
    color: #ffffff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    text-align: right;
    width: 100%;
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	.sliderText{ float:none; right:0px; margin: 80px 20px 0 0;}
}
@media only screen and (min-width:320px) and (max-width:568px) {
	.slider{ display:none;}
	#cssmenu ul ul li a { text-align:left;}
	#cssmenu ul ul {top:0px !important;}
}
@media only screen and (min-width:569px) and (max-width:767px) {
	.sliderText{ float:none; right:0px; margin: 80px 20px 0 0;}
    .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: left;  width: 23% !important;}
	#cssmenu ul ul li a { text-align:left;}
	#cssmenu ul ul {top:0px !important;}
}