@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: 'thaisans_neuelight';
	src: url('ThaiSansNeue-Light.eot');
	src: url('ThaiSansNeue-Light.eot?#iefix') format('embedded-opentype'),
	url('ThaiSansNeue-Light.woff2') format('woff2'),
	url('ThaiSansNeue-Light.woff') format('woff'),
	url('ThaiSansNeue-Light.ttf') format('truetype'),
	url('ThaiSansNeue-Light.svg#thaisans_neuelight') format('svg');
	font-weight: normal;
	font-style: normal;

}


@font-face {
	font-family: 'thaisans_neueregular';
	src: url('ThaiSansNeue-Regular.eot');
	src: url('ThaiSansNeue-Regular.eot?#iefix') format('embedded-opentype'),
	url('ThaiSansNeue-Regular.woff2') format('woff2'),
	url('ThaiSansNeue-Regular.woff') format('woff'),
	url('ThaiSansNeue-Regular.ttf') format('truetype'),
	url('ThaiSansNeue-Regular.svg#thaisans_neueregular') format('svg');
	font-weight: normal;
	font-style: normal;

}


@font-face {
	font-family: 'thaisans_neuebold';
	src: url('ThaiSansNeue-Bold.eot');
	src: url('ThaiSansNeue-Bold.eot?#iefix') format('embedded-opentype'),
	url('ThaiSansNeue-Bold.woff2') format('woff2'),
	url('ThaiSansNeue-Bold.woff') format('woff'),
	url('ThaiSansNeue-Bold.ttf') format('truetype'),
	url('ThaiSansNeue-Bold.svg#thaisans_neuebold') format('svg');
	font-weight: normal;
	font-style: normal;

}


@font-face {
	font-family: 'thaisans_neueultra_bold';
	src: url('ThaiSansNeue-UltraBold.eot');
	src: url('ThaiSansNeue-UltraBold.eot?#iefix') format('embedded-opentype'),
	url('ThaiSansNeue-UltraBold.woff2') format('woff2'),
	url('ThaiSansNeue-UltraBold.woff') format('woff'),
	url('ThaiSansNeue-UltraBold.ttf') format('truetype'),
	url('ThaiSansNeue-UltraBold.svg#thaisans_neueultra_bold') format('svg');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: "Homizio";
	src: url("homizio/regular.eot?") format("eot"),
	url("homizio/regular.woff") format("woff"),
	url("homizio/regular.ttf") format("truetype"),
	url("homizio/regular.svg#Homizio") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'tp_kubuaregular';
	src: url('TP Kubua.eot');
	src: url('TP Kubua.eot?#iefix') format('embedded-opentype'),
	url('TP Kubua.woff2') format('woff2'),
	url('TP Kubua.woff') format('woff'),
	url('TP Kubua.ttf') format('truetype'),
	url('TP Kubua.svg#tp_kubuaregular') format('svg');
	font-weight: normal;
	font-style: normal;

}

body {
	font-family: 'thaisans_neueregular';
}

.navbar-toggle {
	background-color: #444;
}

.navbar-collapse {
	padding: 0;
}

.margin {
	margin: 10px;
	display: inline-block;
}

.telHead {
	display: inline;
	font-family: 'thaisans_neueultra_bold';
	font-size: 24px;
	line-height: 26px;
	letter-spacing: 1px;
	padding: 5px;
	vertical-align: middle;
}

.logo {
	margin: 4% 0 0;
	display: inline-block;
}

#imaginary_container {
	width: 36%;
	float: right;
	margin: 5px;
}

#imaginary_container .form-control {
	font-size: 18px;
	letter-spacing: 1px;
}

.stylish-input-group .input-group-addon {
	background: white !important;
}

.stylish-input-group .form-control {
	border-right: 0;
	box-shadow: 0 0 0;
	border-color: #ccc;
}

.stylish-input-group button {
	border: 0;
	background: transparent;
}

.navbar-nav {
	float: right;
	width: 100%;
	text-align: right;
}

.navbar-inverse .navbar-nav > li {
	margin: 1% 1.5%;
}

.navbar-inverse .navbar-nav > li > a {
	/*	font-family: 'tp_kubuaregular';*/
	font-size: 22px;
	color: #000;
	letter-spacing: 1px;
	padding: 0;
	text-transform: uppercase;
}

.navbar-inverse .navbar-nav > li > a:hover {
	color: #09f;
}

.dropdown-menu > li > a {
	/*	font-family: 'tp_kubuaregular';*/
	font-size: 22px;
	color: #000;
}

.navbar-inverse {
	background: none;
	border: 0;
}

.shadow_menu {
	-webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.4);
	-moz-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.4);
	box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.4);
	position: relative;
	z-index: 99;
}

.welcome {
	/*	font-family: 'tp_kubuaregular';*/
	font-size: 60px;
	line-height: 48px;
	text-align: left;
	margin: 50px 0 30px 0;
	text-transform: uppercase;
	color: #252525;
	position: relative;
}

.welcome:before {
	content: "";
	position: absolute;
	width: 10%;
	height: 5px;
	background: #09f;
	bottom: -20px;
}

