html {
  overflow-x:hidden;
}

@media (min-width: 300px) and (max-width: 767px) {
  body {
    padding-top:150px;
  }
}

@media (min-width: 1200px) {
  body {
    padding-top:95px;
  }
}

.header-wfd.fixed-header {
  z-index:10;
}

body .container-fluid {
  width:100%;
  margin:0;
  max-width:none;
}

._mainContainer a {
  color:#3a6ec3;
}

.overlay nav {
  display:flex;
  z-index:300;
}

.overlay .overlay-close {
  top:10px;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 58.7 58.7' style='enable-background:new 0 0 58.7 58.7;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%233a6ec3;stroke-width:2;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cline class='st0' x1='11.9' y1='11.9' x2='46.8' y2='46.8'/%3E%3Cline class='st0' x1='46.8' y1='11.9' x2='11.9' y2='46.8'/%3E%3C/svg%3E");
}

[lang="AR"] .overlay .overlay-close {
  left:20px;
  right:auto;
}

.overlay .st0 {
  fill:none;
  stroke:#000;
  stroke-width:2;
  stroke-miterlimit:10;
}

.overlay nav ul li {
  float:none;
  border:0;
}

@media (max-width: 450px) {
  .overlay nav ul li {
      margin-bottom:10px;
  }
}

.overlay nav ul li a {
  color:#3a6ec3;
  font-size:30px !important;
}

@media (min-width: 768px) {
  .overlay nav ul li a {
      font-size:40px !important;
  }

  .header-wfd .header-wfd-right {
    width:45%;
    padding-left:0;
  }

  [lang="AR"] .header-wfd .header-wfd-right {
    padding-left:30px;
    padding-right:0;
  }
}

.overlay nav ul li.active a,
.overlay nav ul li a:hover,
.overlay nav ul li a:focus {
    color: #0897d9;
}

.header-wfd .wfd-right-menu #menuButton {
  outline:none;
  background:transparent none;
  box-shadow:none;
  padding-bottom:0;
}

@media (max-width: 768px)  {
  .header-wfd .wfd-right-menu #menuButton {
    padding-left:0 !important;
  }

  [lang="AR"] .header-wfd .wfd-right-menu #menuButton {
    padding-left:25px !important;
    padding-right:0 !important;
  }
}

.header-wfd .btn.btn-default:active,
.header-wfd .btn.btn-default:focus {
  background:transparent;
  box-shadow:none;
  outline:none;
}

.header-wfd .header-wfd-right .social-wfd.list-inline {
  padding:0 5px !important;
  margin:0 5px;
}

.header-wfd-right .wfd-menu {
  float:left;
  line-height:0;
  padding-left:15px;
  padding-right:15px;
  padding-bottom:10px;
}

[lang="AR"] .header-wfd-right .wfd-menu {
  float:right;
}

[lang="AR"] .header-wfd .header-wfd-right .social-wfd {
  border-left:1px solid #000000;
  border-right:0;
}

.header-wfd .wfd-right-menu #menuButton span {
  margin:0 5px;
  font-weight:200;
  padding-bottom:0;
}

@media (max-width: 768px) {
  .header-wfd .header-wfd-left,
  .header-wfd .header-wfd-left .container {
    padding:0;
  }
}

@media (min-width: 768px) {
  .header-wfd .header-wfd-left,
  [lang="AR"] .header-wfd .header-wfd-left {
    width:55%;
  }

  [lang="AR"] .header-wfd .header-wfd-right {
    width:45%;
  }
}

.header-wfd .header-wfd-left .container {
  margin:0;
}

.header-wfd .header-wfd-left .fao-logo {
  margin-right:0;
  padding-bottom:0;
  width:auto !important;
}

[lang="AR"] .header-wfd .header-wfd-left .fao-logo {
  margin-right:30px;
  margin-left:0;
}

.header-wfd .header-wfd-left .fao-logo img {
  max-width:none;
}

.fao-logo img,
[lang="AR"] .fao-logo img {
  border-right:0;
  border-left:0;
}

