/* Custom CSS By @fahmiyasha - fahmi@catalyzecommunications.com 2017 */
@charset "utf-8";
/*
@import url("reset.css");
@import url("stylesheet.css");
@import url("bootstrap.css");
*/

body {
	margin: 0;
	padding: 0;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 28px;
	background: #f2f2f2;
	color: #252525;
}

body.noscroll {
	overflow: hidden;
}

.bold {
	font-weight: bold;
}

.semi-bold {
	font-weight: 600;
}

.regular {
	font-weight: normal;
}

.left {
	float: left;
}

/**/
.right {
	float: right;
}

/**/
.clear {
	clear: both;
}

/**/
.hidden {
	display: none;
}

.center {
	position: relative;
	text-align: center;
	margin: 37px auto 17px;
}

.txt-center {
	text-align: center;
}

img {
	border: none;
	display: block;
	width: 100%;
}

p {
	margin: 0 0 20px;
	/* line-height: 30px; */
}

p.gap-50px {
	margin-bottom: 29px;
}

a {
	color: #4d4d4d;
	text-decoration: none !important;
	cursor: pointer !important;
	transition: all ease-in-out .25s;
}

a:hover {
	transition: all ease-in-out .25s;
	color: #319044;
	text-decoration: none;
}

:focus {
	outline: none !important;
}

a strong {
	color: #319044 !important;
	transition: all ease-in-out .25s;
}

.footnote a,
li a,
p a {
	color: #319044 !important;
	transition: all ease-in-out .25s;
}

.footnote {
	font-size: 14px;
	padding: 0px 30px;
	line-height: 24px;
}

a strong:hover {
	text-decoration: underline !important;
}

.placeholder {
	color: #888;
}

.relative {
	position: relative;
}

.red {
	color: #e14739;
}

.clr-white {
	color: #fff !important;
}

