/* ALIGN ITEMS */
	.align-items-flex-start {
		align-items: flex-start;
	}

	.align-items-flex-end {
		align-items: flex-end;
	}

	.align-items-center {
		align-items: center;
	}

/* BACKGROUND */
	.background-orange {
		background: #FF7700;
	}

	.background-lightblue {
		background: #0098A7;
	}

	.background-lightblue-important {
		background: #0098A7 !important;
	}

	.background-turquoise {
		background: #0C4456;
	}

	.background-white {
		background: #FFFFFF;
	}

	.background-f0f4f6 {
		background: #f0f4f6;
	}

	.background-F9FAFC {
		background: #F9FAFC;
	}

	.background-E6EAEC {
		background: #E6EAEC;
	}

	.background-transparent {
		background: transparent;
	}

	.backgroud-color-white-i {
		background-color: #FFFFFF !important;
	}

	.background-ecru-white {
		background-color: #F7F7E8;
	}

	.background-early-dawn {
		background-color: #FFF8E7;
	}

	.backgroud-aqua-squeeze{
		background-color:  #E3F2F3;
	}

	.backgroud-porcelain{
		background-color:  #ECEEF0;
	}

	.backgroud-FBFBFD {
		background-color:  #FBFBFD;
	}

	.background-E6EBEF {
		background-color: #E6EBEF;
	}
	
	.background-E5EBF0 {
		background-color: #E5EBF0;
	}

	.backgroud-aqua-haze{
		background-color: #F0F4F6; 
	}

/* BORDER */
	.border-orange-1 {
		border: 1px solid #FF7700;
	}

	.border-turquoise-1 {
		border: 1px solid #0C4456;
	}

	@media (max-width: 767px) {
		.border-turquoise-1.margin-top-150 {
			margin-top: 40px;
			float: left;
		}
		
		.border-turquoise-1.margin-top-150 .margin-left-35 {
			margin-left: 20px;
		}
		
		.border-turquoise-1.padding-30, .border-turquoise-1.padding-50, .border-turquoise-1.padding-left-80.padding-right-80.padding-top-50.padding-bottom-50 {
			padding: 20px;
		}
		
		.border-turquoise-1.padding-left-80 {
			padding-left: 40px;
		}
	}

	.border-lightblue-1 {
		border: 1px solid #0098A7;
	}
	
	.border-f0f4f6-4 {
		border: 4px solid #f0f4f6;
	}

	.border-FEFEFF-1 {
		border: 1px solid #FEFEFF;
	}

	.border-E6EAEC-1 {
		border: 1px solid #E6EAEC;
	}

	.border-grey-1 {
		border: 1px solid #E3E3E3;
	}

	.border-radius-0 {
		border-radius: 0px !important;
	}

	.border-radius-2 {
		border-radius: 2px;
	}

	.border-radius-3 {
		border-radius: 3px;
	}

	.border-radius-4 {
		border-radius: 4px;
	}

	.border-top-turquoise-1 {
		border-top: 1px solid #0C4456;
	}


	.border-top-turquoise-3 {
		border-top: 3px solid #0C4456;
	}

	.border-E6EAEC-5 {
		border: 5px solid #E6EAEC;
	}

	.border-top-E6EAEC-1 {
		border-top: 1px solid #E6EAEC;
	}

	.border-top-F2F4F5-2 {
		border-top: 2px solid #F2F4F5;
	}

	.border-right-E6EAEC-1 {
		border-right: 1px solid #E6EAEC;
	}

	.border-right-turquoise-1 {
		border-right: 1px solid #0C4456;
	}

	.border-bottom-E6EAEC-1 {
		border-bottom: 1px solid #E6EAEC;
	}

	.border-bottom-turquoise-1 {
		border-bottom: 1px solid #0C4456;
	}

	.border-bottom-0098A7-1 {
		border-bottom: 1px solid #0098A7;
	}

	.border-bottom-orange {
		border-bottom: 1px solid #FF7700;
	}

/* COLOR */
	.color-grey {
		color: #E3E3E3;
	}

	.color-lightblue {
		color: #0098A7;
	}

	.color-normal {
		color: #4B4B4B;
	}

	.color-orange {
		color: #FF7700;
	}

	.color-turquoise {
		color: #0C4456;
	}

	.color-turquoise-important {
		color: #0C4456 !important;
	}

	.color-0C4256 {
		color: #0C4256;
	}

	.color-004558 {
		color: #004558;
	}
	
	.color-004752 {
		color: #004752;
	}
	
	.color-white {
		color: #FFFFFF;
	}
	
	.color-1498A7 {
		color: #1498A7;
	}
	
	.color-353535 {
		color: #353535;
	}

	.color-768194 {
		color: #768194;
	}

	.color-768194-important {
		color: #768194 !important;
	}

	.color-E6EAEC {
		color: #E6EAEC;
	}
	
	.color-0197A7 {
		color: #0197A7;
	}

	.color-FEFEFF {
		color: #FEFEFF;
	}
	
	.color-lightgray{
		color: #B6C6CC;
	}
	
	.color-009EA5 {
		color: #009EA5 !important;
	}
	
	.color-064752 {
		color: #064752 !important;
	}

	.color-hippie-blue{
		color: #56A7B6
	}

	.color-4B4B4B {
		color: #4b4b4b !important;
	}

/* FILL */
	.fill-lightblue {
		fill: #0098A7;
	}

/* CURSOR */
	.cursor-pointer {
		cursor: pointer;
	}

	.cursor-default {
		cursor: default;
	}

	.cursor-default-important {
		cursor: default !important;
	}

	.cursor-not-allowed {
		cursor: not-allowed;
	}

	.no-pointer-events {
		pointer-events: none;
	}

/* DISPLAY */
	.display-none {
		display: none;
	}

	.display-block {
		display: block;
	}

	.display-inline-block {
		display: inline-block;
	}

	.display-inline {
		display: inline;
	}

	.display-table {
		display: table;
	}

	.display-initial {
		display: initial;
	}

	.display-flex {
		display: flex;
	}

	* {
		font-family: aktiv-grotesk, sans-serif;
	}
	
/* FLEX DIRECTION */
	.flex-direction-column {
		flex-direction: column;
	}

/* FLOAT */
	.float-left {
		float: left;
	}

	.float-right {
		float: right;
	}

