@charset "utf-8";
/* Table of Contents
-----------------------------
1. Mobile
2. iPad
3. large desktop
4. Other
5. Anything larger than mobile
*/

/* 1. Mobile responsive css 767px
-----------------------------------*/
@media (max-width:767px) {

    h1{font-size: 30px;line-height: 30px;margin-bottom: 10px;}
    h2{font-size: 30px;line-height: 30px;margin-bottom: 10px;}
    h3{font-size: 20px;line-height: 25px;margin-bottom: 10px;}
    h4{font-size: 18px;line-height: 22px;margin-bottom: 5px;}
    h5{font-size: 16px;line-height: 22px;margin-bottom: 5px;}
    h6{font-size: 15px;line-height: 20px;margin-bottom: 5px;}
    p{font-size: 17px;line-height: 21px;padding-bottom:10px;}
    img{max-width: 100%}
    blockquote{font-size: 20px;line-height: 28px;}

    /* header */
    header{padding-top: 0;padding-bottom: 0;}
    .navbar-nav{margin: 10px 0;}
    .nav>li>a, header nav a{padding:8px 10px ;font-size: 18px;}
    .search-form .search-keyword{font-size:32px;line-height: 40px;}
    .search-form .close{width: 50px;height: 50px;}
    .navbar-collapse{padding-left: 15px;padding-right: 15px;}
    .socialfeed:not(.featuresocial){top: 0;transform: translateY(0);-webkit-transform: translateY(0);}
    .socialfeed a{font-size: 20px;}
    nav ul li em {position: absolute;right: 0;top: 0px;font-size: 22px !important;background: #941c1b;height: 36px;width: 36px;text-align: center;padding-top: 6px;color: #fff;}
    nav ul li em.menu-open{padding-top: 7px;}
    nav ul li em:before{transform: rotate(0deg);transition: all 0.4s ease;-mozkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;display: block;}
    header nav ul li a{width: calc( 100% - 30px );}
    header nav ul li{border-bottom:1px solid rgba(0, 0, 0, 0.08);}
    header nav ul li:last-child{border-bottom:0;}
    header nav ul li ul, header nav ul li:hover ul {position: relative;visibility: visible;opacity: 1;left: 0;top: 0;min-width: 100%;padding: 0;display: none;transition: 0s;}
    .navbar-nav>li:first-child>a {padding-left: 10px;}
    .menu-open:before { transform: rotate(90deg);transition: all 0.4s ease;-mozkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;display: block;}
    .mobile-nav {right: 0;top: 0;position: absolute;z-index: 999;height: 100%;transition: 0.5s;display: block !important;height: 100% !important;width: 250px;margin: 0 !important; overflow-y: scroll;overflow-x: hidden;}
    .mobile-nav ul{margin:0;}
    .modal-backdrop.in {opacity: 0;}
    .modal {background: rgba(0, 0, 0, 0.8);}
    .mobile-nav ul ul{display: none;}
    .mobile-nav ul li{display: block;position: relative;border-bottom:1px solid rgb(222, 222, 222);}
    .mobile-nav ul li:last-child{border-bottom:0;}
    .mobile-nav ul {border-bottom: 1px solid rgb(222, 222, 222);    border-top: 1px solid rgb(222, 222, 222);}
    .mobile-nav ul li a{color:#09090c;font-size: 18px;padding:6px 0 6px 20px;display: inline-block;width: calc( 100% - 40px );}
    .mobile-nav ul li.active a{font-weight: bold;color: #006093;}
    .mobile-nav ul ul li a{font-size: 16px;padding-left:25px;}
    .mobile-nav .menu-caret {position: absolute;right: 0;top: 0px;font-size: 22px !important;background: #2b95c4;height: 36px;width: 36px;text-align: center;padding-top: 6px;color: #fff;}
    .mobile-nav .menu-caret.menu-open{padding-top: 7px;}
    .mobile-nav .menu-caret:before{transform: rotate(0deg);transition: all 0.4s ease;-mozkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;display: block;}
    .mobile-nav .menu-caret.menu-open:before {transform: rotate(90deg);transition: all 0.4s ease;-mozkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;display: block;}
    .mobile-nav-title {padding: 20px;font-size: 30px;color: #fff;background: #006093;}
    .header-search {float: right;padding-right: 20px;}
    #wrapper{position: relative;z-index: 9999;background: #fff;box-shadow: -2px -21px 17px -1px #222;transition: 0.6s ease left;-mozkit-transition: 0.6s ease left;-o-transition: 0.6s ease left;left:0;}
    footer{position: relative;z-index: 9999;left:0;}
    .modal-open #wrapper{z-index: 99999;}
    html.is-open #wrapper{left: -250px;}
    html.is-open footer{left: -250px;}
    .navbar-collapse{display: none !important;}
    .navbar-toggle .icon-bar { -webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
    .navbar-toggle:not(.collapsed){background-color: #2b95c4 !important;border-color: #2b95c4 !important}
    .navbar-toggle:not(.collapsed) .icon-bar{background-color: #fff;}
    .navbar-toggle:not(.collapsed) .icon-bar:nth-child(2){width: 0px;}
    .navbar-toggle:not(.collapsed) .icon-bar:nth-child(1),
    .navbar-toggle:not(.collapsed) .icon-bar:nth-child(3){-webkit-transition-delay: 0.3s;-o-transition-delay: 0.3s;transition-delay: 0.3s;}
    .navbar-toggle:not(.collapsed) .icon-bar:nth-child(1){-webkit-transform: translateY(6px) rotate(45deg);-o-transform: translateY(6px) rotate(45deg);transform: translateY(6px) rotate(45deg);}
    .navbar-toggle:not(.collapsed) .icon-bar:nth-child(3){ -webkit-transform: translateY(-5px) rotate(90deg); -ms-transform: translateY(-6px) rotate(-45deg);-o-transform: translateY(-6px) rotate(-45deg);transform: translateY(-6px) rotate(-45deg);}
    .search-slide-form {min-width: inherit;max-width: 235px;right: 10px;top: 35px;}
    .search-slide-form .btn{font-size: 14px;}
    .search-slide-form .btn{padding: 10px 8px;min-width: 70px;}
    .search-slide-form .search-keyword{padding-right: 72px;font-size: 14px;}
    .navbar-right .search-slide-form {position: absolute;right: 8px !important;top: 0 !important;visibility: visible !important;opacity: 1 !important}

    /* footer */
    footer{padding-top: 30px;}
    footer .innerbox{margin-bottom: 30px;}
    footer .ftr-bottom{margin-top: 0;text-align: center;border-top: 0;padding-bottom: 15px;padding-top: 0;}
    footer .ftr-bottom .text-right{text-align: center;}
    footer .twitterfeed p{font-size: 15px;line-height: 20px;padding-bottom: 0;}
    footer .twitterfeed, footer .contact{padding-top: 0;}
    footer .contact a{font-size: 15px;line-height: 20px;}
    footer .twitterfeed span{font-size: 14px;}
    footer .ftr-bottom p{font-size: 15px;}
    footer .ftr-bottom li a{font-size: 15px;}

    /*--------- home page ------------*/
    .banner-header h1, .banner-header h2{font-size: 32px;line-height:40px;}
    .banner .banner-cap{position: relative;top: 0;transform: translateY(0);-webkit-transform: translateY(0)}
    .banner .banner-cap .container{padding: 0;}
    .banner .slick-arrow{background-size: 20px;width: 20px;height: 50px;background-position: center}
    .banner img{height: 200px;object-fit: cover;object-position: center top}
    .banner .banner-cap .inner-box{padding: 15px;}
    .banner .slick-arrow{top: 35%;}
    .banner .slick-arrow.slick-prev{left: 40px;}
    .banner .slick-arrow.slick-next{right: 40px;}
    .home-aboutus .desc p{font-size: 16px;}
    .home-aboutus .desc{padding-bottom: 15px;}
    .home-features .figure-outer h3{font-size: 18px;}
    .home-features [class*=col-]{width: 50%;}
    .home-features{padding-bottom: 0;}
    .back-to-top {padding: 10px 0 20px;}
    .looking-bttom {padding: 30px 0;}
    .home-aboutus .ha-icon{max-width: 120px}
    .home-aboutus .ha-icon img{max-width: 70%}
    .home-features .figure-outer > img{ -webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);filter: grayscale(0%);width: 100%;}
    .new-banner .slick-arrow{top: 75%;}

    /*----------- approach page ---------*/
    .breadcrumb a, .breadcrumb li{font-size: 18px;}
    .breadcrumb {margin-bottom: 0;padding-bottom: 0;padding-left: 0;margin-left: 0;}
    .block-inner li {font-size: 17px;}
    .content-full p {font-size: 20px;}
    .block-inner h3 {font-size: 24px;}
    .block-two {padding-top: 20px;}
    .block-inner {padding: 10px 0;}
    .block-two.our-secretariat {padding-top: 20px;}
    .testimonial-slider {padding: 20px 0;}
    .testimonial-slider .carousel {margin: 0;padding: 0 30px;}
    .testimonial-slider .slick-arrow.slick-next {right: -5px;background-size: 20px 35px;background-position: center right;}
    .testimonial-slider .slick-arrow.slick-prev {left: -5px;background-size: 20px 35px;background-position: center left;}
    .testimonial-slider .item {padding: 0;}
    .content-full hr {margin-top: 0;}
    .about-us-cover .page-header{margin-top: 15px;}

    /*----------- about page ----------*/
    .about-team .desc h3 {font-size: 22px;}
    .our-team-cover {margin-bottom: 30px;}
    .about-team {padding-bottom: 0px;}

    /*----------- feature page ----------*/
    .feature-main .section-header h1 {font-size: 40px;margin-bottom: 20px;}
    .feature-main .page-header h1 {font-size: 25px;margin-bottom: 20px;}
    .padding-30{padding: 15px;}
    .feature-content h3, .feature-content .article-desc h3{font-size: 20px;line-height: 25px;}
    .article-news, .article-time, .article-admin{font-size: 16px;padding-bottom: 5px;}
    .sidebar-categories li a{font-size: 20px;}
    .sidebar-categories{padding: 15px;}
    .article-twitter i{font-size: 28px;}
    .feature-content:after{display: none;}
    .feature-content .col-md-6 .article-desc {padding-top: 20px;margin-top: 0;}
    .post-pagination{padding-top: 10px;}
    .feature-main .page-header{padding-top: 15px;}
    .feature-content iframe{height: 220px;}
    .categories-mobile{height: 60px;}
    .categories-btn-outer{padding: 10px 0px;position: relative;z-index: 9;left: 0;top: 0;width: 100%;text-align: center;}
    .categories-btn-outer.stuck{position: fixed;padding: 10px 15px; z-index: 999;margin-top: -66px;background: #fff;transform: translate(0px, 66px);-webkit-transform: translate(0px, 66px);transition: transform 0.5s ease;-webkit-transition: transform 0.5s ease;box-shadow: 3px 4px 5px 0px rgba(25,25,25,0.08);}
    .categories-btn-outer .btn{font-size:20px;}
    .categories-sidebar{position: fixed;top: 0;left: -100%;width: 100%;height: 100%;background: #fff;z-index: 9999;padding: 15px;overflow-y: auto;padding-top: 0;transition: left ease 0.5s;-webkit-transition: left ease 0.5s}
    .categories-sidebar.is-open{left: 0;}
    .categories-sidebar .close{font-size: 40px;padding: 10px;background-color: transparent;}
    .categories-sidebar .article-twitter{margin-bottom: 50px;}
    .feature-main hr{margin-top: 1px;}
    .search-article input[type="search"]{line-height: 36px; }
    .feature-main{position: relative}
    .socialfeed.featuresocial{top: 1px;}
    .video-bloq iframe, .testimonials-iframe iframe {height: 200px;}
    .video-bloq.full-screen iframe {height: 400px;}
    .video-bloq p{padding: 10px 0;}

    /* insights-and-practices page */
    .accordion-cover {padding-bottom: 15px;margin-bottom: 15px;}
    .content-slider .slick-arrow{width: 15px;height: 30px;}
    .content-item {padding: 0 5px;}
    .grid-i-cover{width: 100%;padding: 20px;margin: 0 0 15px;}
    .grid-cover{margin: 0;}
    .grid-inner {margin-top: 20px;}
    .home-features figure > img {width: 100%;}
    .content-half-li li{width: 100%;font-size: 17px;}
    .insight-cover ul li {font-size: 17px;}
    .structure-close.y-bg{padding: 30px 35px 10px 20px;}
    .st-close{ height: 21px;width: 21px;}
    .st-close:before, .st-close:after{left: 10px;top: 3px;}
    .video-inner {min-height: 150px;}
    .video-inner a > img{height: auto;}
    .lg-left {left: 10px;top: 10px;max-width: 150px;}
    .video-top-inner {max-width: 400px;margin: 0 auto;}
    .testimonial-slider .video-slider .slick-arrow.slick-prev {background-size: 20px 35px;left: -10px;}
    .testimonial-slider .video-slider .slick-arrow.slick-next {background-size: 20px 35px;right: -10px;}
}
@media(max-width:480px){
    /*----------- home page ----------*/
    .home-features [class*=col-]{width: 100%;}
    .breadcrumb a, .breadcrumb li {font-size: 15px;}

    /*----------- about page ----------*/
    .socialfeed li{display: inline-block;padding:0 5px;}
    .socialfeed{padding: 9px 10px 5px 10px;}
    .custom-xs {width: 100%;}
    .about-team .desc {min-height: inherit;padding: 10px;}
    .feature-main .breadcrumb{padding-top: 50px;}

    /*----------- insights-and-practices page ----------*/
    .insights-practices .card-title .d-table{height: auto}
    .insights-practices .card-detail{min-height: auto}
    .insights-practices .card-title h3{ font-size: 22px;line-height: 25px;}
    .insight-cover .block-two h2{font-size: 20px;}
    .content-title .commitment-header .head h2{font-size: 20px;line-height: 1.3;}
    .content-title .commitment-header .head{padding-left: 10px;}
    .content-title .commitment-header .icon{width: 45px;height: 45px;}
    .content-title .commitment-header .icon img{max-width: 80%;}
    .accordion-cover .accordian-list li{padding: 10px 15px;font-size: 15px;}
    .accordion-cover .accordian-list em {height: 20px;width: 20px;}
    .accordion-cover .accordian-list em:before, .accordion-cover .accordian-list em:after{height:12px;left: 9px;top: 4px;}
    .all-pdf-content [class*=col-] {width: 100%; border-bottom: 1px solid #06609452;margin-bottom: 30px;}
    .video-top-cover [class*=col-] {width: 100%;}
    .video-bloq.full-screen iframe {height: 240px;}
}

/* 2. iPad responsive css 768px to 1023px
-----------------------------------------*/
@media (min-width:768px) and (max-width:1023px) {

    /* header */
    .search-form .search-keyword{font-size: 50px;line-height: 60px;}

    /* footer */
    footer{padding-top:50px;}
    footer .ftr-bottom{padding-bottom: 30px;margin-top: 50px;}

    /*--------- home page ------------*/
    .banner-header h1, .banner-header h2{font-size: 50px;line-height: 60px;}
    .banner .banner-cap{position: relative;top: 0;transform: translateY(0);-webkit-transform: translateY(0)}
    .banner .banner-cap .container{padding: 0;width: 100%;}
    .banner .slick-arrow{background-size: 45px;height: 80px;}
    .home-features{padding-bottom: 40px;}
    .header-search-open .search-slide-form {right: 0;top: 50px;}
    .search-slide-form{top: 0;right: 0}

    /*----------- approach page ---------*/
    .breadcrumb {margin-bottom: 20px;padding-bottom: 0;padding-left: 0;margin-left: 0;}
    .block-inner li {font-size: 20px;}
    .content-full p {font-size: 22px;}
    .block-inner h3 {font-size: 26px;}
    .block-two {padding-top: 30px;}
    .block-inner {padding: 20px 0;}
    .block-two.our-secretariat {padding-top: 30px;}
    .testimonial-slider {padding: 30px 0;}
    .testimonial-slider .carousel {margin: 0;padding: 0 30px;}
    .testimonial-slider .slick-arrow.slick-prev {left: -15px;background-position: center left;}
    .testimonial-slider .slick-arrow.slick-next {right: -15px;background-position: center right;}
    .content-full hr {margin-top: 0;}

    /*----------- about page ----------*/
    .about-team .desc h3 {font-size: 26px;}
    .our-team-cover {margin-bottom: 30px;}
    .about-team {padding-bottom: 0px;}

    /*----------- feature page ----------*/
    .feature-main .section-header h1 {font-size: 40px;margin-bottom: 20px;}
    .feature-main .page-header h1 {font-size: 25px;margin-bottom: 20px;}
    .feature-content:after{display: none;}
    .feature-content .col-md-6 .article-desc {padding-top: 20px;margin-top: 0;}
    .post-pagination{padding-top: 10px;}
    .search-article input[type="search"]{line-height: 36px;}

    /* insights-and-practices page */
    .a-pdf-img {height: 180px;}
     .aspect-ratio .item:before{content: ''; height: 350px; width: 100%; display: block; }
     .new-banner h1{font-size: 35px;line-height: 40px;}
}

/* 3. large desktop responsive css 1024px to 1169px
----------------------------------------------------*/
@media (min-width:1024px) and (max-width:1169px) {
    /*----------- approach page ---------*/
    .testimonial-slider .carousel {margin: 0;padding: 0 30px;}
    .testimonial-slider .slick-arrow.slick-next {right: -15px;background-position: center right;}
    .testimonial-slider .slick-arrow.slick-prev {left: -15px;background-position: center left;}

    /*----------- about page ----------*/
    .about-team .desc h3 {font-size: 26px;}
    .about-team .our-team-cover {margin-bottom: 30px;}
    .about-team {padding-bottom: 0px;}
}

@media (min-width:768px){
    .brand img{padding:17px 0;}
    .home-banner .slick-arrow.slick-prev{background-image: url(../images/site/home-banner-arrow-left.png);left: 40px !important;}
    .home-banner .slick-arrow.slick-next{background-image: url(../images/site/home-banner-arrow-right.png);right: 40px !important;}
    .banner-container {width: 590px;}
}

@media (min-width: 992px){
    .banner-container {width: 810px;}
    .slider-spacing{margin: 0 20px;}
}

/* 4. Other media-query
------------------------------------------------*/
@media (min-width:1200px){
    /*----------- home page ---------*/
    .banner .slick-arrow.slick-prev{left: calc((100vw - 1170px)/2)}
    .banner .slick-arrow.slick-next{right: calc((100vw - 1170px)/2)}
    .member-logo-outer .member-logo{/*width: 20%;*/}

    /*Commented by @M*/
    .container{/*width: 970px;*/}
    .banner-container {width: 1010px;}
}

/* 5. Anything larger than mobile
------------------------------------------------*/

/* 6. Anything larger than mobile
------------------------------------------------*/
@media (max-width:767px){
    .brand img{height:46px;padding:3px 0;}
    .banner-header.container {width: 85%; }
}

@media(max-width:1024px){
    .map-sidebar-block .map-block { min-height: calc( 100vh - 198px ); }
    .map-sidebar-block .sidebar-block { min-height: calc( 100vh - 198px ); -webkit-transition: 0.5s ease all; -o-transition: 0.5s ease all; transition: 0.5s ease all; }
    .map-sidebar-block .sidebar-block { right: calc(-300px + 20px);  position: absolute; top: 0;  }
    .map-sidebar-block .sidebar-block.open { right: 0; }
}
@media(max-width:992px){
    .country-toggle-btn { display: block; }
    .country-toggle-btn .close-list { display: none; }
    .country-toggle-btn.active .country-list { display: none; }
    .country-toggle-btn.active .close-list { display: block; }
    .country-toggle-btn.active { position: absolute; bottom: 0; left: auto; right: 0; -webkit-transform: translateX(0); transform: translateX(0); }
    .responsive-arrow { display: none; }
    .map-sidebar-block .sidebar-block { right: -100%; width: 100%; }
}
@media(max-width:992px) and (orientation: landscape){
    .map-sidebar-block .map-block,
    .map-sidebar-block .sidebar-block { height: 120vh; min-height: initial; }
    .map-sidebar-block .sidebar-block { overflow: auto; }
}

@media (max-width: 767px){
    .map-popup-content { max-height: 90%; }
    .leaflet-popup-content p {font-size: 13px;}
}

/*Added by Andrew*/
@media (max-width: 375px){
    .aspect-ratio .item:before{content: ''; height: 390px; width: 100%; display: block; }
}
@media (max-width: 414px){
    .aspect-ratio .item:before{content: ''; height: 366px; width: 100%; display: block; }
}

@media (max-width:768px){
    .home-banner .slick-arrow.slick-next{right: 17px !important;}
    .flex-auto{flex: auto;}
}