/* CSS Reset
/*-----------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */

/* Defaults
/*-----------------------------------------------------------------------------------*/
.entry-content img {margin: 0 0 10px 0;}
.alignleft, img.alignleft {margin-right: 10px;display: inline;float: left;}
.alignright, img.alignright {margin-left: 10px;display: inline;float: right;}
.aligncenter, img.aligncenter {margin:0 auto;display: block;clear: both; text-align: center;}
blockquote.left {margin-right: 20px;text-align: right;margin-left: 0;width: 33%;float: left;}
blockquote.right {margin-left: 20px;text-align: left;margin-right: 0;width: 33%;float: right;}
.sticky{}
.left { text-align: left; }
.right { text-align: right; } 
.c_in{  width: 1200px; margin: 0 auto}
.c_on{  width: 999px;}

html {
  font-size: 100%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;

}
a {
  color: #292929;
  text-decoration: none;
}
a:hover {
  color: #ea9629;text-decoration:none;
  outline: 0;
}

.feature-tour.style_2 .hover img{
  width: 100%
}
h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  margin:0;
}

h1 { font-size:26px; }
h2 { font-size:20px; }
h3 { font-size:18px; }
h4 { font-size:16px; }
h5 { font-size:14px; }
h6 { font-size:12px; }

h1 span, h2 span, h3 span, h4 span { font-weight:normal; }

.clear{clear:both;}
.wrapper {
  width: 1170px; max-width:100%;
  margin: 0 auto;
  clear: both;
}

input, select {
  cursor: pointer;
}
input[type="text"], input[type="password"], input[type="email"], input[type="number"] {
  cursor: text;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="number"]:focus, select:focus, textarea:focus {
  border-color: #F2904E;
  box-shadow: 1px 1px 1px #CCCCCC;
  -webkit-box-shadow: 1px 1px 1px #CCCCCC;
}
textarea, input {
  outline: medium none;
}
textarea {
  overflow: auto;
}
input[type="button"], button {
  cursor: pointer;
  padding: 4px;
  vertical-align: middle;
}

.read_more {
  font-style: italic;
  text-decoration: underline;
}
 
