/*
Theme Name: Simple Parallax Website
Description: Simple Parallax Scrolling Effect
Author: Samuel Dalusung
*/

/*= GENERAL STYLING
--------------------------------------------------------*/
@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: OpenSans;
    src: url(../font/OpenSans-CondBold.ttf);
}
@font-face {
    font-family: OpenSans1;
    src: url(../font/OpenSans-CondLight.ttf);
}
@font-face {
    font-family:UTMAmbrose;
    src: url(../font/UTMAlbertaHeavy.ttf);
}
@font-face {
    font-family:UTMAptimaBold;
    src: url(../font/UTMAptimaBold_1.ttf);
}
*{
	margin:0;
	padding:0;
}
body{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	background:#0c7204 url(../images/bg_01.jpg) center top no-repeat;
	
}
img{
	border:0;
}
ul,ol{
	list-style:none;
}
a{
	text-decoration:none;
}

#header{
background:linear-gradient(#fff,#f5f5f5);
width:100%;
height:128px;

position:relative;
}
.center_page{
	width:85%;
	margin:auto;
}
.center_page1{

}
#wrapper{

margin:auto;
background:#fff;
position:relative;
}
#header .logo{
float:left;
margin-left:5%;
}
#header .logo img{

}
#header .slogan{
position:relative;
z-index:10000;
width:70%;
float:left;
}
#header .slogan h1{
color:#00863f;
font-family:UTMAmbrose;
font-size:32px;
text-align:center;
padding-top:15px;
overflow:hidden;
}
#header .slogan h2{
color:#b8bc00;
font-family:UTMAptimaBold;
font-size:25px;
padding-left:20px;
text-align:center;
}
.i_slogan{
background:url(../images/bg_header_03.jpg) no-repeat;
width:360px;
height:128px;
display:block;
position:absolute;
right:0;
top:0;
}
.nav{
width:100%;
height:40px;
clear:both;
background:linear-gradient(#0ca600,#0c7204);
}

ul.dropdown                         { position:relative; z-index:2; margin-top:0px; padding-left:10px;   list-style:none;  height:35px;}
ul.dropdown li                      {  float: left; }
ul.dropdown a:hover		            { color: #fff;; }
ul.dropdown a:active                { color: #fff;; }

ul.dropdown li a                    { color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold; padding:10px 10px; line-height:40px; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #065400;  position: relative; }
ul.dropdown li.hover a              { color:#1d354d; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; font-size:11px; list-style:none;}
ul.dropdown ul li 					{ font-weight: normal; background:#0fce00; color: #000000; height:33px; float: none; line-height:30px;}
ul.dropdown ul li:hover{
border-radius:0;
}
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; padding: 0px 15px; text-transform:capitalize; font-weight:normal; font-size:14px; line-height:25px; font-weight:bold;} 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }


.nav ul li a:hover{
color:#ff0;
}
.flag{
clear:both;

overflow:hidden;
position:absolute;
top:20px;
z-index:1000;
right:10px;
}
.flag ul li{
float:left;
margin-left:5px;
}
.banner{
margin-top:25px;
overflow:hidden;
height:400px;
width:100%;
margin:0px auto;
clear:both;
margin-top:25px;
}
.slide {position:relative; width:100%; margin:0px auto;}
.slide img {
	position:absolute;
	left:0px; 
	top:0px; 
	width:100%;
	height:400px;
	
}
.textslide h4{
color:#2e3192;
font-family:"Times New Roman", Times, serif;
text-align:center;
font-size:50px;
text-transform:uppercase;
padding-top:30px;
}
.gt{
display:block;

}
.gt img{
width:100%;
}
.tab_product{
background:#0c7f03;
margin-top:10px;
}
.tab_product h4{
color:#FFFFFF;
font-size:16px;
font-weight:700;
padding:5px 10px;
}
.dm_product{
background:#fff;
overflow:hidden;
}
.dm_product ul li{
float:left;
width:31%;
overflow:hidden;
position:relative;
margin-top:10px;
margin-left:1%;
margin-right:1%;
padding-bottom:10px;
}
.box_img{
width:95%;
margin:auto;
background:#fff;
margin-top:15px;
border:3px solid #5a9f20;
transition:all .5s ease-out;
padding:10px 0;
}
.dm_product ul li img{
    margin-top: 10px;
    height: 262px;
    margin: 10px auto;
    display: block;
}

.dm_product ul li h4{
color:#333333;

margin-top:10px;
text-align:center;
font-weight:100;
color:#333;
}
.dm_product ul li p{
text-align:center;
padding-top:5px;
color:#666666;
}
.dm_product ul li a:hover .box_img{
border-color:#0015b4;

}
#footer{
background:#0c7204;
border-top:1px solid #ccc;
clear:both;
margin-top:10px;
padding:10px 0;
width:100%;
margin:auto;
}
#footer p{
text-align:center;
line-height:22px;
font-size:12px;
color:#fff;
}
.sidebar{
width:16%;
float:left;
}
.content{
width:83%;
float:right;
}
.tab_cate{
background:#0c7f03;
text-align:center;
padding:5px 0;
color:#FFFFFF;
font-size:15px;
}
.dm_cate{
clear:both;
}
.dm_cate ul li{
border-bottom:1px solid #ccc;
padding:8px 0;
}
.dm_cate ul li a{
font-size:12px;
color:#666666;
padding-left:5%;
}
.dm_cate ul li a:hover{
text-decoration:underline;
color:#CC0000;
}
.bottom_footer{
background:#fff;
padding-bottom:20px;

}
#frame_chitiet{
clear:both;
overflow:hidden;
margin-top:10px;
}
#frame_chitiet .left_chitiet{
width:45%;
float:left;
}
#frame_chitiet .left_chitiet img{
width:100%;
}
.right_chitiet{
width:53%;
float:right;
}
.right_chitiet h3{
font-size:18px;
color:#333333;
font-weight:300;
border-bottom:1px solid #eee;
padding-bottom:5px;
}
.right_chitiet h4{
color:#CC3300;
font-size:18px;
padding:10px 0;
}
.baogia{
overflow:hidden;
padding-bottom:20px;
}
.baogia ul li{
float:left;
width:9%;
overflow:hidden;
margin-left:1%;
}
.baogia .top_bg{
background:#0269a4;
padding:10px 0;
}
.baogia h4{
color:#FFFF00;
font-size:13px;
text-align:center;
}
.baogia .bg1{
background:#333;
padding:10px 0;
min-height:15px;
}
.baogia .hinhanh img{
width:100%;
padding:10px 0;
}
.top_ts{
}
.e_ts{
padding:10px 0;
background:#e7ac44;
border-bottom:1px dotted #eee;
min-height:20px;
}
.e_ts p{
text-align:center;
}
.baogia li:nth-child(1) .e_ts{
background:#666;
}
.baogia li:nth-child(1) .e_ts p{
color:#FFFFFF;
}
.datmua{
width:100%;
margin:auto;
background:#03212f;
margin-bottom:20px;
}
.top_datmua{
background:#1e3910;
padding:20px 0;
}
.top_datmua h2{
text-align:center;
width:80%;
color:#FFFFFF;
margin:auto;
font-size:28px;
line-height:40px;
font-weight:300;
text-transform:uppercase;
}
.bottom_datmua{
padding:20px 0;
width:80%;
display:block;
margin:auto;
}
.bottom_datmua ul li{
padding:10px 0;
}
.bottom_datmua ul li label{
width:10%;
display:block;
height:30px;
float:left;
}
.bottom_datmua ul li input[type='text']{
padding:5px;
background:#03212f;
border:0;
border-bottom:2px solid #fff;
color:#FFFFFF;
font-size:18px;
width:89%;
margin-right:5px;
}
.i_bd{
background:url(../images/i_body.jpg) no-repeat;
width:25px;
height:21px;
display:block;
float:left;
margin-top:5px;
}
.i_mail{
background:url(../images/i_mail.jpg) no-repeat;
width:20px;
height:17px;
display:block;
float:left;
margin-top:7px;
}
.bottom_datmua ul li h4{
color:#FFFFFF;
padding:10px 0;
font-size:18px;
font-weight:200;
}
.bottom_datmua textarea{
background:#03212f;
border:0;
border-bottom:2px solid #fff;
color:#FFFFFF;
font-size:14px;
}
.bottom_datmua select{
background:#03212f;
border:2px solid #fff;
padding:5px;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
width:100%;
}
.bottom_datmua select option{
padding:3px 0;
font-size:14px;
font-weight:bold;
}
.button {
    background-image: none;
    background-color: rgb(223, 54, 30);
    background-size: auto;
    background-position: 0% 0%;
    background-repeat: repeat;
	color:#FFFFFF;
	border:0;
	padding:10px 20px;
	font-weight:bold;
	text-transform:uppercase;
	font-size:18px;
	display:block;
	margin:auto;
	margin-top:20px;
	font-family:"Times New Roman", Times, serif;
}
.bottom_datmua p{
color:#FFFFFF;
padding:20px 0;
font-size:16px;
text-align:center;
line-height:22px;
}
.bx-wrapper .bx-pager{
display:none;
}
.slide_sp{
height:300px;
display:block;
width:100%;
}
.slide_sp h4{
text-align:center;
color:#333;
font-weight:100;
padding-top:10px;
}
.mota1{
background:#f6f6f6;
padding:10px;
overflow:hidden;
border-radius:10px;
}
.mota1 ul li{
float:left;
width:48%;
margin-left:1%;
margin-right:1%;
padding-top:10px;
}
.mota1 ul li label{
color:#666666;
float:left;
margin-right:6px;
}
.mota1 ul li p{
color:#333333;
font-weight:bold;
}
.contact_dt{
padding-top:20px;
}
.contact_dt ul li{
float:left;
margin-right:10px;
}
.more_chitiet{
background:#fff;
overflow:hidden;
}
.tab_product1{
border-bottom:2px solid #003366;
}
.tab_product1 h4{
font-family:"Times New Roman", Times, serif;
font-size:16px;
text-transform:uppercase;
padding-bottom:5px;
margin-top:10px;
}
.tab_lienhe{
padding:10px 0;
position:relative;
top:-20px;
}
.tab_lienhe h2{
text-align:center;
font-family:"Times New Roman", Times, serif;
font-size:40px;
text-transform:uppercase;
}
.tab_lienhe h4{
text-align:center;
font-size:16px;
padding-top:10px;
font-size:31px;
}
.dm_lienhe{
padding-top:20px;
padding-bottom:20px;
}
.dm_lienhe ul li{
float:left;
width:30%;
margin-left:1%;
margin-right:1%;
padding-top:10px;
padding-bottom:10px;
}
.dm_lienhe ul li input[type='text']{
border:1px solid #ccc;
border-radius:10px;
padding:10px;
width:90%;
font-size:15px;
}
.dm_lienhe ul li:nth-child(4){
width:100%;
}
.dm_lienhe ul li:nth-child(4) textarea{
width:95%;
border:1px solid #ccc;
border-radius:10px;
padding:10px;
display:block;
margin:auto;
}
.bx-controls-direction{
display:none;
}

