/* Country Info */

.container h1.csc-firstHeader {
  border-bottom:0;
  padding-bottom:0;
  }

.tx-jfmulticontent-pi1 .csc-default {
  width:100%;
  }

.country-info {
  display:flex;
  }

.country-info span {
  display:block;
  font-weight:500;
  font-size:23px;
}

.row.grey-row .container {
  padding:0;
  }

.row.grey-row .col-12 {
  padding:0;
  }

.row.grey-row .subcl, 
.row.grey-row .subcr {
  height:auto;
  }

.row.grey-row .c50l,
.row.grey-row .c50r {
  width:100%;
  float:none;
  margin:0;
  }

@media (min-width: 576px) {
  .row.grey-row .c50l {
    width:40%;
    float:left;
  }

  .row.grey-row .c50r {
    width:60%;
    float:right;
  }
}

@media (min-width: 768px) {
  .row.grey-row .c50l {
    width:50%;
  }

  .row.grey-row .c50r {
    width:50%;
  }
}

.row.grey-row #dynafef_actions {
  display:none;
  }
  
.row.grey-row #dyna_fef_page {
  margin:0;
  }

.row.grey-row #dyna_fef_page label {
  display:none;
  }

.row.grey-row #dyna_fef_page select {
  width:250px;
  }

@media (min-width: 768px) {
  .row.grey-row #dyna_fef_page select {
    width:300px;
  }
}

.row.grey-row #dyna_fef_page .form-group {
  margin:22px 0 0 0;
  padding:0 15px;
  }

@media (min-width: 768px) {
  .row.grey-row #dyna_fef_page .form-group {
    padding:0;
  }
}

/* Slider */

.swiper-container {
  height:200px;
}

@media (min-width: 576px) {
  .swiper-container {
    height:240px;
  }
}

@media (min-width: 768px) {
  .swiper-container {
    height:260px;
  }
}

@media (min-width: 992px) {
  .swiper-container {
    height:290px;
  }
}

@media (min-width: 1200px) {
  .swiper-container {
    height:330px;
  }
}

.swiper-container .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) 50%);
  background:-webkit-linear-gradient(left, black 0%, rgba(0, 0, 0, 0) 50%);
  background:linear-gradient(to right, black 0%, rgba(0, 0, 0, 0) 50%);
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 );
}

.swiper-container .swiper-slide {
  background-size:100% 100%;
  background-position:center center;
  margin-top:-1rem;
  }

@media (min-width: 768px) {
  .swiper-container .swiper-slide {
    background-size:cover;
  }
}

.swiper-container .swiper-buttons {
  display:none;
  margin:0 auto;
  justify-content:space-between;
  position:relative;
  top:50%;
  padding-left:15px;
  padding-right:15px;
  }

@media (min-width: 768px) {
  .swiper-container .swiper-buttons {
    max-width:720px;
    display:flex;
  }
}

@media (min-width: 992px) {
  .swiper-container .swiper-buttons {
    max-width:960px;
  }
}

@media (min-width: 1200px) {
  .swiper-container .swiper-buttons {
    max-width:1140px;
  }
}

.swiper-container .swiper-buttons span {
  color:#1c4767;
  font-size:30px;
  display:flex;
  align-self:center;
  }

.swiper-container .swiper-buttons .swiper-button-next,
.swiper-container .swiper-buttons .swiper-button-prev {
  position:relative;
  display:flex;
  width:30px;
  height:30px;
  left:auto;
  right:auto;
  background-color:#fff;
  border-radius:50%;
  box-shadow:0px 5px 15px 0px rgba(0, 0, 0, 0.24);
  background-image:none;
  justify-content:center;
  }

.dynalist_norecordfound {
  padding-left:15px;
  padding-right:15px;
  margin:0 auto;
  }

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

@media (min-width: 992px) {
  .dynalist_norecordfound {
    max-width:960px;
  }
}

@media (min-width: 1200px) {
  .dynalist_norecordfound {
    max-width:1140px;
  }
}

.main-internal-container .dynalist_norecordfound {
  padding:0;
  }

.swiper-container .swiper-caption {
  margin:-1rem auto 0 auto;
  position:relative;
  top:50%;
  max-width:85%;
  text-align:center;
  }

@media (min-width: 576px) {
  .swiper-container .swiper-caption {
    max-width:456px;
    text-align:left;
  }
}

@media (min-width: 768px) {
  .swiper-container .swiper-caption {
    max-width:500px;
  }
}

@media (min-width: 992px) {
  .swiper-container .swiper-caption {
    max-width:740px;
  }
}

