/* CSS V1 
CLIENT: THANMIENTRUNG.VN
AUTHOR: CONG TY CP PT CN DV SANG TAO
*/
===============*/

/*==================*/
body{
	background:#EEEEEE;	
}
*{
	margin:0; padding:0;
}
        .customer-main {
            /*overflow: hidden;*/
        }

        img[data-size] {
            width: 100%;
            transition: all .3s ease-in-out;
        }

            img[data-size]:hover {
                transform: scale(1.07);
            }

        .customer-main .info {
            position: relative;
            background: #fff;
            z-index: 999;
        }

@font-face{
	font-family:'alter-gothic';
	src: url('/Resources/fonts/alter-gothic.eot');
    font-weight: normal;
    font-style: normal;
}
@font-face{
	font-family:'alter-gothic';
	src: url('/Resources/fonts/alter-gothic.ttf'),
		 url('/Resources/fonts/alter-gothic.svg'),
		 url('/Resources/fonts/alter-gothic.woff');
    font-weight: normal;
    font-style: normal;
}
/*=========* 1. MENU *=========*/
header .banner{ background:url(/Resources/img/bg-banner.jpg) center top repeat-y; overflow:hidden; padding:20px 0px;}
header .banner img{ display: block; max-width: 100%; height: auto; margin-left:0; padding-left: 0}
header .nav-wrap{ background:url(/Resources/img/bg-menu.jpg) center top repeat-x}
header .navbar{ border:none}
#navigation .navbar-default{	background:none !important;}
/* chinh mau menu */
#navigation .nav > li > a{
	font:20px 'alter-gothic';
	color:#0E0E0E;
	padding: 13px 27px;
}
/* khoang cach giua cac menu */
#navigation .dropdown-menu > li > a{
    padding: 10px 20px;
}
/* text menu cha active khi re vao con */
#navigation ul li.active > a,
#navigation ul li:hover > a {
    background-color: #9BB107;
    color: #fff !important;
    }
#navigation .navbar{ margin-bottom:0px !important}
.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; // remove the gap so it doesn't close
 }
 .navbar-toggle {
    background-color: #fff;
}
.navbar-default .navbar-toggle:hover .icon-bar{
	background:#fff;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #9AB00B;
  border:none;
}
.hidden{
	display:none;
}

/*=========* 2. BANNER-NEWS *=========*/
.news-top {
    color: #fff;
    margin-top: -1px;
    padding: 0;
	background:#9bb107;
}
.news-top a {
    color: #fff;
}
.news-top a:hover {
    color: #ff5732;
}
.news-top .item {
    float: left;
    overflow: hidden;
    position: relative
}
.news-top .item p {
    margin: 0;
}
.news-top .title {
    bottom: 0;
    padding: 0 25px 22px;
    position: absolute
}
.news-top .title .stars {
    margin: 0 0 10px;
}
.news-top .big {
    box-shadow: 0 -190px 120px -50px rgba(0, 0, 0, 0.8) inset;
    height: 400px;
    width: 400px;
}
.news-top .big h2 {
    font-size: 20px;
    line-height: 25px;
    margin: 0 0 7px
}
.news-top .big .overlay {
    height: 400px;
    transition: all 0.3s ease 0s;
    width: 400px;
}
.news-top .small {
    box-shadow: 0 -150px 90px -50px rgba(0, 0, 0, 0.8) inset;
    height: 200px;
    width: 385px
}
.news-top .small h2 {
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 7px;
}
.news-top .small .overlay {
    height: 200px;
    transition: all 0.3s ease 0s;
    width: 385px
}
.news-top .intro {
    font-size: 13px;
    line-height: 18px;
    padding: 22px 0 0;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.07s;
}
.news-top .intro .more-link {
    margin: 13px 0 0;
}
.news-top .item:hover .overlay {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
}
.news-top .item:hover .intro {
    margin: 0 !important;
    padding: 12px 0 0;
}
.news-top .btn-default {
    width: 100%;
}
.news-top .btn-default span::after {
    color: #999;
    content: "";
    font-family: FontAwesome;
    font-size: 15px;
    line-height: 15px;
    margin: 0 0 0 6px;
    vertical-align: top
}
.news-top .btn-default:hover span::after {
    color: #252525;
}
.news-top.disabled .overlay, .news-top.disabled .item:hover .overlay {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
}
.news-top.disabled .title {
    opacity: 0.15
}
/*=========* 3. ABOUT *=========*/
.about-wrap{
	background:url(/Resources/img/bg-about.png) center top repeat-y;
	padding:30px 30px;
}
h3{
	font:30px 'alter-gothic';
	color:#fff;
	text-align:center;
	margin-bottom:15px;
	text-transform:uppercase
}
h3 a{
	color:#fff;
}
.about-wrap p{
	font-size:13px;
	color:#fff;
	line-height:25px;
	text-align:justify;
}
.btn-more-1{
	font:16px 'alter-gothic';
	color:#000;
	text-transform:uppercase;
	border:none;
	border-radius:none;	
}
.btn-more-1:hover{
	font:16px 'alter-gothic';
	color:#fff;
	background:#85AA2F;
	text-transform:uppercase;
	border:none;
	border-radius:none;	
}