section.white-bg {
	background: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6,
h7 {
	padding: 0;
	margin: 0;
}

.img-area {
	position: relative;
}

.img-area .img {
	display: none;
}

.img-area .open-new-tab {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 48px;
	height: 48px;
	background: url(../img/icons/expand.png) center top no-repeat;
	display: none;
	font-size: 0px;
	transition: all ease-in-out .1s;
}

.back-to-top {
	position: fixed;
	bottom: 15px;
	right: 15px;
	width: 45px;
	height: 45px;
	background: url(../img/icons/backtotop.png) center center no-repeat;
	background-size: cover;
	border-radius: 45px;
	/* display: none; */
	font-size: 0px;
	transition: all ease-in-out;
	opacity: 0;
	transform: translateY(110%);
	transition: all ease-in-out .25s;
	-webkit-box-shadow: 3px 3px 6px 1px rgba(50, 50, 50, 0.3);
	-moz-box-shadow: 3px 3px 6px 1px rgba(50, 50, 50, 0.3);
	box-shadow: 3px 3px 6px 1px rgba(50, 50, 50, 0.3);
}

.back-to-top.shown {
	opacity: 1;
	transform: translateY(0%);
}


.horizontal-scrollbar {
	overflow: auto;
}

h1 {
	font-weight: 800;
	font-size: 55px;
	line-height: 65px;
	color: #000;
}

h2 {
	font-weight: 700;
	font-size: 42px;
	line-height: 54px;
	/* text-transform: capitalize; */
	color: #000000;
	margin-bottom: 24px;
}

h3 {
	font-weight: 700;
	font-size: 32px;
	line-height: 42px;
	/* text-transform: capitalize; */
	color: #000000;
	margin-bottom: 24px;
}

h4 {
	font-weight: 700;
	font-size: 28px;
	line-height: 38px;
	/* text-transform: capitalize; */
	color: #000000;
}

h4.title {
	text-transform: uppercase;
	margin-bottom: 20px;
}

h5 {
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 36px;
	color: #000000;
}

h6 {
	font-size: 22px;
	line-height: 34px;
	font-weight: 400;
	color: #000000;
	margin-bottom: 24px;
}

h6 i {
	height: 60px;
	background-size: auto 60px !important;
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px
}

h6 i.policy {
	width: 62px;
	background: url(../img/icons/Heading-Policy@2x.png) center center no-repeat;
}

h6 i.uptake {
	width: 100px;
	background: url(../img/icons/Heading-Cotton@2x.png) center center no-repeat;
}

h6 i.traceability {
	width: 70px;
	background: url(../img/icons/Heading-Trace@2x.png) center center no-repeat;
}

div.title-area {
	margin-bottom: 30px;
}

div.title-area h6 {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 0px !important;
}

div.title-area .icon {
	height: 60px;
	background-size: auto 60px !important;
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
}

div.title-area i.policy {
	width: 62px;
	background: url(../img/icons/Heading-Policy@2x.png) center center no-repeat;
}

div.title-area i.uptake {
	width: 100px;
	background: url(../img/icons/Heading-Cotton@2x.png) center center no-repeat;
}

div.title-area i.traceability {
	width: 70px;
	background: url(../img/icons/Heading-Trace@2x.png) center center no-repeat;
}

button {
	border: none;
	cursor: pointer;
}

textarea {
	resize: none;
}

.button {
	background: #319044;
	border: 2px solid #319044;
	text-align: center;
	display: inline-block;
	color: #fff;
	font-weight: 700;
	font-size: 18px;
	line-height: 28px;
	padding: 16px 24px;
	text-transform: uppercase;
	transition: all ease-in-out .25s;
	box-shadow: 0px 4px 8px rgba(14, 46, 21, 0.1);
	border-radius: 4px;
}

.button.pdf {
	border: none !important;
	line-height: unset;
	height: unset;
	width: 100%;
	display: table;
	min-height: 50px;
	padding: 12px 0px;
	text-align: left;
	padding-left: 20px;
	padding-right: 48px;
	background: #ec7a15 url('../img/icons/Icon-PDF@2x-white.png') center right 20px no-repeat;
	background-size: 18px auto !important;
	width: 100% !important;
}

.button.pdf.cts {
	background: #ec7a15 url('../img/icons/Icon-PDF@2x.png') center right 20px no-repeat;
}

.button.pdf span {
	display: table-cell;
	vertical-align: middle;
	font-weight: 700;
	line-height: 23px;
	font-size: 13px;
	color: #fff !important;
	text-transform: uppercase;
	letter-spacing: .05em;
}

.button.pdf:active,
.button.pdf:focus,
.button.pdf:hover {
	background: #e06614 url('../img/icons/Icon-PDF@2x-white.png') center right 20px no-repeat !important;
	background-size: 18px auto !important;
}

.button.btn-h50 {
	height: 50px;
	line-height: 46px;
}

.button.btn-h40 {
	height: 40px;
	line-height: 36px;
}

.button:hover,
.button:focus,
.button:active {
	background: #277135 !important;
	border-color: #277135 !important;
	color: #fff !important;
	transition: all ease-in-out .25s;
}

.button.small {
	position: relative;
	line-height: 50px;
	height: 50px;
	border: none !important;
	padding: 0px 20px;
	min-width: 0px;
}

.button.blue {
	background: #1892cb;
	border-color: #1892cb;
}

.button.blue:focus,
.button.blue:active,
.button.blue:hover {
	background: #1676a2 !important;
	border-color: #1676a2 !important;
}

[class*="col-"] {
	padding: 0px 25px;
}

.row {
	margin-left: -25px;
	margin-right: -25px;
}

[class*="col-"] {
	padding: 0px 25px;
}

.row-20 {
	margin-left: -20px;
	margin-right: -20px;
}

.row-20 [class*="col-"] {
	padding: 0px 20px;
}

.row-30 {
	margin-left: -30px;
	margin-right: -30px;
}

.row-30 [class*="col-"] {
	padding: 0px 30px;
}

.row-50 {
	margin-left: -50px;
	margin-right: -50px;
}

.row-50 [class*="col-"] {
	padding: 0px 50px;
}

.row-45 {
	margin-left: -45px;
	margin-right: -45px;
}

.row-45 [class*="col-"] {
	padding: 0px 45px;
}

hr {
	width: 100%;
	height: 1px;
	border: none;
	background: #cac9c1;
	margin-top: 26px;
	margin-bottom: 60px;
}

section.section-1240px {
	max-width: 1240px;
	margin: 0px auto;
	padding: 0px 60px;
}

section.section-1240px .container {
	max-width: 100%;
}

.container-1240px {
	max-width: 1240px;
	padding: 0px 60px;
}

.container-blockquote {
	max-width: 1240px;
	padding: 0px 60px;
	background: #edebde;
}

.container-blockquote .content {
	padding: 52px 40px 114px;
	text-align: center;
}

.container-blockquote .content blockquote {
	padding: 0px;
	padding-bottom: 32px;
	padding-top: 44px;
	background: url(../img/icons/quote-green@2x.png) top center no-repeat;
	background-size: auto 22px;
	color: #319044;
	font-size: 30px;
	line-height: 40px;
	border: none;
	border-bottom: 1px solid #319044;
	margin-top: 30px;
}

.container-blockquote .content p.green {
	font-size: 30px;
	line-height: 40px;
	color: #319044;
	padding-top: 18px;
	margin-bottom: 38px;
}

section.section-bottom .container {
	padding: 0px;
	padding-bottom: 18px;
	max-width: 100%;
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	/* display: -webkit-flex; /* Safari */
	*/ -webkit-flex-wrap: wrap;
	/* Safari 6.1+ */
	/* display: flex;    */
	flex-wrap: wrap;
}

section.section-bottom .left-content {
	background: #013042;
	padding: 0px !important;
	transform: translateY(-60px);
	width: 52.19619326500732%;
	display: block;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

section.section-bottom .right-content {
	padding: 0px !important;
	background-size: cover !important;
	width: 47.80380673499268%;
	display: block;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

section.section-bottom .left-content .content {
	padding: 50px 0px 54px;
	padding-left: 70px;
	padding-right: 70px;
	max-width: 650px;
}

section.section-bottom .right-content .content {
	padding-top: 44px;
	padding-bottom: 30px;
	padding-right: 70px;
	padding-left: 70px;
	max-width: 590px;
}

section.section-bottom .content * {
	color: #fff;
}

section.section-bottom .left-content .content h4 {
	margin-bottom: 23px;
}

section.section-bottom .left-content .content ul {
	margin-top: 32px;
}

section.section-bottom .left-content .content p {
	margin-bottom: 0px;
	margin-top: 0px;
	line-height: 26px;
}

section.section-bottom .right-content .content p {
	font-size: 28px;
	line-height: 38px;
	color: #fff;
}

/* dropdown menu effect */
.dropdown .dropdown-menu {
	/* transition: all 0.25s ease-in-out;
	transform-origin: top;
	transform: scale(1, 0);
	display: block;
	overflow: hidden;
	opacity: 0; */
	width: 100%;
	padding: 0px;
	border: 0px;
	min-width: 208px;
	max-width: 300px;
	background: #fff;
}

.dropdown.cotton .dropdown-menu {
	min-width: 280px;
}

.sub-menu {
	padding-top: 20px !important;
}

.sub-menu li {
	margin: 0px !important;
	padding: 0px 20px !important;
	line-height: 13px;
}

.sub-menu li span {
	display: block;
	font-weight: 700;
	line-height: 50px !important;
}

.sub-menu li a {
	line-height: 50px !important;
	font-weight: bold !important;
	padding: 0px !important;
	border-bottom: 1px solid #e2e2e2;
}

.sub-menu li:last-child a {
	border: none;
}

.sub-menu li a:after {
	display: none !important;
}

.sub-menu li.active a,
.sub-menu li a:hover {
	color: #319044 !important;
}

.dropdown.open .dropdown-menu {
	transform: scale(1, 1);
	opacity: 1;
}

.dropdown.cotton {
	border-bottom: 1px solid #7d7d7d;
}

.dropdown.cotton button {
	width: 100%;
	line-height: 52px;
	background: none;
	color: #636363;
	text-align: left;
	position: relative;
	margin: 0px;
	padding: 0px;
}

.dropdown.cotton.open button,
.dropdown.cotton button:hover {
	color: #319044;
}

.dropdown.cotton button .caret {
	position: absolute;
	width: 10px;
	height: 10px;
	background: url(../img/icons/carret.png) center center no-repeat;
	top: 50%;
	margin-top: -5px;
	border: none;
	right: 0px;
	transition: all .25s ease-in-out;
}


.dropdown.cotton button:hover .caret {
	background: url(../img/icons/carret-hover.png) center center no-repeat;
}

.dropdown.open button .caret {
	background: url(../img/icons/carret-hover.png) center center no-repeat;
	transform: rotate(180deg);
}

/* .dropdown.cotton .dropdown-menu li{
	color: #7d7d7d;
	line-height: 24px;
	padding: 5px 10px;
	cursor: pointer;
}  */

.dropdown.cotton .dropdown-menu li>* {
	color: #636363 !important;
	line-height: 36px;
	font-size: 16px;
	padding: 0px 10px;
}


.dropdown.cotton .dropdown-menu li>strong {
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
}

.dropdown.cotton .dropdown-menu>li>a.active,
.dropdown.cotton .dropdown-menu>li>a:hover {
	background: rgba(49, 144, 68, 0.14);
}

.accordion {
	margin-top: 1px;
}

.accordion .list {
	border: 1px solid #d7d7d7;
	margin-top: -1px;
}

.accordion .list>a {
	line-height: 60px;
	padding: 0px 30px;
	color: #555555;
	font-weight: 700;
	text-decoration: none !important;
	display: block;
	position: relative;
}

.accordion .list>a:hover {
	background: #fff;
	color: #319044;
}

.accordion .list>a:after {
	position: absolute;
	content: " ";
	width: 12px;
	height: 7px;
	top: 50%;
	margin-top: -3.5px;
	right: 30px;
	transition: all ease-in-out .25s;
	background-size: cover !important;
	background: url(../img/icons/down-gray.png) center center no-repeat;
}

.accordion .list>a:hover:after {
	background: url(../img/icons/down-green.png) center center no-repeat;
}

.accordion .list>a[aria-expanded="true"]:after {
	transform: rotate(-180deg);
}

.accordion .list .panel-collapse {
	padding: 0px 30px;
	/* margin-top: -6px; */
}

.accordion .list .panel-collapse>* {
	margin: 0px;
	color: #555;
}

.accordion .list .panel-collapse>*:last-child {
	margin-bottom: 24px;
}

.legends-list {
	list-style: none;
}

.legends-list li {
	font-size: 14px;
	line-height: 20px;
	color: #636363;
	display: inline-block;
	margin-right: 20px;
	padding-top: 20px;
}

.legends-list li i {
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 3px;
	vertical-align: -5px;
	margin-right: 10px;
}

.legends-list li.leading-the-way i {
	/* background-color: #318b25; */
	background: url(../img/icons/legend-green.png) center center no-repeat;
	background-size: cover;
}

.legends-list li.well-on-the-way i {
	/* background-color: #f8cd01; */
	background: url(../img/icons/legend-yellow.png) center center no-repeat;
	background-size: cover;
}

.legends-list li.starting-the-journey i {
	/* background-color: #f27a24; */
	background: url(../img/icons/legend-orange.png) center center no-repeat;
	background-size: cover;
}

.legends-list li.not-yet-in-the-starting-blocks i {
	/* background-color: #c81d43; */
	background: url(../img/icons/legend-red.png) center center no-repeat;
	background-size: cover;
}

.paragraph-content p {
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 34px;
}

.paragraph-content blockquote {
	color: #319044;
	font-size: 32px;
	line-height: 42px;
	border: none;
	padding: 0px;
	padding-left: 54px;
	padding-bottom: 30px;
	border-bottom: 1px solid #319044;
	background: url(../img/icons/apo.png) top 16px left no-repeat;
	margin-top: -9px;
	font-family: 'DIN Alternate';
	font-weight: 500;
	margin-bottom: 40px;
}

.paragraph-content h5 {
	font-size: 18px;
	line-height: 28px;
	font-family: 'DIN Alternate';
	font-weight: 500;
	color: #555555 !important;
	text-transform: uppercase;
	margin-bottom: 11px;
}

i.info {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	cursor: pointer;
	background: url(../img/icons/info.png) center center no-repeat;
	width: 22px;
	height: 22px;
	transition: all ease-in-out .25s;
}

i.info:hover {
	background: url(../img/icons/info-hover.png) center center no-repeat;
}

.checklist {
	list-style: none;
	margin: 0px;
}

.checklist > li {
	padding-left: 60px;
	background: url(../img/icons/Icon-YesWhite@2x.png) left top 1px no-repeat;
	background-size: 39px auto !important;
	margin-bottom: 13px;
	/* line-height: 26px; */
}

.checklist.chck-green > li {
	background: url(../img/icons/Icon-Yes@2x.png) left top 1px no-repeat;
	margin-bottom: 23px;
}

.checklist.chck-cross li {
	background: url(../img/icons/Icon-No@2x.png) left top 1px no-repeat;
	background-size: 20px auto !important;
	padding-left: 40px;
	margin-bottom: 23px;
}

.two-columns {
	-webkit-column-count: 2;
	/* Chrome, Safari, Opera */
	-moz-column-count: 2;
	/* Firefox */
	column-count: 2;
	-webkit-column-gap: 60px;
	/* Chrome, Safari, Opera */
	-moz-column-gap: 60px;
	/* Firefox */
	column-gap: 60px;
}

div.chck-green.row {
	margin: 0px -30px !important;
	padding-bottom: 10px;
}

div.chck-green [class*="col-"] {
	padding-left: 30px;
	padding-right: 30px;
}

div.chck-green .item {
	padding-left: 60px;
	background: url(../img/icons/Icon-Yes@2x.png) left top 1px no-repeat;
	margin-bottom: 23px;
	background-size: 39px auto !important;
	line-height: 26px;
}

ul.chck-green li a,
div.chck-green .item a {
	color: #319044 !important;
	/* font-weight: bold; */
}

ul.chck-green li a:hover,
div.chck-green .item a:hover {
	text-decoration: underline !important;
}

/* header */

header {
	background: #fff;
	transition: all ease-in-out .25s;
}

header.scrollDown {
	transform: translateY(-100%) translateZ(0);
}


header .top-header {
	height: 100px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}


header .logo img {
	height: 24px;
	width: auto;
	display: block;
}

header .sponsor {
	display: none;
}

header .sponsored {
	display: flex;
	justify-content: end;	
}

header .sponsored a {
	margin-left: 30px;
}

header form.search {
	padding: 20px;
	display: flex;
	align-items: center;
}

header form.search button {
	width: 24px;
	height: 24px;
	font-size: 0px;
	background: url(../img/icons/search.svg) center center no-repeat;
	background-size: 24px;
	display: inline-block;
	vertical-align: middle;
	transition: all ease-in-out .25s;
}

header form.search.focus button,
header form.search button:hover {
	background: url(../img/icons/search-green.svg) center center no-repeat;
	background-size: 24px;
}


header form.search input {
	border: none;
	background: none;
	color: #7d7d7d;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	line-height: 22px;
	font-weight: 400;
	font-size: 16px;
	display: inline-block;
	vertical-align: middle;
	width: 200px;
	margin-left: 5px;
}

header form.search ::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #7d7d7d;
}

header form.search ::-moz-placeholder {
	/* Firefox 19+ */
	color: #7d7d7d;
}

header form.search :-ms-input-placeholder {
	/* IE 10+ */
	color: #7d7d7d;
}

header form.search :-moz-placeholder {
	/* Firefox 18- */
	color: #7d7d7d;
}

nav.navbar-default {
	background: #fff;
	height: 72px;
	margin: 0px;
	border: none;
	border-radius: 0px;
	/* overflow: hidden; */
}

nav.navbar-default .container {
	/* box-shadow: 0px 2px 5px 0px rgba(0,0,0, 0.2); */
	/* box-shadow:  -4px 6px 10px -4px rgba(0,0,0, 0.2); */
}


nav .nav li {
	margin-right: 28px;
	/* padding-top: 25px; */
}

nav .nav li a {
	padding: 0px;
	font-weight: 700;
	font-size: 14px;
	line-height: 72px;
	letter-spacing: .05em;
	color: #555555 !important;
	text-transform: uppercase;
	position: relative;
	background: none !important;
}

nav .nav>li a:hover {
	color: #319044 !important;
}

nav .nav>li.active>a {
	color: #319044 !important;
}

nav .nav li a:after {
	position: absolute;
	/* bottom: -10px; */
	bottom: 17px;
	left: 0px;
	content: '';
	width: 0px;
	height: 2px;
	background: #319044;
	transition: all ease-in-out .25s;
}

nav .nav li a:hover:after,
nav .nav li.active a:after {
	width: 25px;
}


.navbar-header {
	width: 100%;
	height: 72px;
	position: relative;
	/* overflow: hidden; */
}

nav a.share-link {
	display: inline-block;
	/* vertical-align: middle; */
	text-transform: uppercase;
	background: url(../img/icons/share.png) center right no-repeat;
	line-height: 22px;
	/* margin-top: 25px; */
	font-weight: 700;
	font-size: 14px;
	letter-spacing: .05em;
	color: #555555 !important;
	padding-right: 30px;
}

nav a.share-link:hover {
	opacity: .7;
}

nav .share-area {
	display: inline-block;
	vertical-align: middle;
	height: 72px;
	padding: 11px 0px;
	background: #f2f2f2;
}

nav .share {
	transition: all ease-in-out .25s;
	transform: translateX(160px);
}

nav .share.active {
	transform: translateX(0px);
}

nav .share-area a {
	width: 40px;
	height: 40px;
	margin-left: 11px;
	background: #fff;
	display: inline-block;
	font-size: 0px;
	background-size: cover !important;
}

nav .share-area a.tw {
	background: url(../img/icons/tw.png) center center no-repeat;
}

nav .share-area a.tw:hover {
	background: url(../img/icons/tw-hover.png) center center no-repeat;
}

nav .share-area a.fb {
	background: url(../img/icons/fb.png) center center no-repeat;
}

nav .share-area a.fb:hover {
	background: url(../img/icons/fb-hover.png) center center no-repeat;
}

nav .share-area a.ln {
	background: url(../img/icons/ln.png) center center no-repeat;
}

nav .share-area a.ln:hover {
	background: url(../img/icons/ln-hover.png) center center no-repeat;
}

/* content */
#Content {
	/* max-width: 1366px; */
	margin: 0px auto;
	padding-top: 162px;
	/* box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2); */
}

section#OtherLink {
	background: #fff;
	padding: 80px 0px;
	text-align: center;
}