/* FONT */
	.font-condensed {
		font-family: aktiv-grotesk-condensed;
	}

	.font-condensed-i{
		font-family: aktiv-grotesk-condensed !important;
	}

	.font-condensed-i i{
		font-family: aktiv-grotesk-condensed !important;
	}

	.font-size-8 {
		font-size: 8px;
	}

	.font-size-9 {
		font-size: 9px;
	}

	.font-size-10 {
		font-size: 10px;
	}

	.font-size-12 {
		font-size: 12px;
	}

	.font-size-12-i {
		font-size: 12px !important;
	}

	.font-size-14 {
		font-size: 14px !important;
	}

	.font-size-16 {
		font-size: 16px !important;
	}

	.font-size-20 {
		font-size: 20px;
	}

	.font-size-24 {
		font-size: 24px !important;
	}

	@media (max-width: 767px) {
		.font-size-24 {
			font-size: 20px
		}
	}

	.font-size-45 {
		font-size: 45px
	}

	@media (max-width: 767px) {
		.font-size-45 {
			font-size: 30px
		}
	}

	.font-size-48 {
		font-size: 48px;
	}

	@media (max-width: 767px) {
		.font-size-48 {
			font-size: 33px
		}
	}

	.font-style-italic {
		font-style: italic;
	}

	.font-weight-normal {
		font-weight: normal;
	}

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

	.font-weight-300 {
		font-weight: 300;
	}

	.font-weight-500 {
		font-weight: 500;
	}

	.font-weight-700 {
		font-weight: 700;
	}

	.font-weight-750 {
		font-weight: 750;
	}

	.font-weight-800 {
		font-weight: 800;
	}

/* HEIGHT */
	.height-95 {
		height: 95px;
	}

	.height-108 {
		height: 108px;
	}

	.height-250 {
		height: 250px;
	}

	.height-515 {
		height: 515px;
	}

	.height-521 {
		height: 521px;
	}

	.height-600 {
		height: 600px;
	}

	.height-10 {
		height: 10px;
	}

/* LEFT */
	.left-30-negative {
		left: -30px;
	}

	.left-85-important{
		left: 85px !important;
	}

/* LETTER SPACING */
	.letter-spacing-0 {
		letter-spacing: 0;
	}

	.letter-spacing-01 {
		letter-spacing: 0.1px;
	}

	.letter-spacing-05 {
		letter-spacing: 0.5px;
	}

	.letter-spacing-071 {
		letter-spacing: 0.71px;
	}

	.letter-spacing-10 {
		letter-spacing: 1.0px;
	}
	
	.letter-spacing-114 {
		letter-spacing: 1.14px;
	}
	
	.letter-spacing-12 {
		letter-spacing: 1.2px;
	}

/* LINE HEIGHT */
	.line-height-1 {
		line-height: 1;
	}

	.line-height-12 {
		line-height: 12px;
	}

	.line-height-14 {
		line-height: 14px;
	}

	.line-height-15 {
		line-height: 15px;
	}

	.line-height-17 {
		line-height: 17px;
	}

	.line-height-18 {
		line-height: 18px;
	}

	.line-height-20 {
		line-height: 20px;
	}

	.line-height-21 {
		line-height: 21px;
	}

	.line-height-23 {
		line-height: 23px;
	}

	.line-height-25 {
		line-height: 25px;
	}

	.line-height-28 {
		line-height: 28px;
	}

	.line-height-29 {
		line-height: 29px;
	}

	.line-height-31 {
		line-height: 31px;
	}

	.line-height-32 {
		line-height: 32px;
	}

	.line-height-50 {
		line-height: 50px;
	}

	.line-height-52 {
		line-height: 52px;
	}

	.line-height-68 {
		line-height: 68px;
	}

/* MARGIN */

	.margin-bottom-0 {
		margin-bottom: 0px;
	}

	.margin-bottom-0-i {
		margin-bottom: 0px !important;
	}

	.margin-bottom-4 {
		margin-bottom: 4px;
	}
	
	.margin-bottom-5 {
		margin-bottom: 5px;
	}
	
	.margin-bottom-7 {
		margin-bottom: 7px;
	}
	
	.margin-bottom-10 {
		margin-bottom: 10px;
	}

	.margin-bottom-10-i {
		margin-bottom: 10px !important;
	}

	.margin-bottom-15 {
		margin-bottom: 10px;
	}

	.margin-bottom-30 {
		margin-bottom: 30px;
	}

	.margin-bottom-30-n {
		margin-bottom: -30px;
	}

	.margin-bottom-40 {
		margin-bottom: 40px;
	}

	.margin-bottom-50 {
		margin-bottom: 50px;
	}

	.margin-bottom-60 {
		margin-bottom: 60px;
	}

	.margin-bottom-70 {
		margin-bottom: 70px;
	}

	.margin-bottom-40-negative {
		margin-bottom: -40px;
	}

	.margin-bottom-60-negative {
		margin-bottom: -60px;
	}

	.margin-bottom-70-negative {
		margin-bottom: -70px;
	}

	.margin-bottom-80-negative {
		margin-bottom: -80px;
	}

	.margin-bottom-100-negative {
		margin-bottom: -100px;
	}

	.margin-left-0 {
		margin-left: 0px;
	}

	.margin-left-5 {
		margin-left: 5px;
	}

	.margin-left-6 {
		margin-left: 6px;
	}

	.margin-left-7 {
		margin-left: 7px;
	}

	.margin-left-8 {
		margin-left: 8px;
	}

	.margin-left-9 {
		margin-left: 9px;
	}

	.margin-left-10 {
		margin-left: 10px;
	}

	.margin-left-12 {
		margin-left: 12px;
	}

	.margin-left-10-negative {
		margin-left: -10px;
	}

	.margin-left-14 {
		margin-left: 14px;
	}

	.margin-left-15 {
		margin-left: 15px;
	}

	.margin-left-16 {
		margin-left: 16px;
	}

	.margin-left-18 {
		margin-left: 18px;
	}

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

	.margin-left-34 {
		margin-left: 34px;
	}

	.margin-left-40 {
		margin-left: 40px;
	}

	.margin-left-65 {
		margin-left: 65px;
	}

	.margin-left-20-negative {
		margin-left: -20px;
	}

	@media (max-width: 767px) {
		.margin-left-20-negative {
			margin-left: 0;
		}
	}

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

	.margin-left-35 {
		margin-left: 35px;
	}

	.margin-left-55 {
		margin-left: 55px;
	}

	.margin-left-80 {
		margin-left: 80px;
	}

	.margin-left-100 {
		margin-left: 100px;
	}

	.margin-left-135 {
		margin-left: 135px;
	}

	.margin-left-140 {
		margin-left: 140px;
	}

	.margin-left-150 {
		margin-left: 150px;
	}

	.margin-left-160 {
		margin-left: 140px;
	}

	.margin-left-180 {
		margin-left: 180px;
	}

	.margin-left-200 {
		margin-left: 200px;
	}

	.margin-left-245{
		margin-left: 245px;
	}

	.margin-left-120-negative {
		margin-left: -120px;
	}

	.margin-right-0 {
		margin-right: 0px;
	}

	.margin-right-6 {
		margin-right: 6px;
	}

	.margin-right-7 {
		margin-right: 7px;
	}

	.margin-right-8 {
		margin-right: 8px;
	}

	.margin-right-9 {
		margin-right: 9px;
	}

	.margin-right-10 {
		margin-right: 10px;
	}

	.margin-right-12 {
		margin-right: 12px;
	}

	.margin-right-14 {
		margin-right: 14px;
	}

	.margin-right-16 {
		margin-right: 16px;
	}

	.margin-right-18 {
		margin-right: 18px;
	}

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

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

	.margin-right-34 {
		margin-right: 34px;
	}

	.margin-right-35 {
		margin-right: 35px;
	}

	.margin-right-70 {
		margin-right: 70px;
	}

	.margin-right-100 {
		margin-right: 100px;
	}

	.margin-right-115 {
		margin-right: 115px;
	}

	.margin-right-230 {
		margin-right: 230px;
	}


	.margin-right-20-negative {
		margin-right: -20px;
	}

	.margin-top-3 {
		margin-top: 3px;
	}
	
	.margin-top-4 {
		margin-top: 4px;
	}

	.margin-top-5 {
		margin-top: 5px;
	}

	.margin-top-7 {
		margin-top: 7px;
	}

	.margin-top-15 {
		margin-top: 15px;
	}

	.margin-top-21 {
		margin-top: 21px;
	}

	.margin-top-25 {
		margin-top: 25px;
	}

	.margin-top-40 {
		margin-top: 40px;
	}

	.margin-top-44 {
		margin-top: 44px;
	}

	.margin-top-80 {
		margin-top: 80px;
	}

	.margin-top-64 {
		margin-top: 64px;
	}

	.margin-top-150 {
		margin-top: 150px;
	}

	.margin-top-142 {
		margin-top: 142px;
	}

	.margin-top-117 {
		margin-top: 117px;
	}

	.margin-top-1-negative {
		margin-top: -1px;
	}

	.margin-top-2-negative {
		margin-top: -2px;
	}

	.margin-top-5-negative {
		margin-top: -5px;
	}

	.margin-top-14-negative {
		margin-top: -14px;
	}

	.margin-top-19-negative {
		margin-top: -19px;
	}


	.margin-top-75-negative {
		margin-top: -75px;
	}

	.margin-top-100-negative {
		margin-top: -100px;
	}


	.margin-top-160-negative {
		margin-top: -160px;
	}

	.margin-top-180-negative {
		margin-top: -180px;
	}

	.margin-top-380-negative{
		margin-top: -380px;
	}

	.margin-auto {
		margin: auto;
	}

	.margin-right-auto {
		margin-right: auto;
	}

	.margin-left-auto {
		margin-left: auto;
	}

