html {
  overflow-x:hidden;
}

body,
p,
h2,
a {
  font-family:'Barlow Semi Condensed', sans-serif;
}

body {
  background:none transparent;
  padding-top:146px !important;
  }

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

[lang="AR"] .header-wfd, 
[lang="AR"] .container-wfd, 
[lang="AR"] .container-wfd-gray, 
[lang="AR"] .container-wfd-yellow, 
[lang="AR"] ._mainContainer,
[lang="AR"] .join-us, 
[lang="AR"] .swiper-container,
[lang="AR"] .WFD-Blue-Bg,
[lang="AR"] footer {
  direction:rtl;
  }

.container-fluid a,
body footer a,
body footer a:hover {
  color:#22afe8;
  }

.container-fluid .btn.btn-primary {
  font-size:15px;
  padding:8px 40px;
  border:0;
  color:#fff;
  }

.container-fluid .btn.btn-primary:hover {
  opacity:.9;
  }

.container-fluid .btn.btn-primary:active:focus {
  background-color:#1dafeb;
  border:0;
}

.header-wfd h2, .container-wfd h2, .container-wfd-gray h2, .container-wfd-yellow h2, ._mainContainer h2 {
    font-size:36px;
    line-height:2.8rem;
}

/* HEADER */

.header-wfd {
  display:block;
  }

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

.header-wfd .header-wfd-left {
  background-color:#fff;
  float:none;
  width:100%;
  padding:0;
  }

.fixed-header .header-wfd-left {
  display:none;
  }

@media (min-width: 768px) {
  .fixed-header .header-wfd-left {
    display:block;
  }

  .header-wfd .header-wfd-left {
    width:40%;
  }
}

@media (min-width: 1200px) {
  .header-wfd .header-wfd-left {
    width:50%;
  }
}

[lang="AR"] .header-wfd .header-wfd-left {
  width:inherit;
  }

.header-wfd .header-wfd-left .container {
  display:flex;
  height:100%;
  align-items:center;
  width:auto;
  }

.header-wfd .header-wfd-left .fao-logo {
  width:auto;
  margin-top:0;
  margin-right:5px;
  }

@media (min-width: 768px) {
  .header-wfd .header-wfd-left .fao-logo {
    width:auto;
  }
}

@media (min-width: 1200px) {
  .header-wfd .header-wfd-left .fao-logo {
    width:auto;
    height:54px;
  }
}

.fao-logo {
  padding:0 !important;
  }

.fao-logo img {
  width:auto;
  height:100%;
  padding:2rem 0;
  }

@media (min-width: 768px) {
  .fao-logo img {
    padding:0;
  }
}

.wfd-logo {
  display:flex;
  flex-direction:column;
  flex-shrink:0;
  flex-grow:0.3;  
  }

.header-wfd .header-wfd-right {
  height:auto;
  padding:1rem 15px;
  float:none;
  width:100%;
  }

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

@media (min-width: 768px) {
  .header-wfd .header-wfd-right {
    width:60%;
  }
}

@media (min-width: 1200px) {
  .header-wfd .header-wfd-right {
    width:50%;
    padding:1rem 3rem;
  }
}

.header-wfd .header-wfd-right .container {
  display:flex;
  width:100%;
  padding:0;
  align-items:center;
  }

.wfd-logo .header-title-date {
  font-size:18px !important;
  font-weight:400;
  margin-top:.5rem;
  margin-bottom:4px;
  transform:scale(1, 1.1);
  transform-origin:top left;
  }

@media (min-width: 768px) {
  .wfd-logo .header-title-date {
    font-size:19px !important;
    margin-top:1rem;
  }
}

.wfd-logo .header-title-label {
  font-size:24px !important;
  font-weight:600;
  transform:scale(1, .93);
  margin:.5rem 0;
  transform-origin:top left;
  }

@media (min-width: 768px) {
  .wfd-logo .header-title-label {
    font-size:30px !important;
    margin-bottom:0;
  }
}