@media (min-width: 1200px) {
  .swiper-container .swiper-caption {
    max-width:920px;
  }
}

.swiper-container .swiper-caption h2 {
  margin:0;
  color:#fff;
  font-weight:600;
  font-size:18px;
  }

.swiper-container .swiper-caption h2::after {
  display:none;
  }

.top-slider .swiper-caption h2 a {
  color:#fff;
}

.swiper-wrapper.disabled {
  transform:translate3d(0px, 0, 0) !important;
}

.swiper-container.disabled .swiper-buttons {
  display:none !important;
}

/* Card deck */

.card-deck {
  width:100%;
  margin-right:auto;
  margin-left:auto;
  margin-top:1rem;
  display:block;
  padding:0 15px;
  }

@media (min-width: 576px) {
  .card-deck {
    max-width:540px;
    margin-right:auto;
    margin-left:auto;
  }
}

@media (min-width: 768px) {
  .card-deck {
    max-width:720px;
    display:flex;
    padding:0;
  }
}

@media (min-width: 992px) {
  .card-deck {
    max-width:960px;
  }
}

@media (min-width: 1200px) {
  .card-deck {
    max-width:1140px;
  }
}

.card-deck h2 {
  margin-top:0;
  }

/* Blue box */

.dark-blue-box {
  margin-top:3rem;
  }

@media (min-width: 768px) {
  .dark-blue-box {
    margin-top:1rem;
  }
}

@media (min-width: 992px) {
  .dark-blue-box {
    margin-top:3rem;
  }
}

.dark-blue-box .csc-textpic-imagerow {
  width:100% !important;
  }

@media (min-width: 992px) {
  .dark-blue-box .csc-textpic-imagerow {
    display:flex;
  }
}

.dark-blue-box DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {
  width:100% !important;
  margin-bottom:1.5rem;
  margin-right:2rem;
  }

@media (min-width: 768px) {
  .dark-blue-box DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {
    width:46% !important;
    display:flex;
    flex-direction:row-reverse;
  }
}

@media (min-width: 992px) {
  .dark-blue-box DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {
    width:48% !important;
  }
}

div.row .dark-blue-box div.csc-textpic-imagewrap img {
  width:auto;
  height:auto;
  float:right;
  margin-left:1.5rem;
  }

@media (min-width: 992px) {
  div.row .dark-blue-box div.csc-textpic-imagewrap img {
    margin:0 0 0 1.5rem;
    float:none;
  }
}

.dark-blue-box DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
  width:100%;
  color:#f8fbfd;
  font-size:.9rem;
  word-break:break-all;
  }

@media (min-width: 992px) {
  .dark-blue-box DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
    font-size:1rem;
  }
}

.dark-blue-box DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption a {
  color:#fff;
  text-decoration:underline;
  }

.dark-blue-box DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption a:hover {
  text-decoration:none;
  }

.dark-blue-box DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
  margin:0;
  }

/* Grey box */

.grey-box-container {
  padding-left:0;
  }

.grey-box p.align-right a {
  background-color:#106aaa;
  color:#fff;
  font-weight:500;
  padding:.375rem 1.25rem;
  border-radius:20px;
  text-decoration:none;
  }

/* Product highlights */

#c743324 .tx-dynalist-pi1 {
  height:100%;
  }

.products-container {
  height:100% !important;
  }

.multicontent-slider .swiper-container .swiper-slide:before {
  display:none;
  }

.multicontent-slider .swiper-container {
  overflow:visible;
  }


@media (min-width: 992px) {

  .multicontent-slider .swiper-container {
    margin:0 0 0 2rem;
    overflow:hidden;
  }

  .multicontent-slider .swiper-wrapper {
    margin-top:-1rem;
    width:85%;
  }
}

.multicontent-slider .swiper-slide {
  display:flex;
  padding:0;
  }

@media (min-width: 768px) {
  .multicontent-slider .swiper-slide {
    padding:0 3rem;
  }
}

.multicontent-slider .swiper-lazy.divideby2 {
  text-align:center;
  padding:0 1.5rem;
  width:50%;
  }

@media (min-width: 992px) {
.multicontent-slider .swiper-lazy.divideby2 {
  text-align:center;
  padding:0;
  margin:0 1rem;
  }
}

@media (min-width: 1200px) {
.multicontent-slider .swiper-lazy.divideby2 {
  text-align:center;
  width:45%;
  }
}

.multicontent-slider .swiper-buttons {
  padding:.5em;
  }

.grey-box.c40l {
  float:none;
  width:100%;
  margin-bottom:3rem;
  }

.multicontent-slider.c60r {
  float:none;
  width:100%;
  }

