/**
 * NukeViet Content Management System
 * @version 4.x
 * @author VINADES.,JSC <contact@vinades.vn>
 * @copyright (C) 2009-2021 VINADES.,JSC. All rights reserved
 * @license GNU/GPL version 2 or any later version
 * @see https://github.com/nukeviet The NukeViet CMS GitHub project
 */

#title-area #title {
    color: #FFFFFF;
    font-size: 20px;
    font-weight: normal;
    margin: 0;
    padding: 0 0 0 20px;
    text-decoration: none;
    line-height: 1.6;
    text-transform: uppercase;
    padding: 0;
}
#title-area #title a {
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    padding: 0;
}
#title-area {
	float: left;
	margin: 0 0 40px 10px; 
	padding: 0;
}	
#title-area #title a, #title-area #title a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

#title-area #description {
	color: #FFFFFF;
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	margin: 0; 
	padding: 0 0 0 20px;
}
#title-area #description {
    color: #fff;
    font-size: 20px;
    font-style: italic;
    font-weight: bold;
    margin-top: 10px;
    padding: 0;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    margin: 0;
}
.headerSearch .form-control {
    border: 0;
    border-bottom: 1px solid #00923f;
    border-radius: 0;
    padding: 0px 12px;
    height: 22px;
}
.headerSearch .btn-info {
    background: #fff;
    border: 0;
    color: #333;
    padding: 0px 5px 1px 12px;
    font-size: 13px;
    border-bottom: 0;
    border-radius: 0;
}
.headerSearch .btn-info:hover, .headerSearch .btn-info:active, .headerSearch .btn-info.active {
    background-color: #fff;
    border-color: #00923f;
    color: #333333;
}
.img-thumbnail {
    background-color: transparent;
    border-radius: 0;
    max-width: 100%;
    background: #FFFFFF;
    padding: 4px;
    border: 1px solid #DDDDDD;
}
.panel {
    margin-bottom: 10px;
    background-color: #fff;
    border: solid 1px #eee;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.hot-news-others a.h4{
    font-size: 11px;
    font-weight: bold;
}
h3, .h3 {
    font-size: 12px;
}
.right_col .panel-default .panel-heading {
    background-color: #fff;
    border-color: transparent;
    background-image: unset !important;
    color: green;
    font-size: 14px;
    font-family: Arial, Tahoma, Verdana;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
    padding: 0px 0px 1px 0px;
    text-shadow: none;
    margin-bottom: 10px;
    background: none;
    border-bottom: green solid 2px;
}
h2, .h2 {
    font-size: 1.2em;
}
.news_column_page h2 a:hover {
    color: ForestGreen;
    text-decoration: none;
}
.right_col .well{
    border: solid 1px #eee;
    background: #FFFFFF;
    margin: 0 0 10px 0;
    padding: 9px 9px 10px 9px;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
/* Slideshow Styling
----------------------------------------------------------------------------------------------------*/

/* Browser Resets */

.flex-container a:active,
.flexslider a:active {
  outline:none;
}

.slides,
.flex-control-nav,
.flexslider .flex-direction-nav {
  margin:0;
  padding:0;
  list-style:none;
}

/*  Theme Resets  */

.flexslider li,
.flexslider ul {
  padding:0 !important;
  list-style:none !important;
  margin-left:0 !important;
}

.flexslider .slides li .flex-caption {
  padding:10px !important;
  margin-right:-20px;
}

.slides,
.flex-control-nav,
.flexslider .flex-direction-nav {
  margin:0 !important;
  padding:0 !important;
}

.flexslider img {
  border:0;
  padding:0;
}

/* Slideshow Loader */

.slideshow {
  position:relative;
}

.loading {
  color:#000;
  background:url(../images/loading.gif) 50% 50% no-repeat;
  position:absolute;
  width:100%;
  height:425px;
  line-height:425px;
  text-align:center;
}

/* FlexSlider Necessary Styles
*********************************/

.flexslider {
  width:100%;
  margin:1em auto;
  padding:0;
  float:left;
}

.flexslider .slides > li {
  display:none;
}

/* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {
  max-width:100%;
  width:auto;
  display:block;
  height:auto;
  margin:0 auto;
}

.flex-pauseplay span {
  text-transform:capitalize;
}

/* Clearfix for the .slides element */

.slides:after {
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  line-height:0;
  height:0;
}

html[xmlns] .slides {
  display:block;
}

* html .slides {
  height:1%;
}

/* No JavaScript Fallback */

/* If you are not using another script,such as Modernizr,make sure you
 * include js that eliminates this class on page load */

.no-js .slides > li:first-child {
  display:block;
}

/* FlexSlider Default Theme
*********************************/

.flexslider {
  position:relative;
  zoom:1;
}

.flexslider .slides {
  zoom:1;
}

.flexslider .slides > li {
  position:relative;
  list-style-image:none;
  overflow:hidden;
}

/* Suggested container for "Slide" animation setups. Can replace this with your own,if you wish */

.flex-container {
  zoom:1;
  position:relative;
}

/* IE rgba() hack */

.flex-caption {
  background:none;
  -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
  zoom:1;
}

/* Caption style */

.gpp_slideshow_wrapper .flexslider .slides li .flex-caption {
  bottom:auto;
  background:url(../images/repeater-40.png);
  color:#fff;
  height:auto;
  left:0;
  padding:10px 20px;
  font-size:12px;
  text-align:left;
  position:absolute;
  width:100%;
  top:0;
  text-shadow:1px 1px 1px #000;
  font-style:italic;
}

.gpp_slideshow_menu {
  float:right;
  display:block;
  font-size:10px;
  color:#444;
  text-transform:uppercase;
  margin:-1em 0 0.5em;
  text-indent:-999em;
  width:128px;
  position:relative;
  z-index:99;
}

.gpp_slideshow_menu a {
  color:#444;
}

.gpp_slideshow_menu a:hover {
  color:#555;
}

.gpp_slideshow_thumbnails li {
  line-height:0;
  list-style-image:none;
  margin:0;
  padding:0;
}

ul.flex-direction-nav li {
  line-height:0;
  list-style-image:none;
  margin:0;
  padding:0;
}

.flex-direction-nav {
  float:right;
  width:40px;
  list-style:none;
}

.gpp_slideshow_menu a {
  text-decoration:none;
  border:none;
}

.flex-direction-nav a.prev {
  float:left;
  background-image:url(../images/slideshow-icons.png);
  width:20px;
  height:16px;
  background-position:-47px 0;
}

.gpp_slideshow_wrapper .flex-direction-nav li a {
  position:static;
  margin:0;
}

.flex-direction-nav a.prev:hover {
  background-position:-47px -18px;
}

.flex-direction-nav a.next {
  float:left;
  background-image:url(../images/slideshow-icons.png);
  width:20px;
  height:16px;
  background-position:-59px 0;
}

.flex-direction-nav a.next:hover {
  background-position:-59px -18px;
}

.flex-direction-nav {
  display:none;
}

.slideshow_nav ul.flex-direction-nav {
  display:block;
}

.gpp_slideshow_menu .slideshow_options {
  float:left;
  width:64px;
  margin-right:24px;
}

.gpp_slideshow_menu .slideshow_options a.show_thumbnails {
  float:left;
  background-image:url(../images/slideshow-icons.png);
  width:20px;
  height:16px;
  background-position:-1px 0;
  margin-right:24px;
}

.gpp_slideshow_menu .slideshow_options a.show_thumbnails:hover {
  background-position:-1px -18px;
}

.gpp_slideshow_menu .slideshow_options a.show_captions {
  float:left;
  background-image:url(../images/slideshow-icons.png);
  width:20px;
  height:16px;
  background-position:-24px 0;
}

.gpp_slideshow_menu .slideshow_options a.show_captions:hover {
  background-position:-24px -18px;
}

#gpp_slideshow_pager {
  float:left;
  margin-left:50px;
}