@media (min-width: 1200px) {
  .wfd-logo .header-title-label {
    font-size:33px !important;
    margin-top:0;
  }
}

[lang="FR"] .wfd-logo .header-title-label {
  text-align:left;
  transform:scale(.94, .93);
  transform-origin:top left;
  font-size:29px !important;
  }

[lang="IT"] .wfd-logo .header-title-label {
  font-size:29px !important;
  }

[lang="RU"] .wfd-logo .header-title-label {
  transform:scale(.80, .93);
  transform-origin:top left;
  font-size:29px !important;
  text-align:left;
  white-space:nowrap;
  }

[lang="RU"] .wfd-logo .header-title-date {
  text-align:left;
  }

.header-wfd .header-wfd-right .wfd-right-menu {
  display:flex;
  height:31px;
  padding:0 12px;
  position:absolute;
  right:0;
  align-self:end;
  }

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

@media (min-width: 768px) {
  .header-wfd .header-wfd-right .wfd-right-menu {
    align-self:center;
    padding:0 15px; 
  }
}

.header-wfd .header-wfd-right .social-wfd {
  display:flex;
  align-items:center;
  padding:0 5px;
  border-width:thin;
  margin-right:10px;
  }

[lang="AR"] .header-wfd .header-wfd-right .social-wfd {
  border-right:0;
  border-left:1px solid #fff;
  border-width:thin;
  margin-left:10px;
  margin-right:0;
  }

@media (min-width: 768px) {
  .header-wfd .header-wfd .header-wfd-right .social-wfd  {
    padding:0 15px;
    margin-right:20px;    
  }
}

.header-wfd .header-wfd-right .lang-select {
  font-size:20px;
  }

/* CONTENT HOME */

.wfd-light,
.wfd-bold {
  line-height:1.2;
  font-size:25px;
  }

@media (min-width: 768px) {
  .wfd-light,
  .wfd-bold {
    font-size:30px;
  }
}

.container .row {
  display:flex;
  flex-direction:column;
  }

@media (min-width: 992px) {
.container .row {
  flex-direction:row;
  }
}

.biodiversity .centered, .zerh-hunger .centered {
  left:40%;
  }

[lang="AR"] .biodiversity .centered, 
[lang="AR"] .zerh-hunger .centered {
  left:50%;
  }

.biodiversity p, .zerh-hunger p {
  font-size:16px;
  line-height:1.3;
  }

@media (min-width: 992px) {
  .biodiversity p, .zerh-hunger p {
    font-size:18px;
    line-height:1.5;
  }
}

.biodiversity h1, .zerh-hunger h1 {
  font-size:25px;
  margin-top:10px;
  }

@media (min-width: 992px) {
  .biodiversity h1, .zerh-hunger h1 {
    font-size:27px;
    margin-top:20px;
  }
}

@media (min-width: 1200px) {
  .biodiversity h1, .zerh-hunger h1 {
    font-size:30px;
  }
}

.container .centered {
  width:100%;
  left:50%;
  }

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

@media (min-width: 992px) {
  .container .centered {
    max-width:800px;
    left:45%;
    padding:0;
  }
}

@media (min-width: 1200px) {
  .container .centered {
    max-width:700px;
    left:40%;
    padding:0;
  }
}

.container .centered h1:first-of-type {
  margin-top:0;
  }

.container.zerh-hunger {
  padding:2rem 15px;
  }

@media (min-width: 768px) {
  .container.zerh-hunger {
    padding:0 15px;
  }
}

p.important {
  font-weight:bold;
  font-size:20px;
  margin:0;
  }

@media (min-width: 992px) {
  p.important {
    font-size:24px;
  }
}

.contest-content .contest-desc p {
  font-size:17px;
    }

@media (min-width: 992px) {
  .contest-content .contest-desc p {
    font-size:18px;
  }
}

.imgoverlape,
.imgoverlape-sx {
  position:absolute;
  width:100%;
} 

@media (min-width: 768px) {
  .imgoverlape,
  .imgoverlape-sx {
    height:100%;
  } 
}