/*=========* 4. BRANCH *=========*/
.branch-wrap{
	background:#85AA2F;
	overflow:hidden;
	padding: 15px 0;
}
.box{
	margin-bottom:20px;
}
.box > img {
    width: 100% !important;
}
.box {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.box img{
  width: 100%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.box:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity:0.8
}

.box-zoom {
    overflow: hidden;
    width: 100%;
}
.branch-wrap .btn-more-2{
	display: block;
    text-transform: uppercase;
    font-size: 16px;
    padding: 12px 10px;
	background:#50661C;
	border-radius:0px;
	font:16px 'alter-gothic';
	color:#fff;
}
.branch-wrap .btn-more-2:hover {
  background-color: #ffffff;
  color: #009ac9;
}

/*=========* 5. GALERY *=========*/
.galery-wrap{
	background:#D9A300;
	overflow:hidden;
	padding: 15px 0;
}
.galery-wrap p{
	display: block;
    text-transform: uppercase;
    font-size: 16px;
    padding: 12px 10px;
	background:#fff;
	border-radius:0px;
	font:16px 'alter-gothic';
	color:#000
}
.galery-wrap p:hover {
  background-color: #FFC617;
  color: #000;
}
/*=========* 6. Footer *=========*/
.footer-wrap{
	background:#749731;
	overflow:hidden;
	padding: 15px 0;
}
.footer-wrap .ul-footer{
	width:100%;
}
.footer-wrap .ul-footer li{
	list-style:none;
	line-height:30px;
}
.footer-wrap .ul-footer li a{
	color:#fff;
	font:17px 'alter-gothic';
}
.footer-wrap .text-footer{
	color:#fff;
	font-size:13px;
}
.footer-wrap h4{
	color:#fff;
	margin-top:0px;
	text-transform:uppercase;
	font:17px 'alter-gothic';
}
.coppy-right{
	background:#4F6721;
	overflow:hidden;
	padding: 15px 0;	
	color:#fff;
	font-size:12px;
}
.coppy-right a{
	color:#fff;
}
.coppy-right p{
	padding:10px 0px;
}
.social{
	width:100%;
	text-align:center;
}
.social li{
	list-style:none;
	margin:0px 10px;
	display:inline-block;
}
.social li a{
	color:#fff;
	font:17px 'alter-gothic';
}
/*=========* 7. NEWS-INSIDE *=========*/
#content .page-content {
    line-height: 25px;
}
#content ul.breadcrumbs {
	margin-top: 15px;
	display:inline-block;
}

#content .no-subtitle ul.breadcrumbs {
	margin-top: 4px;
}

#content ul.breadcrumbs li {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: 300;
    margin-left: 3px;
	color: #000;
	float: left;
	list-style:none;
}

#content ul.breadcrumbs li:before {
    content: '/';
	margin: 0 4px 0 2px;
	color: #bbb;
}

#content ul.breadcrumbs li:first-child {
	margin: 0;
}

#content ul.breadcrumbs li:first-child:before {
    content: '';
	margin: 0;
}

#content ul.breadcrumbs li a {
	color: #fff;
	font-weight: 600;
	transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
#content .page-banner {
    background: rgba(0, 0, 0, 0) url(/Resources/img/page-banner.jpg) repeat scroll center 20%;
    border-bottom: 1px solid #eee;
    padding: 18px 0;
	overflow:hidden;
	text-align:center;
}
#content .page-banner h2 {
    color: #000;
    font: 32px "alter-gothic";
    text-transform: uppercase;
}
#content .page-banner h4 {
    color: #000;
	font-size:16px;
	font-weight:bold;
    text-transform: uppercase;
}
ul.post-meta {
    margin-bottom: 10px;
}
ul.post-meta li {
    display: inline-block;
	font-style:italic;
	font-size:11px;
}
ul.post-meta li::after {
    content: "-";
    margin: 0 8px;
}
ul.post-meta li:last-child::after {
    content: "";
    margin: 0;
}
ul.post-meta li, ul.post-meta li a {
    color: #666;
    transition: all 0.2s ease-in-out 0s;
}
#content .page-banner p {
    font-weight: 300;
}
#content .sidebar-page {
    background: #fff none repeat scroll 0 0;
	padding:15px 0px;
}