#gpp_slideshow_pager a {
  padding:4px 7px;
  background:#333;
  color:#555;
  margin:0 4px;
  -moz-border-radius:9px;
}

#gpp_slideshow_pager a:hover,
#gpp_slideshow_pager li.active {
  background:#555;
  color:#999;
}

ul.gpp_slideshow_thumbnails {
  margin:0;
  padding:0;
  height:75px;
  width:100%;
}

ul.gpp_slideshow_thumbnails li {
  display:inline;
  margin:0;
  padding:0;
}

ul.gpp_slideshow_thumbnails li a {
  padding:5px;
  margin:0 12px 15px 0;
  float:left;
  display:block;
  width:50px;
  height:50px;
  border:none;
}

ul.gpp_slideshow_thumbnails li img,
ul.gpp_slideshow_thumbnails li img.thumbnail,
ul.gpp_slideshow_thumbnails li img.attachment-thumbnail {
  margin:0;
  width:50px;
  height:50px;
}

ul.gpp_slideshow_thumbnails li a img {
  padding:5px;
  background:#222;
  filter:alpha(opacity=30);
  -moz-opacity:0.3;
  -khtml-opacity:0.3;
  opacity:0.3;
  border:none;
}

ul.gpp_slideshow_thumbnails li a.flex-active img,
ul.gpp_slideshow_thumbnails li a:hover img {
  filter:alpha(opacity=100);
  -moz-opacity:1.0;
  -khtml-opacity:1.0;
  opacity:1.0;
}

/* Archive */

#gallery h1 {
  margin-top:20px;
}

.post-type-archive-gallery h2,
.tax-gallery_collections h2 {
  font-size:1.1em;
  text-transform:uppercase;
}

/* Grid */

.gppss-grids {
  width:auto;
  max-width:100%;
  clear:both;
  margin:0;
  list-style:none;
  overflow:hidden;
}

.gppss-grid {
  float:left;
  margin:0 2.127659574468% 1em 0;
  width:31.914893617021%;
}

.gppss-grid img {
  max-width:100%;
  width:100%;
  display:block;
  height:auto;
}

.gppss-grid.last {
  margin-right:0;
}

@media screen and (max-width:640px) {
  .gppss-grid {
    float:none;
    display:block;
    margin:0 auto;
    text-align:center;
    width:100%;
  }
}

/* Clear floats */

.clear {
  clear:both;
  display:block;
  overflow:hidden;
  visibility:hidden;
  width:0;
  height:0;
}

.clearfix:after {
  clear:both;
  content:' ';
  display:block;
  font-size:0;
  line-height:0;
  visibility:hidden;
  width:0;
  height:0;
}

* html .clearfix,
:first-child+html .clearfix {
  zoom:1;
}
.right-lang{
    position: absolute;
    top: 0;
    right: 10px;
}
.headerSearch .input-group-btn:last-child>.btn, .headerSearch .input-group-btn:last-child>.btn-group {
    margin-bottom: 1px;
    margin-left: -30px;
    position: relative;
    z-index: 99;
}
@media (min-width: 768px)
{
#menu-site-default ul.navbar-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
#menusite .navbar-default .navbar-nav > li {
    margin-left: 0;
    position: relative;
    flex: auto;
    text-align: center;
}
}