.imgoverlape::before {
  content:'';
  position:absolute;
  left:0;
  top:0;
  height:100%;
  width:100%;
  opacity:0.7;
  background:-moz-linear-gradient(right, black 0%, rgba(0, 0, 0, 0) 99%);
  background:-webkit-linear-gradient(right, black 0%, rgba(0, 0, 0, 0) 99%);
  background:linear-gradient(to left, black 0%, rgba(0, 0, 0, 0) 99%);
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 );
}

.imgoverlape-sx::before {
  content:'';
  position:absolute;
  left:0;
  top:0;
  height:100%;
  width:100%;
  opacity:0.7;
  background:-moz-linear-gradient(left, black 0%, rgba(0, 0, 0, 0) 99%);
  background:-webkit-linear-gradient(left, black 0%, rgba(0, 0, 0, 0) 99%);
  background:linear-gradient(to right, black 0%, rgba(0, 0, 0, 0) 99%);
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 );
}

@media (min-width: 768px) {
  .contest-content .contest-desc {
    margin-left:30px;
    margin-right:0;
    margin-bottom:0;
  }

  [lang="AR"] .contest-content .contest-desc {
    margin-right:30px;
    margin-left:0;
  }
}

.join-us {
  background-color:#f7f8f9;
  padding:5rem 0 3rem 0;
  height:100%;
  }

.join-us .container {
  height:100%;
  }

@media (min-width: 768px) {
  .join-us {
    padding:5rem 0;
  }
}

@media (min-width: 1200px) {
  .join-us {
    height:360px;
    border-bottom:1px solid #e4e4e4;
    padding-bottom:0;
    border-bottom:1px solid #e4e4e4;
  }

  [lang="ES"] .join-us {
    height:370px;
  }

  [lang="FR"] .join-us {
    height:400px;
  }

  [lang="ZH"] .join-us {
    height:330px;
  }

  [lang="AR"] .join-us {
    height:350px;
  }

  [lang="RU"] .join-us {
    height:390px;
  }

  [lang="IT"] .join-us {
    height:370px;
  }
}

#c746209 {
  display:inline-block;
  width:100%;
  }

@media (min-width: 1200px) {
  #c746029 {
    height:530px;
  }
}

.swiper-around-the-world {
  width:100%;
  height:400px;
  }

@media (min-width: 768px) {
  .swiper-around-the-world {
    height:340px;
  }
}

@media (min-width: 992px) {
  .swiper-around-the-world {
    height:400px;
  }
}

.swiper-slide-holder {
  height:100%;
  }

.swiper-slide-photo {
  height:100%;
  background-size:cover;
  background-position:center center;
  }

.swiper-around-the-world .swiper-pagination {
  width:100%;
  bottom:20px;
  }

.swiper-around-the-world .swiper-pagination-bullet {
  border-radius:0;
  width:25px !important;
  height:6px !important;
  }

.swiper-around-the-world .swiper-slide::before {
  content:'';
  position:absolute;
  left:0;
  top:0;
  height:100%;
  width:100%;
  opacity:0.7;
  background:-moz-linear-gradient(left, black 0%, rgba(0, 0, 0, 0) 99%);
  background:-webkit-linear-gradient(left, black 0%, rgba(0, 0, 0, 0) 99%);
  background:linear-gradient(to right, black 0%, rgba(0, 0, 0, 0) 99%);
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 );
}

.swiper-around-the-world .contest-content {
  position:absolute;
  display:flex;
  z-index:2;
  width:100%;
  height:100%;
  padding:4rem;
  }

@media (min-width: 768px) {
.swiper-around-the-world .contest-desc-container {
    padding:0;
  }
}

.swiper-around-the-world .contest-desc-container {
  height:100%;
  }

@media (min-width: 768px) {
.swiper-around-the-world .contest-desc-container {
    max-width:750px;
    width:100%;
    margin:0 auto;
    display:flex;
    align-items:center;
  }
}

@media (min-width: 992px) {
.swiper-around-the-world .contest-desc-container {
    max-width:970px;
  }
}