.img11{
background:url(../images/img1.jpg) no-repeat center;
position:absolute;
top:770px;
left:0;
z-index:10000;
height:177px;
display:block;
width:100%;
}
.tab_lienhe{

}
.clear{
width:100%;
height:150px;
display:block;
}
.left_content1{
width:76%;
float:left;
padding-left:1%;
}
.left_content1{
}
.right_content1{
width:21%;
float:right;
padding-right:1%;
}
.tab_right{
padding:8px 0;
border-bottom:2px solid #333;
}
.tab_right h4{
text-transform:uppercase;
color:#333333;
}
#dm_chitiet{
padding:10px;
background:#fff;
overflow:hidden;
}
#dm_chitiet h2{
font-family:"Times New Roman", Times, serif;
padding:10px 0;
font-size:28px;
color:#CC0000;
}
#dm_chitiet p{
line-height:22px;
font-size:14px;
text-align:justify;
}
#dm_tin{
	padding:10px;
background:#fff;
overflow:hidden;
}
#dm_tin .e_tin{
	width:23%;
	float:left;
	margin-left:1%;
	margin-right:1%;
	overflow:hidden;
}
#dm_tin .e_tin img{
	width:100%;
}
#dm_tin .e_tin h4{
	padding:10px 0;
	text-align:center;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	text-transform:uppercase;
	
	border-bottom:2px solid #c00;
}
#dm_tin .e_tin h4 a{
	color:#555;
}
#dm_tin .e_tin h4 a:hover{
color:#CC0000;
}
#dm_tin .e_tin p{
	padding:10px 0;
	line-height:18px;
	text-align:center;
}
.top_primary{
background:linear-gradient(#fff,#e3e3e3);
height:222px;
display:block;
width:100%;
overflow:hidden;
}
.top_primary h3{
font-family:opensans1;
font-size:24px;
font-weight:100;
margin-left:2%;
clear:both;
padding:10px 0;
}
.bx-wrapper img{

height:120px;
border-radius:10px;
box-shadow:0px 0px 3px #999;

margin-top:5px;
}
.dm_noibat h4{
text-align:center;
padding-top:5px;
color:#000000;
}
.bottom_primary{
clear:both;

margin:auto;

padding:10px 0;
}
.bottom_primary .left_bottom{
width:44%;
float:left;
padding-left:1%;
}
.bottom_primary .left_bottom h3{
font-family:opensans;
font-size:24px;
color:#0c7204;
padding:10px 0;
}
.bottom_primary .left_bottom img{
width:90%;
margin:auto;
display:block;
}
.bottom_primary .left_bottom p{
padding-top:5px;
text-align:justify;
line-height:20px;
}
.right_bottom{
float:right;
width:52%;
padding-right:1%;
}
.tab_right_bottom{
padding:10px 0;
border-bottom:3px solid #0d7204;
padding-bottom:5px;
}
.tab_right_bottom h4{
font-family:opensans;
font-size:24px;
}
.dm_right_bottom ul li{
padding:10px 0;
overflow:hidden;
clear:both;
border-bottom:1px dotted #eee;
}
.dm_right_bottom ul li img{
float:left;
width:150px;
height:100px;
display:block;
}
.dm_right_bottom ul li h4{
overflow:hidden;
padding-left:10px;
color:#333;
}
.right_bottom ul li a:hover h4{
color:#CC0000;
}
.dm_right_bottom ul li p{
overflow:hidden;
padding-left:10px;
padding-top:5px;
color:#666666;
}
.bottom_primary{

}
.dm_details p{
line-height:18px;
text-align:justify;
}
@media only screen and (max-width: 768px) {
#header .slogan h1{
font-size:30px;
}
}