@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'ProximaNovaRegular';
    src: url('../fonts/ProximaNovaRegular.eot');
    src: url('../fonts/ProximaNovaRegular.eot') format('embedded-opentype'),
         url('../fonts/ProximaNovaRegular.woff2') format('woff2'),
         url('../fonts/ProximaNovaRegular.woff') format('woff'),
         url('../fonts/ProximaNovaRegular.ttf') format('truetype'),
         url('../fonts/ProximaNovaRegular.svg#ProximaNovaRegular') format('svg');
		 font-weight: normal;
    	 font-style: normal;

}
@font-face {
    font-family: 'romulregular';
    src: url('../fonts/ufonts.com_romul-webfont.eot');
    src: url('../fonts/ufonts.com_romul-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ufonts.com_romul-webfont.woff2') format('woff2'),
         url('../fonts/ufonts.com_romul-webfont.woff') format('woff'),
         url('../fonts/ufonts.com_romul-webfont.ttf') format('truetype'),
         url('../fonts/ufonts.com_romul-webfont.svg#romulregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
p{ padding:0; margin:0;}
img{ border:none; outline:none;}
ul,ol{ padding:0; margin:0; list-style:none;}
h1,h2,h3,h4,h5,h6{ padding:0; margin:0;}
a{ text-decoration:none;}
body{ padding:0; margin:0; font:12px/18px Arial, Helvetica, sans-serif;}
.clear{ clear:both;}
.wrapper{ max-width:1000px; margin:0 auto;}

/*=============================== Start Header section ============================*/
.header{ width:100%; float:left; position:relative;}
.banner{ width:100%; float:left; position:relative;}
.banner img{ width:100%;}
.header_inner{ position:absolute; width:100%; left:0; right:0; top:36px; z-index:99999;} 
.header_in{ width:100%; float:left;}
.logo{ float:left;}
.nav{ width:60%; float:right; background:#fff; padding:0 20px 0 20px; margin:68px 0 0 0;}
.navigation{ float:left;}
.search{ float:right; position:relative;}
.search_btn{ width:26px; height:26px; cursor:pointer; margin: 9px 20px 0 0;}
.search_input{ position:absolute; z-index:9999; width:200px; background:rgba( 255, 255, 255, 0.5); border:1px solid #f2f2f2; padding:0 5px; line-height:35px; color:#333; font-size:12;right: -20px;top: 46px;}
.search_input input{ background:none; width:100%; border:none; outline:none; line-height:35px;}
.banner_text{ position:absolute; z-index:9999; text-align:center;font-family: 'romulregular'; font-size:20px; text-transform:uppercase; color:#fff; width:100%; top:50%; line-height:30px;}
.banner_text p{ position:absolute; z-index:9999; text-align:center;font-family: 'romulregular'; font-size:20px; text-transform:uppercase; color:#fff; width:100%; top:50%; line-height:30px;}
/*======================= End Header section =============================*/
/*=========================== Start body section =================================*/
h1{ color:#772f4b; font-size:38px; font-family: 'ProximaNovaRegular'; text-transform:uppercase; padding:0 0 10px 0; margin:0;}
h2{color:#772f4b; font-size:24px; font-family: 'ProximaNovaRegular'; padding:0 0 10px 0; margin:0;}
p{ color:#8b8b8b; font-size:16px; line-height:22px; padding:0 0 10px 0; margin:0;font-family: 'ProximaNovaRegular';}
.body_section{ width:100%; float:left; padding:50px 0 30px 0; background:#efefef;}
.home_left{ width:30%; float:left;}
.home_left h1{ color:#772f4b; font-size:30px; padding:10px 0 0 0; line-height:30px; margin:0;font-family: 'ProximaNovaRegular'; text-align:center; font-weight:normal; text-transform:none;}
.home_right{ width:68%; float:right;}
/*========================================= End body section =============================*/
/*============================================ Start newsletter section ==========================*/
.newsletter{ width:100%; float:left; background:#f4f4f4; padding:25px 0; border-top:1px solid #dedede; border-bottom:1px solid #dedede;}
.newsletter_left{ width:32%; float:left;}
.newsletter_left_title{ background:url(../images/news_letter.png) 0 0 no-repeat; color:#787878; font-size:19px; text-transform:uppercase; padding:0 0 0 100px;font-family:"Times New Roman", Times, serif; line-height:24px;}
.newsletter_left_title span{ color:#b41116; font-size:26px;}
.newsletter_right{ width:38%; float:left;}
.newletter_input{ width:100%; border:1px solid #dfdfdf;box-shadow: inset 0px 0px 20px rgba(243,243,243,1); background:#fff; min-height:46px;}
.newletter_input input{ width:76%; display:inline-block; border:none; background:none; outline:none; line-height:46px; padding:0 0 0 5%; color:#a7a6a6;}
.newletter_input button{ background:#000; color:#fff;font-family: 'romulregular'; font-size:14px; padding:10px; border:none; float:right;margin: 4px 4px 0 0; cursor:pointer;}
.newletter_input button:hover{ background:#772f4b; transition:all 0.5s ease-in-out;}
.follows{ float:right; width:30%;}
.follows span{ color:#787878; font-family:"Times New Roman", Times, serif; font-size:18px; padding:16px 10px 0 40px; text-transform:uppercase; display:inline-block;}
.social_icon{ float:right;padding: 4px 0 0;}
.social_icon i{ background:#959698; color:#fff; /*padding:8px;*/ border-radius:50%; font-size:18px; margin:5px 0 0 0; width:28px; height:24px; text-align:center; padding:5px 0 0 0;}
.social_icon i:hover{ background:#333;transition:all 0.5s ease-in-out;}
.social_icon i a.fa-facebook{ padding:8px 10px}
/*========================================== End newsletter section =====================================*/
/*============================================ Start footer section ==========================*/
.footer{ width:100%; float:left; background:#f4f4f4; padding:15px 0; text-align:right; color:#818181; font-size:14px;font-family: 'ProximaNovaRegular';}
.footer a{color:#818181;}
.footer a:hover{ color:#772f4b;}
/*============================================ End footer section ==========================*/
/*============================================ Start about section ==========================*/
.about_section{ width:100%; float:left;}
.about_section h1{ background:url(../images/icon1.png) 0 0 no-repeat;  padding: 10px 0 10px 70px;}
.about_section_top{ width:100%; float:left; padding:10px 0 30px 0;}
.about_section_top_img{ width:26%; float:left; margin:0 0 0px 0;}
.about_section_top_img img{ width:94%; border:8px solid #dadada;}
.about_section_top_right{ float:right; padding:10px 0 0 0; width:68%;}
/*============================================ End about section ==========================*/
/*============================================ Start cotton section ==========================*/

.cotton_section{ width:100%; float:left;}
.cotton_section h1{background:url(../images/icon4.png) 0 0 no-repeat;  padding: 10px 0 10px 44px;}
.growing_regions{ width:60%; float:left; margin:10px 0 20px 0; background:#e9e9e9; border:2px solid #e1e1e1;}
.growing_regions ul{ padding:0; margin:0;}
.growing_regions ul li{ padding:0; margin:0;}
.region_name{ width:45%; float:left; color:#8b8b8b; font-size:16px;font-family: 'ProximaNovaRegular'; text-transform:uppercase; padding:10px 0 10px 5%;}
.region_address{ background:#f2f2f2;width:45%; float:left; color:#8b8b8b; font-size:16px;font-family: 'ProximaNovaRegular'; text-transform:uppercase; padding:10px 0 10px 5%;}
.region_name1{ width:45%; float:left; color:#8b8b8b; font-size:16px;font-family: 'ProximaNovaRegular'; text-transform:uppercase; padding:10px 0 10px 5%;background:rgba(255, 255, 255, 0.7);}
.region_address1{ background:rgba(255, 255, 255, 0.7);width:45%; float:left; color:#8b8b8b; font-size:16px;font-family: 'ProximaNovaRegular'; text-transform:uppercase; padding:10px 0 10px 5%;}
.contant_part1{ width:100%; background:#f6f5f5; padding:20px 0;}
.contant_part1_left{ width:65%; float:left;}
.contant_part1_right{float: right;margin: 0;width: 30%;}
.contant_part1_right img{border: 8px solid #dadada;width: 94%;}
.contact_part2{ width:100%; float:left; padding:20px 0;}
.contact_part2_inner{ float: left;padding: 10px 0 0px;width: 100%;}
.contact_part2_inner_img{float: left;margin: 0;width: 100%;}
.contact_part2_inner_img img{border: 8px solid #dadada;float: left;width: 28%; margin:0 30px 5px 0;}

/*============================================ End cotton section ==========================*/

/*============================================ Start yarn section ==========================*/
.yarn_section{width:100%; float:left;}
.yarn_section h1{ background:url(../images/icon2.png) 0 0 no-repeat;  padding: 10px 0 10px 40px;}
.text{ color:#772f4b; font-size:16px;font-family: 'ProximaNovaRegular'; padding:10px 0 5px 0;}
.text1{ font-size:25px; line-height:24px;}
.text2{ color:#6d6d6d; font-size:38px; text-transform:uppercase; padding:25px 0 10px 0;}
.text2 span{ color:#772f4b; font-size:72px;font-family: 'ProximaNovaRegular'; padding: 0 0 20px; display:block;}
.brands_box{ background:#772f4b; width:100%; float:left; margin:10px 0;}
.brands_box_inner{ padding:24px 0;}
.brands_box_inner ul{ padding:0 0 0 1%; margin:0; display:inline-block; text-align:center; width:100%;}
.brands_box_inner ul li{ color:#505050; font-size:16px;font-family: 'ProximaNovaRegular'; padding: 14px 0 10px 30px; 
background:url(../images/bullete.png) 11px 16px no-repeat #f5f5f5; /*display:inline-block;*/ text-align:left; width:21%; margin:0 2px 3px; float:left;}
/*============================================ End yarn section ==========================*/
/*============================================ Start contact section ==========================*/
.contact_section{ width:100%; float:left;}
.contact_section h1{background:url(../images/icon3.png) 0 0 no-repeat;  padding: 10px 0 10px 40px;}
.contact_area{ width:100%; float:left; padding:10px 0 10px 0;}
.contact_area_adderss{ width:26%; float:left;}
.contact_area_adderss h2{ padding:0 0 10px 20px;}
.address{ padding:10px 0 15px 0;}
.address h3{ color:#772f4b; font-size:16px; font-family: 'ProximaNovaRegular';} 
.address h3 i{ color:#a2a2a2; font-size:20px; padding:0 10px 0 0;}
.address_text{ border-bottom:1px solid #e0e0e0; padding: 5px 0 5px 28px;}
.address_list{ padding:15px 0 0 0; margin:0;}
.address_list li{ padding:0; margin:0 0 3px 0;}
.atul_asher{color:#772f4b; font-size:16px; font-family: 'ProximaNovaRegular';}
.atul_asher i{color:#a2a2a2; font-size:20px; padding:0 10px 0 0;}
.tex3{ color:#8c8c8c; padding: 5px 0 5px 26px;}
.tex3 a{color:#8c8c8c;}
.tex3 a:hover{color:#772f4b; }
.contact_map{ width:36%; float:left; margin:0 0 0 30px;}
.contact_map img{ width:100%;}
.get-ntouch{ width:30%; float:right;}
.get_in_touch_form{ width:100%; padding:5px 0 0 0;}
.get_in_touch_form input[type='text']{width:94%; display:inline-block; outline:none; line-height:46px; padding:0 0 0 5%; color:#a7a6a6;border:1px solid #dfdfdf;box-shadow: inset 0px 0px 20px rgba(243,243,243,1); background:#fff; min-height:46px; margin:0 0 10px 0;}
.textarea{width:94%; display:inline-block; outline:none; line-height:18px; padding:5% 0 0 5%; color:#a7a6a6;border:1px solid #dfdfdf;box-shadow: inset 0px 0px 20px rgba(243,243,243,1); background:#fff;margin:0 0 10px 0; resize:none;}
.get_in_touch_form input[type='button']{ float:right; color:#fff; text-transform:uppercase; background:#b41116;box-shadow: inset 0px 0px 5px rgba(243,243,243,1); border:none; padding:8px 20px; cursor:pointer;font-family: 'ProximaNovaRegular'; font-size:18px;}
.get_in_touch_form input[type='button']:hover{ background:#333; transition:all 0.5s ease-in-out;}
.comments-link{ display:none;}
.entry-meta{ display:none;}

/*============================================ End contact section ==========================*/

@media only screen and (min-width:320px) and (max-width:768px){
	.wrapper{ padding:0 2%;}
	.header_inner{ position:relative; top:8px;}
	.logo{ width:100%; float:none; text-align:center;}
	.nav{ margin: 10px 0; width:100%; float:left; padding:0;}
	.home_left{ width:100%; text-align:center; padding:0 0 10px 0;}
	.home_right{ width:100%; float:left;}
	.newsletter_left{ width:100%; text-align:center; margin:0 0 10px 0;}
	.newsletter_left_title{ display:inline-block; text-align:center;}
	.newsletter_right{ width:100%; float:left;}
	.follows{ width:100%; text-align:center;}
	.follows span{ width:100%; padding:10px 0;}
	.social_icon{ width:100%; text-align:center;}
	.footer { text-align:center;}
	.navigation {float: left;width: 92%;}
	#cssmenu{ background:#f2f2f2;}
	#cssmenu > ul > li { background:none !important;}
	.search_input{right: 0;top: 54px;}
	.search_btn{margin: 14px 20px 0 0;}
	.banner_text{ top:20%; font-size:16px;}
	.brands_box_inner ul li{ width:45%;}
}
@media only screen and (min-width:320px) and (max-width:640px){
.navigation {float: left;width: 86%;}
.about_section_top_right{ width:100%;}
.about_section_top_img{ width:42%;}
.brands_box_inner ul li{ width:85%;}
.contact_area_adderss{ width:100%;}
.contact_map{ width:100%; margin:0 0 10px 0;}
.get-ntouch{ width:100%;}
.growing_regions{ width:100%;}
.contant_part1_left{ width:100%;}
.contant_part1_right img{ width:62%; float:left;}
.contant_part1_right{ float:left;width:94%;}
}
@media only screen and (min-width:320px) and (max-width:350px){
	.navigation {float: left;width: 84%;}
	.search_btn{margin: 14px 20px 0 0;}
	.about_section_top_img{ width:96%;}
	.contact_part2_inner_img img{ width:94%; margin:5px 0;}
	.contant_part1_right img{ width:100%;}
}