.goals-logo, .goal-logo {
  padding:15px 0;
}

.goals-logo img {
  border-left:1px solid #666666;
  padding:0 13px;
}

[lang="AR"] .goals-logo img {
  border-right:1px solid #666666;
  border-left:0;
}

.goal-logo img {
  box-shadow:2px 4px 8px #00000029;
}

/* CONTENT */

.banner-iyafa {
  height:128px;
  background-position:center center;
  padding:0 !important;
  background-size:100% auto;
  display:flex;
}

@media (min-width: 450px) {
  .banner-iyafa {
    height:170px;
  }
}

@media (min-width: 576px) {
  .banner-iyafa {
    height:197px;
  }
}

@media (min-width: 768px) {
  .banner-iyafa {
    height:275px;
  }
}

@media (min-width: 992px) {
  .banner-iyafa {
    height:337px;
  }
}

@media (min-width: 1200px) {
  .banner-iyafa {
    height:500px;
  }
}

.banner-iyafa .banner-text {
  text-transform:none;
  font-weight:
}

.full-width {
  background-size:cover !important;
}

.full-width .container {
  padding:3rem 0;
}

@media (min-width: 768px) {
 .full-width .container {
    padding:10rem 0;
  }
}

._mainContainer .full-width p {
  color:#fff;
}

.header-wfd, .container-wfd, 
.container-wfd-gray, 
.container-wfd-yellow, 
._mainContainer {
  font-weight:300;
}

body .container-fluid {
  padding-left:0;
  padding-right:0;
}

.contest-content .contest-desc p {
  color:#555555;
}

.contest-content .contest-desc p,
.banner-text p {
  font-size:19px;
}

@media (min-width: 768px) {
  .contest-content .contest-desc p,
  .banner-text p {
    font-size:22px;
  }
}

.contest-content .contest-desc a {
  color:#003c72;
}

.contest-content .contest-desc a:hover {
  color:#1dafeb;
  text-decoration:underline;
}

.swiper-wrapper {
  margin:0;
}

.container-fluid._mainContainer div.csc-header h1 {
  color:#003c72;
  font-size:34px !important;
}

.container-fluid._mainContainer div.csc-header h1.csc-firstHeader {
  margin-top:5rem;
  margin-bottom:3rem;
}

h2.blue-title,
.csc-header h2 {
  color:#003c72;
  font-size:28px !important;
  margin:1rem 0 2.5rem 0;
  line-height:35px;
}

@media (min-width: 768px) {
  h2.blue-title,
  .csc-header h2 {
    font-size:38px !important;
    line-height:45px;
  }
}

.key-messages-carousel {
  background-color:#f5f8f8;
  overflow:visible;
  margin-bottom:0;
  padding:3rem 0 5rem 0;
  height:auto !important;
}

.key-messages.swiper-container {
  padding:0 3rem;
}

.key-messages .block h1 {
  color:#ffffff;
  font-size:22px;
  text-align:center;
  margin-bottom:0;
  padding:20px 5px;
}

.key-messages .swiper-slide {
  display:flex;
  flex-direction:column;
  height:auto;
}

.key-messages .block_01 h1 {
  background-color:#003c72;
}

.key-messages .block_02 h1 {
  background-color:#006a94;
}

.key-messages .block_03 h1 {
  background-color:#3eacc0;
}

.key-messages .block p {
  border:1px solid #f6f6f6;
  padding:15px;
  background-color:#ffffff;
  font-size:20px;
  color:#555555;
  margin-bottom:3rem;
  font-weight:400;
  box-shadow:0px 17px 12px #00000029;
  border:1px solid #f6f6f6;
  height:100%;
}

.key-messages strong {
  display:inline-block;
}

._mainContainer h3 {
  margin-bottom:4rem;
}

._mainContainer p {
  font-size:22px;
  font-weight:300;
  color:#555555;
}