section#OtherLink .container h3 {
	margin-bottom: 30px;
	margin-top: 10px;
}

section#OtherLink .container .row {
	margin-left: -16px;
	margin-right: -16px;
}

section#OtherLink .container [class*="col-"] {
	padding: 0 16px;
}

section#OtherLink .container [class*="col-"]>a {
	position: relative;
	padding-bottom: 74.8704663212%;
	display: block;
	overflow: hidden;
	background: #AAD5B2;
	box-shadow: 0px 9px 25px rgba(0, 0, 0, 0.25);
	border-radius: 4px;
}

section#OtherLink .container [class*="col-"] .content {
	position: absolute;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: end;
	width: 100%;
	padding: 26px 25px 28px;
	text-align: left;
	top: 0px;
	left: 0px;
}

section#OtherLink .container [class*="col-"] .content h4 {
	color: #fff;
	margin-bottom: 20px;
}

section#OtherLink .container [class*="col-"] .content .button {
	position: relative;
	line-height: 22px;
	border: none !important;
	padding: 8px 24px;
	min-width: 0px;
	font-size: 14px;
}


section#OtherLink .container [class*="col-"]>a .bg {
	position: absolute;
	background-size: cover !important;
	background-position: center center !important;
	transition: all ease-in-out .25s;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}

