/*--- slider-css --*/
.slider {
	clear:both; position: relative; z-index:1; margin:0; padding:0
}
.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:#0a2a3d;
    border:solid 1px #f5f5f5; border-radius:50%
}
.callbacks_here a:after{
	background:#e62518;
}
.callbacks_tabs a{
	visibility:hidden;
}
.callbacks_tabs li{
	display:inline-block;
}
ul.callbacks_tabs.callbacks1_tabs {
	position: absolute;
	bottom: 10px;
	z-index: 999;
	right:10px;
}
.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;
 }
.slide_text {background:url(../imgwb/imgw/bg_slide.png); padding:0.8em 0.5em 0.5em 0.5em; position:absolute; z-index:9999; bottom:0; width:100%
}
    .slide_text p {color:#ffab68; opacity:1 !important; text-align:left; font-size:1.6em; text-transform:uppercase;
                   margin:auto; max-width:1150px; display:block; font-weight:700; text-shadow:1px 2px 2px #333; letter-spacing:1px
    }
/*thuvienanh*/
.slider2 {
	clear:both; position: relative; z-index:1; 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;
  float: none;
  max-width:750px;
  width: 100%;
  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;  width:100%
}
.menu ul { 
  padding: 0px;
  margin: 0px;
  list-style: none;
  position: relative;
  display: inline-table;  text-align:center; width:100%;float:left
}
.menu > li > ul.sub-menu {
	min-width: 10em;
	padding: 4px 0;
	background-color: #0a2a3d;
	border: 1px solid #cccccc; padding:0; margin:0
}
.menu ul li { padding: 0px; margin:0; display:inline-block; vertical-align:middle; float:left}
.menu ul li ul > li {width:100%}
.menu > ul > li { display:inline-block; float:left }
.menu ul li a {background:none; margin:0; padding:0; color:#ffffff; font-size:1.05em; 
               text-transform:none; display:inline-block; width:auto; height:auto; vertical-align:middle; cursor:pointer;
               font-weight:400; font-family:'SanFranciscoDisplay-Regular'; float:left;
               /*background:url(../imgwb/imgw/menu_line_hover.png) no-repeat -200px bottom;*/ transition:all 0.5s;
               height:45px; line-height:45px; vertical-align:middle; border-right:solid 1px #e4281e; border-left:solid 1px #c5140b
}
    .menu ul li:last-child a {border-right:0; float:right;
    }
.menu ul li.mnhotline {float:right;
}
.menu ul li.mnhotline a {border-radius:5px; margin:5px 0 0 0;
                   height:35px; line-height:35px;background:#ffd800; 
                   padding:0 1em 0 5px;
                   color:#e62518; font-family:'SanFranciscoDisplay-Bold'; font-size:1.4em;
    }
    /*.menu ul li.mnhotline a {border-radius:5px; margin:5px 0 0 0;
                   height:35px; line-height:35px;background:#ffd800 url(../imgwb/imgw/icon_hotline_top.png) no-repeat 5px center!important; 
                   padding:0 1em 0 30px;
                   color:#e62518; font-family:'SanFranciscoDisplay-Bold'; font-size:1.4em;
    }*/
