/* ######################################################################################## ICON MENU STYLE ### */

.csc-textpic-text h4 {font-size: 19px !important;}

#c543818 ul {margin: 0px; margin-top: -13px; margin-bottom: 15px; padding: 0px;}
#c543818 ul:after {clear: both; display: block; content:'';}
#c543818 ul li {left: 0px !important;}
#c543818 ul li.sdg-icon {list-style: none; float: left; margin-right: 1px;}

#c543818 ul li.sdg-icon img {opacity:0.4; filter:url(~"data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); -webkit-filter: grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter: gray;}
#c543818 ul li.sdg-icon img:hover {opacity:1; filter: none; -webkit-filter: grayscale(0%); -moz-filter:grayscale(0%); -ms-filter:grayscale(0%); -o-filter:grayscale(0%); cursor: pointer;}

#c543818 ul li.sdg01 img,
#c543818 ul li.sdg04 img,
#c543818 ul li.sdg05 img,
#c543818 ul li.sdg08 img,
#c543818 ul li.sdg10 img,
#c543818 ul li.sdg16 img,
#c543818 ul li.sdg17 img {opacity:0.2;}

#c543818 ul li.sdg03 img,
#c543818 ul li.sdg09 img,
#c543818 ul li.sdg13 img,
#c543818 ul li.sdg14 img {opacity:0.2;}/*0.3*/

#c543818 ul li.sdg07 img {opacity:0.2;}/*0.5*/

/* ######################################################################################################################################## TAB STYLE ### */