@media (min-width: 992px) {
  .grey-box.c40l {
    float:left;
    width:40%;
    margin-bottom:0;
  }

  .multicontent-slider.c60r {
    float:left;
    width:60%;
  }
}

.multicontent-slider.c60r .csc-default {
  width:-webkit-fill-available;
  }

.multicontent-slider .swiper-container .swiper-caption {
  top:0;
  text-align:center;
  line-height:1.4;
  max-width:none;
  }

.multicontent-slider .swiper-container .swiper-caption h2 {
  color:#126aaa;
  font-weight:600;
  line-height:25px;
  margin-bottom:5px;
  }

.multicontent-slider .swiper-container img {
  max-height:150px;
  margin-bottom:1.5rem;
  width:100%;
  }

@media (min-width: 992px) {
  .multicontent-slider .swiper-container img {
    max-height:150px;
  }
}

@media (min-width: 1200px) {
  .multicontent-slider .swiper-container img {
    max-height:160px;
  }
}

/* From FAO */

.light-blue-row {
  padding:3rem 15px 0 15px;
  }

@media (min-width: 992px) {
  .light-blue-row {
    padding-bottom:3rem;
  }
}

.row.light-blue-row .c50l,
.row.light-blue-row .c50r {
  float:none;
  width:100%;
  margin:0;
  }

@media (min-width: 992px) {
  .row.light-blue-row .c50l {
    float:left;
    width:50%;  
  }

  .row.light-blue-row .c50r {
    float:right;
    width:50%;
  }
}

.country-framework {
  background-color:#fff;
  padding:1.25rem;
  }

@media (min-width: 992px) {
  .country-framework {
    margin-right:1rem;
    padding:0 2rem 2rem 2rem;
    border:1px solid #f0f0f0;
  }
}

.country-framework h2 {
  font-size:20px;
  font-weight:700;
  line-height:1.4;
  color:#333;
  padding-left:2px;
  border-bottom:#cfcfcf solid 1.1px;
  padding-bottom:5px;
  margin:10px 0 30px;
  }

@media (min-width: 992px) {
  .country-framework h2 {
    margin:36px 0 30px;
    line-height:1.3;
    padding-bottom:0;
  }
}

.country-framework h2::after {
  display:none;
  }

.country-details {
  margin-left:0;
  margin-top:2rem;
  padding:0 1.25rem;
  }

@media (min-width: 992px) {
  .country-details {
    margin-top:0;
    margin-left:1rem;
    padding:0;
  }
}

.country-details .container {
  display:flex;
  padding:0;
  margin:0 -15px;
  }

.country-details h4 {
  color:#d3e4f0;
  font-weight:600;
  font-size:40px;
  margin-bottom:0;
  }

@media (max-width: 1200px) and (min-width: 992px) {
  .country-details h4 {
    font-size:32px;
  }
}

.country-details h5 {
  font-size:12px;
  text-transform:uppercase;
  font-weight:600;
  margin-left:0;
  }

.country-details h6 {
  color:#8da0ad;
  margin-left:0;
  }

@media (min-width: 992px) {
  .country-details h5,
  .country-details h6 {
    margin-left:65px;
  }
}

.country-detail-col {
  margin:1rem 0 3rem 0;
  }

.country-detail-ico {
  width:50px;
  height:50px;
  margin-right:15px;
  display:none;
  }

.icon.forest-ico {
  margin-right:12px;
  width:50px;
  height:50px;
  background:url(../images/country-showcase/forest-ico.svg);
  float:left;
  }

.icon.land-ico {
  margin-right:12px;
  width:50px;
  height:50px;
  background:url(../images/country-showcase/land-ico.svg);
  float:left;
 }

.icon.flag-ico {
  margin-right:12px;
  width:50px;
  height:50px;
  background:url(../images/country-showcase/flag-ico.svg);
  float:left;
  }

@media (min-width: 768px) {
  div.article-container {
    display:block;
  }
}

div.article-image {
  float:left;
  }

div.article-image img {
  width:100$;
  }

@media (min-width: 768px) {
  div.article-image img {
    max-width:400px;
  }
}

/* Landing page */

div.in-focus {
  padding:0;
  }

div.in-focus h4 {
  margin-top:1.5rem;
  margin-bottom:0;
  }

div.themes-list {
  margin-top:3rem;
  margin-bottom:3rem;
  }

@media (min-width: 992px) {
  div.themes-list {
    margin-top:3rem;
    margin-bottom:5rem;
  }
}

div.themes-list-column li a {
  font-size:.9rem;
  }