._mainContainer .btn.btn-primary,
._mainContainer .contest-btns .btn,
div#dyna_fef_page input[type=submit],
div#dyna_fef_page div#div_submit_button input,
.container-fluid._mainContainer div#dyna_fef_page div#div_submit_button input {
  background-color:#3a6ec3 !important;
  border:1px solid #3a6ec3;
  border-radius:25px !important;
  font-size:18px !important;
  padding:5px 25px !important;
  height:auto;
  margin-left:0;
  margin-right:0;
  line-height:1.4 !important;
}

._mainContainer .btn.btn-primary:hover,
._mainContainer .contest-btns .btn:hover,
div#dyna_fef_page input[type=submit]:hover,
div#dyna_fef_page div#div_submit_button input:hover {
  color:#fff;
  background-color:#0897d9 !important;
  border:1px solid #0897d9;
  line-height:1.4 !important;
  margin-left:0;
  margin-right:0;
}

.contest-content .contest-btns,
.contest-content .contest-btns .btn-primary {
  margin-bottom:0;
  margin-left:0;
  margin-right:0;
}

@media (max-width: 768px) {
  .contest-content .contest-btns,
  .contest-content .contest-btns .btn-primary {
    margin-top:0;
    margin-bottom:2rem;
  }
}

.container-iyph2020-white {
  padding-top:5rem;
  padding-bottom:5rem;
}

.row.banner-text {
  display:flex;
  margin:0;
}

.row.banner-text.flex-row-reverse {
  flex-direction:row-reverse;
}

.objective-iyafa {
  padding-bottom:0 !important;
  background-image:none;
}

.banner-text h2 {
  font-size:38px !important;
  color:#fff;
}

.banner-text-big h2 {
  font-size:50px !important;
}

.row.banner-text .col-xs-10 {
  margin:0 auto;
}

p.text-white, .contest-content .contest-desc p.text-white {
  font-size:19px !important;
  font-weight:400;
  color:#fff;
}

@media (min-width: 768px) {
  p.text-white, .contest-content .contest-desc p.text-white {
    font-size:22px !important;
  }
}

.container-iyafa2022-white {
  padding:3rem 0;
}

@media (min-width: 768px) {
  .container-iyafa2022-white {
    padding:7rem 0;
  }
}

.container-iyafa2022-white.no-padding {
  padding-top:0;
  padding-bottom:0;
  margin-top:0;
}

@media (max-width:768px) {
  .container-iyafa2022-white.no-padding {
    padding-left:30px;
    padding-right:30px;
  }
}

.row-light-blue {
  background-color:#e6ecf8;
}

.container-iyph2020-light-blue {
  padding-top:7rem;
  padding-bottom:7rem;
}

div.csc-default .container-iyph2020-light-blue ul {
  padding:0 2.5rem;
}

.container-iyph2020-light-blue li,
.container-iyph2020-light-blue .contest-desc a {
  color:#3c6fc3;
  font-weight:500;
}

.row-grey {
  background-color:#efefef;
}

.row_841412 .container {
  padding-bottom:0;
  padding-left:30px;
  padding-right:30px;
}

.row_841400 .container {
  padding-top:2rem;
}

.container-event .event-date {
  color:#337ab7;
  text-decoration:none;
  padding:1.5rem;
  font-size:20px;
  background-color:transparent;
}

.container-wfd-yellow {
  padding:7rem 0;
}

.container-wfd-yellow .event-card h2,
.container-wfd-yellow .events-big-date {
  font-size:19px !important;
}

.container-iyph2020-gray {
  padding:7rem 0;
}

.container-event .event-date:hover,
.container-iyph2020-gray a:hover {
  text-decoration:none;
  color:#1dafeb;
}

.links {
  display:flex;
  overflow:hidden;
  padding-bottom:3rem;
}

.links img {
  width:100%;
}

.links a:hover {
  text-decoration:underline;
  color:#1dafeb;
}

.links .col-md-6 {
  float:none;
  padding-bottom:3rem;
}

.links .container-event {
  height:100%;
  background-color:#f4f4f4;
  box-shadow:0px 17px 12px #00000029;
}

