@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

*	{ margin:0px; padding:0px;}

html {height: 100%;}

body	{font-family: 'Roboto', sans-serif; letter-spacing:3px; height:100%; font-kerning: normal;}

.brown {color:#8f4e3c;}

.light-grey-bg	{ background:#9f9f9f;}

.trade-form label	{ letter-spacing:0px;} 

.trade-form .form-control	{ background:#e0e0e0;}

select, input {font-size:14px !important; letter-spacing:1px !important; font-family: 'Roboto', sans-serif !important; font-kerning:normal !important; }

.trade-form .hr-line	{ border-top:solid 4px #8f4e3c; }

p	{letter-spacing:1px; font-kerning: normal;}

h2 {font-family: 'Playfair Display', serif; font-kerning: normal;}

h3 {overflow: hidden; text-align: center; font-family: 'Playfair Display', serif; font-weight:500 !important; font-kerning: normal;}

h3:before, h3:after {background-color: #000; content: ""; display: inline-block; height: 2px; position: relative; vertical-align: middle; width: 10%;}

h3:before {right: 0.5em; margin-left: -50%;}

h3:after {left: 0.5em; margin-right: -50%;}

h4 {font-weight:600 !important; font-family: 'Playfair Display', serif; font-kerning: normal;}

.trade-form .button-box	{background:none; color:#8f4e3c; border:solid 4px; text-transform:uppercase; border-radius:0px; padding:5px 40px; letter-spacing:1px; font-size:18px; }

.trade-form .button-box:hover	{color:#000;}

.lignt-grey-light-bg	{background:#eeeeee; font-family: 'Playfair Display', serif; font-kerning: normal;}

.lignt-grey-light-bg h4	{font-family: 'Playfair Display', serif; color:#8f4e3c; font-kerning: normal;}

.dark-grey-bg	{background:#e4e4e4; font-family: 'Playfair Display', serif; font-kerning: normal;}

.dark-grey-bg p	{font-family: 'Roboto', sans-serif; font-kerning: normal;}

.view-catalogue-btd	{border:solid 2px #8f4e3c; display:inline-block; padding:25px 10px; color:#fff; text-transform:uppercase; letter-spacing:10px; font-family: 'Roboto', sans-serif !important;}

.view-catalogue-btd span	{background:#8f4e3c; padding:20px 30px; font-size:20px; }

.view-catalogue-btd:hover	{border:solid 2px #333333; color:#fff; text-decoration:none;}

.view-catalogue-btd span:hover	{background:#333333;}

.border-light{border-color: #8f4e3c!important;}

@media only screen and (min-width:576px) and (max-width:767px) {
	.view-catalogue-btd	{border:solid 2px #8f4e3c; display:inline-block; padding:25px 10px; color:#fff; text-transform:uppercase; letter-spacing:8px;}

	.view-catalogue-btd span	{background:#8f4e3c; padding:18px 25px; font-size:18px;}
}

@media only screen and (max-width:575px){
	.view-catalogue-btd	{border:solid 2px #8f4e3c; display:inline-block; padding:20px 10px; color:#fff; text-transform:uppercase; letter-spacing:5px;}

	.view-catalogue-btd span	{background:#8f4e3c; padding:10px 15px; font-size:18px;}
}


.cotton-list {color:#4f4f4f; border-top:solid 4px #8f4e3c;}

.cotton-list .cotton-bg1	{background:url(../images/Layer-4-copy-4_01.png) no-repeat; background-size:cover; background-position:bottom;}

.cotton-list .cotton-bg2	{background:url(../images/Layer-4-copy-4_03.png) no-repeat; background-size:cover; background-position:bottom;}

.cotton-list .cotton-bg3	{background:url(../images/Layer-4-copy-4_05.png) no-repeat; background-size:cover; background-position:bottom;}

.cotton-list ul {list-style-position:outside;}

.FAQ {background:#fafafa; letter-spacing:0px;}

.FAQ h1	{font-family: 'Playfair Display', serif;}

.FAQ .panel-group {border-top:solid 4px #000;}

.FAQ .panel-default>.panel-heading {color: #333; background-color: #fff; border-color: #e4e5e7; padding: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

.FAQ .panel-default>.panel-heading a {display: block; padding: 10px 15px; color:inherit; text-decoration:none; font-family: 'Roboto', sans-serif !important;}

.FAQ .panel-default>.panel-heading a:after {content: ""; position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; float: right; transition: transform .25s linear; -webkit-transition: -webkit-transform .25s linear;}

.FAQ .panel-default>.panel-heading a[aria-expanded="true"] {background-color: #eee;}

.FAQ .panel-default>.panel-heading a[aria-expanded="true"]:after {content: "\2212"; -webkit-transform: rotate(180deg); transform: rotate(180deg);}

.FAQ .panel-default>.panel-heading a[aria-expanded="false"]:after {content: "\002b"; -webkit-transform: rotate(90deg); transform: rotate(90deg);}

.FAQ .panel-default .panel-body {padding:0 10px; letter-spacing:1px;}

.footer {background:#eee;}

@media only screen and (max-width:767px){
	.banner {background:url(../images/banner.jpg); background-repeat:no-repeat; background-position:left center; background-size:cover;}
	
	.banner h2 {font-family: 'Playfair Display', serif; color:#995545; letter-spacing:2px; font-size:24px;}
	
	.banner h5 {background:#8f4e3c; color:#fff; font-size:17px; font-weight:400; letter-spacing:2px; padding:5px 0;}
	
	.banner-icon {color:#8f4e3c !important; background:none !important; letter-spacing:2px;}
	
	.banner h4 {font-family: 'Playfair Display', serif; color:#995545; letter-spacing:0px; font-size:19px;}
	
	.banner-btn	{background-color: rgba(255, 255, 255, 05); color: #8f4e3c; border:2px solid #8f4e3c; border-radius:20px; letter-spacing:2px}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.banner {background:url(../images/banner.jpg); background-repeat:no-repeat; background-position:center; background-size:cover;}
	
	.banner h2 {font-family: 'Playfair Display', serif; color:#995545; letter-spacing:2px; font-size:24px;}
	
	.banner h5 {background:#8f4e3c; color:#fff; font-size:17px; font-weight:400; letter-spacing:0px; padding:5px 0;}
	
	.banner-icon {color:#8f4e3c !important; background:none !important; letter-spacing:2px;}
	
	.banner h4 {font-family: 'Playfair Display', serif; color:#995545; letter-spacing:0px; font-size:19px;}
	
	.banner-btn	{background-color:#fff; color: #8f4e3c; border:2px solid #8f4e3c; border-radius:20px; letter-spacing:2px}
	
	.banner-footer	{/*background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(161,85,65,1) 53%);*/}
	
	}
	
@media only screen and (min-width:992px) {
	.banner {background:url(../images/banner.jpg); background-repeat:no-repeat; background-position:center; background-size:cover;}
	
	.banner h2 {font-family: 'Playfair Display', serif; color:#995545; letter-spacing:2px; font-size:30px;}
	
	.banner h5 {background:#8f4e3c; color:#fff; font-size:22px; font-weight:400; letter-spacing:3px; padding:5px 0;}
	
	.banner-icon {color:#8f4e3c !important; background:none !important; letter-spacing:2px;}
	
	.banner h4 {font-family: 'Playfair Display', serif; color:#995545; letter-spacing:5px; font-size:24px;}
	
	.banner-btn	{background-color:#fff; color: #8f4e3c; border:2px solid #8f4e3c; border-radius:20px; letter-spacing:2px}
	
	.banner-footer	{/*background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(161,85,65,1) 53%);*/}
	
	}


	
	
a{ text-decoration:none; color:#212529;}	


@media only screen and (min-width:600px) {

	.banner h2 {
		font-family: 'Playfair Display', serif;
		color: #995545;
		letter-spacing: 2px;
		font-size: 28px !important;
	}
	.banner h4 {
		font-family: 'Playfair Display', serif;
		color: #995545;
		letter-spacing: 5px;
		font-size: 23px !important;
	}
}




@media only screen and (max-width:600px) {
	.banner {background:url(../images/Mobile-banner.png); background-repeat:no-repeat; background-position:center; background-size:cover; padding-top: 141px;}
	
	.banner h2 {font-family: 'Playfair Display', serif; color:#995545; letter-spacing:2px; font-size:30px;}
	
	.banner h5 {background:#8f4e3c; color:#fff; font-size:22px; font-weight:400; letter-spacing:3px; padding:5px 0;}
	
	.banner-icon {color:#8f4e3c !important; background:none !important; letter-spacing:2px;}
	
	.banner h4 {font-family: 'Playfair Display', serif; color:#995545; letter-spacing:5px; font-size:24px;}
	
	.banner-btn	{background-color:#fff; color: #8f4e3c; border:2px solid #8f4e3c; border-radius:20px; letter-spacing:2px}
	
	.banner-footer	{/*background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(161,85,65,1) 53%);*/}

.col-12.col-sm-12.py-2.text-center {
	visibility: hidden;
}

.hidetemp{

	visibility: hidden;
}


h3:before, h3:after {
display: none;
}
	
.nomob {
    display: none;
}
.mobsign .view-catalogue-btd span {
	font-size: 10px !important;
}

.col-8.col-sm-5.py-3.moblogo img {
    width: 40% !important;
}
.col-8.col-sm-5.py-3.moblogo{
	bottom: 152px;
    left: 60px;
}

.col-12.text-center.py-3.mobsign {
    top: 26px;
    right: 30px;
}
.mobsign .view-catalogue-btd {
    padding: 7px 6px 10px 6px !important;
	float: right;

}

}