section#OtherLink .container [class*="col-"]>a:hover .bg {
	transform: scale(1.1);
}

section#OtherLink .container [class*="col-"]>a:hover .button {
	background: #277135 !important;
	border-color: #277135 !important;
	color: #fff !important;
	transition: all ease-in-out .25s;
}

footer {
	background: #fff;
	text-align: center;
	padding-bottom: 70px;
}

footer hr {
	margin: 0px auto;
	margin-top: 60px;
	margin-bottom: 60px;
	max-width: 1100px;
}

footer .sponsored {
	display: block;
	margin-top: 70px;
}

footer .sponsored a {
	display: inline-block;
	vertical-align: middle;
	margin: 0px 18px;
}

footer .bottom-nav {
	list-style: none;
	margin: 32px 0;
}

footer .bottom-nav li {
	display: inline-block;
}

footer .bottom-nav li a {
	/* font-family: 'DIN Alternate'; */
	margin: 0px 14px;
	font-weight: bold;
	letter-spacing: 0.05em;
	font-size: 14px;
	color: #555555 !important;
}

footer .bottom-nav li a:hover {
	color: #319044 !important;
}

footer .bottom-nav li.active a {
	color: #319044 !important;
}

footer .disclaimer {
	font-size: 13px;
	line-height: 21px;
	color: #555555;
	max-width: 640px;
	margin: 32px auto 0;
	/* margin-top: 20px; */
	/* margin-bottom: 20px; */
}