.container-wfd-yellow .event-card .event-title {
  height:auto;
  justify-content:unset;
  padding-top:2rem;
  padding-bottom:2rem;
  line-height:25px;
}

.container-wfd-yellow .event-card .event-photo h2 .material-icons {
  top:0;
}

.container-wfd-yellow .event-card .event-photo h2 {
  margin-bottom:15px;
}

.events-cards {
  display:flex;
}

.event-card {
  height:100%;
}

.full-image img {
  width:100%;
  height:auto;
}

._mainContainer .csc-default.white-bg {
  margin:0 30px;
}

.row_840508 div.dyna_form_label {
  width:30%;
}

div#divlabel_user_extextender_order {
  width:100%;
}

._mainContainer .row_840508 form#id_form_dyna_fee div.dyna_form_data input {
  width:100%;
  max-width:none;
}

._mainContainer .row_840508 form#id_form_dyna_fee div.dyna_form_data textarea {
  border: 1px solid #ccc;
  width:100%;
}

._mainContainer .row_840508 form#id_form_dyna_fee div.dyna_form_data select {
  border: 1px solid #ccc;
  width:100%;
}

._mainContainer form#id_form_dyna_fee div.dyna_form_data .dyna_form_input_checkbox {
  width:auto;
}

._mainContainer form#id_form_dyna_fee div.dyna_form_data .dyna_form_input_checkbox:focus {
  box-shadow:none;
}

#dynafef_actions {
  margin-top:6rem;
}

#dyna_fef_page img.dyna_form_input-calendar-icon {
  width:40px;
}

@media (min-width: 992px) {
[lang="AR"] .col-xs-1, 
[lang="AR"] .col-xs-10, 
[lang="AR"] .col-xs-11, 
[lang="AR"] .col-xs-12, 
[lang="AR"] .col-xs-2, 
[lang="AR"] .col-xs-3, 
[lang="AR"] .col-xs-4, 
[lang="AR"] .col-xs-5, 
[lang="AR"] .col-xs-6, 
[lang="AR"] .col-xs-7, 
[lang="AR"] .col-xs-8, 
[lang="AR"] .col-xs-9,
[lang="AR"] .col-md-1, 
[lang="AR"] .col-md-10, 
[lang="AR"] .col-md-11, 
[lang="AR"] .col-md-12, 
[lang="AR"] .col-md-2, 
[lang="AR"] .col-md-3, 
[lang="AR"] .col-md-4, 
[lang="AR"] .col-md-5, 
[lang="AR"] .col-md-6, 
[lang="AR"] .col-md-7, 
[lang="AR"] .col-md-8, 
[lang="AR"] .col-md-9 {
    float:right;
  }
}

.eventsWrapper .list-details .list-title {
  font-size:25px;
  margin-bottom:1rem;
}

@media (max-width: 768px) {
  .image-container img {
    width:100%;
  }
}

@media (max-width: 992px) {
  .events-text {
    margin-top:7rem;
  }
}

.container-wfd-yellow .event-card .event-date {
  height:auto;
  padding:30px;
}

#c841254 {
  background:rgb(0,68,119);
  padding-bottom:5rem;
}

@media (max-width:1200px) and (min-width: 768px) {
  .container.blue-icons-container .col-xs-12:nth-child(3) {
    clear:both;
  }
}

@media (min-width: 1200px) {
  #c841254 {
      background:linear-gradient(180deg, rgba(0,60,114,1) 310px, rgba(0,68,119,1) 310px);  
  }
}

@media (min-width: 1400px) {
  .container.blue-icons-container {
    width:1320px;
  }
}

.blue-icons-container h4 {
  color:#fff;
  margin:4rem 0;
}

.blue-icons-container .icon {
  padding:5rem 0 0 0;
}

@media (min-width: 1200px) {
  .blue-icons-container .icon {
    padding-bottom:5rem;
  }
}

.blue-icons-container p {
  color:#fff;
}

@media (min-width: 768px) {
  .d-flex {
    display:flex;
  }
}

.d-flex .col-md-6 {
  align-self:center;
}