/*=========* 8. SIDEBAR *=========*/
.sidebar {
    margin-bottom: 30px;
}
.sidebar a {
    color: #666;
}
.sidebar .widget {
    margin-bottom: 10px;
    overflow: hidden;
}
.sidebar .widget ul {
    margin: 0;
}
.widget-search input[type="search"] {
    border-radius: 2px 0 0 2px;
    border-right: medium none;
	border: 1px solid #9bb107;
	padding-left:10px;
    float: left;
    height: 37px;
    line-height: 37px;
    margin: 0;
    position: relative;
    width: calc(100% - 38px);
}
.widget-search .search-btn {
    border: medium none;
    border-radius: 0 2px 2px 0;
	background:#9bb107;
    color: #fff;
    display: inline-block;
    font-size: 1.2em;
    height: 37px;
    line-height: 36px;
    text-align: center;
    transition: all 0.2s ease-in-out 0s;
    width: 38px;
}
.widget-search .search-btn:hover {
    background-color: #444;
}
.sidebar .widget h4 {
    font: 500 20px "alter-gothic";
    margin-bottom: 16px;
    padding-bottom: 8px;
    position: relative;
    text-transform: uppercase;
}
.sidebar .widget h4 .head-line {
    background-color: #ddd;
    bottom: 0;
    display: block;
    height: 2px;
    left: 0;
    margin: 0;
    position: absolute;
    width: 50px;
}
.widget-categories ul li a {
    border-bottom: 1px solid #eee;
    display: block;
    padding: 8px 0;
    text-decoration: none;
    transition: all 0.2s ease-in-out 0s;
}
.widget-categories ul li:first-child a {
    padding-top: 0;
}
.widget-categories ul li a:hover {
    padding-left: 8px;
}
.sidebar .widget-popular-posts li {
    border-bottom: 1px solid #eee;
    margin-bottom: 12px;
    padding-bottom: 12px;
}
.sidebar .widget-popular-posts li:last-child {
    border: medium none;
    margin: 0;
    padding: 0;
}
.sidebar .widget-popular-posts .widget-thumb {
    border: 3px solid #eee;
    border-radius: 2px;
    float: left;
    margin-right: 8px;
}
.sidebar .widget-popular-posts .widget-thumb img {
    height: 65px;
    opacity: 1;
    transition: all 0.2s ease-in-out 0s;
    width: 65px;
}
.sidebar .widget-popular-posts .widget-thumb:hover img {
    opacity: 0.7;
}
.sidebar .widget-popular-posts .widget-content h5 {
    font-size: 13px;
    font-weight: 300;
    line-height: 19px;
    margin-bottom: 5px;
}
.sidebar .widget-popular-posts .widget-content span {
    color: #bbb;
    font-size: 12px;
}
.sidebar .tagcloud a {
    background: #eee none repeat scroll 0 0;
    border-radius: 2px;
    color: #666;
    display: inline-block;
    font-size: 12px;
    margin-bottom: 4px;
    padding: 4px 10px;
    transition: all 0.2s ease-in-out 0s;
}
.sidebar .tagcloud a:hover {
    color: #fff;
}
.content-foot {
    margin-top: 30px;
}
.content-foot h4 {
    font: 500 20px "alter-gothic";
    margin-bottom: 15px;
    padding-bottom: 8px;
    position: relative;
    text-transform: uppercase;
}
.content-foot h4 .head-line {
    background-color: #ddd;
    bottom: 0;
    display: block;
    height: 2px;
    left: 0;
    margin: 0;
    position: absolute;
    width: 50px;
}
.content-foot ul li a {
    border-bottom: 1px solid #eee;
    color: #666;
    display: block;
    padding: 8px 0;
    text-decoration: none;
    transition: all 0.2s ease-in-out 0s;
}
.content-foot ul li {
	list-style:none;
}
.content-foot ul li:first-child a {
    padding-top: 0;
}
.content-foot ul li a:hover {
    padding-left: 8px;
}