footer .sponsored.sp2 {
	margin-top: 32px;
	margin-bottom: 32px;
}

/* main banner */
#MainBanner {
	padding-top: 230px;
	position: relative;
	background: #fff;
}

#MainBanner .bg {
	background-size: cover !important;
	background-position: center center !important;
	height: 360px;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}

#MainBanner .container {
	max-width: 1240px;
	padding: 0px;
}

#MainBanner .container .content {
	max-width: 920px;
	background: #fff;
	padding: 33px 60px 50px;
	margin: 0px;
}

#MainBanner .container .content h1 {
	color: #363636;
	font-size: 44px;
	line-height: 54px;
	margin-bottom: 18px;
}

#MainBanner .container .content hr {
	margin-top: 41px;
	margin-bottom: 2px;
}

#MainBanner .container .content p {
	margin: 0px;
	font-size: 22px;
	line-height: 32px;
	margin-top: 39px;
	color: #363636;
	font-family: 'DIN Alternate';
	font-weight: 500;
	letter-spacing: 0em;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* caption generator */

.with-copyright {
	position: relative;
}

.with-copyright .c {
	position: absolute;
	color: #fff;
	font-size: 10px;
	padding: 5px 10px;
	line-height: 13px;
}

.with-copyright .c.top-left {
	top: 0px;
	left: 0px;
}