/* MIN HEIGHT*/
	.min-height-80 {
		min-height: 80px;
	}

	.min-height-108 {
		min-height: 108px;
	}

	.min-height-111 {
		min-height: 111px;
	}

	.min-height-120 {
		min-height: 120px;
	}

	.min-height-182 {
		min-height: 182px;
	}

/* PADDING */
	.padding-0-important {
		padding: 0px !important;
	}

	.padding-10-important {
		padding: 10px !important;
	}

	.padding-10 {
		padding: 10px;
	}

	.padding-14 {
		padding: 14px;
	}

	.padding-20 {
		padding: 20px;
	}

	.padding-20-important {
		padding: 20px !important;
	}

	.padding-25 {
		padding: 25px;
	}

	.padding-30 {
		padding: 30px;
	}

	.padding-50 {
		padding: 50px;
	}

	.padding-60 {
		padding: 60px;
	}

	.padding-80 {
		padding: 80px;
	}

	.padding-top-0 {
		padding-top: 0px !important;
	}

	.padding-top-1 {
		padding-top: 1px;
	}

	.padding-top-7 {
		padding-top: 7px !important;
	}

	.padding-top-9 {
		padding-top: 9px !important;
	}

	.padding-top-10 {
		padding-top: 10px;
	}

	.padding-top-15 {
		padding-top: 15px;
	}

	.padding-top-17 {
		padding-top: 17px;
	}

	.padding-top-20 {
		padding-top: 20px;
	}

	.padding-top-21 {
		padding-top: 21px;
	}

	.padding-top-25 {
		padding-top: 25px;
	}

	.padding-top-30 {
		padding-top: 30px;
	}

	.padding-top-31 {
		padding-top: 31px;
	}

	.padding-top-35 {
		padding-top: 35px;
	}

	.padding-top-40 {
		padding-top: 40px;
	}
	
	.padding-top-44 {
		padding-top: 44px;
	}

	.padding-top-45 {
		padding-top: 45px;
	}

	.padding-top-46 {
		padding-top: 46px;
	}

	.padding-top-50 {
		padding-top: 50px;
	}

	.padding-bottom-0 {
		padding-bottom: 0px;
	}

	.padding-bottom-0-important {
		padding-bottom: 0px !important;
	}

	.padding-bottom-9 {
		padding-bottom: 9px !important;
	}

	.padding-bottom-10 {
		padding-bottom: 10px;
	}

	.padding-bottom-10-important {
		padding-bottom: 10px !important;
	}

	.padding-bottom-15 {
		padding-bottom: 15px;
	}

	.padding-bottom-20 {
		padding-bottom: 20px;
	}

	.padding-bottom-20-important {
		padding-bottom: 20px !important;
	}

	.padding-bottom-21 {
		padding-bottom: 21px;
	}

	.padding-bottom-25 {
		padding-bottom: 25px;
	}

	.padding-bottom-30 {
		padding-bottom: 30px;
	}

	.padding-bottom-35 {
		padding-bottom: 35px;
	}

	.padding-bottom-38 {
		padding-bottom: 38px;
	}

	.padding-bottom-40 {
		padding-bottom: 40px;
	}
	
	.padding-bottom-44 {
		padding-bottom: 44px;
	}

	.padding-bottom-45 {
		padding-bottom: 45px;
	}

	.padding-bottom-46 {
		padding-bottom: 46px;
	}

	.padding-bottom-50 {
		padding-bottom: 50px;
	}

	.padding-bottom-52 {
		padding-bottom: 52px;
	}

	.padding-bottom-53 {
		padding-bottom: 53px;
	}

	.padding-bottom-60 {
		padding-bottom: 60px;
	}
	
	.padding-bottom-64 {
		padding-bottom: 64px;
	}

	.padding-bottom-80 {
		padding-bottom: 80px;
	}

	.padding-bottom-100 {
		padding-bottom: 100px;
	}

	.padding-bottom-120 {
		padding-bottom: 120px;
	}

	.padding-bottom-240 {
		padding-bottom: 240px;
	}

	.padding-left-0 {
		padding-left: 0px !important;
	}

	.padding-left-2 {
		padding-left: 2px;
	}

	.padding-left-10 {
		padding-left: 10px !important;
	}

	.padding-left-14 {
		padding-left: 14px !important;
	}

	.padding-left-20 {
		padding-left: 20px;
	}

	.padding-left-25 {
		padding-left: 25px;
	}

	.padding-left-29 {
		padding-left: 29px;
	}

	.padding-left-30 {
		padding-left: 30px;
	}

	.padding-left-35 {
		padding-left: 35px;
	}
	
	.padding-left-40 {
		padding-left: 40px;
	}
	
	.padding-left-50 {
		padding-left: 50px;
	}

	.padding-left-55 {
		padding-left: 55px;
	}

	.padding-left-60 {
		padding-left: 60px;
	}

	.padding-left-70 {
		padding-left: 70px;
	}

	.padding-left-76 {
		padding-left: 76px;
	}

	.padding-left-80 {
		padding-left: 80px;
	}

	.padding-left-80-important {
		padding-left: 80px !important;
	}

	.padding-left-100 {
		padding-left: 100px;
	}

	.padding-left-130 {
		padding-left: 130px;
	}

	.padding-left-160 {
		padding-left: 160px;
	}

	.padding-left-200 {
		padding-left: 200px;
	}

	.padding-left-240 {
		padding-left: 240px;
	}

	.padding-right-0 {
		padding-right: 0px !important;
	}

	.padding-right-10 {
		padding-right: 10px;
	}

	.padding-right-14 {
		padding-right: 14px !important;
	}

	.padding-right-20 {
		padding-right: 20px !important;
	}

	.padding-right-25 {
		padding-right: 25px; 
	}

	.padding-right-29 {
		padding-right: 29px;
	}

	.padding-right-30 {
		padding-right: 30px;
	}

	.padding-right-50 {
		padding-right: 50px;
	}

	.padding-right-60 {
		padding-right: 60px;
	}

	.padding-right-70 {
		padding-right: 70px;
	}

	.padding-right-76 {
		padding-right: 76px;
	}

	.padding-right-80 {
		padding-right: 80px;
	}

	.padding-right-80-important {
		padding-right: 80px !important;
	}

	.padding-right-125-important {
		padding-right: 125px !important;
	}

	.padding-right-200 {
		padding-right: 200px;
	}

