@font-face {
    font-family: "utm_swiss";
    font-style: normal;
    font-weight: normal;
    src: url("../font/utm_swiss_condensedbold.eot?#iefix") format("embedded-opentype"), url("../font/utm_swiss_condensedbold.woff") format("woff"), url("../font/utm_swiss_condensedbold.ttf") format("truetype"), url("../font/utm_swiss_condensedbold.svg#utm_swiss_condensedbold") format("svg");
}
ul {padding:0; margin:0; list-style:none}
#wrapper {float:left; width:100%; height:auto;}
.content {max-width:1200px; margin:auto; height:auto;}
.width100 {float:left; width:100%; height:auto}
footer {margin-top:10px}
.fancybox-overlay {z-index:99999999999 !important}
.breadcrumb {margin:10px 0}
.fulltext img {max-width:100% !important; height:auto !important}
/*---Line heading---*/

h1, h2 {
  position: relative;
  text-align: left;
  width:100%;
  float:left;
  display:block;
/*  background:#DA251D;*/
  padding:5px 0 3px 0;
 
  margin:10px 0 !important;
}
.mod_m h2 {
   border-bottom: 1px solid;
}
h1 span, h2 span {
  padding-right:5px;
  position: relative;
  z-index: 1;
  color:#2c7246;
  font-size:16px;
  text-transform: uppercase;
  font-family:utm_swiss;
  
}
#colright { background: #F8F8F8; }
h3 {font-size:16px !important}
.btn_send, .btn_booking {font-size:15px; background:#2c7246; font-family:utm_swiss; color:white; padding:10px; border:1px solid #2c7246}
.btn_send:hover, .btn_booking:hover {text-decoration: none; background:white; color:#2c7246; transition:all .3s}

/*---Product---*/
.product { width:100%; border: 1px solid #ddd; float:left;  margin-bottom: 15px; overflow: hidden; height: 275px;}
.product:hover {background:#2c7246; color:white; transition:all .3s}
.product:hover a{color:white; transition:all .3s}
.productpic {width:100%;float:left; height:200px; overflow: hidden; position: relative;}
.productpic img {width:98%; float:left; min-height:200px; margin:1% 0 0 1%}
.product .title {font-size:15px; line-height:20px; font-family:utm_swiss; margin-top:10px; text-transform: uppercase; float:left; posittion:absolute; bottom:0; left:0; width:100%;}
.product a {text-decoration:none; color:#333}
.product a:hover {text-decoration:none; color:white}
.product_ctn {width:100%; float:left}
.product_ctn img {max-width:100%;}
.noidung_tin {width:100% !important}

.row_last {padding-top:10px; width:100%; float:left; text-align:left; font-family:utm_swiss; font-size:18px; margin-left:-10px}
#total {color:red}
.row {border-bottom:1px dashed #ccc; padding-top:10px;}
.row img {float:left; margin:10px;}
.row h3 { margin-left:10px; font-family:utm_swiss}
.row input[type=text] {width:50px}
.row div {margin-top:5px}

.category {font-family:utm_swiss; font-size:15px}
.category li {padding:2px 0}

/*---News ---*/
.news { width:100%; border: 1px solid #ddd; float:left;  margin-bottom: 15px; overflow: hidden; height: 300px;}
.news:hover {background:#2c7246; color:white; transition:all .3s}
.news:hover a {color:white; transition:all .3s}
.newspic {width:100%;float:left; height:185px; overflow: hidden; position: relative;}
.newspic img {width:100%; float:left; min-height:185px;}
.news .title {font-size:14px; line-height:20px; font-weight:500; float:left; font-family:utm_swiss; width:100%; height:45px; 
              text-transform:uppercase; margin-top:5px; padding-bottom:10px}
.news .des {float:left; text-align: justify; padding-bottom:10px; height:100px}
.description {font-size:14px;}
.clearfix:after, .container:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.clearfix {
    display: block;
}
.fbFeedbackPost .postText {
    color: #EEE !important;
}

a {
    color: #666666;
    text-decoration: none;
}
a:hover {
    color: #F8A238;
}
body {
    font-family: '12px',Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 0;
}


.show_success, .show_error, .show_notice {
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1px 2px #CCCCCC;
    margin-bottom: 10px;
    position: relative;
}
.show_error {
    background: none repeat scroll 0 0 #FE9752;
    border: 1px solid #E86005;
    color: #FF0000;
    padding: 5px;
}
.show_success {
    background: none repeat scroll 0 0 #BEEDFC;
    border: 1px solid #3ABAF6;
    padding: 5px;
}
.show_notice {
    background: none repeat scroll 0 0 #F9F7BB;
    border: 1px solid #DDD60A;
    padding: 5px;
}
.lang_link {
    cursor: pointer;
}
a.lang_link_active{
    cursor: pointer;
}
body {
    color: #222;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.8em;
    background: white;
}
textarea, input[type="text"], input[type="password"] {
    background: url("../images/bg-input.png") repeat-x scroll center top #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #008E4C;
    padding: 4px 5px;
}

.error {color:#2c7246}
.clear {
    clear: both;
}
.pages {
    clear: both;
    overflow: hidden;
    padding: 10px 0;
    text-align: center;
}
.pages a {
    background: none repeat scroll 0 0 #37A039;
    color: #EFEFEF;
    cursor: pointer;
    font-size: 11px;
    margin: 0 2px;
    padding: 7px 10px;
}
.pages .current {
    background: none repeat scroll 0 0 #2c7246;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    margin: 0 2px;
    padding: 7px 10px;}


div.img:hover img {
    opacity: 0.5;
}
div.img img:hover {

}

.tin_khac {
    background: url("../images/brand.png") no-repeat scroll 0 5px rgba(0, 0, 0, 0);
    padding-left: 10px;
    float:left;
    clear:both;
}
.tin_khac a {
    color: #379F3C;
}
#back-top {
    bottom: 20px;
    cursor: pointer;
    height: 39px;
    position: fixed;
    right: 20px;
    width: 41px;
}
.modules {
    box-shadow: 0 0 5px #ccc;
}
.modules .mod {
    min-height: 100px;
    padding: 0;
}

.conpage {
 /*   border-radius: 0 0 20px 77px; */
    padding: 10px 10px 0 0; 
}

.modi {
    float:left;
    width:100%;
}
.modi .mod_t {
    overflow: hidden;
}

.modi .mod_m {
}

.addthis_button {
    background: url("../images/addthis.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #2c7246;
    float: left;
    font-weight: bold;
    line-height: 16px;
    padding-left: 20px;
}

.w300 {
    width: 300px;
}

@media (max-width:991px){
/*    .modi {width:50%}*/
}

/*-----Media 459px-----*/
@media screen and (max-width:459px) {
    .col-xs-6 {width:100% !important}
}