.with-copyright .c.top-right {
	top: 0px;
	right: 0px;
}

.with-copyright .c.bottom-left {
	bottom: 0px;
	left: 0px;
}

.with-copyright .c.bottom-right {
	bottom: 0px;
	right: 0px;
}

.with-copyright .c.top-left.vertical {
	transform: rotate(90deg) translateY(-100%);
	transform-origin: top left;
}

.with-copyright .c.top-right.vertical {
	transform: rotate(90deg) translateX(100%) transform-origin: top right;
}

.with-copyright .c.bottom-left.vertical {
	transform: rotate(90deg) translateX(-100%);
	transform-origin: bottom left;
}

.with-copyright .c.bottom-right.vertical {
	transform: rotate(90deg) translateY(100%);
	transform-origin: bottom right;
}

/* auto complete style */
.ui-autocomplete {
	z-index: 9999;
	max-height: 420px;
	max-width: 300px;
	overflow-y: scroll;
	overflow-x: hidden;
	position: fixed;
	/* display: block!important; */
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.ui-autocomplete>li {
	border-top: 1px solid #eceadb;
}

.ui-menu .ui-menu-item {
	padding: 10px 20px;
}

.ui-menu .ui-menu-item a {
	font-size: 16px;
	font-weight: bold;
	color: #252525;
}


.ui-menu .ui-menu-item.ui-state-focus a,
.ui-menu .ui-menu-item:hover a {
	color: #319044;
}

.ui-menu .ui-menu-item a span {
	font-size: 13px;
	font-weight: normal;
	color: #252525 !important;
}

.ui-menu .ui-menu-item.ui-state-focus {
	background: #E2EFE5;
}

.ui-menu .ui-menu-item a span br {
	display: none;
}

.ui-menu .ui-menu-item a>span {
	display: block;
	line-height: 23px;
}

.ui-autocomplete>li:first-child {
	border-top: 1px solid #eceadb;
}

.ui-autocomplete>li:hover {
	margin-top: 0px;
}

#CompanyChart {
	background-color: #edebde;
	padding-top: 51px;
	padding-bottom: 0px;
}

#CompanyChart h3 {
	margin-bottom: 47px;
}

#CompanyChart .horbar {
	margin-bottom: 17px;
}

#CompanyChart .color-legend-text {
	width: 100%;
	padding-left: 225px;
	height: 20px;
	margin-bottom: 20px;
}

#CompanyChart .color-legend-text .list {
	position: relative;
	float: left;
	height: 100%;
	box-sizing: border-box;
}

#CompanyChart .color-legend-text .list .text {
	font-size: 14px;
	line-height: 20px;
	color: #000;
	display: inline-block;
	/* 	margin-right: 20px;
	padding-top: 20px; */
	white-space: nowrap;
	position: absolute;
	top: 0;
	right: 0;
}

#CompanyChart .color-legend-text .list .text i {
	display: inline-block;
	width: 15px;
	height: 15px;
	border-radius: 3px;
	vertical-align: -2.5px;
	margin-right: 10px;
}

#CompanyChart .color-legend-text .list .text i.leading-the-way {
	/* background-color: #318b25; */
	background: url(../img/icons/legend-green.png) center center no-repeat;
	background-size: cover;
}

#CompanyChart .color-legend-text .list .text i.well-on-the-way {
	/* background-color: #f8cd01; */
	background: url(../img/icons/legend-yellow.png) center center no-repeat;
	background-size: cover;
}

#CompanyChart .color-legend-text .list .text i.starting-the-journey {
	/* background-color: #f27a24; */
	background: url(../img/icons/legend-orange.png) center center no-repeat;
	background-size: cover;
}

#CompanyChart .color-legend-text .list .text i.not-yet-in-the-starting-blocks {
	/* background-color: #c81d43; */
	background: url(../img/icons/legend-red.png) center center no-repeat;
	background-size: cover;
}


#CompanyChart .color-legend-text .list:nth-child(1) {
	width: 5%;
}

#CompanyChart .color-legend-text .list:nth-child(2) {
	width: 20%;
}

#CompanyChart .color-legend-text .list:nth-child(3) {
	width: 25%;
}

#CompanyChart .color-legend-text .list:nth-child(4) {
	width: 50%;
}

#CompanyChart .score-color-legend {
	width: 100%;
	text-align: right;
}

#CompanyChart .score-color-legend .list {
	display: inline-block;
	vertical-align: top;
	margin-left: 30px;
}

#CompanyChart .score-color-legend .list .text {
	font-size: 14px;
	line-height: 20px;
	color: #000;
	display: inline-block;
	/* 	margin-right: 20px;
	padding-top: 20px; */
	white-space: nowrap;
	/* 	position: absolute;
	top: 0;
	right: 0; */
}

#CompanyChart .score-color-legend .list .text i {
	display: inline-block;
	width: 15px;
	height: 15px;
	border-radius: 3px;
	vertical-align: -2.5px;
	margin-right: 10px;
}

#CompanyChart .score-color-legend .list .text i.policy {
	background-color: #117756;
}

#CompanyChart .score-color-legend .list .text i.uptake {
	background-color: #2fb78d;
}

#CompanyChart .score-color-legend .list .text i.traceability {
	background-color: #6bf1ca;
}

#CompanyChart hr {
	margin-top: 15px;
	margin-bottom: 15px;
}

