/*! CSS Used from: file:///D:/Projects/Open/AnnualReport2018/Demo20190329b/siteassets/css/app.css */
body{margin:0;width:100%;max-width:100%;min-height:100%;line-height:1.4;overflow-x:hidden;color:#333;background-color:#ffffff;transition:opacity 0.3s ease-out;opacity:1;height:100%;margin:0;font-size:18px;font-weight:300/*;position:relative*/;/*font-family: 'IBM Plex Sans', sans-serif;*/}
div,span,h2,h3,h5,p,a,img,ul,li,footer,header,section,figure,figcaption{margin:0;padding:0;border:0;vertical-align:baseline}
.maintitle {color:white;font-size:30px; position: absolute;top: 50%;transform: translate(0%, -50%)}
.maintitle span {font-weight:700}
.card-header {padding-left: 0px}





footer,header,section{display:block}
ul{padding-left:30px;padding-bottom:20px}
div{box-sizing:border-box}
section,header{display:block}
h2,h3,h5{text-transform:uppercase;color:#044C7E;font-weight:700}
p a{color:#044C7E}
footer{position:relative;z-index:1;background:#fff;text-align:center;padding:0 20px 100px 60px}
div p{margin-bottom:1rem}
section.padding{padding-bottom:40px;background-color:#fff}
h2{padding-bottom:30px!important;padding-top:30px}
h2 span{background-color:#044C7E;color:#fff;padding-left:15px;padding-right:15px;margin-bottom:30px;position:relative;font-weight:100;text-transform:uppercase}
h2.red span{background-color:#FDB913;color:#fff}
h3{color:#044C7E;text-transform:none;font-weight:100;font-size:30px;padding-bottom:20px}
h2 span.red{background-color:#FDB913!important;color:#FFFFFF}
.center{display:block;margin-left:auto;margin-right:auto}
.count-title{font-size:40px;font-weight:800;margin-top:10px;margin-bottom:0;text-align:center}
.accordion-style-1 a{color:#044C7E}
.accordion-style-1 .btn-link{color:#044C7E;background-color:transparent;text-decoration:none!important;font-size:16px;font-weight:bold;padding-left:10px;text-indent:-15px;padding-right:10px;}
.accordion-style-1 .card-body{border-top:2px solid #044C7E}
.accordion {padding-top:20px}
#sliderImpactStories .col-sm-4{padding-bottom:20px}
.anchor{position:relative}
.anchor a{position:absolute;left:0px;top:-60px}
.sticky-top{z-index:1}
.prev,.next{cursor:pointer;position:absolute;top:50%;width:auto;padding:16px;margin-top:-50px;font-weight:bold;font-size:30px;border-radius:0 3px 3px 0;user-select:none;-webkit-user-select:none;color:#FFF!important}
.next{right:-40px;border-radius:3px 0 0 3px}
.prev{left:-40px;border-radius:3px 0 0 3px}
.prev:hover,.next:hover{background-color:rgba(26, 119, 134, 0.8)}
.slidesHL{display:none}
.slidesHL > .container, .slidesPE > .container{position:relative}
.slidesHL h3{padding-top:10px}
.cslidesHL,.cslidesIS,.cslidesPE{opacity:0.6;cursor:pointer}
.active,.cslidesIS:hover,.cslidesHL:hover,.cslidesPE:hover{opacity:1}
.iconText{letter-spacing:-1px;color:#fff;position:absolute;bottom:0;text-align:center}
.bckA{background-color:#044C7E}
.bckB{background-color:#044C7E}
.colorA{color:#044C7E}
.colorB{color:#FDB913}
.redLetterSpacing{letter-spacing:-1px}
.sdgs{padding-top:20px;text-align:center}
.iconText{display:none}
.SDGBig{width:50px}
.HLDetailsIcon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}

.grayBackground{background-color:#F7F7F7;/*padding-top:30px;*/padding-bottom:30px; /*margin-bottom:20px*/}
.sdgtext {padding-top:20px}
.youtube{position:relative}
.youtube:hover,.webtv:hover{-webkit-filter:brightness(75%);filter:brightness(75%)}
.youtube > .play,.webtv > .play{height:72px;width:72px;left:50%;top:50%;margin-left:-36px;margin-top:-36px;position:absolute;background:url("../../PublishingImages/play.png") no-repeat;cursor:pointer}
.youtube > img,.webtv > img{width:100%}
div.pub{padding-top:40px;border-bottom-style:dotted;border-width:thin}
div.pub .row {padding-bottom:40px}

div.pub:hover{background-color:#d3d3d3}
.pub_bottom-left{position:absolute;bottom:0;right:15px}
.figure-caption{padding-bottom:15px}
.flip-container{perspective:1000;transform-style:preserve-3d;line-height:1}
.flip-container:hover .back{transform:rotateY(0deg)}
.flip-container:hover .front{transform:rotateY(180deg)}
.flip-container,.front,.back{height:320px}
.flipper{transition:0.16s;transform-style:preserve-3d;position:relative}
.front,.back{backface-visibility:hidden;transition:0.6s;transform-style:preserve-3d;position:absolute;top:0;left:0}
.front{z-index:2;transform:rotateY(0deg);width:100%}
.back{transform:rotateY(-180deg);;color:#FFFFFF;border-radius:20px;line-height:20px;padding:15px;font-size:16px}
#OurObjectives .front{text-align:center;padding-top:30px;border-radius:10%;background:#fff}
.sub{font-weight:700}
.num{font-size:80px;font-weight:800}
.tit{font-size:20px;font-weight:600}

#Objective1 .sub,#Objective1 .num{background:-webkit-linear-gradient(#31B3C0, #0A4478);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
#Objective1 .front{border:30px solid #0A4478}
#Objective1 .back{background-color:#0A4478}
#Objective2 .sub,#Objective2 .num{background:-webkit-linear-gradient(#0A4478, #6A5580);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
#Objective2 .front{border:30px solid #6A5580}
#Objective2 .back{background-color:#6A5580}
#Objective3 .sub,#Objective3 .num{background:-webkit-linear-gradient(#6A5580, #AC5BA1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
#Objective3 .front{border:30px solid #AC5BA1}
#Objective3 .back{background-color:#AC5BA1}
#Objective4 .sub,#Objective4 .num{background:-webkit-linear-gradient(#AC5BA1, #E47943);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
#Objective4 .front{border:30px solid #E47943}
#Objective4 .back{background-color:#E47943}
#Objective5 .sub,#Objective5 .num{background:-webkit-linear-gradient(#E47943, #FDC300);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
#Objective5 .front{border:30px solid #FDC300}
#Objective5 .back{background-color:#FDC300}

.row-eq-height{height:100%;width:100%}
#foreword {background-color:#FFF;/*background-image: url('../../PublishingImages/Background_Foreword.jpg');   background-size: cover;*/ /*background-attachment: fixed;*/ /*background-size: 100% 100%;*/}
footer a{color:#fff}
#geoCoverage::after{background-color:#fff;content:"";display:block;position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:-1;opacity:0.4}
.sdgsNav{top:100px;padding-bottom:20px}
.sdgsNav .row{background-color:#fff;margin-bottom:10px;padding-bottom:10px;padding-top:20px;box-shadow: 0px 5px 5px #999, 0px 0px 0px #999}
.sdgsNav .col{width:100%;opacity:0.5;text-align:center}
.sdgsNav .col:hover,.sdgsNav .col.active{opacity:1}
.sdgsIcons img {padding-left:5px;padding-right:5px}
.chapter{padding-left:0px;padding-right:0px;margin-bottom:-6px;/*margin-top:-20px*/}
.chapter img{padding-left:0px;padding-right:0px;width:100%}
.gradient {background: radial-gradient(#A7CDD0, #288491)}
#slidersHL div {padding-bottom:30px}
.unctad_logo{width:auto;margin-right:0.5em;margin-left:0.5em;margin-top:0.6em}



#AR2018Nav a {    color: black;    padding-right: 8px;    padding-top: 2px;    padding-bottom: 2px;    text-decoration: none;    display: block;    font-weight: 300;}
#AR2018Nav ul {visibility: visible;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;-webkit-box-shadow: -12px 10px 14px -10px rgba(0,0,0,0.75);-moz-box-shadow: -12px 10px 14px -10px rgba(0,0,0,0.75);box-shadow: -12px 10px 14px -10px rgba(0,0,0,0.75);}
.chapter img {box-shadow:inset 0px 11px 8px -10px #CCC,inset 0px -11px 8px -10px #CCC }
.firstChapter {margin-top:60px}

.centerLeft {text-align:left}

.navbar-collapse:hover  {    display: block;    margin-top: 0}
#subthemes {background-color:#FDB913;padding-top:20px;color:black}
.subthemesTitle {text-align:center;line-height:40px;font-weight:600;padding-bottom:20px;font-size:26px}
.subtheme img {max-width:60px}
.subtheme span {;color:#fff;padding-right:15px;padding-left:15px;font-size:22px}
.subtheme {opacity:0.9;min-height:175px}
.subtheme:hover {opacity:1}

li.nav-item {list-style:none}

	

.scrollable-menu {height: auto; max-height:  90vh; overflow-x: hidden;}
.white {background-color:#fff}

.slidesIS1 {background: url(../../PublishingImages/is/box-impact1.jpg); background-size: 100% 100%; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover}
.slidesIS2 {background: url(../../PublishingImages/is/box-impact2.jpg); background-size: 100% 100%; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover}
.slidesIS3 {background: url(../../PublishingImages/is/box-impact3.jpg); background-size: 100% 100%; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover}
.slidesIS4 {background: url(../../PublishingImages/is/box-impact4.jpg); background-size: 100% 100%; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover}
.slidesIS5 {background: url(../../PublishingImages/is/box-impact5.jpg); background-size: 100% 100%; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover}
.slidesIS6 {background: url(../../PublishingImages/is/box-impact6.jpg); background-size: 100% 100%; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover}
.IsTitle {font-size:36px;font-weight:500;margin-bottom:20px;margin-top:20px}
.readMore { background-color: #FDB913; border-color:#FDB913; color:white !important}
.readMore:hover { color:#000 !important}


.container-fluid .chapter { position: relative}
.homeTitle1 {position: absolute;  top: 50%;  right: 5%;  transform: translate(0%, -50%);  padding-top:10px;  padding-bottom:100px;  padding-left:200px;  font-size:70px;  text-align: left; font-weight: 900;line-height:60px}
.homeTitle2 {position: absolute;  top: 60%;  right: 0%;  transform: translate(0%, -60%);  padding-top:10px;  padding-bottom:10px;  padding-left:30px;  padding-right:200px;  font-size:24px;  text-align: left; color:#044C7E; background-color: #fff;line-height:30px}
.chapterTitle {position: absolute;  top: 50%;  left: 0%;  transform: translate(0%, -50%);  background-color:#044C7E;  color: #FDB913; padding-top:10px;  padding-bottom:10px;  padding-left:200px;  padding-right:60px;  font-size:60px;  border-radius: 0px 20px 20px 0px; line-height: 50px}

.introductionBar {position: absolute;  top: 0;  left: 0%;   background-color:#044C7E;  color: #FDB913; opacity: 0.9;  /*font-size:60px;*/ height: 210px;width:100%}
.introductionBar img {height:60px;width:auto;box-shadow:inherit;padding-top:10px;margin-bottom:15px}
.introductionBar div.row div{text-align:center}
.introductionBarN {font-weight:400;font-size:60px;line-height:20px;display:block}
.introductionBarW {font-size:16px;color:#fff;line-height:20px;display:block}

.introductionBarB {background-color:#044C7E;  color: #FDB913; opacity: 0.9;/*padding-bottom:20px;padding-top:20px*/}
.introductionBarB img {height:60px;width:auto;box-shadow:inherit;padding-top:10px;margin-bottom:15px}
.introductionBarB div.row div{text-align:center;padding-bottom:20px}


#background{    position:absolute;  top:300px; z-index:100;}
#bg-text{    color:lightgrey;    font-size:120px;    transform:rotate(-45deg);    -webkit-transform:rotate(-45deg); color:red}

.btn-yellow {background-color:#FDB913;border-color:#FDB913;color:#000;text-transform:uppercase;font-size:12px;border-radius:10px;padding: 3px 7px}
.btn-yellow:hover {color:#fff}
.highPartner {font-size:50px;font-weight:700;text-align:center}	

@media (max-width: 739px) {
/*	nav#ui_site_nav #ui_top_nav li.menu-icon > .label {display: block; width: 180px; height: 0; position: absolute; top: 100%; /*left: calc(50% - 45px);*/ right: 0; margin-top: 37px; transition: height 0.2s ease-out; }
	nav#ui_site_nav #ui_top_nav li.menu-icon > .label ul {width: 100%; height: 100%; position: relative; overflow: hidden; }
	nav#ui_site_nav #ui_top_nav li.menu-icon > .label ul > li {width: 100%; display: block; height: 40px; margin: 0; }
	nav#ui_site_nav #ui_top_nav li.menu-icon > .label ul > li a {color: #66665c; height: 40px; display: block; width: 100%; line-height: 20px; text-align: right; padding: 10px 15px; }
	nav#ui_site_nav #ui_top_nav li.menu-icon > .label ul > li a:hover {color: #044C7E; }
	nav#ui_site_nav #ui_top_nav li.menu-icon.active > a {color: #044C7E; }
	nav#ui_site_nav #ui_top_nav li.menu-icon.active > .label {height: auto; }
	nav#ui_site_nav #ui_top_nav .menu-icon .label a{position: relative;}
	nav#ui_site_nav #ui_top_nav li{position: relative;}
	.end_anchor{display: none;}*/
	.unctad_logo{margin-left:0;/*max-width:50%*/}
	.ar_menu .dropdown-content a{padding:4px 8px}
	.ar_menu{margin-top:0}
	.ar_menu{top:1.5em}
	.maintitle {font-size:22px}
}

@media (max-width:575px){
		.navbar a {max-width:80%}
	.centerLeft {text-align:center}
	.firstChapter {margin-top:58px}
	h2{padding-bottom:20px!important;padding-top:20px}
	#downloadpdf {display:none}

	footer{padding:0 20px 80px 20px}
	#slidersHL div {padding-bottom:30px}
	h2 span {padding-left:0px:margin-left:0px;font-size: 26px;}
	.HLDetailsIcon{display:none}
	.introductionBar {height: 410px;display:block}
	.introductionBarN {font-size:20px}
	.maintitle {font-size:16px}
}


@media (min-width: 576px) {
.mobile-break { display: none; }
.subtheme-label {margin-top: -3px;}
/*.cut{background:#044C7E;display:inline-block;height:25px;margin-left:0px;margin-bottom:-8px;position:relative;width:20px}
.cut:before{border-bottom:18px solid #044C7E;border-right:30px solid transparent;content:"";height:0;left:0;position:absolute;top:-18px;width:0}
.cutRed{background:#FDB913;}
.cutRed:before{border-bottom:18px solid #FDB913}*/
.next{right:-30px}
.prev{left:-30px}

}

@media (max-width:499px){
	.unctad_logo{margin-top:0.2em;margin-left:0;/* max-width:50%*/}
	#maafikianoTitle {font-size:12px;line-height:1.2em !important}
	h2 span {padding-left:0px;padding-right:0px}
	/*.sdgsNav a > img {max-width:30px}*/
	.highPartner {font-size:30px;}	
	.navbar-toggler    { padding: 0;}
}