div.csc-default .ui-widget-header {background: none; background-color:#ffffff; border: none; border-bottom: 2px solid #23368F; }
div.csc-default .ui-tabs {padding: 0px 0px 0px 0px;}
div.csc-default .ui-tabs .ui-tabs-nav {margin: 0px; padding-left: 0px; }

div.csc-default div.tx-jfmulticontent-pi1 {margin: 20px 0px;}

div.csc-default .ui-tabs .ui-tabs-nav li {border-bottom: 0 none !important; float: left; list-style: none outside none; margin: 0 0.2em 1px 0; padding: 0; position: relative; top: 1px; white-space: nowrap;}
div.csc-default .ui-tabs .ui-tabs-nav li a {font-family: inherit; text-transform: capitalize;}

div.csc-default .ui-widget {font-family: inherit;} 
div.csc-default .ui-widget .csc-header {display: none;}

div.csc-default .ui-state-default, div.csc-default .ui-widget-content .ui-state-default, div.csc-default .ui-widget-header .ui-state-default {background: url("http://typo3.fao.org/typo3conf/ext/jfmulticontent/res/jquery/css/theme-1.8.16/images/ui-bg_glass_65_ffffff_1x400.png") repeat-x scroll 50% 50% #FFFFFF;}
div.csc-default .ui-state-active, div.csc-default .ui-widget-content .ui-state-active, div.csc-default .ui-widget-header .ui-state-active {background: url("http://typo3.fao.org/typo3conf/ext/jfmulticontent/res/jquery/css/theme-1.8.16/images/ui-bg_glass_100_f6f6f6_1x400.png") repeat-x scroll 50% 50% #F6F6f6;}

div.csc-default div.tx-jfmulticontent-pi1 h2 {font-family: inherit; color: #222222; font-weight: normal;}
div.csc-default div.tx-jfmulticontent-pi1 h3 {font-family: inherit; margin-top: 20px; margin-bottom: 8px;}

div.csc-default div.tx-jfmulticontent-pi1 h5 {padding: 15px;}
div.csc-default div.tx-jfmulticontent-pi1 h5 span {font-family: inherit !important; color: #333333 !important; line-height: 19px !important;}

div.csc-default .ui-widget-content a {color: #23368F; text-decoration: none; font-weight: bold; padding: 7px 12px;}
div.csc-default .ui-widget-content a:hover {text-decoration: underline;}

div.csc-default .ui-state-default a, div.csc-default .ui-state-default a:link, div.csc-default .ui-state-default a:visited {color: #23368F;}
div.csc-default .ui-state-active a, div.csc-default .ui-state-active a:link, div.csc-default .ui-state-active a:visited {color: #333333; }
div.csc-default .ui-state-active, div.csc-default .ui-widget-content .ui-state-active, div.csc-default .ui-widget-header .ui-state-active {border: 1px solid #333333;}
div.csc-default .ui-state-default, div.csc-default .ui-widget-content .ui-state-default, div.csc-default .ui-widget-header .ui-state-default {border: none;}

div.csc-default .ui-widget-content {border: none; background-color: #f6f6f6;}
div.csc-default .ui-tabs .ui-tabs-panel {border: none; padding: 25px 30px 30px; font-size: 0.9em;}
div.csc-default .ui-tabs .ui-tabs-panel a {padding: 0px;}
div.csc-default .ui-tabs .ui-tabs-panel li {}
div.csc-default .ui-tabs .ui-tabs-panel .csc-default {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}
div.csc-default .ui-tabs .ui-tabs-panel img {border: 1px solid #333333;}
div.csc-default .ui-tabs .ui-tabs-panel p.bodytext {margin-top: 8px; margin-bottom: 12px; line-height: 18px;}
div.csc-default .ui-tabs .ui-tabs-panel p.bodytext b {color: #23368F;}

div.csc-default .ui-corner-all, div.csc-default .ui-corner-bottom, div.csc-default .ui-corner-right, div.csc-default .ui-corner-br {border-radius: 0px;}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tl {border-top-right-radius: 0px;}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {border-top-left-radius: 0px;}

div.csc-default .ui-tabs .ui-tabs-nav li a {background: #d09f40; font-size: 1.0em; font-weight: 600; color: #fff !important;}
div.csc-default .ui-widget-header {border-bottom: 3px solid #d09f40;}

/* #########################################################################################   SLICK GALLERY */

.icon-photo {position: absolute; left: 14px; top: 16px;}

.fade {width: 382px; max-height: 359px; float: left; overflow: hidden; margin-right: 25px;}

.fade-sdg01 {border-top: 3px solid rgb(229, 35, 59);}
.fade-sdg01 .caption {
  background: rgb(229, 35, 59); /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(rgba(229, 35, 59,0.8),rgba(229, 35, 59,1)); /*Safari 5.1-6*/
  background: -o-linear-gradient(rgba(229, 35, 59,0.8),rgba(229, 35, 59,1)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(rgba(229, 35, 59,0.8),rgba(229, 35, 59,1)); /*Fx 3.6-15*/
  background: linear-gradient(rgba(229, 35, 59,0.8), rgba(229, 35, 59,1)); /*Standard*/
}

.fade-sdg02 {border-top: 3px solid rgb(220, 166, 58);}
.fade-sdg02 .caption {
  background: rgb(220, 166, 58); /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(rgba(220, 166, 58,0.8),rgba(220, 166, 58,1)); /*Safari 5.1-6*/
  background: -o-linear-gradient(rgba(220, 166, 58,0.8),rgba(220, 166, 58,1)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(rgba(220, 166, 58,0.8),rgba(220, 166, 58,1)); /*Fx 3.6-15*/
  background: linear-gradient(rgba(220, 166, 58,0.8), rgba(220, 166, 58,1)); /*Standard*/
}

.fade-sdg03 {border-top: 3px solid rgb(77, 160, 56);}
.fade-sdg03 .caption {
  background: rgb(77, 160, 56); /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(rgba(77, 160, 56,0.8),rgba(77, 160, 56,1)); /*Safari 5.1-6*/
  background: -o-linear-gradient(rgba(77, 160, 56,0.8),rgba(77, 160, 56,1)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(rgba(77, 160, 56,0.8),rgba(77, 160, 56,1)); /*Fx 3.6-15*/
  background: linear-gradient(rgba(77, 160, 56,0.8), rgba(77, 160, 56,1)); /*Standard*/
}

.fade-sdg04 {border-top: 3px solid rgb(199, 33, 47);}
.fade-sdg04 .caption {
  background: rgb(199, 33, 47); /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(rgba(199, 33, 47,0.8),rgba(199, 33, 47,1)); /*Safari 5.1-6*/
  background: -o-linear-gradient(rgba(199, 33, 47,0.8),rgba(199, 33, 47,1)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(rgba(199, 33, 47,0.8),rgba(199, 33, 47,1)); /*Fx 3.6-15*/
  background: linear-gradient(rgba(199, 33, 47,0.8), rgba(199, 33, 47,1)); /*Standard*/
}

.fade-sdg05 {border-top: 3px solid rgb(255, 58, 32);}
.fade-sdg05 .caption {
  background: rgb(255, 58, 32); /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(rgba(255, 58, 32,0.8),rgba(255, 58, 32,1)); /*Safari 5.1-6*/
  background: -o-linear-gradient(rgba(255, 58, 32,0.8),rgba(255, 58, 32,1)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(rgba(255, 58, 32,0.8),rgba(255, 58, 32,1)); /*Fx 3.6-15*/
  background: linear-gradient(rgba(255, 58, 32,0.8), rgba(255, 58, 32,1)); /*Standard*/
}

.fade-sdg06 {border-top: 3px solid rgb(39, 189, 226);}
.fade-sdg06 .caption {
  background: rgb(39, 189, 226); /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(rgba(39, 189, 226,0.8),rgba(39, 189, 226,1)); /*Safari 5.1-6*/
  background: -o-linear-gradient(rgba(39, 189, 226,0.8),rgba(39, 189, 226,1)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(rgba(39, 189, 226,0.8),rgba(39, 189, 226,1)); /*Fx 3.6-15*/
  background: linear-gradient(rgba(39, 189, 226,0.8), rgba(39, 189, 226,1)); /*Standard*/
}

.fade-sdg07 {border-top: 3px solid rgb(253, 195, 10);}
.fade-sdg07 .caption {
  background: rgb(253, 195, 10); /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(rgba(253, 195, 10,0.8),rgba(253, 195, 10,1)); /*Safari 5.1-6*/
  background: -o-linear-gradient(rgba(253, 195, 10,0.8),rgba(253, 195, 10,1)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(rgba(253, 195, 10,0.8),rgba(253, 195, 10,1)); /*Fx 3.6-15*/
  background: linear-gradient(rgba(253, 195, 10,0.8), rgba(253, 195, 10,1)); /*Standard*/
}

.fade-sdg08 {border-top: 3px solid rgb(162, 26, 66);}
.fade-sdg08 .caption {
  background: rgb(162, 26, 66); /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(rgba(162, 26, 66,0.8),rgba(162, 26, 66,1)); /*Safari 5.1-6*/
  background: -o-linear-gradient(rgba(162, 26, 66,0.8),rgba(162, 26, 66,1)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(rgba(162, 26, 66,0.8),rgba(162, 26, 66,1)); /*Fx 3.6-15*/
  background: linear-gradient(rgba(162, 26, 66,0.8), rgba(162, 26, 66,1)); /*Standard*/
}

.fade-sdg09 {border-top: 3px solid rgb(254, 105, 37);}
.fade-sdg09 .caption {
  background: rgb(254, 105, 37); /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(rgba(254, 105, 37,0.8),rgba(254, 105, 37,1)); /*Safari 5.1-6*/
  background: -o-linear-gradient(rgba(254, 105, 37,0.8),rgba(254, 105, 37,1)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(rgba(254, 105, 37,0.8),rgba(254, 105, 37,1)); /*Fx 3.6-15*/
  background: linear-gradient(rgba(254, 105, 37,0.8), rgba(254, 105, 37,1)); /*Standard*/
}

.fade-sdg10 {border-top: 3px solid rgb(221, 19, 103);}
.fade-sdg10 .caption {
  background: rgb(221, 19, 103); /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(rgba(221, 19, 103,0.8),rgba(221, 19, 103,1)); /*Safari 5.1-6*/
  background: -o-linear-gradient(rgba(221, 19, 103,0.8),rgba(221, 19, 103,1)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(rgba(221, 19, 103,0.8),rgba(221, 19, 103,1)); /*Fx 3.6-15*/
  background: linear-gradient(rgba(221, 19, 103,0.8), rgba(221, 19, 103,1)); /*Standard*/
}

.fade-sdg11 {border-top: 3px solid rgb(253, 157, 36);}
.fade-sdg11 .caption {
  background: rgb(253, 157, 36); /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(rgba(253, 157, 36,0.8),rgba(253, 157, 36,1)); /*Safari 5.1-6*/
  background: -o-linear-gradient(rgba(253, 157, 36,0.8),rgba(253, 157, 36,1)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(rgba(253, 157, 36,0.8),rgba(253, 157, 36,1)); /*Fx 3.6-15*/
  background: linear-gradient(rgba(253, 157, 36,0.8), rgba(253, 157, 36,1)); /*Standard*/
}

.fade-sdg12 {border-top: 3px solid rgb(193, 138, 47);}
.fade-sdg12 .caption {
  background: rgb(193, 138, 47); /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(rgba(193, 138, 47,0.8),rgba(193, 138, 47,1)); /*Safari 5.1-6*/
  background: -o-linear-gradient(rgba(193, 138, 47,0.8),rgba(193, 138, 47,1)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(rgba(193, 138, 47,0.8),rgba(193, 138, 47,1)); /*Fx 3.6-15*/
  background: linear-gradient(rgba(193, 138, 47,0.8), rgba(193, 138, 47,1)); /*Standard*/
}

.fade-sdg13 {border-top: 3px solid rgb(63, 126, 69);}
.fade-sdg13 .caption {
  background: rgb(63, 126, 69); /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(rgba(63, 126, 69,0.8),rgba(63, 126, 69,1)); /*Safari 5.1-6*/
  background: -o-linear-gradient(rgba(63, 126, 69,0.8),rgba(63, 126, 69,1)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(rgba(63, 126, 69,0.8),rgba(63, 126, 69,1)); /*Fx 3.6-15*/
  background: linear-gradient(rgba(63, 126, 69,0.8), rgba(63, 126, 69,1)); /*Standard*/
}

.fade-sdg14 {border-top: 3px solid rgb(8, 152, 215);}
.fade-sdg14 .caption {
  background: rgb(8, 152, 215); /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(rgba(8, 152, 215,0.8),rgba(8, 152, 215,1)); /*Safari 5.1-6*/
  background: -o-linear-gradient(rgba(8, 152, 215,0.8),rgba(8, 152, 215,1)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(rgba(8, 152, 215,0.8),rgba(8, 152, 215,1)); /*Fx 3.6-15*/
  background: linear-gradient(rgba(8, 152, 215,0.8), rgba(8, 152, 215,1)); /*Standard*/
}

.fade-sdg15 {border-top: 3px solid rgb(86, 192, 42);}
.fade-sdg15 .caption {
  background: rgb(86, 192, 42); /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(rgba(86, 192, 42,0.8),rgba(86, 192, 42,1)); /*Safari 5.1-6*/
  background: -o-linear-gradient(rgba(86, 192, 42,0.8),rgba(86, 192, 42,1)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(rgba(86, 192, 42,0.8),rgba(86, 192, 42,1)); /*Fx 3.6-15*/
  background: linear-gradient(rgba(86, 192, 42,0.8), rgba(86, 192, 42,1)); /*Standard*/
}

.fade-sdg16 {border-top: 3px solid rgb(0, 104, 157);}
.fade-sdg16 .caption {
  background: rgb(0, 104, 157); /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(rgba(0, 104, 157,0.8),rgba(0, 104, 157,1)); /*Safari 5.1-6*/
  background: -o-linear-gradient(rgba(0, 104, 157,0.8),rgba(0, 104, 157,1)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(rgba(0, 104, 157,0.8),rgba(0, 104, 157,1)); /*Fx 3.6-15*/
  background: linear-gradient(rgba(0, 104, 157,0.8), rgba(0, 104, 157,1)); /*Standard*/
}

.fade-sdg17 {border-top: 3px solid rgb(28, 73, 106);}
.fade-sdg17 .caption {
  background: rgb(28, 73, 106); /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(rgba(28, 73, 106,0.8),rgba(28, 73, 106,1)); /*Safari 5.1-6*/
  background: -o-linear-gradient(rgba(28, 73, 106,0.8),rgba(28, 73, 106,1)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(rgba(28, 73, 106,0.8),rgba(28, 73, 106,1)); /*Fx 3.6-15*/
  background: linear-gradient(rgba(28, 73, 106,0.8), rgba(28, 73, 106,1)); /*Standard*/
}

.fade div {overflow:hidden; max-height: 359px;}
.fade img {width: 100%; min-height: 359px;}

.fade .fa-angle-left, 
.fade .fa-angle-right {
    font-size: 0;
    line-height: 0;
    position: absolute;
    display: block;
    z-index: 99;
    background: rgba(0, 0, 0, 0.1);
    height: 230px;
    top: 115px;
    width: 15px;
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
}

.fade .fa-angle-left:hover, 
.fade .fa-angle-right:hover {background: rgba(0, 0, 0, 0.2);}

.fade .fa-angle-left:before, 
.fade .fa-angle-right:before {
    content: "\f105";
    color: #ffffff;
    top: 49%;
    position: relative;
    left: 4px;
    font-size: 22px;
}
.fade .fa-angle-left:before {
    content: "\f104";
}

.fade .fa-angle-left {left: 0px;}
.fade .fa-angle-right {right: 0px;}

.fade .slick-cont {position: relative;}
.fade .slick-cont .caption {
    position: absolute; 
    min-height: 84px; 
    bottom: 0; 
    /* background: rgba(0,0,0,0.3); */ 
    color: #ffffff; 
    width: 333px; 
    padding: 20px 25px; 
    font-size: 1.1em; 
    font-weight: 600; 
    text-shadow:1px 1px 3px rgba(0,0,0,0.3)
}