body{
	background-color: #f0f0f0;
	font-family: 'Titillium Web', sans-serif;
	padding-top: 10px;
	font-size: 14pt;
}
.head-banner{
	width: 100%;
}
.row{
	margin-left: 0;
	margin-right:0;
}
.logo{
	margin-top:20px;
}
center p {
	margin-top: -30px;
}
.menu{
	background-color: transparent;
	border: none;

}
.navbar-default .navbar-nav > li > a {
    color: #000;
    font-weight: bold;
    font-size: 14pt;
    padding: 15px 35px;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: red;
    background-color: transparent;
}
.search{
	background-color: transparent;
	border-radius: 30px;
}
.right-inner-addon i {
    position: absolute;
    right: 0px;
    padding: 10px 12px;
    pointer-events: none;
    transform: rotate(90deg);
    color: #999;

}
.right-inner-addon {
    position: relative;
}
.right-inner-addon input {
    padding-right: 30px;
}
.navbar-right > li > a {
    position: relative;
    display: block;
}
.navbar-default .language>li>a{
	color:gray;
	font-size: 10pt;
	padding: 15px 3px;
}
.no-padding{
	padding-left: 0;
	padding-right: 0;
}
.belt{
	background-color: rgba(74, 26, 35, 0.9);
	color: #fff;
	text-align: center;
	transition: 0.5s;
	padding: 10px;
}
.belt a,.rolls a,.specialities a{
	text-decoration: none;
	color:#fff;
}
.belt:hover{
	background-color: rgba(74, 26, 35, 1);
	transition: 0.5s;
	cursor: pointer;

}
.rolls{
	background-color: rgba(194, 179, 166, 0.9);
	color: #fff;
	text-align: center;
	transition: 0.5s;
	padding: 10px;
}
.rolls:hover{
	background-color: rgba(194, 179, 166, 1);
	transition: 0.5s;
	cursor: pointer;
}
.specialities{
	background-color: rgba(164, 146, 125,0.9);
	color: #fff;
	text-align: center;
	transition: 0.5s;
	padding: 10px;
}
.specialities:hover{
	background-color: rgba(164, 146, 125, 1);
	transition: 0.5s;
	cursor: pointer;
}
.home-content-left{
	padding: 150px 100px 30px 100px;
	color:#848484;
}
.heading{
	color: #f21318;
}
.lower-banner{
	background: url('../img/home/content/foto2.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
}
.lower-banner-content{
	color: #fff;
	margin: 135px 250px;
	padding: 40px;
	background-color: rgba(000,000,000,0.7);

}
.brochure{
	background: url('../img/home/footer/brochure.png') no-repeat center;
	padding: 150px 0px;
}
footer{
		background-color: rgb(74, 26, 35);
		padding: 30px 90px 20px;
		color:#fff;
		font-size: 12pt;
}
footer *{
	margin-left: auto;
	margin-right:auto;
}
footer .col-sm-2 img{
max-width: 50%;
}
footer .logofooter{
	margin-top: -25px;
max-width: 80% !important;	
}
footer h5{
	font-size: 12pt;
}
footer span{
	padding: 30px 10px;
}
footer .fa{
	color: #38131a;
	padding: 30px 10px;
	margin-left: 5px;
	font-size: 16pt;
}
.officename{
	font-size:16pt; 
}
.standard{
	padding: 5px;
}
.carousel-indicators .active {
    background-color: red;
}
footer .container {
     padding-right: 0; /*15px in bootstrap.css*/
     padding-left: 0;  /*idem*/
     margin-right: -30px;
     margin-left: 10px;
}
/*Services*/
.services-content-right{
	padding: 85px;
	color:#848484;
}
.content-header{
	padding:30px;
}
.content-header ul, .content-header p{
	color:#848484;
}
.content-header li{
	list-style-type:none;

}
li .fa{
	font-size: 4pt;
	margin-right: 5px;
	margin-top: -5px;
	vertical-align: middle;
}
.content-header ul {
    margin-left: 10px;
    padding: 0;
    list-style-position: inside;
}
/*contact*/
.contact-form .form-control{
	border-radius: 0px;
}
.contact-form .form-group{
	margin-top:10px;
}
.btn-send{
	padding: 10px 40px;
	background: #c2b3a6;
	color: white;
	border-radius: 0px;
	margin: 15px auto;

}
.btn-wood{
	background: rgb(74, 26, 35);
	color: #fff;
	text-align: center;
	border-radius: 0px;
	padding: 20px 100px;
	font-size: 14pt;
}
.btn-metal{
	background: rgb(194, 179, 166);
	color: #fff;
	text-align: center;
	border-radius: 0px;
	padding: 20px 100px;
	font-size: 14pt;
}
.btn-others{
	background: rgb(164, 146, 125);
	color: #fff;
	text-align: center;
	border-radius: 0px;
	padding: 20px 100px;
	font-size: 14pt;
}
.product-belt,.product-rolls,.product-specialties{
	margin: 120px auto;
}

.hiring{
	background: #e4e4e4;
	padding: 20px;
	margin: 20px -15px;
}
.hiring ul>li{
	list-style-type: none;
	margin-left:-35px;
}
.product-belt,.product-rolls,.product-specialties,.title,.contact{
	margin-top: 50px;
}
.product-list{
	margin-bottom: 60px;
}
.product-list .col-sm-4{
	padding: 10px;

}
/*Detail*/
.detail-content-left{
	padding: 50px 30px 30px;
}
.detail-content-left-lower{
	padding: 50px 70px 60px;
	background: rgb(194, 179, 166);
	color: #fff;
	min-height: 350px;
}
.detail-content-right-lower{
	padding: 50px 70px 60px;
}
textarea{
	resize: none;
}
.list{
	margin-top: -20px;
}

.uppercase{
  text-transform: uppercase;
}
.white-link{
	color:white;
}
.white-link h3:hover{
	color:#f0f0f0;
}

/*responsive*/
@media screen and (max-width: 768px){
	.search{
		padding: 10px;
	}
	h1,h2,h3,h4,h5,h6,.lower-banner-content{
		margin: 0px;

	}
	footer .col-xs-12 img{
		max-width: 20%;
	}
	footer .col-xs-12{
		margin-top: 30px;
	}
}
@media screen and (max-width: 640px){
	footer .col-xs-12 img{
		padding-top: 10px;
		}
	.btn-others,.btn-metal, .btn-wood{
		padding: 20px;
		margin: 20px auto;
	}
}
@media screen and (min-width:1367px){
	footer{
		padding-left:125px;
	}
	footer .col-sm-2 img{
	padding: 10px;
	}
	footer .logofooter{
	margin-top: -30px;
	max-width: 80% !important;	
	}
}

.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}