.menu ul li a.home {background:url(../imgwb/imgw/icon_home.png) no-repeat center center; 
                    margin:0; padding:0;height:45px; width:45px; line-height:45px; display:block; 
                    vertical-align:middle; float:left; overflow:hidden; border:0
}
.menu ul li a.home:hover,
.menu ul li a.home_ac {background:#ffd800 url(../imgwb/imgw/icon_home.png) no-repeat center center!important; 
                      margin:0; padding:0;height:45px; width:45px; line-height:45px; display:block; 
                      vertical-align:middle; float:left; overflow:hidden; border:0
}
.menu ul li a.current{background:url(../imgwb/imgw/menu_line_hover.png) no-repeat right bottom; color:#ffffff}
.menu ul li:hover a,
.menu ul li > a:hover {background:#ffd800}
.menu ul li > a {padding:0 1em; margin:0}
.menu ul li a.row {background:url(../imgwb/imgw/arrow_down.png) no-repeat 92% center; padding:0 2em 0 1em
                   /*padding:0.5em 1em 0.3em 0.5em; margin:0 1.5em 0 0*/
}
    .menu ul li a.row:hover {background-color:#ffd800
    }
    /*.menu ul li:nth-child(3) a {color:#ffff00
    }*/
    .menu ul li.logo {position:relative
    }
.menu ul li.logo a {display:block; margin:0; width:160px; padding:0}
    .menu ul li.logo a img {max-width:130px; width:100%; display:block; margin:auto
    }
/*@media screen and (-webkit-min-device-pixel-ratio:0) {	
    .menu ul li > a {padding:10px 0 10px; margin:5px 0.7em}
}*/
.menu ul ul { 
  display: none; 
  position: absolute; 
  top:100%;
  max-width:250px;
  background:#df180e; 
  border: 0px solid #c5140b; z-index:9999; padding:0.5em 0 0 0; margin:0; float:left
  /*-webkit-box-shadow: 1px 5px 13px 0px rgba(204,204,204,1);
-moz-box-shadow: 1px 5px 13px 0px rgba(204,204,204,1);
box-shadow: 1px 5px 13px 0px rgba(204,204,204,1);border:solid 0px #ddd; border-top:0*/; margin-top:0px;
}
/*ketthucthem*/
.menu ul li:hover > ul { display: block}
.menu ul ul > li { position: relative; margin:0}
.menu ul ul > li a {color:#ffffff!important; margin:0; padding:0 1em 0 2em!important; font-size:1.05em; text-transform:none; 
                    font-weight:400!important;background:#df180e url(../imgwb/imgw/arrow_6.png) no-repeat 10px center!important; display:block!important; height:auto; 
                    width:100%!important; float:none!important; clear:both; text-align:left;
                    height:35px; line-height:35px;border-top:solid 1px #e4281e; border-bottom:solid 1px #c5140b
}
.menu ul ul > li a:hover {color:#ffd800!important;
}
.menu ul li ul li:first-child a {border-top:0!important
}
.menu ul li ul li ul li:last-child a {border-bottom:solid 0px #ffffff!important
}

.menu ul ul ul { position: absolute; left: 100%; top:0;}
.container {margin:0; float:left; width:100%
}
.menu ul li a.mobile{display:none
}
/*.menu ul li.has-submenu > a {background:url(../imgwb/imgw/arrow0.png) no-repeat 90% center!important; 
                             padding:0.7em 1em 0.7em 1em; font-weight:700
    }
.menu ul li ul li.has-submenu > a {background:url(../imgwb/imgw/arrow_80.png) no-repeat 96% center!important; 
    }
.menu ul li.has-submenu > a.current,
.menu ul li.has-submenu:hover > a {background:#ffffff url(../imgwb/imgw/arrow0_hover.png) no-repeat 90% center!important
    }
.menu ul li.has-submenu ul li:hover a {color:#ff3c41!important; background:none!important}
.menu ul li.has-submenu ul li ul li a:hover {color:#ffff00!important}*/
/*them*/
@media all and (max-width:1160px) {
    .menu ul li > a {padding:0 0.5em; margin:0}
@media all and (max-width:980px) {
    .menu ul {width:100%
    }
    .menu ul ul {box-shadow:none; width:100%; max-width:none
    }
   .container {margin:auto; float:left; width:100%;
   }
   .menu ul li { padding: 0px; margin:0; width:100%; float:left; text-align:left }
   a.menu-link { display: block; color:#ffffff; background:url(../imgwb/imgw/menu.png) no-repeat right center; height:32px;
                 float:right; text-decoration: none; margin:0; padding:0; width:90px; z-index:999999999;
                 position:fixed; top:5px; right:5px;  z-index:9999
   }
 .menu ul li a { display:block; text-decoration: none; color:#ffffff!important; font-size:1em; font-weight:400!important; 
                      margin:0; text-transform:uppercase; border:0; border-bottom:solid 1px #c5140b; padding:0.5em 1em!important;
                      text-shadow:none; border-top:0!important; text-align:left; clear:both; 
                      margin:auto; line-height:normal; height:auto;
                      transition:all 0.5s; background:#da251c!important; width:100%; 
      }
      .menu ul li.mnhotline {display:none
    }
  .menu ul li.logo,
    .menu ul li a.home,
    .menu ul li a.home_ac {display:none!important
    }
    .menu ul li a.row {background:none!important; padding:0.5em 2em; margin:0
    }
    /*.menu ul li.has-submenu > a.current,
    .menu ul li.has-submenu:hover > a,
    .menu ul li.has-submenu > a {background:#e64100!important;padding:0.5em 2em; margin:0
    }*/
  .menu ul li a.mobile{display:block}
  .menu ul li a.current{color:#ffff00;background:#e64100!important;}
  .menu ul li.has-submenu ul li:hover a,
  .menu ul li a:hover { display: block; text-decoration: none; color:#d1b784!important;background-color:#e62518!important; transition:all 0.5s}
  .menu, .menu > ul ul { overflow: hidden; max-height: 0; width:100%; padding:0 }
  .menu > li > ul.sub-menu { padding: 0px; border: none; }
  .menu.active, .menu > ul ul.active { max-height: none; }
  .menu ul { display: inline; }
  .menu ul ul {margin:0}
  .menu > ul { /*border-top: 1px solid #808080;*/background:none!important; width:96%; margin:2% }
  .menu li, .menu > ul > li { display: block; }
  .menu li a { color: #474e11; display: block; padding:0 0.8em; border-bottom: 1px solid #fff; position: relative }
  .menu ul ul {display:none
  }
  .menu li.has-submenu > a:after {
    content: '▼';
    position: absolute; color:#f5f5f5;
    top: 0;
    right: 0;
    display: block;
    font-size: 1em;
    padding: 0.4em 0.5em; z-index:9999
  }
  .menu li.has-submenu > a.active:after {
    content: "▲"; z-index:9999; color:#d1b784 }
  .menu ul ul > li a {padding:0.5em 1em 0.5em 2em!important; color:#fff!important; border-bottom: 1px solid #c5140b!important; 
                      font-weight:400!important; font-size:1em!important; margin:0; text-shadow:none; height:auto; line-height:normal;
  }
  .menu ul li ul li.has-submenu > a {background:#3a2a30!important; 
    }
  .menu ul ul > li a:hover {color:#ffffff!important; background-color:#e62518!important}
  .menu ul ul ul > li a {padding:0.5em 1em 0.5em 6em!important;}
  .menu ul ul, .menu ul ul ul { display:inherit; position: relative; left: auto; top:auto; border:none; background:#dadada
  }
}
    
@media (max-width:800px){
    ul.callbacks_tabs.callbacks1_tabs {
	display:none
    }
    .slide_text p {font-size:1.5em
    }
}
@media all and (max-width:450px) {    
   .container {top:83px
   }    
}