/* POSITION */
	.position-relative {
		position: relative;
	}

	.position-absolute {
		position: absolute;
	}

	.position-fixed {
		position: fixed;
	}

/* RIGHT */

	.right-15 {
		right: 15px;
	}

	.right-20 {
		right: 20px;
	}

/* TEXT ALIGN */
	.text-align-center {
		text-align: center;
	}

	.text-align-right {
		text-align: right;
	}

	.text-align-left {
		text-align: left !important;
	}

/* TEXT TRANSFORM */

	.text-uppercase {
		text-transform: uppercase;
	}

/* TOP */
	.top-1-negative {
		top: -1px;
	}

	.top-5 {
		top: 5px;
	}

	.top-7 {
		top: 7px;
	}

	.top-8 {
		top: 8px;
	}

	.top-10 {
		top: 10px;
	}

	.top-180 {
		top: 180px;
	}

	.top-130-important {
		top: 130px !important;
	}

	.top-160-negative {
		top: -160px;
	}

/* USER SELECT */
	.user-select-none {
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

/* VISIBILITY */
	.visibility-hidden {
		visibility: hidden;
	}

/* VERTICAL ALIGN */

	.vertical-align-top {
		vertical-align: top;
	}

	.vertical-align-middle-important {
		vertical-align: middle !important;
	}

/* WIDTH */

	.width-18 {
		width: 18px;
	}

	.width-55 {
		width: 55px !important;
	}

	.width-60 {
		width: 60px !important;
	}

	.width-75 {
		width: 75px;
	}

	.width-100 {
		width: 100px;
	}

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

	.width-130 {
		width: 130px;
	}

	.width-165 {
		width: 165px;
	}

	.width-170 {
		width: 170px;
	}

	.width-225 {
		width: 225px;
	}

	.width-228 {
		width: 228px;
	}

	.width-250-important {
		width: 250px !important;
	}

	.width-275 {
		width: 275px;
	}

	.width-300 {
		width: 300px;
	}

	.width-330 {
		width: 330px;
	}

	.width-330-important {
		width: 330px !important;
	}

	@media print {
		.width-400-print {
			width: 400px;
		}
	}

	.width-360 {
		width: 360px;
	}

	.width-460 {
		width: 460px;
	}

	.width-465 {
		width: 465px;
	}

	.width-480 {
		width: 480px;
	}

	.width-520 {
		width: 520px;
	}

	.width-550 {
		width: 550px;
	}

	.width-570 {
		width: 570px;
	}

	.width-700 {
		width: 700px;
	}

	.width-800 {
		width: 800px;
	}

	.width-920{
		width: 920px;
	}

	.width-1330{
		width: 1330px;
	}

/* Z-INDEX */
	.z-index-100 {
		z-index: 100;
	}

/* WHITE-SPACE */

	.whitespace-nowrap {
		white-space: nowrap;
	}

/* ORANGE LINK */
	.orange-link:hover, .orange-link:focus {
		color: #FF7700;
	}

	.orange-link:hover img {
		visibility: visible;
	}

/* TOPIC LINK */
	.topic-link {
		color: #0C4456;
		font-size: 16px;
		font-weight: bold;
		padding: 5px 0 5px 40px;
	}

	.topic-link-bangladesh {
		background: url( /static/files/country-icons/Bangladesh.svg ) left center no-repeat;
		cursor: pointer;
	}
	.topic-link-bangladesh:hover {
		background: url( /static/files/country-icons/Bangladesh-orange.svg ) left center no-repeat;
	}

	.topic-link-brazil {
		background: url( /static/files/country-icons/Brazil.svg ) left center no-repeat;
		cursor: pointer;
	}
	.topic-link-brazil:hover {
		background: url( /static/files/country-icons/Brazil-orange.svg ) left center no-repeat;
	}

	.topic-link-cambodia {
		background: url( /static/files/country-icons/Cambodia.svg ) left center no-repeat;
		cursor: pointer;
	}
	.topic-link-cambodia:hover {
		background: url( /static/files/country-icons/Cambodia-orange.svg ) left center no-repeat;
	}

	.topic-link-ethiopia {
		background: url( /static/files/country-icons/Ethiopia.svg ) left center no-repeat;
		cursor: pointer;
	}
	.topic-link-ethiopia:hover {
		background: url( /static/files/country-icons/Ethiopia-orange.svg ) left center no-repeat;
	}

	.topic-link-india {
		background: url( /static/files/country-icons/India.svg ) left center no-repeat;
		cursor: pointer;
	}
	.topic-link-india:hover {
		background: url( /static/files/country-icons/India-orange.svg ) left center no-repeat;
	}

	.topic-link-kyrgyzstan {
		background: url( /static/files/country-icons/Kyrgyzstan.svg ) left center no-repeat;
		cursor: pointer;
	}
	.topic-link-kyrgyzstan:hover {
		background: url( /static/files/country-icons/Kyrgyzstan-orange.svg ) left center no-repeat;
	}

	.topic-link-nepal {
		background: url( /static/files/country-icons/Nepal.svg ) left center no-repeat;
		cursor: pointer;
	}
	.topic-link-nepal:hover {
		background: url( /static/files/country-icons/Nepal-orange.svg ) left center no-repeat;
	}

	.topic-link-peru {
		background: url( /static/files/country-icons/Peru.svg ) left center no-repeat;
		cursor: pointer;
	}
	.topic-link-peru:hover {
		background: url( /static/files/country-icons/Peru-orange.svg ) left center no-repeat;
	}

	.topic-link-rwanda {
		background: url( /static/files/country-icons/Rwanda.svg ) left center no-repeat;
		cursor: pointer;
	}
	.topic-link-rwanda:hover {
		background: url( /static/files/country-icons/Rwanda-orange.svg ) left center no-repeat;
	}

	.topic-link-senegal {
		background: url( /static/files/country-icons/Senegal.svg ) left center no-repeat;
		cursor: pointer;
	}
	.topic-link-senegal:hover {
		background: url( /static/files/country-icons/Senegal-orange.svg ) left center no-repeat;
	}
	.topic-link-liberia {
		background: url( /static/files/country-icons/Liberia.svg ) left center no-repeat;
		cursor: pointer;
	}
	.topic-link-liberia:hover {
		background: url( /static/files/country-icons/Liberia-orange.svg ) left center no-repeat;
	}

	.topic-link-zambia {
		background: url( /static/files/country-icons/Zambia.svg ) left center no-repeat;
		cursor: pointer;
	}
	.topic-link-zambia:hover {
		background: url( /static/files/country-icons/Zambia-orange.svg ) left center no-repeat;
	}


/* CARROUSEL */
	.owl-nav {
		margin-top: 20px !important;
	}
	
	.owl-nav * {
		display: inline-block;
	}
	
	.owl-theme .owl-nav [class*=owl-] {
		color: #FF7700 !important;
		background: none !important;
		border: none !important;
		outline: none !important;
		padding: 0 !important;
		margin: 0 !important;
		position: relative;
	}
	
	.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
		background: #ff7700 !important;
	}
	
	.owl-stage > div div.card {
		min-width: 310px !important;
		max-width: 310px !important;
	}
	
	.owl-theme .owl-dots .owl-dot {
		top: -20px;
		position: relative;
	}
	
	.owl-theme .owl-dots .owl-dot span {
	    width: 12px !important;
		height: 12px !important;
		margin: 5px 3px !important;
	}