body div.lst-grp h4 {
  margin-bottom:1.5rem;
  }

.ssc-cooperation {
  margin:3rem 0 0 0;
  }

@media (min-width: 992px) {
  .ssc-cooperation {
    margin-bottom:3rem;
  }
}

.ssc-cooperation,
.fao-elearning {
  width:100%;
  }

@media (min-width: 992px) {
  .ssc-cooperation,
  .fao-elearning {
    width:50%;
  }
}

.ssc-cooperation .subcl {
  padding:0 2rem 2rem 2rem;
  border:1px solid #e2e3e3;
  background-color:#f7f8f9;
  }

@media (min-width: 992px) {
  .ssc-cooperation .subcl {
    margin-right:1rem;
  }
}

.ssc-cooperation h2 {
  border-bottom:2px solid #e2e3e3;
  }

.ssc-cooperation h2::after {
  display:none;
  }

.ssc-cooperation .form-group .form-control {
  width:100%;
  }

.ssc-cooperation div#dyna_fef_page .form-group .custom-select {
  width:100%;
  }

.ssc-cooperation div#dyna_fef_page {
  margin:0;
  }

.ssc-cooperation div#dyna_fef_page div.dynafef_buttons {
  text-align:right;
  }

.ssc-cooperation div#dyna_fef_page div#div_submit_button input {
  float:none;
  margin:1.5rem 0 0 0;
  font-weight:500;
  padding:.375rem 2.25rem !important;
  border-radius:20px;
  }
  
.ssc-cooperation div#dyna_fef_page div.dynafef_actions_box {
  text-align:right;
  }  
  
.ssc-cooperation div#dyna_fef_page div.dynafef_actions_box input {
  float:none;
  margin:1.5rem 0 0 0;
  font-weight:500;
  padding:.375rem 2.25rem !important;
  border-radius:20px;
  color: #ffffff;
  }  

.fao-elearning {
  margin-top:3rem;
  }

@media (min-width: 992px) {
  .fao-elearning .subcr {
    margin-left:1rem;
    padding:0 0 2rem 0;
  }
}

.fao-elearning h2 {
  margin-top:0;
  }

.fao-elearning div.csc-textpic-imagewrap {
  max-height:290px;
  overflow:hidden;
  }

.fao-elearning .csc-textpic-text {
  padding:2rem;
  }

@media (min-width: 992px) {
  .fao-elearning .csc-textpic-text {
    padding-bottom:0;
  }
}

.fao-elearning p.align-center {
  padding-top:1rem;
  }

.fao-elearning p.align-center a {
  font-weight:500;
  font-size:1rem;
  padding:.375rem 1.25rem;
  border-radius:20px;
  border:1px solid #0d6cac;
  text-decoration:none;
  }

/* FAO Projects */

.country-data-collection {
  padding:1rem 0;
  border-top:1px solid #dee2e6;
  border-bottom:1px solid #dee2e6;
  }

.reports-data-collection {
  padding:1rem 0;
  border-bottom:1px solid #dee2e6;
  }

.country-data-collection .btn-light,
.reports-data-collection .btn-light,
.country-data-collection .btn-light:active,
.reports-data-collection .btn-light:active,
.country-data-collection .btn-light:focus,
.reports-data-collection .btn-light:focus {
  background:transparent !important;
  display:block;
  text-decoration:none;
  border:0 !important;
  box-shadow:none !important;
  outline:none !important;
  }

.country-data-collection .btn-light i.material-icons,
.reports-data-collection .btn-light i.material-icons {
  vertical-align:bottom;
  float:right;
  }

.country-data-collection .btn-light[aria-expanded="false"] .arr-up,
.reports-data-collection .btn-light[aria-expanded="false"] .arr-up {
  display:none;
  }

.country-data-collection .btn-light[aria-expanded="true"] .arr-up,
.reports-data-collection .btn-light[aria-expanded="true"] .arr-up {
  display:block;
  }

.country-data-collection .btn-light[aria-expanded="true"] .arr-down,
.reports-data-collection .btn-light[aria-expanded="true"] .arr-down {
  display:none;
  }

.country-data-collection table,
.reports-data-collection table {
  margin-top:1rem;
  margin-bottom:0;
  }

.country-data-collection table thead,
.reports-data-collection table thead {
  border:1px solid #dee2e6;
  background-color:#f7f8f9;
  }

.country-data-collection table th,
.reports-data-collection table th {
  border:0;
  font-weight:normal;
  white-space:nowrap;
  }

.country-data-collection tr:last-child td,
.reports-data-collection tr:last-child td {
  padding-bottom:0;
  }