@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@400&family=Oswald:wght@500&display=swap'); 
body {font-family:Lexend;
font-size:1.3rem;
color:#3F4540;
line-height:25px;
background:#f0f0f0;
margin:0px;
overflow-x: hidden; //horizontal
    overflow-y: scroll;
}
:root {
  --breadcrumb-theme-1: orange;
  --breadcrumb-theme-2: #fff;
  --breadcrumb-theme-3: #039300;
}
h1{font-family:Oswald}
.img-content{display: block; margin-left: auto; margin-right: auto}
a{text-decoration:none;color:#21571D}
a:visited{color:#4D6B53}
a:hover{color:red}
a.att{color:#cccccc;font-size:80%;font-family:Tahoma;font-weight:bold}a.att:hover{color:white;text-decoration:underline}
a.btt{color:#b3f5d5;}a.btt:hover{color:white;text-decoration:underline}
.mdtt{color:darkgreen}a.mdtt:hover{color:red;text-decoration:underline}
.liright{list-style-type: none;border-bottom:0px solid #dddddd; margin:2px}
li.liright a{color:green;font-weight:bold;font-size:90%;display: block;padding-left:10px}
li.liright a:hover{color:white;background:orange;text-decoration:none}
#linearBg {text-shadow: 2px 2px 4px #000000;color:#dddddd;font-weight:bold; /* fallback */ background-color: #F00A28; background: url(images/linear_bg_2.png); background-repeat: repeat-x; /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F00A28), to(#079421)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #079421, #F00A28); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #079421, #F00A28); /* IE 10 */ background: -ms-linear-gradient(top, #079421, #F00A28); /* Opera 11.10+ */ background: -o-linear-gradient(top, #079421, #F00A28); }
#.linearBg {background:#00412D;color:#ffffff;font-weight:bold;}
a.atoptree{color:#777777;letter-spacing:0.3px}
a.atoptree:hover{color:orange}
.btnchat{width:157px;margin:1px;text-align:left}
.btnchatsp{width:140px;margin:1px;text-align:left}
.btnsuamayin{width:150px;margin:1px;text-align:center;padding:1px}
.btnbaogia{overflow:hidden;text-overflow: ellipsis;white-space: nowrap;text-align:left;margin:2px;width:100%}
.lipostdriver{ list-style-position: inside;    text-indent: -1em;    padding-left: 1em; color:#B31C14}
.detailcontent li{list-style-position:inside;text-indent: -1em;    padding-left: 1em;margin-left:10px}
.topsearchcate{background:#f0f0f0}
h1{font-size:27px;color:#555555}
h2{font-size:25px;color:#555555}
h3{font-size:19px;color:#555555;margin:3px}
#share-buttons img { width:25px;padding: 5px;border: 0;box-shadow: 0;display: inline;}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
      width: 100%;
      margin: auto;
  }
.xam {color:#cccccc}
.rowlist_cate{height:25px}
.rowlist_item{margin-bottom:10px}
.imgthumb{height:200px}
.imgthumbvideo{height:310px;position:relative}
.imgthumbvideo:hover .play{display:block}
.play{position : absolute;display:none;top:40%; margin:0 auto; left:0px;right:0px;z-index:100} 
.img_ali3{height:108px}
.adright{float:right;position:absolute;top:130px;right:0%;z-index:10;overflow:hidden}
.adleft{float:right;position:absolute;top:130px;left:0%;z-index:10;overflow:hidden;text-align:right}
a.cgiua{font-size:13px}
.dangonline{font-size:80%}
.page-header{margin-top:-5px}
.callhotline{position:fixed;left:10px;bottom:20px;z-index:9920}
.scrollToTop{width:45px;height: 45px;background-image: url('images/arrowtotop.png');position:fixed;right:10px;bottom:80px;display:none;}
.btnmuangay{position:absolute; bottom:0; right:0;margin-bottom:30px;margin-right:20px;}
.divsp{height:250px;margin-bottom:10px;font-size:13px}
@media screen and (min-width: 768px)  {.adright,.adleft{width:300px}
}

@media screen and (min-width: 992px)  {
.adright,.adleft{width:300px}
}

@media screen and (min-width: 1577px) {
.adright,.adleft{width:200px}
}

@media screen and (min-width: 1800px)  {
.adright,.adleft{width:300px}
}

@media screen and (max-width: 1576px) {
.adright,.adleft{display:none;}
}

@media screen and (max-width: 1200px) {
    h1{ font-size:27px;}
h2{ font-size:25px; }
h3{ font-size:19px;}
}

@media screen and (max-width: 992px) {
	h1{ font-size:25px;}
	h2{ font-size:22px; }
	h3{ font-size:18px;}
.divsp{height:250px;margin-bottom:20px;font-size:13px}
}

@media screen and (max-width: 768px) {
h1{ font-size:23px;}
h2{ font-size:21px; }
h3{ font-size:17px;}
.img_ali{width:100%;height:100%}
.imgthumb{height:100%}
.imgthumbvideo{height:100%;position:relative}
.divsp{height:300px;margin-bottom:20px}
}

@media screen and (max-width: 480px) {
	h1{ font-size:22px;}
	h2{ font-size:20px; }
	h3{ font-size:17px;}
	.divsp{height:340px;margin-bottom:20px}
	.btnmuangay{position:absolute; bottom:0;margin-bottom:30px;margin-left:5px}
	.scrollToTop{
		width:45px;
		height: 45px;
		background-image: url('images/arrowtotop.png');
		position:fixed;
		left:10px;
		bottom:10px;
		display:none;
	}

	.callhotline{position:fixed;left:60px;    bottom:15px;}
}
@media screen and (max-width: 420px) {
	.hhdiachimobile {display:none}
}

@media screen and (min-width: 420px) {
	.hhdiachimobile480 {display:none}
}

@media screen and (max-width: 320px) {
	h1{ font-size:20px;}
	h2{ font-size:18px; }
	h3{ font-size:16px;}
}

.lipost {list-style-type: disc; list-style-position: inside;     padding-left: 2em; text-indent: -2em; color:green}
.ligiua{list-style-type:square;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.dottedline{border: 1px dotted #1798A6; border-style: none none dotted; color: #fff; background-color: #fff;}
.tieude{background:#99ccff}
.inlinediv,.banneradtxt{overflow:hidden;text-overflow: ellipsis;white-space: nowrap}
blockquote{font-size:80%}
.vip{background:brown;}
div.listtin:hover{background:ivory;}
div.rowvip{font-weight:bold}
.badgevip{background:red}
.badge{background:green}
a.avip{text-decoration:none;color:#333399}
a.avip:hover{color:red}
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

a.asign{text-decoration:none}
/*Modal login*/
.login_modal_footer{margin-top:5px;}
.login_modal_header .modal-title {text-align: center;font-family:'Philosopher',sans-serif; }
.form-group{position: relative;}
.form-group .login-field-icon {
    font-size: 20px;
    position: absolute;
    right: 15px;
    top: 3px;
    transition: all 0.25s ease 0s;
    padding-top: 2%;
}

.login-modal{
    width:100%;
    padding-bottom:20px;
}

.login_modal_header, .login_modal_footer {background: #00BB64 !important;color:#fff;}
.modal-register-btn{margin-right:15%; margin-top:10px;width:100%;}
.login-modal input{height:40px; box-shadow: none; border:1px solid #ddd;}
.modal-body-left{float:left; width:55%; padding-right:4%; border-right:4px solid #ddd;}
.modal-body-right{float:right; width:42%;}
.login-link{padding:0px}
.modal-social-icons{padding:0 10%;}
.facebook, .twitter, .google, .linkedin {width:100%;height:40px; padding-top:2%; margin-top:2%;}
.modal-icons{margin-left: -10px; margin-right: 20px;}
.google, .google:hover{background-color:#dd4b39;border:2px solid #dd4b39;color:#fff;}
.twitter, .twitter:hover{ background-color: #00aced; border:2px solid #00aced;color: #fff;}
.facebook, .facebook:hover{background-color: #3b5999; border:2px solid #3b5999;color:#fff;}
.linkedin, .linkedin:hover{background-color: #007bb6; border: 2px solid #007bb6; color:#fff;}
#social-icons-conatainer{position: relative;}
#center-line{position: absolute;  right: 255px;top: 80px;background:#ddd;  border: 2px solid #DDDDDD;border-radius: 20px;}
.modal-login-btn{width:100%;height:40px; margin-bottom:10px;}
/*Modal login:End*/
/*Social_button*/
.social {
    margin: 0;
    padding: 0;
}

.social ul {
    margin: 0;
    padding: 5px;
}
.social ul li {
    margin: 5px;
    list-style: none outside none;
    display: inline-block;
}
.social i {
    width: 40px;
    height: 40px;
    color: #cccccc; 
    font-size: 22px;
    text-align:center;
    padding-top: 12px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
}


.social i:hover {
    color: #FFF;
    text-decoration: none;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
}

.social .fa-facebook:hover {    background: #4060A5;}
.social .fa-twitter:hover {    background: #00ABE3;}
.social .fa-google-plus:hover {    background: #e64522;}
.social .fa-github:hover {    background: #343434;}
.social .fa-pinterest:hover {    background: #cb2027;}
.social .fa-linkedin:hover {    background: #0094BC;}
.social .fa-flickr:hover {    background: #FF57AE;}
.social .fa-instagram:hover {    background: #375989;}
.social .fa-vimeo-square:hover {    background: #83DAEB;}
.social .fa-stack-overflow:hover {    background: #FEA501;}
.social .fa-dropbox:hover {    background: #017FE5;}
.social .fa-tumblr:hover {    background: #3a5876;}
.social .fa-dribbble:hover {    background: #F46899;}
.social .fa-skype:hover {    background: #00C6FF;}
.social .fa-stack-exchange:hover {    background: #4D86C9;}
.social .fa-youtube:hover {    background: #FF1F25;}
.social .fa-xing:hover {    background: #005C5E;}
.social .fa-rss:hover {    background: #e88845;}
.social .fa-foursquare:hover {    background: #09B9E0;}
.social .fa-youtube-play:hover {    background: #DF192A;}
/*Social_button: End*/
#header{z-index:100}
.none {display:none;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color: #E91E63;  /*Sets the text hover color on navbar*/
}


.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active >   
 a:hover, .navbar-default .navbar-nav > .active > a:focus {
color: white; /*BACKGROUND color for active*/
#background-color: #00412D;
}


  .navbar-default {
    #background-color: #00412D;
    border:0;
	border-color: #066172;
}



.dropdown-menu > li > a {
color: #555555;
text-decoration: none;
background-color: white;  /*change color of links in drop down here*/
}

.dropdown-menu > li > a:hover,
   .dropdown-menu > li > a:focus {
	color: white;
	text-decoration: none;
	background-color: #dd2222;  /*change color of links in drop down here*/
   }
.nav > li > a:hover,
.nav > li > a:focus {
text-decoration: none;
background-color: blue; /*Change rollover cell color here*/
}

.navbar-default .navbar-nav > li > a {
color: white; /*Change active text color here*/
}

.tdleft{
padding:5px;
vertical-align:center;
}

.tel{text-decoration:none;color:#dfdfdf}
a.tel:hover{color:#FF7470}
.price{font-size:130%;font-family:Tahoma}
.boxlr{width:190px;padding:10px;margin-top:15px}
.boxlrt{font-weight:bold;font-size:150%;margin-bottom:15px}
.popover-1 .popover {
 position: relative;
 display: block;
 float:right;
 z-index:99
}

.video-container {    position: relative;    padding-bottom: 56.25%;    height: 0;     overflow: hidden;}
.video-container iframe,
.video-container object,
.video-container embed {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;}
::-webkit-scrollbar {   width: 10px;}
::-webkit-scrollbar-track {    background: #f9f9f9; }
::-webkit-scrollbar-thumb {    background: #FF0000}
::-webkit-scrollbar-thumb:hover {    background: #00412D; }
.table-layout {    display:table;    width:100%}
.table-layout .table-cell {    display:table-cell;     border:solid 0px #ccc;}
.thumbnail {     margin-bottom: 20px;     padding: 3px;     -webkit-border-radius: 0px;     -moz-border-radius: 0px;     border-radius: 0px; height:100%; }
.item.list-group-item{    float: none;    width: 100%;    background-color: #fff;    margin: 20px;}
.item.list-group-item:nth-of-type(odd):hover,.item.list-group-item:hover {   background: #f0554a;}
.item.list-group-item .list-group-image{    margin-right: 10px;}
.item.list-group-item .thumbnail{    margin-bottom: 0px;}
.item.list-group-item .caption{    padding: 9px 9px 0px 9px;}
.item.list-group-item:nth-of-type(odd){    background: #d2f0d2;}
.item.list-group-item:before, .item.list-group-item:after {    display: table;     content: " ";}
.item img {margin:120px 5px 40px 5px;z-index:8}
.item.list-group-item img {float: left;margin:2px 10px 2px 2px;     max-width:200px;}
.item.list-group-item:after{ clear: both;}
.list-group-item-text{    margin: 0 0 11px;}
.list-group-item-heading{position:absolute;top:15px;margin-right:16px;z-index:2}
.lead{color:red;font-size:120%;position:absolute;bottom:10px;left: 50%;transform: translateX(-50%);}
.item.list-group-item .lead{left:auto;bottom:10px;right:20px;}
.item.list-group-item .list-group-item-heading{left:235px;top:30px;;z-index:10;font-weight:bold}
a.alistp:hover{text-decoration:none}
.imgrelatedpost{height:70px}
.btn-top-admin{margin:3px}
.glyphicon { margin-right:5px; }
.row:before, .row:after{  display: none;}
.tlsmb{font-weight:bold;margin-top:30px}
.panel-heading  a:before {
   font-family: 'Glyphicons Halflings';
   content: "\e114";
   float: right;
   transition: all 0.5s
}
.panel-heading.active a:before {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg)
}
.tlsmb{margin-top:50px;color:green;font-size:110%}
.slickheading {background:#00412D;color:white;font-size:150%;letter-spacing:1px}
a.ah{color:#555555;text-decoration:none;font-size:1.7rem;margin:5px;font-weight:bold}
a.alistp{color:#555555;text-decoration:none;margin:5px;font-weight:bold}