#CompanyChart .zero-result {
	margin-top: 34px;
	margin-bottom: -70px;
}

.container.zero-result {
	padding: 0px 20px;
	max-width: 1280px;
}

.zero-result h4.title {
	margin-left: 60px;
	margin-bottom: 43px;
}

.zero-result .list-company {
	background-color: #b81836;
	padding: 47px 60px 61px;
}

.zero-result p {
	color: #fff;
	margin-bottom: 22px;
}

.zero-result ul {
	margin: 0px;
	-webkit-column-count: 4;
	/* Chrome, Safari, Opera */
	-moz-column-count: 4;
	/* Firefox */
	column-count: 4;
	-webkit-column-gap: 40px;
	/* Chrome, Safari, Opera */
	-moz-column-gap: 40px;
	/* Firefox */
	column-gap: 40px;
}

.zero-result ul li {
	list-style: none;
	display: block;
	color: #fff;
	font-size: 16px;
	line-height: 30px;
}

.zero-result ul li strong {
	margin-top: 30px;
	display: block;
}

@media only screen and (max-width : 1300px) {
	.zero-result ul {
		column-gap: 20px;
	}
}

@media only screen and (max-width : 1120px) {
	nav .nav li a {
		/* font-size: 12px; */
	}

	.zero-result ul {
		margin: 0px;
		-webkit-column-count: 2;
		/* Chrome, Safari, Opera */
		-moz-column-count: 2;
		/* Firefox */
		column-count: 2;
	}

}

@media only screen and (max-width : 1050px) {
	nav .nav li {
		margin-right: 15px;
	}

	nav {
		overflow: hidden;
	}



	/* header form.search {
		position: relative;
		left: 0px;
		top: 0px;
		margin-top: 34px;
		transform: translateX(0%);
		float: right;
	} */

	#MainBanner .container .content p br {
		display: none;
	}
}

@media only screen and (max-width : 1024px) {
	section#OtherLink .container [class*="col-"]>a {
		padding-bottom: 80%;
	}

	section#OtherLink .container [class*="col-"] .content p {
		font-size: 18px;
		line-height: 28px;
	}

	section#OtherLink .container [class*="col-"] .content .button {
		font-size: 12px;
	}
}

@media only screen and (max-width : 870px) {
	nav .nav li a {
		/* font-size: 10px; */
	}
}