@media (max-width: 768px) {
  .row .guide-image {
    text-align:center;
   }

  .row .guide-image img {
    /*max-width:40%;*/
    margin:2rem auto;
  }
}

.supporters .row {
  display:flex;
  flex-direction:column;
  margin-
}

.supporters .grid-wrapper {
  display:grid;
  padding:0 15px;
  column-gap:30px;
  row-gap:30px;
  margin-top:10px;
  grid-template-columns:repeat(2, 1fr);
}

.regional-partners,
.others-partners {
  margin-top:-7rem;
}

@media (min-width: 576px) {
  .supporters .grid-wrapper {
    grid-template-columns:repeat(3, 1fr);
  }
}

@media (min-width: 992px) {
  .supporters .grid-wrapper {
    grid-template-columns:repeat(4, 1fr);
  }
}

@media (min-width: 1200px) {
  .national-partners .grid-wrapper {
    grid-template-columns:repeat(5, 1fr);
  }

  .regional-partners .grid-wrapper {
    grid-template-columns:repeat(3, 1fr);
  }

  .others-partners .grid-wrapper {
    grid-template-columns:repeat(4, 1fr);
  }
}

.row_841798 .container {
  margin-bottom:-7rem;
}

.row .contenttable tr {
  border-top:1px solid #ccc;
}

.row .contenttable tr:first-child {
  border-top:0;
}

.row .contenttable td {
  padding:2rem 1rem;
  display:table-row;
}

@media (min-width: 768px) {
  .row .contenttable td {
    display:table-cell;
  }
}

.row_840977 .container {
  margin-bottom:-1rem;
}

@media (min-width:768px) {
  .row_840977 .container {
    margin-bottom:-5rem;
  }
} 

/* RIGHT COLUMN */ 

.r-col div#dyna_fef_page select {
  width:-webkit-fill-available;
  width:-moz-fill-available;
}

.r-col h3.csc-firstHeader {
  margin-top:5rem;
}

/* FOOTER */

html body footer {
  background-color:#fff;
  margin:0;
  padding-left:0;
  padding-right:0;
  padding-top:0;
}

html body footer a {
  color:#0d6cac;
  font-size:14px;
}

html body footer a:hover {
  color:#1dafeb;
  font-size:14px;
}

html body footer ul {
  max-width:none;
}

html body footer .section-title {
  margin-top:0; 
}

html body footer .row {
  height:100%;
}

html body footer .row .col {
  padding:0 2.5rem;
}

html body footer .row .col.fao {
  padding-top:0;
  padding-bottom:0;
}

html body footer .row-right .col {
  align-self:center;
}

@media (min-width: 992px) {
  footer .left-col {
    padding-top:5px;
  }
}

@media (min-width: 1200px) {
  footer .left-col {
    padding-top:15px;
  }
}

footer .left-col .col-xs-4:nth-child(2),
footer .left-col .col-xs-7 {
  border-left:1px solid #666666;
  border-right:1px solid #666666;
}

footer .left-col .col-xs-7 {
  border-left:1px solid #666666;
}

[lang="AR"] footer .left-col .col-xs-6:nth-child(2),
[lang="AR"] footer .left-col .col-xs-7 {
  border-left:0;
  border-right:1px solid #666666;
}

footer .right-col .row {
  display:flex;
}

footer .right-col .col-xs-6:nth-child(2) {
  border-left:1px solid #666666;
}

[lang="AR"] footer .right-col .col-xs-6:nth-child(2) {
  border-right:1px solid #666666;
  border-left:0;
}

footer div.csc-default ul {
  padding:0;
  margin-bottom:0;
  white-space:nowrap;
}

[lang="AR"] footer ul {
  float:right;
}

footer ul li {
  margin-bottom:0 !important;
}

[lang="AR"] footer ul li {
  right:0;
  left:1em;
}

.list-inline.social-icons img {
  width:30px;
}

[lang="AR"] footer .left-col,
[lang="AR"] footer .right-col {
  float:right;
}

@media (max-width: 992px) {
  .left-col {
    margin-bottom:2rem;
  )  
)