.box-2{
	margin-bottom:20px;
}
.box-2 > img {
    width: 100% !important;
}
.box-2 {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.box-2 img{
  width: 100%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.box-2:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity:0.8
}
.box-2-zoom {
    overflow: hidden;
    width: 100%;
}
.box-2 .btn-more-2{
	display: block;
    text-transform: uppercase;
    font-size: 16px;
    padding: 12px 10px;
	background:#50661C;
	border-radius:0px;
	font:16px 'alter-gothic';
	color:#fff;
}
.box-2 .btn-more-2:hover {
  background-color: #ffffff;
  color: #009ac9;
}
.box-2 p{
	display: block;
    text-transform: uppercase;
    font-size: 16px;
    padding: 12px 10px;
	background:#fff;
	border-radius:0px;
	font:16px 'alter-gothic';
	color:#000
}
.box-2 p:hover {
  background-color: #FFC617;
  color: #000;
}



/*=========* 9. Galery inside *=========*/
.box-3{
	margin-bottom:20px;
}
.box-3 > img {
    width: 100% !important;
}
.box-3 {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.box-3 img{
  width: 100%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.box-3:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity:0.8
}
.box-3-zoom {
    overflow: hidden;
    width: 100%;
}
.box-3 .btn-more-2{
	display: block;
    text-transform: uppercase;
    font-size: 16px;
    padding: 12px 10px;
	background:#50661C;
	border-radius:0px;
	font:16px 'alter-gothic';
	color:#fff;
}
.box-3 .btn-more-2:hover {
  background-color: #ffffff;
  color: #009ac9;
}
.box-3 p{
	display: block;
    text-transform: uppercase;
    font-size: 16px;
    padding: 12px 10px;
	background:#fff;
	border-radius:0px;
	font:16px 'alter-gothic';
	color:#000
}
.box-3 p:hover {
  color: #000;
}

/*=========* 10. Product inside *=========*/
.box-4{
	margin-bottom:20px;
}
.box-4 > img {
    width: 100% !important;
}
.box-4 {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.box-4 img{
  width: 100%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.box-4:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity:0.8
}
.box-4-zoom {
    overflow: hidden;
    width: 100%;
}
.box-4 .btn-more-2{
	display: block;
    text-transform: uppercase;
    font-size: 16px;
    padding: 12px 10px;
	background:#50661C;
	border-radius:0px;
	font:16px 'alter-gothic';
	color:#fff;
}
.box-4 .btn-more-2:hover {
  background-color: #ffffff;
  color: #009ac9;
}
.box-4 p{
	display: block;
    text-transform: uppercase;
    font-size: 16px;
    padding: 12px 10px;
	background:#fff;
	border-radius:0px;
	font:16px 'alter-gothic';
	color:#000
}
.box-4 p:hover {
  color: #000;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #9bb107;
    border-color: #9bb107;
    color: #fff;
    cursor: default;
    z-index: 3;
}

/*=========* 11. banner *=========*/


.page-content .post .btn {
    border: 2px solid #9bb107;
    border-radius: 0;
    bottom: 15px;
    color: #9bb107;
/*    position: absolute;
    right: 0;*/
}
.page-content .post .btn:hover {
	background:#9bb107;
	color:#fff;
}
.page-content .post {
    border-bottom: 1px solid #eee;
    padding: 15px 0;
    position: relative;
}
.page-content .post h4.title a {
    color: #666;
    font-weight: bold;
    text-decoration: none;
}
.list-new-right ul li h5 a {
    color: #666;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4;
}
.list-new-right ul li h5 {
    margin-top: 0;
}
.product-inside ul{
	width:100%;
}
.product-inside ul li{
	list-style:none;
	line-height:25px;
	color:#333;
	font-size:12px;
}
.product-inside h2{
    color: #333;
    margin-bottom: 21px;
	text-align:left;
	font-weight:bold;
	font-size:16px;
    text-transform: uppercase;
}
.product-inside h3{
    border-bottom: 1px solid #ccc;
    color: #333;
    font: 18px "alter-gothic";
    margin-bottom: 21px;
	text-align:left;
    padding-bottom: 15px;
    text-transform: uppercase;
}
.form-contact h3{
    border-bottom: 1px solid #ccc;
    color: #333 !important;
    font: 18px "alter-gothic";
    margin-bottom: 21px;
	text-align:left;
    padding-bottom: 15px;
    text-transform: uppercase;	
}

.product-inside h4{
	color:#333;
	font-size:16px;
	font-weight:bold;
}
/*=========* 12. Map & Form *=========*/
#contact-us-map {
    height: 400px;
    margin: 0;
}
#contact-form input[type="text"], #contact-form textarea, #respond input[type="text"], #respond textarea, .email {
    border: 1px solid #eee;
    border-radius: 2px;
    color: #666fb5;
    display: block;
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
    margin-bottom: 10px;
    outline: medium none;
    padding: 7px 14px;
    transition: all 0.4s ease-in-out 0s;
    width: 100%;
}
#contact-form input[type="text"]:focus, #contact-form textarea:focus, #respond input[type="text"]:focus, #respond textarea:focus {
    border-color: #ddd;
    box-shadow: 0 0 3px #eee;
}
.contact-form .mail_response {
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.contact-form .name-missing, .email-missing, .message-missing {
    color: #ed2c3a;
    margin-left: 10px;
    opacity: 0;
    transition: all 0.4s ease-in-out 0s;
}
.contact-form .btn-system {
    border: 0 none;
    border-radius: 3px;
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1) inset;
    color: #fff;
    display: inline-block;
    font-weight: 400;
    margin-right: 5px;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out 0s;
}
.form-contact .btn {
    background: #007d39 none repeat scroll 0 0;
    border-radius: 2px;
    box-shadow: none;
    color: #ffffbf;
    cursor: pointer;
    display: inline-block;
    font: 15px "alter-gothic";
    text-align: center;
    text-shadow: none;
    text-transform: none;
    transition: all 0.25s ease 0s;
    white-space: nowrap;
}
.form-contact .btn:hover {
    background: #3b3c41 none repeat scroll 0 0;
    border: 1px solid #3b3c41;
    color: #fff;
    outline: 0 none;
    text-decoration: none;
}
.form-contact {
    background: #fff none repeat scroll 0 0;
}
#contact-form {
	padding-bottom:30px;
}
.icons-list1 {
    list-style: outside none none;
    padding-left: 0;
}
.icons-list1 li{
	line-height:25px;
	font-size:12px;
}
.title-area {
    margin: 0;
    padding: 0;
    position: absolute;
    text-indent: -99999px;
}