/* BUTTON */
	.button-lightblue {
		padding: 8px 16px;
		background: #0098A7;
		border: 1px solid #0098A7;
		color: white;
		display: inline-block;
		font-size: 14px;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	.button-lightblue-new {
		padding: 8px 16px;
		background: #0098A7;
		border: 1px solid #0098A7;
		color: white;
		display: inline-block;
		font-size: 14px;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	.button-lightblue-new:hover {
		padding: 8px 16px;
		background: #FF7700;
		border: 1px solid #FF7700;
		color: white;
		display: inline-block;
		font-size: 14px;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	.button-orange {
		padding: 8px 16px;
		background: #FF7700;
		border: 1px solid #FF7700;
		color: white;
		display: inline-block;
		font-size: 14px;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	.button-inactive{
		padding: 8px 16px;
		background: #FFFFFF;
		border: 1px solid #FF7700;
		color: #FF7700;
		display: inline-block;
		font-size: 14px;
		/* padding-left: 10; */
	}

	.button-inactive-4B4B4B4B {
		padding: 8px 16px;
		background: #4B4B4B4B;
		border: 1px solid #4B4B4B4B;
		color: #fff;
		display: inline-block;
		font-size: 14px;
	}

	.button-E6EAEC {
		padding: 8px 16px;
		background: #E6EAEC;
		border: 1px solid #E6EAEC;
		color: white;
		border-radius: 3px;
		display: inline-block;
		font-size: 14px;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	.button-transparent {
		padding: 8px 16px;
		background: transparent;
		border: 1px solid #FFF;
		color: white;
		display: inline-block;
		font-size: 14px;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	
	.button-transparent:hover {
		background: #FFF;
		color: #0C4456;
	}

	.button-transparent-border-lightblue {
		padding: 8px 16px;
		background: transparent;
		border: 1px solid #0098A7;
		color: #0098A7;
		display: inline-block;
		font-size: 14px;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	.button-transparent-padding {
		padding-left: 30px;
		padding-right: 30px;
	}

	a.button-orange:hover {
		color: #FFF;
	}

	a.button-orange:visited {
		color: #FFF;
	}
	
	.button-orange-arrow {
		background: #fff;
		border: 1px solid #FF7700;
		color: #FF7700;
		font-weight: bold;
		padding: 20px;
		margin-top: 10px;
		line-height: 1;
		cursor: pointer;
	}
	
	.button-orange-arrow .white {
		display: none;
		position: relative;
		top: -5px;
		float: right;
	}
	
	.button-orange-arrow .orange {
		display: initial;
		position: relative;
		top: -5px;
		float: right;
	}
	
	.button-orange-arrow:hover {
		background: #FF7700;
		color: #fff;
	}
	
	.button-orange-arrow:hover .white {
		display: initial;
	}
	
	.button-orange-arrow:hover .orange {
		display: none;
	}

	svg g.button text {
		font-size: 13px;
	}

/* MENU */
	.menu {
		display: inline-block;
		position: relative;
		height: 100%;
		padding-top: 10px;
		padding-bottom: 10px;
		/* cursor: pointer; */
	}

	.menu > img {
		transition: all 0.3s;
		transform: rotate(0deg);
	}
	
	.menu:hover > img {
		transform: rotate(-180deg);
		transition: all 0.3s;
	}

	.menu .menu-items {
		display: none;
		width: max-content;
		width: -moz-max-content;
	}

	.menu:hover .menu-items {
		display: block;
		position: absolute;
		background-color: #FFFFFF;
		box-shadow: 0 0 2px 0 rgba(0,0,0,0.12), 0 2px 2px 0 rgba(0,0,0,0.24);
		padding: 20px 15px;
		top: 42px;
		left: 0;
	}

/* CAPTION */
	.caption {
		color: #768194;
		font-family: aktiv-grotesk;
		font-weight: 400;
		font-size: 12px;
		line-height: 14px;
		letter-spacing: 0px;
		max-width: 630px;
	}

/* KEY POINT */
	.key-point {
		font-weight: 400;
		font-size: 16px;
		line-height: 23px;
		letter-spacing: 0px;
		color: #4B4B4B;
		position: relative;
		padding-left: 40px;
	}

	.key-point:before {
		font-family: "Font Awesome 5 Free";
		content: "\f101";
		margin-left: -18px;
		position: absolute;
		color: #0C4456;
		font-size: 9px;
		font-weight: bold;
	}

	.key-point-lightblue {
		font-weight: 400;
		font-size: 16px;
		line-height: 23px;
		letter-spacing: 0px;
		color: #4B4B4B;
		position: relative;
		padding-left: 40px;
	}

	.key-point-lightblue:before {
		font-family: "Font Awesome 5 Free";
		content: "\f101";
		margin-left: -18px;
		position: absolute;
		color: #0098A7;
		font-size: 9px;
		font-weight: bold;
	}

/* HR */
	.hr {
		height: 2px;
    	background-color: #F2F4F5 !important;
		-webkit-print-color-adjust: exact;
	}

	.hr-turquoise-1 {
		height: 1px;
    	background-color: #0C4456;
	}

	.hr-turquoise-3 {
		height: 3px;
    	background-color: #0C4456;
	}

	.hr-gray{
		height: 1px;
		border: 1px solid #E6EAEC;
	}
	.hr-gray-popup{
		height: 1px;
		border: 1px solid #D2D3D7;
	}

/* STUNTING ICON */
	.stunting-icon {
		background: url( '/static/files/stunting/Stunting Icon.svg' ) no-repeat left center;
	}

	.new-stunting-icon {
		background: url( '/static/stunting/senegal/files/svg/Stunting Landing.svg' ) no-repeat left center !important;
		-webkit-print-color-adjust: exact;
	}

	.new-u5m-icon {
		background: url( '/static/under_5_mortality/nepal/files/svg/U5M Landing.svg' ) no-repeat left center !important;
		-webkit-print-color-adjust: exact;
	}

	.new-chw-icon {
		background: url( '/static/community_health_workers/brazil/files/svg/CHW_landing-page.svg' ) no-repeat left center !important;
		-webkit-print-color-adjust: exact;
	}

/* OFF */
	.off {
		opacity: 0.3;
		pointer-events: none;
	}

	.pointer-events-none {
		pointer-events: none;
	}

	.pointer-events-all {
		pointer-events: all;
	}

/* OPACITY */
	.opacity-048 {
		opacity: 0.48;
	}
	
/* FLOAT BUTTONS */
	@media (max-width: 767px) {
		.float-buttons {
			position: relative;
			width: 95px;
			height: 48px;
			top: 0;
			left: 0;
			margin-top: -20px;
			margin-bottom: 20px;
			float: left;
		}
		.float-buttons .share {
			margin-left: -1px;
			margin-top: 0;
		}
	}

	@media (min-width: 768px) {
		.float-buttons {
			position: relative;
			width: 95px;
			height: 48px;
			top: 0;
			left: 0;
			margin-top: -20px;
			margin-bottom: 20px;
			float: left;
		}
		.float-buttons .share {
			margin-left: -1px;
			margin-top: 0;
		}
	}

	@media (min-width: 992px) {
		.float-buttons {
			position: relative;
			width: 95px;
			height: 48px;
			top: 0;
			left: 0;
			margin-top: -20px;
			margin-bottom: 20px;
			float: left;
		}
		.float-buttons .share {
			margin-left: -1px;
			margin-top: 0;
		}
	}

	@media (min-width: 1200px) {
		.float-buttons {
			position: absolute;
			width: 48px;
			height: 95px;
			top: 230px;
			left: 105px;
			margin-top: 0;
			margin-bottom: 0;
			float: none;
		}
		.float-buttons .share {
			margin-left: 0;
			margin-top: -1px;
		}
	}

	@media (min-width: 1310px) {
		.float-buttons {
			position: absolute;
			width: 48px;
			height: 95px;
			top: 230px;
			left: 160px;
			margin-top: 0;
			margin-bottom: 0;
			float: none;
		}

		.landing {
			position: absolute;
			width: 48px;
			height: 95px;
			top: 150px;
			left: 160px;
			margin-top: 0;
			margin-bottom: 0;
			float: none;
		}

		.float-buttons .share {
			margin-left: 0;
			margin-top: -1px;
		}
	}

	@media (min-width: 1200px) {
		.float-buttons.fixed {
			position: fixed;
			top: 110px;
			left: auto;
			margin-left: 0px;
		}

		.float-buttons.fixed-landing {
			position: fixed;
			top: 110px;
			left: 397px;
			margin-left: 0px;
		}
	}

	.float-buttons .pdf {
		border: 1px solid #E6EAEC;
		border-radius: 2px;
		width: 48px;
		height: 48px;
		background: #fff url( /static/files/Adobe_PDF_icon.svg );
		background-repeat: no-repeat;
		background-size: 24px 24px;
		background-position: center;
		cursor: default;
		float: left;
	}
	.float-buttons .pdf-active {
		border: 1px solid #FF7700;
		border-radius: 2px;
		width: 48px;
		height: 48px;
		background: #fff url( /static/files/Adobe_PDF_icon_active.svg );
		background-repeat: no-repeat;
		background-size: 24px 24px;
		background-position: center;
		cursor: pointer;
		float: left;
		margin-bottom: 1px;
		display: none;
	}
	.float-buttons .pdf.disabled {
		pointer-events: none;
	}

	.float-buttons .share {
		border: 1px solid #E6EAEC;
		border-radius: 2px;
		width: 48px;
		height: 48px;
		background: #fff url( /static/files/sharegrey.svg );
		background-repeat: no-repeat;
		background-size: 20px 20px;
		background-position: center;
		cursor: default;
		float: left;
	}

	.float-buttons .share.disabled {
		pointer-events: none;
	}

	.float-buttons-new{
		border: 1px solid #768194;
		border-radius: 0px;
		width: 48px;
		height: 48px;
		background-repeat: no-repeat;
		background-size: 20px 20px;
		background-position: center;
		cursor: default;
		float: left;
	}

	.float-buttons-new .share{
		width: 46px;
		height: 46px;
		background: #0C4456 url( /static/files/sharegrey.svg );
		background-repeat: no-repeat;
		background-size: 20px 20px;
		background-position: center;
		cursor: default;
		float: left;
	}

	.float-buttons-landing-white{
		top: 152px;
		overflow: hidden;
		height: 91px;
		width: 46px;
	}

	.float-buttons-landing-white .report-white{
		border: 1px solid #ffffff;
		width: 46px;
		height: 46px;
		background: url( /static/files/report-builder/report-white.svg );
		background-repeat: no-repeat;
		background-size: 20px 20px;
		background-position: center;
		cursor: default;
		float: left;
	}

	.float-buttons-landing-white .share-white{
		border: 1px solid #ffffff;
		width: 46px;
		height: 46px;
		background: url( /static/files/share-white.svg );
		background-repeat: no-repeat;
		background-size: 20px 20px;
		background-position: center;
		cursor: default;
		float: left;
	}

	.float-buttons-landing-orange{
		top: 152px;
		overflow: hidden;
		height: 91px;
		width: 46px;
	}

	.float-buttons-landing-orange .report-orange{
		border: 1px solid #FF7700;
		width: 46px;
		height: 46px;
		background: url( /static/files/report-builder/report-orange.svg );
		background-repeat: no-repeat;
		background-size: 20px 20px;
		background-position: center;
		cursor: default;
		float: left;
	}

	.float-buttons-landing-orange .share-orange{
		border: 1px solid #FF7700;
		width: 46px;
		height: 46px;
		background: url( /static/files/share-orange.svg );
		background-repeat: no-repeat;
		background-size: 20px 20px;
		background-position: center;
		cursor: default;
		float: left;
	}
	

	
/* ADD REPORT BUTTON */
	@media (max-width: 767px) {
		.add-report {
			position: relative;
			top: 0;
			left: 0;
			margin-top: -20px;
			margin-bottom: 20px;
			margin-left: 10px;
			float: right;
		}
	}

	@media (min-width: 768px) {
		.add-report {
			position: relative;
			top: 0;
			left: 0;
			margin-top: -20px;
			margin-bottom: 20px;
			margin-left: 10px;
			float: right;
		}
	}

	@media (min-width: 992px) {
		.add-report {
			position: relative;
			top: 0;
			left: 0;
			margin-top: -20px;
			margin-bottom: 20px;
			margin-left: 10px;
			float: right;
		}
	}

	@media (min-width: 1200px) {
		.add-report {
			position: absolute;
			top: 70px;
			left: auto;
			margin-top: 0;
			margin-bottom: 0;
			margin-left: 920px;
			float: none;
		}
	}

	@media (min-width: 1310px) {
		.add-report {
			position: absolute;
			top: 70px;
			left: auto;
			margin-top: 0;
			margin-bottom: 0;
			margin-left: 920px;
			float: none;
		}
	}

	.add-report {
		cursor: pointer;
	}

	@media (min-width: 1310px) {
		.add-report-landing {
			position: absolute;
			top: 0;
			right: -150px;
		}
		.add-report-landing-new {
			position: relative;
			top: 0;
			right: 0;
		}
	}

	/* DISABLED CASE */
	@media (max-width: 767px) {
		.add-report-disabled {
			position: relative;
			top: 0;
			left: 0;
			margin-top: -20px;
			margin-bottom: 20px;
			margin-left: 10px;
			float: right;
		}
	}

	@media (min-width: 768px) {
		.add-report-disabled {
			position: relative;
			top: 0;
			left: 0;
			margin-top: -20px;
			margin-bottom: 20px;
			margin-left: 10px;
			float: right;
		}
	}

	@media (min-width: 992px) {
		.add-report-disabled {
			position: relative;
			top: 0;
			left: 0;
			margin-top: -20px;
			margin-bottom: 20px;
			margin-left: 10px;
			float: right;
		}
	}

	@media (min-width: 1200px) {
		.add-report-disabled {
			position: absolute;
			top: 70px;
			left: auto;
			margin-top: 0;
			margin-bottom: 0;
			margin-left: 920px;
			float: none;
		}
	}

	@media (min-width: 1310px) {
		.add-report-disabled {
			position: absolute;
			top: 70px;
			left: auto;
			margin-top: 0;
			margin-bottom: 0;
			margin-left: 920px;
			float: none;
		}
	}

	

	/* .add-report-disabled {
		cursor: pointer;
	} */

	@media (min-width: 1310px) {
		.add-report-disabled-landing {
			position: absolute;
			top: 0;
			right: -150px;
		}
		.add-report-disabled-landing-new {
			position: relative;
			top: 0;
			right: 0;
		}

		.add-report-disabled-landing-new-left {
			position: relative;
			top: -7px;
			right: -4px;
		}
	}

/* TOPIC CONTENT */
	@media (max-width: 767px) {
		.topic-content .margin-left-140 {
			margin-left: 0;
		}

		.topic-content img {
			margin-left: 20px;
		}

		.topic-content .margin-top-100-negative {
			margin-left: 0;
			padding-top: 120px;
		}
	}

/* SELECT TOPIC */
	@media (max-width: 767px) {
		.select-topic {
			width: 100%;
		}
	}

/* ACCORDION ITEM */
	.accordion-item img {
		transform: rotate(0deg);
	}

	.accordion-item.active img {
		transform: rotate(90deg);
		margin-left: -5px;
	}

	@media (max-width: 767px) {
		.accordion-item {
			margin-left: 20px;
		}
		
		@media print {
			.accordion-item {
				border: none;
			}
		}
		
		.accordion-item .left-30-negative {
			left: -20px;
		}
		
		@media print {
			.accordion-item .display-none {
				display: block;
			}
		}
	}

/* COUNTER */
	.counter {
		text-align: center;
		margin-top: 30px;
	}

	.counter * {
		margin: 0 15px;
	}

	.counter img {
		cursor: pointer;
	}

/* ROTATE */
	.rotate-180 {
		transform: rotate(180deg);		
	}

	.rotate-170 {
		transform: rotate(170deg);		
	}

	.rotate-90 {
		transform: rotate(90deg);		
	}

	.rotate-90-negative {
		transform: rotate(-90deg) !important;		
	}

/* ARROW LINK */
	/*
	img.arrow-link {
		background: url( /static/files/arrow-right-lightblue.svg ) left center no-repeat;
		cursor: pointer;
	}
	*/

	.arrow-link {
		background: url( /static/files/arrow-right-lightblue.svg ) 136px center no-repeat;
		cursor: pointer;
		padding-right: 30px;
	}

	.arrow-link:hover {
		background: url( /static/files/arrow-right.svg ) 136px center no-repeat; 
	}

	.arrow-link-90 {
		background: url( /static/files/arrow-right-lightblue.svg ) 90px center no-repeat;
		cursor: pointer;
		padding-right: 30px;
	}

	.arrow-link-90:hover {
		background: url( /static/files/arrow-right.svg ) 90px center no-repeat; 
	}

/* TOOLTIP */
	.tooltip .tooltip-arrow-enabled {
		border-right-color: #FF7700 !important;
	}

	.tooltip-arrow{
		border-right-color: #FF7700 !important;
	}
	
	.tooltip .tooltip-inner {
		background: #FF7700;
		text-align: left;
		white-space: nowrap;
	}
	
	@media print {
		.tooltip {
			display: none !important;
		}
	}

/* TOOLTIP DISABLED */
	.tooltip-disabled .tooltip-arrow {
		border-right-color: #768194 !important;
	}
	
	.tooltip-disabled .tooltip-inner {
		background: #768194;
		text-align: left;
		white-space: nowrap;
	}

	.report-disabled-arrow {
		border-right-color: #768194 !important;
	}
	
	@media print {
		.tooltip {
			display: none !important;
		}
	}

	.tooltip {
		z-index: 100;
	}

	.tooltip.left .tooltip-arrow{
		border-left-color: #768194;
	}

	.tooltip.left {
		margin-left: -7px
	}

/* MAX WIDTH */
	.max-width-630{
		max-width: 630px;
	}

	.max-width-680{
		max-width: 680px;
	}

	.max-width-500{
		max-width: 500px;
	}

	.max-width-400{
		max-width: 400px;
	}


/* DISABLED LINKS */

	a.disabled {
		cursor: default;
	}

/* topic icons */
.topic-icon {
	width: 186px;
}
/* =========  */

/* about exemplars button (home) */
.about_exemplars_button:hover {
	background: #FF7700;
}

.about_exemplars_button:hover div {
	color: #FFF;
}

.about_exemplars_button .about_exemplars_arrow_white {
	display: none;
}

.about_exemplars_button:hover .about_exemplars_arrow_white {
	display: inline;
}

.about_exemplars_button:hover .about_exemplars_arrow_orange {
	display: none;
}

/* =========  */

/* home dropdown worldmap */
.dropdown_home_worldmap {
	width: 434px;
}

.dropdown_home_worldmap:hover {
    cursor: pointer;
}

.arrow-down {
    width: 0;
    height: 0;
    margin-right: 16px;
    margin-top: 5px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #DADBDC;
    float: right;
}

.dropdown_home_worldmap_body {
    box-sizing: border-box;
    position: absolute;
    width: 310px;
    height: auto;
    background-color: #fff;
    z-index: 1;
	border: 1px solid #FF7700;
	border-top: none;
	margin-top: 65px;
	padding-left: 48px;
	padding-bottom: 15px;
    line-height: 32px;
    font-size: 16px;
    font-weight: 500;
}

.dropdown_home_worldmap_body.hide {
    display: none;
}

.dropdown_home_worldmap_body span {
    display: block;
	cursor: pointer;
	font-size: 24px;
	color: #0098A7;
	font-weight: bold;
	line-height: 26px;
}

.dropdown_home_worldmap_body span.disabled {
    color: gray;
}

.dropdown_home_worldmap_body span.active {
    color: #0098A7;
}

.dropdown_home_worldmap_body span.re-active {
    color: #FF7700;
}

.dropdown_home_worldmap_body span.active:hover {
    color: #FF7700;
}

.dropdown_home_worldmap_ul {
    padding-left: 0;
}

.dropdown_home_worldmap_ul li {
    color: red !important;
    font-size: 12px !important;
}

.dropdown_home_worldmap_ul.hide {
    display: none;
}

.dropdown_home_worldmap img.orange-arrow.rotate {
	transform: rotate(-180deg);
	transition: all 0.3s;
}

/* ==================================== */

/* home input country */
div.home-worldmap-input {
	margin-top: 23px;
	min-width: 350px;
	height: 42px;
	border: none;
	color: #FF7700;
	background: none;
	line-height: 27px;
	/* text-transform: capitalize !important; */
}

div#home-worldmap-input.home-worldmap-input {
	margin-top: 5px;
	min-width: 260px;
	height: 38px;
	border: none;
	color: #0C4456;
	background: none;
	line-height: 27px;
	text-transform: capitalize !important;
}

div.home-worldmap-input:focus {
	outline: none;
}

[contenteditable=true]:empty:before{
	content: attr(placeholder);
	display: block; /* For Firefox */
	color: #FF7700;
}

div.home-worldmap-input::placeholder {
	color: #FF7700;
	
}

div#home-worldmap-input.home-worldmap-input::placeholder {
	color: #0C4456;
	
}

div#home-worldmap-input[contenteditable=true]:empty:before{
	content: attr(placeholder);
	display: block; /* For Firefox */
	color: #0C4456;
}
  

/* ==================================== */

/* zoom buttons (home worldmap) */
.zoom-button {
	border-radius: 0 !important;
	color: #0098A7 !important;
	border: none !important;
}

.zoom-button:focus {
	outline: none;
	background: #FFFFFF;
}

.zoom-button > .glyphicon {
	font-family: aktiv-grotesk, sans-serif !important;
	font-weight: 800 !important;
	font-size: 22px;
}

#zoom-btn-group-vertical {
	box-shadow: 5px 5px 5px 1px rgba(181,181,181,1);
}

.zoom-button-disabled {
	cursor: default;
	opacity: .5;
	box-shadow: none;
	pointer-events: none;
}

/* map class helper */

.fill-turquoise-important {
	fill: #0C4456 !important;
}

.country-info-hover:hover {
	color: #FF7700;
}

.country-info-hover:hover .country-info-o-arrow {
	display: initial;
}

.country-info-hover:hover .country-info-t-arrow {
	display: none;
}

.home-worldmap-button:hover {
	background: #FF7700 !important;
}

/* =========================== */


/* jquery autocomplet style */
#ui-id-2 .ui-state-active {
	background: none !important;
	border: none !important;
}

#ui-id-2 .ui-menu-item-wrapper {
	border: none !important;
}
/* ============= */

img.reference-arrow {

}

/* TABLE */

.table1.hyphen-list ul {
	list-style-type: none;
	padding-left: 30px;
}

.table1.hyphen-list li {
	color: #4B4B4B;
	font-size: 12px;
	line-height: 23px;
	margin-bottom: 20px;
	position: relative;

}

.table1.hyphen-list li:before {
	font-family: "Font Awesome 5 Free";
	content: "\f068";
	margin-left: -18px;
	position: absolute;
	color: #0C4456;
	font-size: 9px;
	font-weight: bold;
}

.table4.hyphen-list ul {
	list-style-type: none;
	padding-left: 30px;
}

.table4.hyphen-list li {
	color: #4B4B4B;
	font-size: 12px;
	line-height: 23px;
	margin-bottom: 10px;
	position: relative;

}

.table4.hyphen-list li:before {
	font-family: "Font Awesome 5 Free";
	content: "\f101";
	margin-left: -18px;
	position: absolute;
	color: #0C4456;
	font-size: 7px;
	font-weight: bold;
}

li.light-blue-arrow:before{
	font-family: "Font Awesome 5 Free";
	content: "\f101" !important;
	margin-left: -18px;
	position: absolute;
	color: #0098A7;
	font-size: 9px;
	font-weight: bold;
}

/* NEPAL side grey boxes with text, similar to text-with-border */

.side-grey-text-box {
	border: 1px solid #E4DFE4;
    padding: 20px;
    background: #E4DFE4;

}

.background-E4DFE4 {
	background: #E4DFE4;
}

/* autocomplete home */
.ui-widget.ui-autocomplete {
	visibility: hidden;
}

/* tooltip change on z-index */
.tooltip.fade.right.in {
	z-index: 0 !important;
}

/* Stunting Drivers diagrams */

.stunting-drivers-dot button {
	background: 0 0;
	color: inherit;
	border: none;
	padding: 0 !important;
	font: inherit;
	outline: none;
	-moz-outline: none;
}

.stunting-drivers-dot button span {
	background: #D6D6D6;
	display: block;
	transition: opacity .2s ease;
	border-radius: 30px;
	width: 12px !important;
	height: 12px !important;
	margin: 5px 3px !important;
	cursor: pointer;
}

.stunting-drivers-dot button span:hover {
	background: rgb(250, 153, 67);
}

.stunting-drivers-dot button span.active {
	background: #ff7700;
}

.stunting-drivers-arrows img {
	margin-bottom: 13px;
	cursor: pointer;
}

/* OWL-CAROUSEL */

.owl-carousel {
	z-index: 0 !important;
}