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

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
  font-size: 15px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background:url('../img/footer-background.png');
  background-repeat:no-repeat;
  background-position:center;
  min-width:1024px;
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */
.container{
max-width: 1024px;
}
/*for not responsive */



body > .container {
  padding: 20px 15px 0;
  
}
.container .text-muted {
  margin: 20px 0;
  color:#ffffff;
  font-weight:600;
  
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

code {
  font-size: 80%;
}

select {
    padding-left:10px;
    margin: 0;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
   
    background: #FFF;
    color:#888;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}


p {
	font-weight: 500;
	float: left;
	-webkit-margin-before: 1px;
	-webkit-margin-after: 6px;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	text-align: justify;
}

#move-left{
	padding-left:40px;
	
}
#awards_logo img{
	  width:80%;
  }

.sign-up{
font-size:14px;
font-weight:bold;
color:#666666;
float:right;
position:relative;
margin-top:10px;
}


.sidebar{
float:left;
width:20%;
padding-right:20px;
padding-left: 10px;
}


.sidebar > ul {
list-style-type:none;
padding-left:10px;
}

.sidebar ul > li > a {
text-decoration: none;
color:#333333;
font-size:16px;
font-weight:600;
padding-bottom:5px;
  letter-spacing: 0.2px;

}

.sidebar ul > li {

padding:10px 0px ;	
border-bottom: 1px solid #cccccc;
}



.sidebar ul > li > a:hover,
.sidebar ul > li > a:focus {
  color: #007CAB;
  background-color:transparent;
}


.navibar_mobile{
	display:none;
	
}


.selected{
  background-color:#007CAB;
}

#selected2{
  color:#007CAB;
}


.content{
float:left;
position:relative;
width:80%;	
padding-bottom:20px;
text-align:justify;
}

.content-header{
float:left;
position:relative;
text-align:left !important;

}


.content-header img{
float:left;
position:relative;
}


.content-header-box{
background:url('../img/company-content-background.png');
float:left;
position:relative;
width:282px;
height:263px;
}


.content-text{
padding:20px;
	
}

.about-hosen{
font-size: 25px;
color:#FFFFFF;
font-weight:bold;	
	
}


.leading-importer{
font-size:18px;
color:#4d4d4d;
font-weight:500;
	
}

.leading-importer span{
font-size:18px;
color:#4d4d4d;
font-weight:500;

	
}


.mission-vision{ 
width:90%;
float: left; 
position: relative;
padding-right:0px;
}

.mission { 
float:left;
position: relative;
}

.mission > p{
color:#333;

}

.mission > h4 {
color:#007FA9;	
font-weight:800;
}


.vision{
float:left;	
position:relative;
}

.vision > p{
color:#333;

}

.vision > h4 {
color:#007FA9;	
font-weight:800;
}

.our-values {
width:50%;
float:left;
position:relative;
padding-right:50px;	
}


.our-values > h4 {
color:#007FA9;
font-weight:800;	
}

.our-accolades {
float:left;
position:relative;
position:relative;
	
	
}

.our-accolades > h4 {
color:#007FA9;
font-weight:800;		
}

.space-footer{
float:left;
height: 60px;
}

.divider {
padding:0px 15px;	
}

.our-brands {
color:#007FA9;
font-weight:800;		
}


.brand-logo{
float:left;
width:80%;	
	
}


.row {
display:table-row;	
}

.cell{
    min-height: 150px;
    min-width: 150px;
    margin-left: auto;
    margin-right: auto;
	margin:auto;
    display: block;
	text-align:center;
	float:left;
    vertical-align: middle;
	width:201px;
	height:188px;
}	


.cell-box img{ 
margin-top:50px;
}


/* customized margin top */

#royal-select img {
margin-top:70px;	
}





/* end of customized margin-top */

.cell-box:hover { 
width:201px;
height:188px;

}

.cell-box img:hover { 
 opacity: 0.3;
filter: alpha(opacity=30); /* For IE8 and earlier */

}

#hosen-description {
margin-top:30px;
width:20%;
float:left;
position:relative;
text-align:left !important;
display:none;
}

#hosen-description p{

text-align:left !important;

}


#hosen-select-description {
margin-top:30px;
width:20%;
float:left;
position:relative;
display:none;
}

#hosen-select-description p{

text-align:left !important;

}



#fortune-description {
margin-top:30px;
width:20%;
float:left;
position:relative;
display:none;
}

#fortune-description p{

text-align:left !important;

}


#fortune-spread-description {
margin-top:30px;
width:20%;
float:left;
position:relative;
display:none;
}

#fortune-spread-description p{

text-align:left !important;

}

#highway-description {
margin-top:30px;
width:20%;
float:left;
position:relative;
display:none;
}

#highway-description p{

text-align:left !important;

}


#sincero-description {
margin-top:30px;
width:20%;
float:left;
position:relative;
display:none;
}

#sincero-description p{

text-align:left !important;

}

#la-diva-description {
margin-top:30px;
width:20%;
float:left;
position:relative;
display:none;
}


#la-diva-description p{

text-align:left !important;

}

#q-serve-description {
margin-top:30px;
width:20%;
float:left;
position:relative;
display:none;
}

#q-serve-description p{

text-align:left !important;

}

#royal-select-description {
margin-top:30px;
width:20%;
float:left;
position:relative;
display:none;
}

#royal-select-description p{

text-align:left !important;

}



.hosen-quality-header{
float:left;
position:relative;
}


.hosen-quality-header-2{
float:left;
position:relative;	
}


.brand-description{
width:65%;
float:left;
position:relative;	
padding-right:50px;
} 


.brand-description > h4 {
font-weight: 800; 
color: #007FA9;
 	
}

.view-website{
float:left;
display:block;
width:130px; 
height:30px;
background-color:#009C8D;
margin-top:20px;

}



.form-submit input[type="submit"]{
float:right;
display:block;
width:130px; 
height:30px;
background-color:#009C8D;
font-size:18px;
color:#fff;
margin-top:20px;
border:0;
}


.view-website > a {
padding:3px;
display:block;
color:#ffffff;
font-weight:600;
font-size: 16px;
text-decoration: none;
text-align: center;
}


.brand-downloads {
margin-top:50px;
float:left;
position:relative;
width:30%;

}



.download-catalogue{
margin-bottom:5px;	
}

.download-catalogue img{
margin-right:10px;
}


.download-catalogue a:hover{
color: #009C8D;	
}


.download-catalogue > a {
color:#808080;
text-decoration: none; 	
}


.contact-form{

}


.contact-box{
width:300px !important;
height:35px !important ;
padding:0px 10px;
border:1px solid;
background-color:#FFF;
color:#333;
}



.name-contact-box{
width:300px !important;
height:35px !important ;
padding:0px 10px;
border:1px solid;
background-color:#FFF;
color:#333;


}


.salutation-contact-box{
width:50px !important;
height:35px !important ;

border:1px solid;
background-color:#FFFFFF;
color:#333;
}

.textarea-contact-box{
width:318px;
height:138px !important ;
padding:0px 10px;
border:1px solid;
background-color:#FFF;
color:#333;
}



.content-2 p{
  width:100%;
}




.column-1{
width:40%;
float:left; 
position:relative;
}


.column-2{
width:60%;
float:left; 
position:relative;
}

.insidecolumn-1{
width:50%;
float:left; 
position:relative;
}


.insidecolumn-2{
width:50%;
float:left; 
position:relative;
}