@media (min-width: 1200px) {
.swiper-around-the-world .contest-desc-container {
    max-width:1170px;
  }
}

.swiper-around-the-world .contest-desc {
  width:100%;
  }

@media (min-width: 992px) {
.swiper-around-the-world .contest-desc {
    width:50%;
  }
}

.swiper-around-the-world .contest-desc h2 {
  margin-top:0;
  line-height:1.3;
  }

.swiper-around-the-world .contest-desc p {
  color:#fff;
  }

.swiper-around-the-world .btn.btn-primary,
.swiper-around-the-world .btn.btn-primary:hover {
  background-color:#22afe8;
  margin:0;
  }

.home-videos {
  background-color:#f7f8f9;
  padding:0 0 3rem 0;
  }

@media (min-width: 768px) {
  .home-videos {
    padding:5rem 0;
  }
}

.home-videos .btn.btn-primary,
.home-videos .btn.btn-primary:hover {
  background-color:#22afe8;
  margin-top:0;
  margin-bottom:3rem;
  }
 
@media (min-width: 992px) {
  .home-videos .btn.btn-primary,
  .home-videos .btn.btn-primary:hover {
    margin-top:5rem;
    margin-bottom:0;
  }
}

.home-videos .event-card .event-photo:before {
  pointer-events:none;
  }

.home-videos .event-card .event-photo {
  height:280px;
  }

.home-videos .event-card .event-title {
  height:auto;
  font-size:18px;
  padding:2rem 0;
  line-height:1.4;
  }

.home-videos .event-card {
  padding:0 30px;
  }

.home-videos .col-md-6 {
  height:auto;
  }

@media (min-width: 768px) {
  .home-videos .col-md-6 {
    height:auto;
    display:flex;
  }
}

.poster-contest .btn.btn-primary,
.poster-contest .btn.btn-primary:hover {
  background-color:#22afe8;
  margin-top:0;
  }

@media (min-width: 768px) {
  .poster-contest .btn.btn-primary,
  .poster-contest .btn.btn-primary:hover {
    margin-top:5rem;
  }
}

.poster-contest {
  padding:3rem 0 0 0;
  }

@media (min-width: 768px) {
  .poster-contest {
    padding:5rem 0;
  }
}

.WFD-Blue-Bg {
  padding:3rem 0;
  }

@media (min-width: 768px) {
  .WFD-Blue-Bg {
    padding:5rem 0;
  }
}

footer {
  padding-top:0;
  }

@media (min-width: 768px) {
  footer {
    padding-top:30px;
  }
}

footer,
footer a {
  font-family:'Open Sans', sans-serif;
  }

footer p.copyright a {
  font-size:14px;
  }

footer div.copyright {
  display:none;
}

.clear{
  clear:both;
}
  
/*
  ########################################################################### themes page
*/

/* Generic class */

.themes-grow{
  background-color:#95C11F;
}

.themes-grow .title{
  color: #ffffff;
  padding:0 14px;
  font-size: 28px;
}

.themes-grow .content{
  width:90%;
  margin: 0 auto;
  font-size: 14px;
  color:#ffffff;
  padding-bottom:20px;
}

.themes-grow .image {
  display:none;
}

.themes-time-build .no-padding{
  padding:0;
}
  
.themes-time-build .title {
    color: #005D2C;
    font-size: 20px;
}

.themes-time-build .width-95{
  width:90%;
}

.themes-our-actions{
  background-color:#E9EEF4;
  padding:20px;
}

.themes-our-actions object {
  max-width:95%;
  float:right;
  padding:2rem;
  }

@media (min-width: 1200px) {
  .themes-our-actions object {
    max-width:75%;

    }
}

.themes-our-actions .image {
    text-align: center;
}

.themes-our-actions .title {
    color: #005D2C;
    font-size: 20px;
}

.themes-our-actions p {
    font-size: 16px;
}

.theme-closing-digital .content-text {
    padding: 0 20px;
}

.theme-closing-digital .content-text h1 {
    font-size: 20px;
}