@media only screen and (max-width : 768px) {
	.container.zero-result {
		padding: 0px 0px;
	}

	header .sponsored {
		display: none;
	}

	.container.zero-result .list-company {
		padding: 47px 20px 61px;
	}

	#CompanyChart hr {
		margin-bottom: 30px;
	}

	footer .bottom-nav li {
		display: block;
	}

	.accordion .list .panel-collapse>.row {
		margin: 0px -40px;
	}

	.accordion .list .panel-collapse .checklist.chck-green li {
		padding-left: 50px;
	}

	#MainBanner .container .content p {
		font-size: 20px;
		line-height: 30px;
	}

	h1 {
		font-size: 34px;
		line-height: 42px;
	}

	h2 {
		font-size: 28px;
		line-height: 36px;
		margin-bottom: 16px;
	}

	h3 {
		font-size: 22px;
		line-height: 28px;
	}

	h4 {
		font-size: 20px;
		line-height: 26px;
	}

	h5, h6 {
		font-size: 16px;
		line-height: 26px;
	}

	nav .nav li a:after {
		bottom: -10px;
	}

	.navbar-header {
		overflow: inherit;
	}

	nav.navbar-default {
		height: 60px;
		overflow: inherit;
	}

	/* header .container {
		padding: 0px 20px;
	} */

	header .top-header {
		height: 60px;
		justify-content: center;
	}

	.navbar-header {
		height: 64px;
		margin: 0px !important;
	}


	section.section-1240px {
		padding-left: 40px;
		padding-right: 40px;
	}

	.container-1240px {
		padding-left: 40px;
		padding-right: 40px;
	}

	.container-blockquote {
		padding-left: 40px;
		padding-right: 40px;
	}

	.container-blockquote .content {
		padding-left: 40px;
		padding-right: 40px;
	}

	div.chck-green.row {
		margin: 0px -40px !important;
	}

	div.chck-green [class*="col-"] {
		padding-left: 40px;
		padding-right: 40px;
	}

	#Content {
		padding-top: 120px;
	}

	.navbar-default .navbar-toggle {
		background: none !important;
		margin: 0px;
		/* margin-top: 15px;
		margin-left: 40px;
		float: left; */
		border: none;
		padding: 0px;
	}

	/* nav.navbar-default .container {
		padding: 0px;
	} */

	header.scrollDown nav.navbar-default .container {
		box-shadow: unset !important;
	}

	.navbar-collapse {
		position: absolute;
		width: 100%;
		background: #fff;
		top: 59px;
		/* height: calc(100vh - 150px); */
		max-height: calc(100vh - 120px) !important;
		width: calc(100% + 32px);
		margin-left: -16px;
		padding: 0;

	}

	.navbar-default .navbar-collapse.collapse.in {
		height: 100vh !important;
	}

	nav .nav li {
		margin: 0px;
		padding: 0px 36px;
		margin-bottom: 20px;
	}

	nav .nav li a {
		font-size: 15px;
		line-height: 25px;
	}

	header .logo {
		margin: 0px;
		
	}

	header form.search {
		/* position: absolute; */
		/* right: 0px; */
		/* top: 69px; */
		/* margin-top: 4px; */
		/* transform: translateX(0%); */
		/* float: right; */
		/* left: unset; */
		z-index: 1;
		/* width: 100%; */
		/* max-width: 315px; */
		padding: 0px 10px 0px 10px;
		/* background: #f2f2f2; */
		/* transition: all ease-in-out .25s; */
	}

	header form.search button {
		/* position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 40px; */
	}

	header form.search.focus {
		max-width: 100%;
	}

	header form.search input {
		width: 100%;
		line-height: 35px;
		height: 35px;
	}

	.ui-autocomplete {
		max-width: unset;
		/* left: 40px !important; */
		/* width: calc(100% - 80px) !important; */
		-webkit-box-shadow: 3px 3px 10px 0px rgba(50, 50, 50, 0.22);
		-moz-box-shadow: 3px 3px 10px 0px rgba(50, 50, 50, 0.22);
		box-shadow: 3px 3px 10px 0px rgba(50, 50, 50, 0.22);
	}

	.top-header {
		text-align: center;
	}

	footer {
		padding-top: 48px;
		padding-bottom: 40px;
	}

	footer .sponsored {
		margin-top: 10px
	}

	section#OtherLink .container [class*="col-"] .content {
		padding: 20px 20px;
	}

	.two-columns {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		-webkit-column-gap: 0px;
		-moz-column-gap: 0px;
		column-gap: 0px;
	}


	#MainBanner {
		padding-top: 0px;
	}

	#MainBanner .bg {
		height: unset;
		padding-bottom: 69.83154670750383%;
		position: relative;
	}

	#MainBanner .container .content {
		padding-left: 40px;
		padding-right: 40px;
	}

	.row-50 {
		margin-left: -40px;
		margin-right: -40px;
	}

	.row-50 [class*="col-"] {
		padding: 0px 40px;
	}

	.row-45 {
		margin-left: -40px;
		margin-right: -40px;
	}

	.row-45 [class*="col-"] {
		padding: 0px 40px;
	}

	section.section-bottom .container {
		display: block;
	}

	section.section-bottom .left-content,
	section.section-bottom .right-content {
		width: 100%;
		transform: translateY(0px);
	}

	section.section-bottom .right-content {
		padding-bottom: 50% !important;
	}

	section.section-bottom .left-content .content {
		padding: 50px 40px 54px;
		max-width: unset;
	}

	.container-blockquote .content {
		padding: 50px 40px 54px;
		text-align: center;
	}

	section.section-bottom .right-content .content {
		padding-right: 40px;
		padding-left: 40px;
		max-width: unset;
	}

	header .sponsor {
		padding-top: 20px;
		display: block;
		padding-left: 20px;
		/* text-align: center; */
	}

	header .sponsor a {
		display: inline-block;
		vertical-align: middle;
	}

	header .sponsor a:nth-child(2) {
		margin: 0px 30px;
	}

	.navbar-nav {
		margin-top: 24px;
	}

	.img-area .img {
		display: block;
	}

	.img-area>img {
		display: none;
	}

	.img-area .open-new-tab {
		display: block;
	}

	/* section#OtherLink .container [class*="col-"] > a{ padding-bottom: 62.5%; } */
	section#OtherLink .container [class*="col-"] {
		width: calc(100%/3);
	}

}

@media only screen and (max-width : 1024px) {
	#CompanyChart .color-legend-text {
		text-align: right;
		padding-left: 0px;
	}

	#CompanyChart .color-legend-text .list {
		width: auto !important;
		display: inline-block;
		float: unset;
		margin-right: 10px;
	}

	#CompanyChart .color-legend-text .list .text {
		position: relative;
		top: unset;
		right: unset;
	}
}

@media only screen and (max-width : 768px) {
	#CompanyChart .color-legend-text {
		display: none;
	}

	.button {
		font-weight: 700;
		font-size: 14px;
		line-height: 28px;
		padding: 8px 24px;
	}
}


@media only screen and (max-width : 650px) {
	footer .sponsored a {
		display: block;
		margin: 10px 0px !important;
	}

	footer .sponsored a img {
		margin: 0px auto;
		display: block;
	}

	section#OtherLink .container [class*="col-"]>a {
		padding-bottom: 36.5%;
	}

	section#OtherLink .container [class*="col-"] {
		width: 100%;
	}

	.container-blockquote .content p.green {
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 0px;
	}

	.container-blockquote .content blockquote {
		font-size: 24px;
		line-height: 34px;
	}

	.zero-result ul {
		margin: 0px;
		-webkit-column-count: 1;
		/* Chrome, Safari, Opera */
		-moz-column-count: 1;
		/* Firefox */
		column-count: 1;
	}


}

@media only screen and (max-width : 576px) {
	body {
		font-size: 14px;
		line-height: 24px;
	}

	p {
		margin-bottom: 10px;
	}


	footer {
		padding-bottom: 40px;
	}

	
	footer .sponsored {
		margin-top: 0px;
	}
	
	footer .bottom-nav {
		margin: 24px 0;
	}


	footer .bottom-nav li{
		margin-bottom: 16px;
	}
	
	footer .disclaimer {
		font-size: 10px;
		margin: 24px auto 0;
		line-height: 16px;
		/* margin-top: 20px; */
		/* margin-bottom: 20px; */
	}
	
	footer .sponsored.sp2 {
		margin-top: 32px;
		margin-bottom: 32px;
	}
}