/*countries subnavigation menu*/

#subnavigation {display:block;padding-top:25px;padding-bottom:25px;margin-bottom:10px;box-shadow:0 7px 10px 0 rgba(0,0,0,.2);}
#subnavigation h3 {display:none;}
ul.menu_countries li span {margin-left: 17px;float:left;display:inline-block;font-family:Roboto,sans-serif;font-size:16px;padding-right:17px;font-weight:bold;border-right:1px solid #8a8a8a;}
 
ul.menu_countries li span {position:relative;}
ul.menu_countries li li ul {display:none;}
/*new countries are given page suffix country mega */
/*.country.mega .buttonheading {display:none;}*/
.country.mega .pagetitle {margin-bottom:-20px;}
h2.contentheading.country.mega {position:relative;font-size:20px;padding-left:35px;margin-top:20px!important;margin-bottom:10px;}
/*h2.contentheading.country.mega:before {content: " "; display: inline-block; margin-right: 0.5rem;border-left: 4px solid #47a1d8;height: 1.1rem;padding: 0;width: 0;}*/
h2.contentheading.country.mega:before {content: " "; border-left: 4px solid #47a1d8;height: 75%;padding: 0;width: 0; position: absolute;
left: 2%}
.country.mega .header-bgrd h3 {font-size: 1.5rem!important;}
.country.mega .span_12_of_12 {width:100%!important;box-sizing:border-box;}
.country.mega .article-content {padding-left:20px;}
.country.mega.home .article-content {padding-left:0;}
.country.mega.home .pagetitle {margin-bottom: 0;}
ul.menu_countries li sapn:after {position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0%;
  content: '.';
  color: transparent;
  background: #333;
  height: 1px;
}
ul.menu_countries li span:after,ul.menu_countries li span:before {
transition: all .5s;
}
ul.menu_countries li span:hover:after {width: 100%;
}
ul.menu_countries li#current span {color:#d86422;font-weight:bold;} 

.country.mega #overlay:after {background: rgba(0,0,0,.5)}
img.publication-cover {box-shadow:0 1px 8px rgba(0,0,0,0.3); padding:1rem;}
.country.mega .span_12_of_12 {margin-top:0;}
.country.mega .pagetitle h2 {display:none;}
.country.mega p {font-size:15px;}
.responsive-background-image {
background: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), url(http://www.emro.who.int/images/stories/somalia/who_somalia.jpg);
display: block;position: relative;width: 100%;height: 300px;background-size: cover;background-position: top center;margin-top: -5px;}
.responsive-background-image h2 {
font-weight: 900; color: white; margin: 0;position: absolute;top: 50%;left: 20%; font-size: 2.5rem;display:block!important;
transform: translate(-50%, -50%);background-image:none!important;}
.bg-light-blue {background-color: #e5f4fb}
.country.mega q {font-size: 22px;line-height: 1.3;}
.widget-vertical-padding-20 {padding-top:20px;padding-bottom:20px;}
.vp-20 {padding-bottom: 20px;}
.vm-35 {margin-bottom: 35px;}
.widget-horizontal-padding-10 {padding-left:10px;padding-right: 10px}
.widget-horizontal-padding-20 {padding-left:20px;padding-right: 20px;}
.module-overlay-inner h3 {padding-top: 0!important;}
.country.mega .homenews h3 {padding-top: 0!important;}
.country.mega .module-overlay-inner h4 {font-size: 14px!important;color: #999!important;line-height: 10px!important;}
.country.mega .col.span_12_of_12 {width: 100%!important;box-sizing: border-box;}
.country.mega .section-separator {margin-left:0;padding: 25px;margin-top: 20px;}
.section-separator .promo {margin-bottom: 2rem; margin-left: 0; margin-right: 0; padding-bottom: 10px;}
.section-separator.promo img.responsive-image {margin-bottom: 1rem; margin-top: 0.5rem;}

.widget-horizontal-padding-10.main h3 {font-size: 1.2rem!important; font-style: normal; line-height: 1.3;}
.country.mega .section-separator h3 {padding-top: 10px;padding-bottom: 15px;}
.higlight-widget .widget-content-med {padding:2rem;}
.widget-content-med h3 {color:#fff!important;font-size: 1.4rem!important;line-height: 30px!important;font-weight: normal;}
.parall-contentmain.right.illustration_wr {background-image: url(http://www.emro.who.int/images/stories/somalia/wr-somalia-malik.jpg);background-color: #e5f4fb;}
.parall-contentmain.right.illustration_wr p {color:#4a4a4a;padding-right:0;padding-left: 0;}
.parall-contentmain.right.illustration_wr h3 {color:#4a4a4a!important;}
.illustration_uhc {background-image: url(http://www.emro.who.int/images/stories/somalia/uhc_parallax.jpg);background-color: #e5f4fb;}
.country.mega span.download {padding:1px 4px 5px 25px;}
.illustration_uhc h3, .success h3 {padding-left: 0;padding-right: 0;font-size:1.8rem!important;color:#4a4a4a!important;}
.illustration_uhc h4 {font-size: 1.1rem!important;}
.success h3 {margin-top:20px!important;padding-bottom: 20px!important;}
.success p.Bullet, .illustration_uhc p.Bullet {padding-bottom: 15px!important;}
.success .span_5_of_12 {height:400px;}
.success .span_5_of_12 .img {box-shadow: 0 0 10px rgba(11,12,48,.55);}
.illustration_uhc p {color:#4a4a4a;}
.country.mega .slideshow-container.prime {margin-right:10px;margin-bottom: 15px;}
.country.mega .col .span_4_of_12 .thumb {margin-right:5px;}
.country.mega .col .span_4_of_12 .thumb img {width:90%!important;}
.country.mega .col .span_4_of_12 .thumb img.publication-cover {padding:0.5rem;}
.wrap-collabsible { margin-bottom: 1.2rem 0;}
input#collapsible[type='checkbox'] {display: none;}
.lbl-toggle {display: block;font-weight: bold;font-size: 1.2rem;text-align: left;padding: 1rem;color: #fff;background: #0093d5;
cursor: pointer;transition: all 0.25s ease-out;clear:both;}
.lbl-toggle:hover {color: #fff;}
.lbl-toggle::before {content: ' ';display: inline-block;border-top: 7px solid transparent;border-bottom: 7px solid transparent;  border-left: 7px solid currentColor;vertical-align: middle;margin-right: .7rem;transform: translateY(-2px);  transition:transform .2s ease-out;}
.toggle:checked + .lbl-toggle::before {transform: rotate(90deg) translateX(-3px);}
.collapsible-content {max-height: 0px;overflow: hidden;transition: max-height .25s ease-in-out;}
.toggle:checked + .lbl-toggle + .collapsible-content {max-height: 100%;}
.toggle:checked + .lbl-toggle {border-bottom-right-radius: 0;border-bottom-left-radius: 0;}
.collapsible-content .content-inner {border:1px solid #A4A4A4;padding: .5rem 1rem;}
.country.mega .col.span_4_of_12.thumb.infores h3 {padding-top: 1rem; padding-bottom: 1rem; padding-right: 1rem;border: 1px solid #47a1d8;padding-left: 1rem;margin-top: 15px;}
.country.mega.media-news .content-wrapper .article-content h3 {line-height: 20px!important;}
.country.mega.media-news img.image-right {max-width: 450px;height:auto;}
.moduletable.homenews {margin-bottom: 0;}
.eid .higlight-widget.bg-light.widget-content {min-height: 280px;width: auto;padding:2rem;}
.eid .higlight-widget.bg-light.widget-content.sh {min-height: 250px;width: auto;padding:2rem;}
.eid .higlight-widget h3 {font-size:2rem!important; line-height: 35px!important; color:#fff;padding-bottom:2.5rem;}
.eid .widget-content .btn {transition: box-shadow 0.3s;}

.eid .widget-content .btn:hover {box-shadow: 0px 6px 6px rgb(0 0 0 / 25%);}
.wide {padding:2rem;}
.gr {background: #74a534;}
.bluegr {background: #0060a2;}
.cyn {background: #3d92b8;}
.vlt {background: #a61873;}
.red {background: #d70b59;}
.brn {background: #ebb523!important;overflow: hidden;cursor: pointer;}
.lghtgr {background: #70ab6b!important;overflow: hidden;cursor: pointer;}
.lghtbl {background: #499bb9!important;overflow: hidden;cursor: pointer;}
.lghtbr {background: #c2858d!important;overflow: hidden;cursor: pointer;}
.shadow {box-shadow: 2px 2px 5px #9e9e9e;}
.brn.shadow .responsive-image, .lghtgr.shadow .responsive-image {margin-top:-8px;}
html[lang=ar-aa] .brn.shadow .responsive-image, .lghtgr.shadow .responsive-image {margin-right:-8px;}

.banner-shadow {box-shadow: 0 2px 6px 0 rgb(0 0 0 / 25%);border-radius: 5px;min-height: 300px;margin-top:1%;margin-left:1%;margin-bottom: 2.5rem;}
html[lang=ar-aa] .banner-shadow {margin-right:1%;margin-left:0;}
.banner-shadow p {font-size:18px!important;line-height: 1.375;color:#3b3b3b;}
.modal-org p {font-size:18px!important;line-height: 1.375;}
.modal-org img {width: 103%;height:auto;margin-bottom: -0.3rem;}
.banner-shadow img {padding-bottom: 0.5rem;}
.media p {padding-right:15px;padding-left:15px;font-size: 15px;}
.item.blockquote p:before {content: "\f10d";font-family: 'Fontawesome';float: left;margin-right: 10px;}
/*html[lang=ar-aa] p:before {content: "\f10e"!important;font-family: 'Fontawesome';float: right!important;margin-left: 10px!important;}*/

html[lang=ar-aa] .item.blockquote p:before {content: "\f10e"!important;font-family: 'Fontawesome';float: right!important;margin-left: 10px!important;}
.item.blockquote p {font-size: 20px;line-height: 25px;}
.flex-rows {display: flex;flex-direction: row;align-items: center;margin-left:10px;}
html[lang=ar-aa] .flex-rows {margin-right: 10px;margin-left: 0;}
.cards-container {margin-bottom:2rem;margin-top:1.5rem;margin-left:10px;display: grid; display:-ms-grid;grid-gap: 0.1rem;-ms-grid-gap: 0.1rem;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }
.cards {width: 97%; margin-left: 15px;}
.cards-container :nth-child(1) {-ms-grid-column: 1;margin-right:15px;}
.cards-container :nth-child(2) {-ms-grid-column: 2;}
.cards-container :nth-child(3) {-ms-grid-column: 3;}
html[lang=ar-aa] .cards-container :nth-child(1) {margin-left:15px;margin-right: 0;}
@media only screen and (max-width: 996px) {
.responsive-background-image h2 {transform:none;left:0;}
.responsive-background-image {float:left;}
#subnavigation {padding-bottom:0;display:block!important;}
#subnavigation ul.menu_countries {display:none;}
#subnavigation ul.menu_countries.toggle {display:block;}
#subnavigation h3 {display: block;cursor: pointer;color: white;background: #006083 url(../images/emro_responsive_icons.png) no-repeat 0 0;background-position: 6px 16px;text-indent: 27px;height: 30px;padding-top: 10px;width:100%;}
#subnavigation ul.menu_countries.toggle li span {float:none;margin-left:0;border-right:0;padding:10px;font-size:13px;font-weight:normal;}

#subnavigation ul li {display: block;float: none;width: auto;padding-right: 2px;vertical-align: top;}

#subnavigation ul.menu_countries.toggle li a{text-decoration: none;text-indent: 2px;font-family: Arial, Helvetica, sans-serif; font-size: 13px;border-bottom: 1px #b2b2b2 solid;border-left: 6px solid #dddddd;display:block;font-weight:normal;}
}

.country.mega .parall-contentmain h3 {margin-top:0;padding-left:0!important;margin-bottom:20px!important;}
.higlight-widget a {color:#fff!important;}
.higlight-widget.bg-light {display: flex;align-items: center;}


.country.mega .widget-content .btn {position: relative;bottom: 0;padding:0;transition: all 0.2s ease-in-out;}
.country.mega .widget-content .btn:hover {border-color: #008dc9;background-color: #fff; color:#008dc9;box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.25);}
.country.mega .widget-content .btn a:hover {color:#008dc9!important;}
.country.mega .widget-content .btn a:hover, .country.mega .widget-content .btn a {display: inline-block;padding:10px;}
.button-blue-background {width:100%;border-color: #008dc9;background-color: #008dc9;color: #fff;display: inline-block;margin: 20px 0;border: 2px solid;border-radius: 4px; box-sizing: border-box;vertical-align: middle; text-align: center;white-space: nowrap;font-weight: bold;cursor: pointer;transition: all 0.2s ease-in-out;}
.button-blue-background:hover {border-color: #008dc9;background-color: #fff; color: #008dc9;box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.25);}
.button-blue-background a {font-size:1rem;display: block;padding: 10px 30px;color: inherit;line-height: 16px;
white-space: pre-wrap;word-wrap: break-word;}
.country.mega .module-overlay-inner .btn:hover {box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.25);}
.text-image-component-wrapper {padding-top: 55px;padding-bottom: 55px;position: relative;margin-right: auto;margin-left: auto; margin-bottom: 2rem;}
.text-image-component__img {border-radius:100px 0;right:0;position: absolute;top: 50%;-ms-transform: translateY(-50%);transform: translateY(-50%);width: 66.66%;height: 100%;margin-left: auto;background-size: cover;background-repeat: no-repeat;}
.text-image-component__content {border-top:5px solid #d85801;background:#fafafa;border-bottom-right-radius:40px;padding:3rem;position: relative;max-width: 526px;width: 43%;background-color: #fff;z-index: 2;box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.25);}
.country.mega .photos {display: flex;align-items: center;min-height: 800px;}
.country.mega .slideshow-container {margin-top: 0;overflow: visible;max-width:1000px;margin-left: auto; }
p.heading {font-size: 16px;}
p.separator {font-size:1.1rem;text-align: center;}
p.separator:after {background: #d86422;margin:0 auto;content: "";display: block;width: 10%;max-width: 130px;height: 2px;margin-top: 15px;}
.divider {margin-bottom:1rem!important;}
.divider p {border-bottom: 1px solid  #E6E6E6; padding-top:1rem; padding-bottom: 1rem;}
.icon-box {padding: 50px 20px;margin-top: 35px;margin-bottom: 25px;height: 170px;position: relative; box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);}
html[lang=fr-fr] .icon-box {min-height: 265px;}
.icon-box p {font-size: 16px;line-height: 22px;margin-top: 25px;}
.icon-box h3 {text-align: center; margin-top: 2rem;}
.icon-box h3:after {position: absolute;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%); content: "";display: block;width: 10%;max-width: 130px;height: 1px;
background:#269ed0;margin-top:10px;}
.widget-horizontal-padding-10 p {color:#fff!important;margin-left:15px;padding-bottom: 18px!important;font-size: 1.2rem!important;}
.padone {padding:1rem;}
.padvone {padding-top:1rem;}
.icon-box .icon {position: absolute;top: -36px;left: calc(50% - 50px);transition: 0.2s;border-radius: 50%; display: flex;justify-content: center; align-items: center; flex-direction: column;  width: 100px; height: 100px;
background: #fff;border: 1px solid #d5d5d5;}
.icon-box .icon img {max-width: 90px;}
h3.section_header {color: #d86422!important; font-size: 1.75rem!important; text-align: center;line-height:2rem!important;}

.modal-orange {background: #d86422;padding: 3rem;margin-bottom: 2rem;color: #fff;margin-top: 2rem;box-shadow: 3px 3px 2px 0 rgba(0, 0, 0, .2);
overflow: auto;}
.modal-orange h3 {text-align: center;color:#fff!important;font-size: 1.75rem!important;}
.modal-orange p {color:#fff;font-size:1.3rem;line-height: 25px;} 
.banner-bgr {background: url(http://www.emro.who.int/images/stories/media/hepatitis-free-future-bgr.png);    display: block;position: relative;width: 100%;height: 350px;background-size: cover;background-position: top center;}
.banner-fig {position:absolute;left:9%;top:15%;}
.banner-slogan {position:absolute;right:8%;top:32%;}
.modal-blue {background: #26376b;} 
.modal-org {background: #fa4b36;}
.modal-blue p {color:#fff;padding:1.5rem;font-weight: bold;line-height: 25px;font-size: 1rem;}
.modal-blue.header {margin-top:2rem;overflow: auto;display: flex;align-items: center;margin-left:10px;}
html[lang=ar-aa] .modal-blue.header {margin-right: 10px;margin-left:0;}

.modal-blue.header  h3 {color:#fff!important;font-size:1.5rem!important;display: inline;padding:2rem;}
.card.white-box {padding:1.5rem;margin-bottom: 0;}
.card.white-box p {font-size: 15px;}
.card.white-box img {padding-bottom: 1rem;}
p.tick:before {content: '\2713';color: #fa4935;padding-right: 5px;font-weight: bold;font-size: 18px;}
html[lang=ar-aa] p.tick:before {padding-right:0;padding-left:5px;}

ul.indent {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

ul.indent li {
  padding-left: 16px;
  text-indent: -14px;
  background: none;
  font-size: 14px;
   
}


ul.indent li.meg {
  padding-left: 16px;
  text-indent: -14px;
  background: none;
  line-height: 21px;
  font-size: 16px;
  color:#fff;
   
}

ul.indent li.meg:before {
  content: "\00BB";
  padding-right: 5px;
  color:#fff;
}


html[lang=ar-aa] ul.indent li.meg {font-size:16px;}


html[lang=ar-aa] ul.indent li.meg:before {
  content: "\00BB";
  padding-left: 5px;
  color:#fff;
}

ul.indent li:before {
  content: "\00BB";
  padding-right: 5px;
  color:#15aabf;
}


html[lang=ar-aa] ul.indent li {font-size:15px;}


html[lang=ar-aa] ul.indent li:before {
  content: "\00BB";
  padding-left: 5px;
  color:#15aabf;
}

@media only screen and (max-width: 840px) and (min-width: 581px) {
.banner-shadow {width: 96%;}
.modal-blue.header {width: 97%;margin-left:0;overflow: hidden;}
.cards-container :nth-child(1) {margin-right:20px;}
.section.group.padone {padding:0!important;width: 96%!important;}
.media .resp-iframe-container {width:96%;}
.item.blockquote p {padding:0;}
}

@media only screen and (max-width: 580px) {
.flex-rows {flex-direction: column;}
.banner-shadow {width: 94%;}
.cards-container {margin-left:0;}
.modal-blue.header {width: 97%;margin-left:0;overflow: hidden;}
.modal-blue.header img {width: 50%;}
.cards-container :nth-child(1) {margin-right:20px;}
.section.group.padone {padding:0!important;width: 96%!important;}
.media .resp-iframe-container {width:96%;}
.item.blockquote p {padding:0;}
}


@media only screen and (max-width: 720px) {
.flex-rows.white-box {width:96%!important;border:1px solid #E6E6E6!important;margin-left: 0;}
}

@media only screen and (max-width: 800px) {
.eid .higlight-widget.bg-light.widget-content {min-height: 0!important;padding-top:0;}
.eid .higlight-widget h3 {margin-bottom: 2rem!important;}
.widget-content .btn {bottom:0;}
.widget-content p {margin-bottom: 2rem;}
}


@media only screen and (max-width: 800px)  {
.responsive-background-image h2 {font-size:1.9rem;}
}


@media only screen and (max-width: 720px) {
.responsive-background-image {height:280px;}

}


@media only screen and (max-width: 720px) {
.responsive-background-image {height:200px;}
.country.mega .span_12_of_12 {padding-right:0;padding-left:0;}

}



@media only screen and (max-width: 400px) {
.responsive-background-image {height:170px;}
}



@media (max-width: 93.75rem) {
.country.mega .right {
    padding: 1.618em 2.854em 1.618em 49%;

}
}


@media (max-width: 50rem) {
.country.mega .right {
    padding: 1.618em 3.236em;
    background-image: none;
}
}



@media only screen and (max-width: 900px) and (min-width: 680px) {

.country.mega .span_4_of_12.thumb {width:48%!important;margin-left:0!important;padding-right:5px;margin-right:4px!important;}
.country.mega .col  {margin-left:0!important;}


}

@media screen and (max-width: 750px) {
.country.mega span.photo-caption {width: auto!important;
}
}

@media screen and (max-width: 780px) {
.country.mega .col.span_6_of_12.cntry {display: none;}
.col.span_8_of_12.cntry {display: none;}
.higlight-widget .widget-content {padding:2rem;}
.higlight-widget .widget-content h3 {padding-left:0;}
}

@media screen and (max-width: 1000px) {
.col.span_4_of_12.aos-init.aos-animate {width: 100%!important;}
.icon-box {height: 100px;}
}

@media screen and (max-width: 680px) {
.text-image-component-wrapper {padding-top: 0;padding-bottom: 20px;margin-bottom: 0;}
.text-image-component__img {display: none;}
.text-image-component__content {width:100%;padding:20px;}
}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { 
.country.mega .parall-contentmain {
 background-attachment:scroll !important;
    background-size: cover;
    height: 100%;
    overflow: hidden;
  
}

@media screen and (max-width: 600px) {
ul.indent li {font-size: 16px!important;line-height: 22px;}

}