.theme-closing-digital .content-text p {
    font-size: 14px;
}

@media (min-width: 640px) {

  .theme-closing-digital{
    position:relative;  
  }

  .theme-closing-digital .content-text{
    position:absolute;
    left:25px;
    top:0px; 
    width: 70%; 
  }
  
  [lang="RU"] .theme-closing-digital .content-text {
    left: -5px;
    top: -10px;
    width: 100%;
  }  

  .theme-closing-digital .content-text h1{
    color:#ffffff;
    font-size: 30px;    
  }

  .theme-closing-digital .content-text p{
    color:#ffffff;
    font-size: 18px;
  }
  
  [lang="RU"] .theme-closing-digital .content-text p{
    font-size: 16px;
  }  

}

@media (min-width: 1024px) {

  .themes-grow .title{
    font-size: 50px;
  }
  
  .themes-grow .content{
    width:75%;
    font-size: 15px;
  }
  
  .themes-grow .image {
    display:block;
    margin: -245px 0 0 0;
  } 
  
  .themes-grow .content{
    padding-bottom:0;
  }  
  
  .themes-time-build .title {
      color: #005D2C;
      font-size: 30px;
  }     
  
  .themes-our-actions .title {
      font-size: 30px;
  }   
  
  .themes-our-actions .image {
      text-align: right;
  }  
  
  .themes-our-actions p {
      font-size: 17px;
  }  

}


@media (min-width: 1200px) {
  
  .themes-grow .content{
    width:60%;
    font-size: 16px;
  } 
  
  .themes-time-build .title {
      color: #005D2C;
      font-size: 40px;
  }  
  
  .themes-our-actions .title {
      font-size: 40px;
  }
  
  .themes-our-actions p {
      font-size: 18px;
  }             
  
}


/*
  ########################################################################### home new page
*/

.home-banner .content{
  padding: 15px 30px;
}

.home-banner .content h1{
  display:none;
}

.home-banner .content p{
  font-size:16px;
  display:none;
}

.home-grow{
  padding:20px;
}

.home-grow .button{
  padding-bottom:0;
}

.home-grow .image {
  text-align: center;
}

.home-grow .image img{
  width:50%;
}

.home-grow p {
  font-size: 16px;
}

.home-grow a {
  color: #ffffff;
  font-size:18px;
  padding: 6px 25px;
}

.home-what-can {
  }

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

.home-what-can .content-text {
    padding: 0 20px;
}

.home-what-can .content-text h1 {
    font-size: 20px;
}

.home-what-can .content-text p {
    font-size: 14px;
}

.home-what-can a {
  color: #ffffff;
  font-size:18px; 
  padding:6px 25px; 
}

.home-key-facts{
  background-color: #E9EEF4;
}

.home-key-facts .title{
  text-align:center;
  color:#005D2C;
}

.home-key-facts.carousel {
    margin-bottom: 0px;
    height: 440px !important;
}

.home-key-facts .carousel-control{
  color: #A1A1A1;
  background:none;
}

.home-key-facts .carousel-inner {
  width: 80%;
  margin: 0 auto;
}

.home-key-facts .carousel-inner .block{
  padding: 0;
}

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

.home-key-facts .block p {
    border: 1px solid #f6f6f6;
    padding: 10px;
    background-color: #ffffff;
    font-size: 20px;
    height: 265px;
}

[lang="RU"] .home-key-facts .block h1 {
    font-size: 18px;
}

[lang="RU"] .home-key-facts .block p {
    font-size: 16px;
}

[lang="AR"] .home-key-facts .block h1 {
    font-size: 20px;
}

[lang="AR"] .home-key-facts .block p {
    font-size: 18px;
}

.home-key-facts .block_01 h1{
  background-color:#005D2C;
}

.home-key-facts .block_02 h1{
  background-color:#009C48;
}

.home-key-facts .block_03 h1{
  background-color:#95C11F;
}

.home-key-facts .block_04 h1{
  background-color:#C4D121;
}

.home-key-facts .block_05 h1{
  background-color:#005D2C;
}

