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

body{background:url(../images/bg.jpg) repeat 0 0; margin:0px; padding:0px; font-family: 'Archivo Narrow', sans-serif;}
.inner_bg{background:url(../images/bginner.jpg) repeat}

/*Width*/
/*.width570{width:52%; border:1px solid red;}*/
/*.width369{width:65%; border:1px solid red;}*/

/*Height*/
.height187{height:187px;}
.height369{height:369px;}

.fl{float:left}
.fr{float:right}

/*Margin css*/
.mt0{margin-top:0px!important;}
.mt2{margin-top:2px;}
.mb0{margin-bottom:0px!important;}
.mb7{margin-bottom:7px}
.mb10{margin-bottom:10px}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.ml25{margin-left:25px;}
.mr25{margin-right:25px;}

/*Padding css*/
.pt0{padding-top:0px!important;}
.pb0{padding-bottom:0px!important;}
.pt10{padding-top:10px;}
.pl10{padding-left:10px!important;}
.pl25{padding-left:25px!important;}
.pr10{padding-right:10px;}
.pr25{padding-right:25px!important;}

.clear{clear:both}
img{border:0px;}
:focus{outline:0px}
.valign_middle{vertical-align:middle}

.brown_text{color:#6b4c3c!important;}
.orange_text{color:#f9aa00!important;}
.orange_text a{color:#f9aa00!important;}
.orange_text a:hover{color:#f9aa00!important;}
.green_text{color:#8a922c!important;}

/* Fonts css */
.fs18{font-size:18px!important;}
.fs21{font-size:21px;} 

.text_transform_up{text-transform:uppercase}
 
.wrapper_home{ width:70%; margin:35px auto 0px auto;}
.wrapper_inner{ width:1003px; margin:0px auto; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; position:relative; background:#ffffff;}
.aboutus_img{float:left;}
.logo{float:left; margin:20px 5% 0px 1%; /*margin:25px 20px 0px 15px;*/}
.demo{float:left;}
.logo_inner{position:absolute; left:10px; top:-60px; z-index:100;}
.top_navigation_bg{min-height:63px; background:#8a922c; float:left; min-width:100%;}
.top_navigation_text{width:1024px; margin:0 auto; font-size:18px; color:#ffffff; text-align:right; padding:20px 20px 20px 0px; text-transform:uppercase;}
.top_navigation_text b{padding:0px 5px;}
.top_navigation_text a{color:#ffffff; font-size:18px; text-decoration:none}
.top_navigation_text a:hover{color:#ffffff; font-size:18px; text-decoration:none}
.active_nav{font-weight:bold; color:#5b3c28;}
.about_navigation_border{height:10px; background:#faa501;}
.about_navigation{font-size:18px; color:#8a922c;}
.about_navigation ul{ padding:0px 0px 0px 25px; margin:0px; 0px 0px 10px;}
.about_navigation ul li{list-style-type:none; float:left; padding:12px 0px 0px 0px; margin:0px 20px 0px 0px; height:30px; }
.about_navigation ul li a{color:#8a922c;; text-decoration:none}
.about_navigation ul li a:hover{color:#8a922c; text-decoration:none; width:17px; height:11px;}
/*.about_navigation ul li:hover{color:#8a922c; background:url(../images/top_pointer.png) no-repeat top center; text-decoration:underline;}*/
.current_nav{text-decoration:underline!important;}
.current_nav1{background:url(../images/top_pointer.png) no-repeat top center; font-weight:normal; text-decoration:underline; display:block;}
.current_nav2{background:url(../images/top_pointer.png) no-repeat top center; font-weight:normal; text-decoration:underline; display:block;}
.current_nav3{background:url(../images/top_pointer.png) no-repeat top center; font-weight:normal; text-decoration:underline; display:block;}
.current_nav1 div{ padding-top:18px; display:block; font-weight:normal!important; margin-top:-18px;}
.current_nav2 div{ padding-top:18px; display:block; font-weight:normal!important; margin-top:-18px;}
.current_nav3 div{ padding-top:18px; display:block; font-weight:normal!important; margin-top:-18px;}
.aboutus_center_bg{ background:#ffffff url(../images/aboutus_center_bg.jpg) no-repeat 0 0; min-height:1109px;}
.aboutus_center_bg h1{ color:#ffa800; font-size:18px; font-weight:normal;  padding:0px 0px 0px 25px;}
.aboutus_center_bg p{color:#414141; font-size:15px; line-height:23px;}
.aboutus_leftblock{width:465px; float:left; padding:0px 0px 0px 25px;}
.aboutus_rightblock{width:358px; float:right; padding:0px 25px 0px 0px; position:relative}
.landmark_block{ height:50px; background:#9ba24b; font-size:18px; text-transform:uppercase; color:#ffffff; padding:20px 0px 20px 25px; margin-left:20px; margin-right:-25px; line-height:25px;}
.aboutus_rightblock ul {padding:0px 0px 0px 15px; margin:0px;}
.aboutus_rightblock ul li{color:#414042; font-size:14px; padding:10px 55px 10px 15px; line-height:18px; list-style-type:none; border-bottom:1px solid #9ba24b;}
.aboutus_rightblock ul li span{color:#ffa800;}
.aboutus_rightblock ul li:before{
   position:absolute;
  margin: 0px 0 0 -12px;
    /* accommodate Camino */
    vertical-align: middle;
    display: inline-block;
  width: 5px;
  height: 5px;
 /*content: '\2022 ';*/
 font-size: 23px;
 color:#ffa800;
  /*border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;*/}

.careers_center_bg{ background:#ffffff url(../images/careers_center_bg.jpg) no-repeat 0 0; min-height:300px;}
.careers_center_bg h1{ color:#5b3c2b; font-size:20px; font-weight:normal;  padding:0px 0px 0px 0px;}
.careers_center_bg p{color:#414141; font-size:15px; line-height:25px;}
.careers_leftblock{width:465px; float:left; padding:0px 25px 0px 25px;}
.careers_rightblock{width:457px; float:right; padding:0px 25px 0px 0px; border-left:1px solid #604232; /*position:relative*/}
.careers_rightblock h1{color:#ffa800; margin:0px 0px 20px 25px;}
.careers_rightblock ul{padding:0px; margin:0px 0px 0px 25px;}
.careers_rightblock ul li{ color:#414141; line-height:30px; list-style-type:none; background:url(../images/pdf_icon.jpg) no-repeat left top; padding:0px 15px 16px 35px;}
.careers_rightblock ul li a{color:#414141; text-decoration:none}
.careers_rightblock ul li a:hover{color:#414141; text-decoration:none}

.contactus_center_bg{ background:#ffffff url(../images/contactus_center_bg.jpg) no-repeat 0 0; min-height:500px;}
.contactus_center_bg p{color:#414141; font-size:16px; line-height:25px;}
.contactus_block{width:250px; color:#414141; text-align:center; padding:30px 0px 0px 0px; line-height:25px; float:left}
.contactus_block a{color:#414141; text-decoration:none}
.contactus_block a:hover{color:#414141; text-decoration:none}

.services_center_bg{ background:#ffffff url(../images/services_center_bg.jpg) no-repeat 0 0; min-height:460px;}
.services_center_bg h1{font-size:22px; color:#f9aa00; padding:0px 0px 0px 10px; margin:0px; font-weight:normal;}
.services_center_bg p{color:#414141; font-size:15px; line-height:23px;}
.orange_bar{background:#f9aa00; height:12px;}
.green_line{background:#bdc187; height:1px;}

.product_center_bg{ background:#ffffff url(../images/services_center_bg.jpg) no-repeat 0 0; min-height:460px;}
.product_center_bg p{color:#414141; font-size:15px; line-height:23px;}
.product_center_bg h2{padding:0px 0px 0px 25px; font-size:18px; color:#5b3c2b; text-transform:uppercase}
.product_center_bg h3{padding:0px 0px 0px 25px; font-size:18px; color:#ffa800; text-transform:uppercase; padding:0px; margin:0px;}
.product_center_bg h4{font-size:15px; color:#ffa800; text-transform:uppercase; padding:0px; margin:0px;}
.product_brown_box{background:#9c7561; padding:30px 0px 30px 30px; font-size:19px; color:#313131}
.product_green_box{background:#acb44d; padding:30px 0px 30px 30px; font-size:19px; color:#313131}
.product_red_box{background:#f46b52; padding:30px 0px 30px 30px; font-size:19px; color:#313131}
.product_orange_box{background:#f4b440; padding:30px 0px 30px 30px; font-size:19px; color:#313131}
.product_cotton_price{float:left; width:210px; font-size:15px; color:#8a922c;}
.product_cotton_price a{color:#8a922c; text-decoration:none}
.product_cotton_price a:hover{color:#8a922c; text-decoration:none}
.product_cotton_specification{ font-size:15px; color:#414042; width:254px; float:left}
.product_cotton_specification a{color:#414042; text-decoration:none}
.product_cotton_specification a:hover{color:#414042; text-decoration:none}
.green_sep{background:#8a922c; height:3px; margin:0px 25px;}
.product_left_block{width:450px; float:left; padding:0px 25px 0px 25px; border-right:3px solid #614332;}
.product_right_block{float:left; width:450px; padding:0px 0px 0px 25px; text-align:left;}
.chairman_message{color:#8a922c!important; font-size:20px!important;}
.chairman_name{ color:#5b3c2b!important; font-size:20px!important; font-weight:bold; padding-left:12px; padding-bottom:0px!important; margin:0px;}
.chairman_text{color:#5b3c2b!important; font-size:11px!important; font-weight:bold; position:relative; left:20px; padding-bottom:0px!important; margin-bottom:0px;}
.right_colon{position:relative; top:10px;}
.cotton_price_title{color:#8a9437; line-height:23px; text-transform:uppercase}
.cotton_price_table{/*border-collapse:collapse;*/ font-size:15px; color:#414141;}
.cotton_price_table td{border:1px solid #5b3c2c; }
.border_zero{border:0px!important;}
.product_brown_bg{background:#9c7561; text-transform:uppercase; color:#414042; font-weight:bold}
.product_green_bg{background:#acb44d; text-transform:uppercase; color:#414042; font-weight:bold}
.product_red_bg{background:#f46b52; text-transform:uppercase; color:#414042; font-weight:bold}
.product_orange_bg{background:#f4b440; text-transform:uppercase; color:#414042; font-weight:bold}
.product_classification_table{/*border-collapse:collapse;*/}
.product_classification_table td{border:1px solid #d3d3d3;}

.management_center_bg{ background:#ffffff url(../images/management_bg.jpg) no-repeat 0 0; height:1000px;}
.management_center_bg h1{ color:#ffa800; font-size:15px; padding:0px 0px 0px 25px;}
.management_center_bg h2{ font-family: 'Archivo Narrow', sans-serif; color:#ffa800; font-size:18px; padding:0px 0px 0px 0px;}
.management_center_bg h2 span{font-size:15px; font-weight:normal}
.management_center_bg p{color:#414042; font-size:15px; line-height:23px;}
.management_leftblock{width:465px; float:left; padding:0px 0px 0px 25px;}
.management_rightblock{width:460px; float:right; padding:0px 10px 0px 0px; position:relative}


.companyvalue_center_bg{ background:#ffffff url(../images/company_value_bg.jpg) no-repeat 0 0; height:1050px;}
.companyvalue_center_bg h1{ color:#ffa800; font-size:15px; padding:0px 0px 0px 25px;}
.companyvalue_center_bg h2{ color:#ffa800; font-size:18px; padding:0px 0px 0px 0px;}
.companyvalue_center_bg p{color:#414042; font-size:15px; line-height:23px;}
.companyvalue_leftblock{width:465px; float:left; padding:10px 0px 0px 25px;}
.companyvalue_rightblock{width:450px; float:right; padding:10px 25px 0px 0px; position:relative}
.companyvalue_center_bg h1{color:#ffa800; font-size:18px; padding:0px;}


.colan_left{display:inline-block; height:175px;}
.colan_right{margin-right:112px; margin-top:5px; display:inline-block; vertical-align:middle;}
.colan_text{color:#343333!important; font-size:20px!important; line-height:34px!important;}

/*Blog css starts here*/
.blog_center_bg{ background:#ffffff url(../images/services_center_bg.jpg) no-repeat 0 0; min-height:460px;}
.blog_center_bg h1{font-size:20px; color:#5b3c2b; padding:0px 0px 0px 0px; margin:0px; text-transform:uppercase; font-weight:normal;}
.blog_center_block{padding:0px 50px;}
.blog_box{border-bottom:2px solid #a5a4a4; margin-bottom:20px;}
.blog_post_date{color:#414042; font-size:12px!important; padding:0px!important; margin:0px!important;}
.blog_center_bg p{color:#414141; font-size:15px; line-height:23px;}
.blog_post_bottom_date{color:#414042; font-size:13px;}
.blog_post_bottom_date span{color:#5b3c2b}
.continue_reading{color:#5b3c2b; font-size:17px; font-weight:normal;}
.continue_reading a{color:#5b3c2b; text-decoration:none}
.continue_reading a:hover{color:#5b3c2b; text-decoration:none}
.subscribe{font-size:15px; text-transform:uppercase; float:right}
.subscribe input{background:#e5e4e4; border:0px; padding:2px 2px; color:#757474;}
.border_bottom_none{border-bottom:0px;}
.previous_next_text{color:#414042;}
.previous_next_text a{color:#414042; text-decoration:none}
.previous_next_text a:hover{color:#414042; text-decoration:none}
.previous_next_text span{ padding:0px 10px;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.colan_right {
margin-right:110px; /* This works only in Safari and Google Chrome */
}
}

.ic_container{
    vertical-align:baseline;
    position:relative;
}
.overlay{
    
    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
	opacity:0.8;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
.ic_caption{
    position:absolute;       
    overflow:hidden;
    margin:0px;
    padding:0px;
    left:0px;
    right:0px;
    cursor:pointer;
	text-decoration:none;

}
.ic_caption a{color:#414141; text-decoration:none}

.opacity_block{background:#ffffff; opacity:0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);}
	
.ic_category{
    text-transform:uppercase;
    font-size:11px;
    letter-spacing:3px;
    padding:5px;
    margin:0px;
	
}
.ic_caption h3{
    padding:3px 5px 3px 15px;
    margin:0px;
    font-size:12px;
	color:#898786;
	text-transform:uppercase;
	background:#ffffff;
}
.ic_text{
    padding:0px 15px 5px 15px;
    margin:0px;
	font-size:11px;
    /*font-size:15px;
	line-height:20px;*/
}

.up_arrow{float: right; margin-top:8px;}

.down_arrow{float: right;margin-top: 8px;display: none;}



.copyrights{font-size:11px; color:#ffffff; text-transform:uppercase; margin:20px 0px 20px 0px;}
.copyrights span{padding:0px 0px 0px 25px}
.copyrights span a{color:#ffffff; text-decoration:none}
.copyrights span a:hover{color:#ffffff; text-decoration:none}

.copyrights_inner_bg{background:#5b3c2b; padding:5px 0px; margin-top:-50px; position:relative; z-index:100; float:left; min-width:100%;}
.copyrights_inner{font-size:14px; color:#ffffff; margin:5px 0px 0px 0px; width:1003px; padding:0px 20px; margin:0 auto; position:relative; left:-25px;}
.copyrights_inner a{color:#ffffff; text-decoration:none}
.copyrights_inner a:hover{color:#ffffff; text-decoration:none}
.copyrights_inner strong{font-weight:normal; font-size:11px; text-transform:uppercase}
.copyrights_inner strong a{color:#ffffff; text-decoration:none}
.copyrights_inner strong a:hover{color:#ffffff; text-decoration:none}
.copyrights_inner span{ padding-left:40px;}


.ic_caption{ position:absolute; bottom:0px; }
.ic_caption .ic_text{ display:none;}


@media all and (min-width: 1001px) {
.ic_text{
    font-size:14px;
	padding-top:3px;
}
.ic_caption h3{
    font-size:15px;
}
}

@media all and (max-width: 800px) and (min-width: 700px) {
 .ic_text{
    font-size:10px;
	padding-top:3px;
}
.ic_caption h3{
    font-size:13px;
}
}

@media all and (max-width: 699px) and (min-width: 520px) {
  .ic_text{
    font-size:9px;
}
.ic_caption h3{
    font-size:10px;
}
@media all and (max-width: 520px) and (min-width: 480px) {
  .ic_text{
    font-size:8px;
}
.ic_caption h3{
    font-size:8px;
}
}

@media only screen and (max-width: 320px) {

  .ic_text{
    font-size:8px;
}
.ic_caption h3{
    font-size:6px;
}
}

@media all and (max-width: 699px) and (min-width: 520px) {
  /*.aboutus_center_bg p{color:#414141; font-size:9px;}*/
}
}



/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
 .ic_text{
    font-size:8px;
}

}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}