.headinside {
	/*	font-family: 'tp_kubuaregular';*/
	color: #09f;
	font-size: 40px;
	letter-spacing: 1px;
	text-align: left;
	margin: 50px 0 0 0;
	text-transform: uppercase;
}

.headinside a {
	text-decoration: none;
	color: #333;
}

.customer_txt {
	font-size: 26px;
	font-weight: bold;
	padding-top: 1%;
	line-height: 46px;
	color: #3b3b3b;
}

.welcome_mes {
	font-size: 24px;
	line-height: 28px;
	margin-top: 1%;
}


.contact_head {
	font-size: 30px;
	display: block;
	font-weight: bold;
	margin-top: 10px;
}

.contact_detail {
	font-size: 26px;
	line-height: 36px;
	display: block;
}

.padding_product {
	padding: 20px 3%;
}

.padding_usedhome {
	padding: 20px 3%;
}

.detail_pt {}

.head_product {
	color: #3b3b3b;
	font-size: 28px;
	display: block;
	font-weight: bold;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.head_used {
	color: #3b3b3b;
	font-size: 26px;
	display: block;
	font-weight: bold;
}

.detail_product {
	color: #3b3b3b;
	font-size: 20px;
	display: block;
	line-height: 24px;
	margin-top: 10px;
	height: 70px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.buttonmore {
	display: inline-block;
	margin-top: 15px;
}

.buttonmore:hover img {
	opacity: 0.9;
}

.button_download {
	display: inline-block;
	margin-top: 20px;
}

.button_download:hover img {
	opacity: 0.9;
}

.imgproducts {
	padding-top: 25px;
}

.detail_head {
	font-size: 44px;
	display: block;
	font-family: 'thaisans_neueultra_bold';
}

.detail_text {
	font-size: 22px;
	display: block;
	line-height: 30px;
}

.color_product {
	color: #5b5b5b;
}

.used_left {
	text-align: left;
	font-size: 26px;
	font-weight: bold;
}

.used_right {
	text-align: right;
	font-size: 26px;
	font-weight: bold;
}

.used_left_h {
	text-align: left;
	font-size: 24px;
	font-weight: bold;
}

.used_right_h {
	text-align: right;
	font-size: 22px;
	font-weight: bold;
}

.detail_used {
	color: #3b3b3b;
	font-size: 26px;
	display: block;
	line-height: 24px;
}

.overflow_banner {
	padding: 0;
	overflow: hidden;
	height: 500px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.overflow_banner_2 {
	padding: 0;
	overflow: hidden;
	height: 304px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.overflow_banner_3 {
	padding: 0;
	overflow: hidden;
	height: 700px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.overflow_banner.about_banner {
	background-image: url(../images/banner_about.jpg);
}

.overflow_banner.ref_banner {
	background-image: url(../images/banner_partner.jpg);
}

.overflow_banner.used_banner {
	background-image: url(../images/banner_news.jpg);
}

/*.overflow_banner.jaw_banner {
	background-image: url(../images/slide_jaw.jpg);
}*/

.overflow_banner_3.stationary_banner {
	background-image: url(../images/mobile-2.jpg);
}

.overflow_banner_3.mobile_banner {
	background-image: url(../images/stationary-2.jpg);
}

.overflow_banner_3.dx_banner {
	background-image: url(../images/banner_dx.jpg);
	background-position: top center;
}

.overflow_banner_2.hammer_banner {
	background-image: url(../images/banner_hammer.jpg);
	background-position: top center;
}

.overflow_banner.cone_banner {
	background-image: url(../images/slide01.jpg);
	background-position: top center;
}

.overflow_banner.impac_banner {
	background-image: url(../images/slide_impac.jpg);
}

.overflow_banner.scal_banner {
	background-image: url(../images/slide_scal.jpg)
}

.overflow_banner.screen_banner {
	background-image: url(../images/slide_screen.jpg)
}

.overflow_banner.wheel_banner {
	background-image: url(../images/slide_wheel.jpg);
}

.footerbg {
	width: 100%;
	/*background: #000;*/
	background: #bfbfbf;
	display: inline-block;
	color: #FFF;
	padding: 10px 20px;
	/*	text-align: center;*/
	margin-top: 60px;
	-webkit-box-shadow: 0px -2px 2px 0px rgba(50, 50, 50, 0.3);
	-moz-box-shadow: 0px -2px 2px 0px rgba(50, 50, 50, 0.3);
	box-shadow: 0px -2px 2px 0px rgba(50, 50, 50, 0.3);
}
.footer_head h2{
	font-weight: bold;
	color: blue;
}
.flag {
	float: right;
	margin: 2% 0 0 1%;
}

.flag img {
	display: inline-block;
}

.followUs {
	margin: 10px 0;
}

.face {
	color: #4267b2;
}

.followUs h4 {
	font-size: 20px;
	margin-left: 5px;
}

.followUs ul {
	padding: 0;
	display: inline-block;
}

.followUs ul li {
	float: left;
	list-style: none;
	font-size: 24px;
}

.followUs ul li a {
	color: #fff;
	text-decoration: none;
	padding: 5px;
}

.followUs ul li .face {
	color: #4267b2;
}

.followUs ul li .youtube {
	color: #FF0000;
}

.followUs ul li .line {
	color: #00c402;
}

.footerright {
	float: right;
}

.footerright p {
	font-size: 18px;
	left: 1px;
	margin: 5px 0;
}

.newsletter i {
	font-size: 18px;
	letter-spacing: 1px;
}

.textEmail {
	width: 70%;
	height: 30px;
	font-size: 18px;
	color: #252525;
}

.sendEmail {
	height: 30px;
	background: #252525;
	color: #fff;
	padding: 5px 15px;
	border: none;
	margin-left: 5px;
	font-size: 16px;
}

.foreMail {
	margin: 20px 0;
}

.foreMail label {
	font-size: 20px;
	margin: 10px 0;
}

.priceproduct {
	height: 32px;
	float: right;
	font-size: 18px;
	color: #09f;
	padding: 3px 35px;
	/*	    background: #252525;*/
	border: 1px solid #09f;
	border-radius: 5px;
	margin: 15px 0 0;
	cursor: pointer;
	text-decoration: none;
	letter-spacing: 1px;
}

.priceproduct:hover {
	color: #fff;
	background: #09f;
	text-decoration: none;
}
.NewsHome{
	    margin-bottom: 20px;
    display: inline-block;
}
.NewsHome img{
	width: 100%;
	height: auto;
}
.NewsHome a{
	height: 32px;
    font-size: 18px;
    color: #09f;
    padding: 3px 35px;
    border: 1px solid #09f;
    border-radius: 5px;
    margin: 15px 0 0;
    cursor: pointer;
    text-decoration: none;
    letter-spacing: 1px;
	float: left;
}
.modalPopup .modal-header h5{
	font-size: 24px;
    font-weight: bold;
}
.modalPopup .modal-body{
	font-size: 18px;
}
.modalPopup .form-control{
	font-size: 18px;
	margin-bottom: 10px;
}

@media (min-width: 768px) and (max-width: 1375px) {
	.navbar-inverse .navbar-nav > li > a {
		font-size: 20px;
	}
	#imaginary_container {
    width: 100%;
	}
}

@media (min-width: 1026px) and (max-width: 1199px) {
	.navbar-nav {
		text-align: center;
	}
	.navbar-inverse .navbar-nav > li > a {
		font-size: 22px;
	}
	.navbar-inverse .navbar-nav > li {
		margin: 1% 2.5%;
	}
	#imaginary_container {
    	width: 100%;
	}
}

@media (min-width: 885px) and (max-width: 1025px) {
	.footer_head h2{
		font-size: 25px;
	}
}
@media (min-width: 743px) and (max-width: 884px) {
	.footer_head h2{
		font-size: 20px;
	}
}
@media (min-width: 1px) and (max-width: 742px) {
	.footer_head h2{
		font-size: 18px;
	}
}
@media (min-width: 768px) and (max-width: 965px) {
	.navbar-inverse .navbar-nav > li {
		margin: 1% 1.5%;
	}
	.navbar-inverse .navbar-nav > li > a {
		font-size: 20px;
	}
	#imaginary_container {
    width: 100%;
	}
}



@media (max-width: 1199px) {
	.welcome {
		font-size: 30px;
	}
	.welcome_mes {
		font-size: 22px;
	}
	.headinside {
		font-size: 30px;
	}
	.overflow_banner_3 {
		height: 500px;
	}
}

@media (max-width: 992px) {
	.headinside {
		text-align: center;
	}
	.contact_head {
		text-align: center;
	}
	.contact_detail {
		text-align: center;
	}
	.overflow_banner_3 {
		height: 420px;
	}
	.footerbg {
		font-size: 18px;
	}
	.used_right_h {
		font-size: 20px;
	}
	.used_left_h {
		font-size: 20px;
	}
	.detail_used {
		font-size: 20px;
	}
}

@media (max-width: 600px) {
	.welcome {
		    font-size: 40px;
    line-height: 30px;
	}
	.welcome_mes {
		font-size: 22px;
		padding-top: 5px;
	}
	.headinside {
		font-size: 24px;
	}
	.detail_head {
		font-size: 28px;
		margin-top: 15px;
	}
	.detail_text {
		font-size: 22px;
		line-height: 32px;
	}
	.customer_txt {
		font-size: 22px;
		line-height: 32px;
	}
	.detail_product {
		font-size: 22px;
	}
	.detail_used {
		font-size: 22px;
	}
	.head_product {
		font-size: 26px;
	}
	.contact_detail {
		font-size: 22px;
	}
	.overflow_banner {
		height: 200px;
	}
	.overflow_banner_2 {
		height: 120px;
	}
	.overflow_banner_3 {
		height: 250px;
	}
	.footerbg {
		font-size: 14px;
	}
	.margin{
		position: absolute;
    left: 0;
    top: 100%;
	}
	#imaginary_container {
    width: 100%;
	}
	.footerbg .col-xs-6{
		width: 100%;
	}
	.footerright p {
    font-size: 16px;
	}
	.modalPopup .modal-header h5 {
    width: 80%;
		display: inline-block;
	}
}