.home-world-food h1{
  color: #ffffff;
}

.home-world-food a {
    color: #ffffff;
    font-size: 18px;
}

.home-world-food .btn.btn-primary{
  color: #ffffff;
}

.home-get-creative{
  padding:20px 20px 0;
  background-color:#F7F8F9;
}

.home-get-creative .button{
  padding-bottom:60px;
}

.home-get-creative .image {
  text-align: center;
}

.home-get-creative .image img{
  width:50%;
}

.home-get-creative .title {
  color:#005D2C;
}

.home-get-creative p {
  font-size: 16px;
}

.home-get-creative a {
  color: #ffffff;
  font-size:18px;
    padding: 6px 25px;
}

.home-your-day{
  background-color:#1FAFEB;
  padding:0;
}

.home-your-day .content {
  width: 90%;
  margin: 0 auto;
}

.home-your-day h1{
  color:#ffffff;
}

.home-your-day p{
  color:#ffffff;
  font-size:16px;
}

@media (min-width: 640px) {

  .home-what-can{
    position:relative;  
  }

  .home-what-can .content-text{
    position:absolute;
    top:0px; 
    padding:3rem 15px;
  }

  .home-key-facts .carousel-inner .block{
    padding: 0 20px;
  }
  
  .home-key-facts.carousel {
    height: auto !important;
  }
  
  
  .home-key-facts .block p {
    height: 270px;
    box-shadow: 0px 17px 12px #00000029;
  }    
  
  .home-your-day{
    padding:40px;
  }  
  
  .home-your-day .content {
    width: 70%;
  }  

}

@media (min-width: 768px) {

  .home-what-can .content-text h1{
    color:#ffffff;
    font-size: 30px;    
  }

  .home-what-can .content-text p{
    color:#ffffff;
    font-size: 18px;
  }
}


@media (min-width: 1024px) {

  .home-banner{
    position:relative;
  }

  .home-banner .content{
    position: absolute;
    left: 0px;
    top: 0;
    width: 20%;
  }

  [lang="AR"] .home-banner .content{
    position: absolute;
    right: 0px;
    left:auto;
    top: 0;
    width: 20%;
  }

  .home-banner .content h1 {
    font-size: 45px;
    color: #ffffff;
    line-height: 45px;
    display:block;
  }

  .home-banner .content p {
    font-size: 25px;
    color: #ffffff;
    font-style: italic;
    line-height: 30px;
    margin-top: 45px;
    display:block;
  } 
  
  .home-grow p {
      font-size: 17px;
  }    
  
}


@media (min-width: 1200px) {

  .home-banner .content{
    left: 100px;
    top: 20px;
  }

  [lang="AR"] .home-banner .content{
    right: 100px;
    left:auto;
    top: 20px;
  }

  .home-banner .content h1 {
    font-size: 62px;
    line-height: 71px;
  }

  .home-banner .content p {
    font-size: 46px;
    line-height: 50px;
    margin-top: 113px;
  }

}

[lang="AR"] .themes-grow .title, 
[lang="AR"] .themes-grow .title,
[lang="AR"] .themes-time-build .title,
[lang="AR"] .themes-time-build .contest-desc,
[lang="AR"] .themes-our-actions .title,
[lang="AR"] .themes-our-actions .contest-desc,
[lang="AR"] .theme-closing-digital .content-text h1,
[lang="AR"] .theme-closing-digital .content-text p
{
  direction:rtl;
}

[lang="AR"] .theme-closing-digital .content-text{
  right:25px;
  left: unset;  
}

.tx-dynalist-pi1-pagination a.paginate {
  font-size:23px;
  }

.WFD-Blue-Bg h1 {
  font-size:30px;
  }

.contest-btns .btn {
  padding: 6px 25px;
}

#maincontent div#dyna_fef_page input[type=submit], div#dyna_fef_page input[type=submit], #maincontent div#dyna_fef_page input[type=reset], div#dyna_fef_page input[type=reset] {
  background-color: #5cb85c;
  margin-top:2rem;
  }