.site-title{
	text-indent:-99999px;
}


/*=========* 13. TRANG TRONG XÍ NGHIỆP *=========*/
.menu-right {
    list-style: outside none none;
    padding: 0 !important;
}
.menu-right li {
    background: #9bb107 none repeat scroll 0 0;
    border-bottom: 1px solid #8b9f04;
    display: block;
    line-height: 40px;
    width: 100%;
    color: #fff;
    display: block;
    font-size: 12px;
}
.menu-right li:first-child {
    background: #8d9a1d none repeat scroll 0 0;
    border-bottom: 1px solid #62b12d;
    display: block;
    line-height: 40px;
    width: 100%;
    color: #fff;
    display: block;
    font: 17px "alter-gothic";
    padding: 10px 15px;
}
.menu-right li a {
    background: rgba(0, 0, 0, 0) url("/Resources/img/arrow-1.png") no-repeat scroll left center;
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: bold;
    margin-left: 15px;
    padding: 0 15px;
}
.menu-right li a:hover {
    color: #ffff25;
    display: block;
    font-size: 12px;
    padding: 0 15px 0 18px;
}

.page-content h2 {
    background: #8d9a1d none repeat scroll 0 0;
    border-bottom: 1px solid #62b12d;
    display: block;
    line-height: 40px;
    width: 100%;
    color: #fff;
    display: block;
    font: 18px "alter-gothic";
    padding: 10px 15px;
	margin-top:0px
}
.in-slider{
	margin-bottom:20px;	
}
.page-content h2 a {
    color: #fff;
}
.news-in{
	margin-bottom:20px;
}
.lia span b
{
    width:20px;   
    background-color:#DA251F;
    border-radius:6px;
    font-size:12px;
    display:inline-block;
    font-weight:bold;
    color:#fff;
    padding:5px;
    margin-right:7px;       
}
.lia span a
{
    width:20px;   
    font-size:12px;
    font-weight:bold;
    border-radius:6px;
    display:inline-block;
    background-color:#9bb107;
    color:#fff;
    padding:5px;
    margin-right:7px;        
}
.lia span a:hover
{
    width:20px;   
    background-color:#DA251F;
    color:#fff;  
}
form#form1 {
    padding-bottom: 20px;
}