/*--- slider-css --*/
.slider {
	clear:both; position: relative; z-index:1;
}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }
.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.callbacks_tabs a:after {
	content: "\f111";
	font-size: 0;
	font-family: FontAwesome;
	visibility: visible;
	display: block;
	height: 15px;
	width: 15px;
	display: inline-block;
	background:#225d8f;
    border:solid 1px #0e2cbf; border-radius:7px
}
.callbacks_here a:after{
	background:#f5f5f5;
}
.callbacks_tabs a{
	visibility:hidden;
}
.callbacks_tabs li{
	display:inline-block;
}
ul.callbacks_tabs.callbacks1_tabs {
	position: absolute;
	bottom: 10px;
	z-index: 999;
	right:1%;
}
.callbacks_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  bottom:40%;
  left: 0;
  opacity: 0.7;
  z-index: 1000;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 59px;
  background: url("../../imgwb/imgw/left.png") no-repeat 0px 0px;
  }
.callbacks_nav.next {
  left: auto;
  background-position:-63px 0px;
  right: 0;
 }
/*thuvienanh*/
.slider2 {
	clear:both; position: relative; z-index:1;background:#e1e1e1; padding:0
}
.rslides2 {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }
.rslides2 li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }
.rslides2 li:first-child {
  position: relative;
  display: block;
  float: left;
  }
.rslides2 img {
  display: block;
  max-height:450px;
  float: none;
  width: auto;
  border: 0;
  margin:auto
  }
.menu-link { display: none;}
.menu { 
  float: left;
  -webkit-transition: all 0.3s ease;  
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease; 
}
.menu ul { 
  padding: 0px;
  margin: 0px;
  list-style: none;
  position: relative;
  display: inline-table;
}
.menu > li > ul.sub-menu {
	min-width: 10em;
	padding: 4px 0;
	background-color: #d01313;
	border: 1px solid #cccccc; padding:0; margin:0
}
.menu ul li { padding: 0px; margin:0 }
.menu > ul > li { display: inline-block; }
.menu ul li a {display: block; text-decoration: none; color: #ffffff; font-size: 1em; font-weight:700; 
               text-transform:none; font-family:Arial; text-transform:uppercase}
    .menu ul li:last-child a {border:0
    }
.menu ul li a.current,
.menu ul li:hover a,
.menu ul li > a:hover {color:#ffffff;background-color:#f01313}
.menu ul li > a {padding:0.5em 1em; margin:0}
.menu ul ul { 
  display: none; 
  position: absolute; 
  top:100%;
  min-width: 250px;
  background-color:#d01313; 
  border: 1px solid #d01313; z-index:9999; padding:0; border-top:0
}
.menu ul li:hover > ul { display: block}
.menu ul ul > li { position: relative; margin:0}
.menu ul ul > li a {color:#ffffff; margin:0; padding:0.5em 1em; font-size:0.9em; text-transform:none; border:0; 
                    border-bottom:solid 1px #f5f5f5;}
.menu ul ul > li a:hover {color:#ffffff; background:#dc0e0e}
.menu ul ul ul { position: absolute; left: 100%; top:0;}
.container {margin:auto; max-width:1110px; clear:both;
}
.menu ul li.mobile{display:none
}
@media all and (max-width:890px) {
   .container {float:left; margin:0; width:100%; z-index:999; 
    }
   a.menu-link { display: block; color:#fff; background:#d01313 url(../imgwb/imgw/menu.png) no-repeat 2% center; 
                 float:left; text-decoration: none; width:100%; height:35px; margin:0;}
  .menu { clear: both; min-width: inherit; float: none; }
  .menu ul li a { display: block; text-decoration: none; color: #ffffff; font-size: 0.9em; font-weight:700; 
                  margin:0; text-transform:uppercase; border:0; border-bottom:solid 1px #f01313}
  .menu ul li.mobile{display:block
    }
  .menu ul li a.current{color:#ffff00}
  .menu ul li a:hover { display: block; text-decoration: none; color: #ffffff; font-size: 0.9em; background:#f01313;}
  .menu, .menu > ul ul { overflow: hidden; max-height: 0; background-color: #d01313; }
  .menu > li > ul.sub-menu { padding: 0px; border: none; }
  .menu.active, .menu > ul ul.active { max-height: none; }
  .menu ul { display: inline; }
  .menu > ul { border-top: 1px solid #808080; }
  .menu li, .menu > ul > li { display: block; }
  .menu li a { color: #474e11; display: block; padding:0 0.8em; border-bottom: 1px solid #f01313; position: relative }
  .menu li.has-submenu > a:after {
    content: '▼';
    position: absolute; color:#979c9b;
    top: 0;
    right: 0;
    display: block;
    font-size: 1.2em;
    padding: 0.4em 0.5em; z-index:9999
  }
  .menu li.has-submenu > a.active:after {
    content: "▲"; z-index:9999; color:#15574a  }
  .menu ul ul > li a {height:38px; padding:10px 38px; color:#ffffff; border-bottom: 1px solid #d01313}
  .menu ul ul > li a:hover {color:#ffff00; background:#f01313}
  .menu ul ul ul > li a {padding:5px 60px;}
  .menu ul ul, .menu ul ul ul { display: inherit; position: relative; left: auto; top:auto; border:none; }
  }
@media (max-width:890px){
    /*ul.callbacks_tabs.callbacks1_tabs {
	display:none
    }*/
    .rslides2 img {
      display: block;
      max-height:250px;
      height:auto;
      float: none;
      max-width:480px; width:100%;
      width:auto;
      border: 0;
      margin:auto
    }
}