/* =======================================================
*
* 	Template Style
*
* ======================================================= */
body {  font-family: "Open Sans", sans-serif; font-size: 14px;  line-height: 1.7;  color: #000;}
.support{  margin-top:20px;  color: #fff;}
.block_slide{margin-bottom: 30px}
.logo {    height: 80px;    float: left;    text-indent: -999px;    padding: 0px 0;    position: absolute;}
.logo a {  display: block;  height: 65px;  width: 220px;}
.navbar-default .navbar-nav>li>a {    color: #dfdfdf;font-size: 14px; text-transform: uppercase;}
.ubea-container {  max-width: 1140px;  position: relative;  margin: 0 auto;  padding-left: 15px;  padding-right: 15px;  height: 122px;}
.ubea-nav{border-bottom: 1px solid #706f6f;}
.ubea-nav,.menuB {background: #532819}
.main-menu{    z-index: 2;    width: 100%;    position: absolute;    top: 45px;    left: 300px;}
.navbar-default .navbar-nav>li>a{color: #fff}
.navbar-default .navbar-nav .open .dropdown-menu>li>a{color: #f7f7f7}
.header-hot-link{display:inline-block;}
.header-hot-link li{display:inline-block;  position: relative; padding: 5px;}
.header-hot-link li i{  position: absolute;z-index: 9;top:5px;right:-8px;  width: 16px; height: 16px}
.header-hot-link li a{  display:block;  float:left;  font-family: "Open Sans", sans-serif;  font-size: 14px;  color: #000;  padding:0px 10px;  text-transform: uppercase;  line-height: 30px;}
.system-style.s_list_news.style-02 li img {    width: 100%;    height: 100%; object-fit:cover}
.system-style.s_list_news li img {    float: none;}
 
.news-sys ul li {width: calc(33% - 10px); border-bottom:0; font-size: 14px; height: 495px;float: left;margin: 0 7px;}
.news-sys ul li .sys-img{width: 100%; overflow: hidden; height: 300px}
.news-sys ul li .sys-img img{    width: 100%;    height: 100%; object-fit:cover}
.news-sys ul li .sys-nname a{font-weight: bold;font-size: 16px}
.news-sys ul li .details{text-align: center;margin: 15px 0}
.news-sys ul li .details a{background: #b30e31; padding: 5px 10px; color: #fff; border-radius:10px }

 
.system-style.s_list_news li .sys-nname {    color: #7b2927;    font: 1.2em/1.5em "Open Sans", sans-serif;}
.system-style.s_list_news li .vdetail {    background-color: #8e7c23;    font-size: 1.0em;}
.system-style.s_list_news li .vdetail:hover {    background-color: #b30e31;}
.header-hot-link > li.active a,.header-hot-link > li:hover a{  text-decoration: none;background-color: transparent;}
.header-hot-link li ul,.header-hot-link li dl{  position: absolute;   left: 0;  display: none; background:#fff;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{padding: 5px 0}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {    color: #ffffff;}
/*Ds sp*/
.c1-sys ul{display: flex;justify-content: space-between;flex-flow: wrap;} 
.c1-sys ul li .img-box{width: 100%; overflow: hidden;height: 300px}
.c1-sys ul li .item-info .s1{font-size: 15px; font-weight: bold;line-height: 20px}
.c1-sys ul li .img-box img{width: 100%; height: 100%; object-fit:cover}
.contain {  margin: 0 auto;  max-width: 1200px;  width: 100%;}
.item {  align-items: center;    height: 400px;  justify-content: center;}
.c1-sys .owl-nav .owl-prev{top: 30%;    position: absolute; border: 1px solid #8f8f8f !important;   z-index: 999;    color: #fff !important;    left: 0;    background: #00000094  !important;    width: 19px;    height: 61px;    font-weight: bold !important;    font-size: 30px !important;    border-radius: 5px;}
.c1-sys .owl-nav .owl-next{top: 30%;    position: absolute;  border: 1px solid #8f8f8f !important;  z-index: 999;    color: #fff !important;    right: 0;    background: #00000094  !important;    width: 19px;    height: 61px;    font-weight: bold !important;    font-size: 30px !important;    border-radius: 5px;}
.c1-sys .owl-nav .owl-prev:hover,.c1-sys .owl-nav .owl-next:hover{background: red  !important}

.c2-sys ul{display: flex;justify-content: space-between;flex-flow: wrap;} 
.c2-sys ul li{width: calc(25% - 10px); height: 350px}
.c2-sys ul li .imgbox{overflow: hidden;width: 100%; height: 250px}
.c2-sys ul li .imgbox img{width: 100%; height: 100%; object-fit:cover}
.c2-sys ul li .item-info .s1{font-size: 15px; font-weight: bold;line-height: 20px}
.navbar{    min-height: 35px;}
/*- code menu drop down -*/
.header-hot-link li ul ul{
		display: none
	}
	.header-hot-link li li{
		position: relative;
		 
	}
	.header-hot-link li li li ul{
	 
		background: #294981
	}
	.header-hot-link li ul ul{
		position: absolute;
	}
	.header-hot-link > li:hover > ul,
	.header-hot-link > li li:hover > ul
	{
		display: block
	}
.header-top li li a{ line-height: 30px;}
ul.sys_menu_top {
    right: 0;
}
/*- end top menu -*/

.index-box-text{text-align: center;text-transform: uppercase;font-size: 50px; font-weight: bold;margin: 30px 0;color: #532819;}
.contact_form td {    font: 1.2em/1.5em "Open Sans", sans-serif;    color: #333;}
.header-hot-link li li {  min-width: 250px;}
.header-hot-link li li ul{top: 0; left: 100%;}
.header-hot-link li li:hover {  background: #ffcc00;}
.header-hot-link li li a{ line-height: 30px;}
.tab_content{font-size: 14px;  text-align: justify;}
.tab_content h2{margin-top: 60px !important; }
.right-sys{    float: right;   width: 70%;}
.aright {    float: right;    width: 185px;}
.system-style.ul-detail .porder .btn.btn-order{padding: 5px}
.price-sw{font-size: 25px; font-weight: bold;}
#crumbs{margin: 20px auto;}
.system_forms .imghovernews{    width: 50%;    float: left;}
.feature-center {
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
  float: left;
  width: 100%;
  margin-bottom: 40px;
}
 
.feature-center .icon {
  width: 90px;
  height: 90px;
  border: 1px solid #eaeaea;
  display: table;
  text-align: center;
  margin: 0 auto 30px auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.feature-center .icon i {
  display: table-cell;
  vertical-align: middle;
  height: 90px;
  font-size: 40px;
  line-height: 40px;
  color: #FF5126;
}
.feature-center p, .feature-center h3 {
  margin-bottom: 30px;
}
.feature-center h3 {
  font-size: 18px;
  color: #000;
  position: relative;
}

.feature-left {
  float: left;
  width: 100%;
  margin-bottom: 30px;
  position: relative;
}
.feature-left .icon {
  float: left;
  text-align: center;
  width: 15%;
}
.feature-left .icon i {
  display: table-cell;
  vertical-align: middle;
  font-size: 40px;
  color: #FF5126;
}
.feature-left .feature-copy {
  float: right;
  width: 85%;
}
.feature-left .feature-copy h3 {
  font-size: 18px;
  color: #1a1a1a;
  margin-bottom: 10px;
}

.system-style.footer {    background-color: #532819; font-size: 14px}
.footer_in ul{padding: 20px 0}
.footer_in ul li{width: 25%;vertical-align: top; color: #fff}
.footer_in ul li a{color: #fff; font-weight: bold;font-size: 15px}
.footer_in ul li a:hover{color: yellow;}
.footer_in ul li .mn-intext{font-size: 13px}
/*Mạng xĂ£ há»™i*/
.social-button {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 36px;
    margin-right: 5px;
    text-align: center;
    position: relative;
    overflow: hidden;
    opacity: .99;
    border-radius: 0;
}
   
.social-footer { padding-top: 5px;text-align: center;}
.social-button.youtube i {color: #000;}
.social-button:hover i {color: red;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.social-button i {
    font-size: 23px;
    vertical-align: middle;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59);
    transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59);color: #000;background: transparent
}
.fab {font-family: "Font Awesome 5 Brands";}
.fab, .far {font-weight: 400;}
.fa, .fab, .fad, .fal, .far, .fas {-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;}
.fa-facebook-f:before { content: "\f39e";}
.social-button.facebook:before { background-color: #3B5998;}
.social-button.twitter:before{background-color:#000}
.social-button.twitter i{color:#000}
.social-button.google:before{background-color:#000}
.social-button.google i{color:#000}
.social-button.youtube:before{background-color:#000}
 
.social-button:hover:before{top:-10%;left:-10%}
 
.social-button:focus{opacity:.85}
/*End Mạng xĂ£ há»™i*/
/* Responsive Menu
--------------------------------------------- */
.system-style.share.style-03 {
  width: 212px;
  text-align: left;
}
.responsive-menu-icon {
  cursor: pointer;
  display: none;
  margin-bottom: -1px;
  text-align: center;
}

.responsive-menu-icon::before {
  content: "\f333";
  display: inline-block;
  font: normal 20px/1 'dashicons';
  margin: 0 auto;
  padding: 10px;
}

.site-header .responsive-menu-icon::before {
  padding: 0;
}
  
.feature-tour.style_2 article{
  width: 314px;
  margin-right: -3px;
  height: 369px;
  background: #fff;
  padding: 9px;border: 1px solid #dbdbdb;
}
.tabs_container img {width: 100% !important; height: auto !important }
.feature-tour.style_2 article._4clm_3{  margin-right:0px;} 
.r-tabs {  position: relative; margin-top: 10px;}
.r-tabs .r-tabs-nav{  padding:  0  !important; margin:  0 !important; float: left; width: 100%;}
.r-tabs .r-tabs-nav .r-tabs-tab {  position: relative;}
.r-tabs .r-tabs-nav .r-tabs-anchor,
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
  background-color: #fefefe;
  position: relative;
  display: block;
  color: #424242;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  line-height: 38px;
  padding: 0 15px;
  cursor: pointer;
}
.r-tabs-smoke.r-tabs .r-tabs-nav .r-tabs-anchor,
.r-tabs-smoke.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
  background-color: #ECECEC;
  color: #424242;
}
.r-tabs-smoke.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
  border: 1px dashed #00923f;
}
.r-tabs .r-tabs-nav .r-tabs-tab .r-tabs-anchor.order {
  background-color: #e61c05;
  color: #ffffff;
  text-transform: uppercase;
}
.r-tabs-smoke.r-tabs .r-tabs-accordion-title:nth-child(7n) .r-tabs-anchor {
  background-color: #e61c05;
  border-color: transparent;
  color: #ffffff;
  text-transform: uppercase;
}
.r-tabs .r-tabs-nav .r-tabs-anchor:hover,
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor,.r-tabs-tab.active .r-tabs-anchor,
.r-tabs .r-tabs-accordion-title .r-tabs-anchor:hover,
.r-tabs .r-tabs-accordion-title.r-tabs-tab.active .r-tabs-anchor {
  background-color: #00923f !important;
  color: #ffffff !important;
  text-decoration: none !important;
}
.r-tabs .r-tabs-nav .r-tabs-anchor:hover::after,
.r-tabs .r-tabs-nav .r-tabs-tab.active .r-tabs-anchor::after,
.r-tabs .r-tabs-accordion-title .r-tabs-anchor:hover::after,
.r-tabs .r-tabs-accordion-title.r-tabs-tab.active .r-tabs-anchor::after {
/*  content: "";
  position: absolute;
  left: 50%;
  margin-left: -10px;
  bottom: -12px;
  z-index: 2;
  border-top: 12px solid #00923f;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;*/
}
.r-tabs .r-tabs-nav .r-tabs-state-disabled {
  opacity: 0.5;
}
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
  margin-bottom: 15px;
}
.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
  opacity: 0.5;
}
.r-tabs .r-tabs-nav {
  border-bottom: 2px solid #bf561a;
  margin: 0 auto;
  padding: 0;
}
.r-tabs .r-tabs-tab {
  display: block;
  float: left;
  list-style: none;
  padding-right: 5px;
}
.r-tabs .r-tabs-panel {
  background-color: #ffffff;
  border: solid 1px #d9d9d9;
  margin-top: 15px;
  padding: 20px;
  display: none;
}
.r-tabs .r-tabs-accordion-title {
  display: none;
}
.r-tabs .r-tabs-panel.r-tabs-state-active {
  display: block;
}
  
 
/*==================================*/
@media only screen and (max-width: 1200px) {
}
@media only screen and (max-width: 786px) {
	.main-menu{display: none}
	.menuB{display: flex;}
	.support{display: none}
	.btn-link-all{width: 100%}
	.slide-jssor {height: 250px !important}
	.slide-jssor > .sub-slide {height: 250px !important}
}