
/*body { webkit-tap-highlight-color: rgba(255, 255, 255, 0.2); }
*/


.navbar-custom { margin-bottom: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.3); text-transform: uppercase; font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #2f3438; }
.navbar-custom .navbar-toggle { color: white; background-color: rgba(255, 255, 255, 0.2); font-size: 12px; }
.navbar-custom .navbar-toggle:focus, .navbar-custom .navbar-toggle:active { outline: none; }
.navbar-custom .navbar-brand { font-weight: 700;}
.navbar-custom .navbar-brand:focus { outline: none; }
.navbar-custom a { color: white; }
.navbar-custom .nav li a { -webkit-transition: background 0.3s ease-in-out; -moz-transition: background 0.3s ease-in-out; transition: background 0.3s ease-in-out; }
.navbar-custom .nav li a:hover { color: rgba(255, 255, 255, 0.8); outline: none; background-color: transparent; }
.navbar-custom .nav li a:focus, .navbar-custom .nav li a:active { outline: none; background-color: transparent; }
.navbar-custom .nav li.active { outline: none; }
.navbar-custom .nav li.active a { background-color: rgba(255, 255, 255, 0.3); }
.navbar-custom .nav li.active a:hover { color: white; }
/*.navbar-nav>li>.dropdown-menu { margin-top: 20px; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.navbar-default .navbar-nav>li>a { width: 200px; font-weight: bold; }*/

.navbar-nav>li>a{ line-height: 38px;}
.dropdown-menuCustom{ background-color:#2f3438;}
.dropdown-menu>li>a{ color:#fff;}
.navbar-brand{ padding:0 15px;}
.navbar-custom .navbar-toggle {
    color: white;
    background-color: #50b0bb;
    font-size: 15px;
}

.nav>li>a{ padding:20px;}

/*.s5_logo_path { background:url(../images/logo.png);}*/
.s5_logo_path .small-logo { background-position: 0px -122px;}

.small-logo { width: 150px; height: 96px; }
.small-logoSinglePage { width: 150px; height: 96px; }
.s5_logo { background-position: 0 0; background-repeat: no-repeat; -webkit-transition: background-position .4s ease-in; -moz-transition: background-position .4s ease-in; -o-transition: background-position .4s ease-in; transition: background-position .4s ease-in;  }




.header-section-captions { position: absolute; top: 36%; left: 0; right: 0; width: 100%; text-align: center; color: #fff; }


 @-webkit-keyframes pulse {
0% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
 50% {
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 100% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
@-moz-keyframes pulse {
0% {
 -moz-transform: scale(1);
 transform: scale(1);
}
 50% {
 -moz-transform: scale(1.2);
 transform: scale(1.2);
}
 100% {
 -moz-transform: scale(1);
 transform: scale(1);
}
}
@-moz-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {
 -moz-transform: translateY(0);
 transform: translateY(0);
}
 40% {
 -moz-transform: translateY(-15px);
 transform: translateY(-15px);
}
 60% {
 -moz-transform: translateY(-15px);
 transform: translateY(-15px);
}
}
@-webkit-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
 40% {
 -webkit-transform: translateY(-15px);
 transform: translateY(-15px);
}
 60% {
 -webkit-transform: translateY(-15px);
 transform: translateY(-15px);
}
}
@keyframes bounce {
 /*0%, 20%, 50%, 80%, 100% {
 -moz-transform: translateY(0);
 -ms-transform: translateY(0);
 -webkit-transform: translateY(0);
 transform: translateY(0);
}*/
 0%, 20%, 40% {
 -moz-transform: translateY(-15px);
 -ms-transform: translateY(-15px);
 -webkit-transform: translateY(-15px);
 transform: translateY(-15px);
}
 60% {
 -moz-transform: translateY(-15px);
 -ms-transform: translateY(-15px);
 -webkit-transform: translateY(-15px);
 transform: translateY(-15px);
}
}
@-webkit-keyframes easeOutBounce {
     0% {margin-top: -150px; -webkit-animation-timing-function: ease-in;}
    33% {margin-top: 0px; -webkit-animation-timing-function: ease-out;}
    50% {margin-top: -40px; -webkit-animation-timing-function: ease-in;}
    66% {margin-top: 0px; -webkit-animation-timing-function: ease-out;}
    82% {margin-top: -10px; -webkit-animation-timing-function: ease-in;}
    92% {margin-top: 0px; -webkit-animation-timing-function: ease-out;}
    97% {margin-top: -5px; -webkit-animation-timing-function: ease-in;}
    100% { margin-top: 0px;}
}
@keyframes easeOutBounce {
    0% {margin-top: -150px; -webkit-animation-timing-function: ease-in;}
    33% {margin-top: 0px; -webkit-animation-timing-function: ease-out;}
    50% {margin-top: -40px; -webkit-animation-timing-function: ease-in;}
    66% {margin-top: 0px; -webkit-animation-timing-function: ease-out;}
    82% {margin-top: -10px; -webkit-animation-timing-function: ease-in;}
    92% {margin-top: 0px; -webkit-animation-timing-function: ease-out;}
    97% {margin-top: -5px; -webkit-animation-timing-function: ease-in;}
    100% { margin-top: 0px;}
}
.bounce { -moz-animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite; }
.bounce:hover { -moz-animation: bounce 0s infinite; -webkit-animation: bounce 0s infinite; animation: bounce 0s infinite; }
.mapCanvasArea {
    position: relative;
}
.pst:hover .map-tooltip{
    animation: easeOutBounce 1s 0s forwards;
    -webkit-animation: easeOutBounce 1s 0s forwards;
    opacity: 1;
    -webkit-transition: opactiy 1s; /* Safari */
    transition: opacity 1s;
    display:block;
    width: 350px;
    margin-left:-20px;
}
.tool-desc h3 {
    margin-top: 50px;
}
.pst .map-tooltip{opacity: 0;display:none;position: absolute;}
.pst .tool-img{float:left;}
.pst .tool-desc{float:left;}
.pst .hotspot{z-index: 5000;width:100px;height:100px;margin-top:125px;
    cursor:pointer;}
.pst{
    position:absolute;
    z-index: 500;
}
.pst .line{
    height: 80px;
    margin-left: 30px;
    border-left: 2px solid;
}
#tip0{
    top: -77px;
    left: 870px;
}
#tip0 .line{
    border-color: #86bb49;
}
#tip0 h3{color:#86bb49;}
#tip0 .hotspot{
    width: 40px;
    height: 38px;
    border-radius: 73px
}

#tip1{
    top: 164px;
    left: 227px;
}
#tip1 .line{
    border-color: #1f7ed2;
}
#tip1 h3{color:#1f7ed2;}
#tip1 .hotspot{
    width: 40px;
    height: 38px;
    border-radius: 73px
}
#tip2{
    top: 28px;
    left: 474px;
}
#tip2 .line{
    border-color: #ffab34;
}
#tip2 h3{color:#ffab34;}
#tip2 .hotspot{
    width: 42px;
    height: 35px;
    border-radius: 73px
}

#tip3{
    top: -7px;
    left: 654px;
}
#tip3 .line{
    border-color: #50b0bb;
}
#tip3 h3{color:#50b0bb;}
#tip3 .hotspot {
    width: 42px;
    height: 35px;
    border-radius: 73px
}
/* MEGAMENU STYLE START HERE */

header h2 {font-size: 24px; line-height: 38px; margin: 0px 0px 16px 0px; font-weight: 600; color:#fff; text-align:right; }
header .btn-default {font-size: 14px; line-height: 18px; font-weight: 600; color: #ffffff; word-wrap: break-word; text-transform: none; white-space: normal; letter-spacing: 0.78px; border: 0px; border-radius: 0px; display: inline-block; text-align: center; }
header .btn-lg { min-width: 140px; font-size: 12px; line-height: 16px; text-transform: uppercase; padding: 12px 12px 12px 12px !important; margin: 0px 0px 16px 0px !important; }
header .primary-light-blue-btn { background-color: #0071BC; margin-right: 16px; }
header .primary-light-blue-btn:last-child { margin-right: 0px; }
header .primary-light-blue-btn:hover, header .primary-light-blue-btn:focus, header .primary-light-blue-btn:active { background-color: #004c92; color: #ffffff; }
header .input-group, footer .input-group { width: 100%; height: auto; display: inline-block; border-radius: 0px; box-shadow: none; }
header .search-section, header .header-search-section, footer .search-section, footer .header-search-section { margin-bottom: 10px; }
header .search-section .search-input-field, header .search-section .search-input-field-1, header .header-search-section .search-input-field, header .header-search-section .search-input-field-1, footer .search-section .search-input-field, footer .search-section .search-input-field-1, footer .header-search-section .search-input-field, footer .header-search-section .search-input-field-1 { width: 100%; border: 0px; padding: 10px 64px 10px 10px; border-radius: 0px; color: #333333; font-size: 14px; line-height: 22px; font-weight: bold; }
header .search-section .search-input-field-1, header .header-search-section .search-input-field-1, footer .search-section .search-input-field-1, footer .header-search-section .search-input-field-1 { font-weight: normal; color: #333333; -moz-box-shadow: inset 1px 1px 2px #d4d4d4; -webkit-box-shadow: inset 1px 1px 2px #d4d4d4; box-shadow: inset 1px 1px 2px #d4d4d4; border: 1px solid #d4d4d4; }
header .search-section .search-submit-icon, header .header-search-section .search-submit-icon, footer .search-section .search-submit-icon, footer .header-search-section .search-submit-icon { position: absolute; right: 0px; top: 0px; padding: 10px; height: 35px; border-radius: 0px; margin: 5px; background: transparent; }
header .header-search-section .search-submit-icon{right:15px;z-index: 5;}
.header-search-section input[type="text"]{padding: 10px 64px 10px 10px;border-radius: 0;
/*-moz-box-shadow: inset 1px 1px 2px #d4d4d4;-webkit-box-shadow: inset 1px 1px 2px #d4d4d4;box-shadow: inset 1px 1px 2px #d4d4d4;*/
border: none;/* 1px solid #d4d4d4;*/
height: 40px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}



header .navbar-nav .mega-menu { position: static; }
header .navbar-nav .mega-menu:hover:last-child > a { opacity: 0.5; border-bottom: 0px; margin-bottom: 21px; }
header .navbar-nav .mega-menu:hover a.dropdown-toggle { color: #6db4b8; border-bottom:none; /*margin-bottom: 21px;*/ }
header .navbar-nav .mega-menu:hover a.dropdown-toggle:before { content: ""; border-color: transparent; border-width: 18px; display: -moz-inline-box; display: inline-block; position: absolute; left: 35%; z-index: 105; top: 144%; background-image: url(../images/megamenu-arrow.png); background-repeat: no-repeat; background-size: 32px 16px; width: 32px; height: 14px; }
.search-container{position: absolute;
    right: 0px;
    margin-top: 79px;
    background-color: #fff;
    width: 50%;
    line-height: 40px;}
.search-container .search-input-field-1{width: 90%;border: none;
    padding: 10px;}
.dropdown-menu.mega-menu-dropdown.marLeft{margin-left:-5px !important;}

@media (max-width: 991px) {
header .navbar-nav .mega-menu:hover a.dropdown-toggle:before { background-image: none; }
}
/*header .navbar-nav .mega-menu:hover .megamenu_search_icon { background-color:#fff; padding: 29px; margin: 0px; cursor: pointer; }*/
header .navbar-nav .mega-menu:hover .mega-menu-dropdown { display: block;}
header .navbar-nav .mega-menu .megamenu_search_icon { background-color:#fff; padding: 29px; margin: 0px; cursor: pointer; }
header .navbar-nav .mega-menu li h4 { font-size: 18px; line-height: 24px; font-weight: bold; cursor: default; }
header .navbar-nav .mega-menu .close-this-megamenu { position: absolute; top: 0px; right: 16px; color: #0071BC; display: none;}
header .navbar-nav .mega-menu .mega-menu-blurb { font-family: "Andes", sans-serif; font-size: 18px; line-height: 26px; color: #333333; font-style: normal; word-wrap: break-word; text-align: left; padding: 32px; }
/*header .navbar-nav .mega-menu .mega-menu-right-column { padding-top: 32px; } */
header .navbar-nav .mega-menu .mega-menu-right-column ul li a { margin: 0px; padding: 0px; border-bottom: 0px; opacity: inherit; }
header .navbar-nav .mega-menu .mega-menu-right-column ul li a span.menu-highlight-item { font-family: "Open Sans", sans-serif; font-size: 14px; line-height: 20px; color: #fff; font-weight: bold; margin: 0px; text-transform: none; }
header .navbar-nav .mega-menu .mega-menu-right-column ul li a span.menu-highlight-item:hover { color: #fff; text-decoration: underline; }
header .navbar-nav .mega-menu .mega-menu-left-column { background-color: #e5e5e5; }
header .navbar-nav .mega-menu .mega-menu-left-column ul li a { margin: 0px; }
header .navbar-nav .mega-menu .mega-menu-left-column ul li a:hover { border-bottom: 0px; text-decoration: underline; }
header .navbar-nav .mega-menu .mega-menu-search-padd { padding: 32px; }
header .navbar-nav .mega-menu .mega-menu-dropdown { font-family: "Open Sans", sans-serif; background-color: #2f3438; position: absolute; left: 0px; right: 0px; margin: 0 auto; padding: 0px; border: 0px; border-top:none; z-index: 10; box-shadow:none; cursor: default; }
header .navbar-nav .mega-menu .mega-menu-dropdown ul { list-style: none; padding: 0px; margin: 10px 0px; width: 100%; }
header .navbar-nav .mega-menu ul.mega-menu-sublist{ border-left:10px solid #48494b; padding-left:25px; height:200px;}
#tmheader .navbar-nav .mega-menu ul.mega-menu-sublist li a { font-family: "Open Sans", sans-serif; font-size: 12px; line-height: 26px; color: #fff; font-weight: normal; text-transform: none; padding: 0px 3px 0px 3px; margin: 0px 0px 8px 0px; position: relative; z-index: 100; display: block; font-weight:700; text-decoration: none;}
header .navbar-nav .mega-menu ul.mega-menu-sublist li a {
    font-size: 12px;
    line-height: 30px;
    color: #d2d6d9;
    font-weight: normal !important;
    text-transform: none;
    padding: 0px 3px 0px 3px;
    margin: 0px 0px 8px 0px;
    position: relative;
    z-index: 100;
    display: block;
    font-weight: 700;
    text-decoration: none;
}

.mega-menu.mm-sub .mega-menu-right-column li {
    float: left;
    width: 22%;
}


.dym_results .mega-menu-right-column li.expanded {
    width: 30%;
}

.mega-menu.mm-sub .mega-menu-right-column li.first.leaf {
    width: 29%;
}

.mega-menu.mm-sub .mega-menu-right-column li > img.img-responsive {
    margin-top: 26px;
}

li.dym_results li > img.img-responsive {
    margin-left:50px;
}


.mega-menu.mm-sub .mega-menu-right-column li ul.mega-menu-sublist li {
    width: 100% !important;
}



header .navbar-nav .mega-menu ul.mega-menu-sublist li a:hover { color: #80d5d1; padding: 0px 3px 0px 3px; margin: 0px 0px 8px 0px; border-bottom: 0px; display: block; text-decoration: none; }
header .navbar-nav .mega-menu ul.no-mega-menu-sublist { display: inline-block; margin: 0px; }
header .navbar-nav .mega-menu ul.no-mega-menu-sublist li { display: inline-block; width: auto; }
header .navbar-nav .mega-menu ul.no-mega-menu-sublist li a { font-weight: normal; padding-bottom: 0px; margin-bottom: 0px; color: #0071BC; margin-right: 4px; }
header .navbar-nav .mega-menu ul.no-mega-menu-sublist li a:hover { font-weight: normal; padding-bottom: 0px; margin-bottom: 0px; color: #004c92; }
header .navbar-nav .mega-menu ul.mega-menu-left-column-wrapper { margin-bottom: 32px; }
header .navbar-nav .mega-menu ul.mega-menu-left-column-wrapper span.menu-highlight-item { font-family: "Open Sans", sans-serif; font-size: 14px; line-height: 20px; color: #0071BC; font-weight: bold; margin: 0px; text-transform: none; }
header .navbar-nav .mega-menu ul.mega-menu-left-column-wrapper span.menu-highlight-item:hover { color: #004c92; text-decoration: underline; }
header .lang-box { display: inline; }
header .toggle-box { float: right; }

/*Common Blocks Style Start Here*/




#custom-search-input { margin: 0; padding: 0 0 0 20px; width: 100%; }
#custom-search-input .search-query { padding-right: 3px; padding-right: 4px \9; padding-left: 3px; padding-left: 4px \9; /* IE7-8 doesn't have border-radius, so don't indent the padding */ margin-bottom: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#custom-search-input button { border: 0; background: none; /** belows styles are working good */ padding: 2px 5px; margin-top: 2px; position: relative; left: -28px; /* IE7-8 doesn't have border-radius, so don't indent the padding */ margin-bottom: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #D9230F; }

.search-query:focus + button { z-index: 3; }

.form-controlSearch { border: none; }

#custom-search-input .search-query { border-radius: 30px; padding-left: 10px; padding: 30px 10px; color: #ccc; }

.btn-customGreen { color: #ccc !important; }
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group { z-index: 7; margin-left: -1px; }

/*.customPagination { float: left; width: 100%; margin: 25px 0; padding: 0; text-align: center; list-style-type: none; }*/
.customPagination li { display: inline-block; }
.customPagination li a { font-size: 16px; color: #9b9c9c; padding: 0 10px 25px 10px; display: block; border-top: 5px solid transparent; }
.customPagination li a:hover, .customPagination li a.active { color: #1f7dd1; border-bottom: 5px solid #1f7dd1; text-decoration: none; }

 #search::-webkit-input-placeholder {color: #ccc;}
 #search:-moz-placeholder {color: #ccc;}
 #search:-ms-input-placeholder {color: #ccc;}

/*Common Blocks Style End Here*/

/*Topic Single Style Start Here*/

div.topThreeBox { background: #42474a; padding: 100px; display: block; color: #fff; text-align: center; text-transform: uppercase; position: relative; -webkit-transition: all 200ms ease-in; -webkit-transform: scale(1); -ms-transition: all 200ms ease-in; -ms-transform: scale(1); -moz-transition: all 200ms ease-in; -moz-transform: scale(1); transition: all 200ms ease-in; transform: scale(1); }
div.topThreeBox:hover { background: #2e3336; padding: 100px; display: block; color: #fff; box-shadow: 0px 0px 30px #000000; text-decoration: none; z-index: 2; -webkit-transition: all 200ms ease-in; -webkit-transform: scale(1.1); -ms-transition: all 200ms ease-in; -ms-transform: scale(1.1); -moz-transition: all 200ms ease-in; -moz-transform: scale(1.1); transition: all 200ms ease-in; transform: scale(1.1); bottom: 0; }

div.topThreeBox:hover a.bounce-element{border: none;}

.bounce-element{
  display: block;
    padding: 72px;
    margin: 50px 0px;
}

a.topThreeBox { background: #42474a; padding: 100px; display: block; color: #fff; text-align: center; text-transform: uppercase; position: relative; -webkit-transition: all 200ms ease-in; -webkit-transform: scale(1); -ms-transition: all 200ms ease-in; -ms-transform: scale(1); -moz-transition: all 200ms ease-in; -moz-transform: scale(1); transition: all 200ms ease-in; transform: scale(1); }
a.topThreeBox:hover { background: #2e3336; padding: 100px; display: block; color: #fff; box-shadow: 0px 0px 30px #000000; text-decoration: none; z-index: 2; -webkit-transition: all 200ms ease-in; -webkit-transform: scale(1.1); -ms-transition: all 200ms ease-in; -ms-transform: scale(1.1); -moz-transition: all 200ms ease-in; -moz-transform: scale(1.1); transition: all 200ms ease-in; transform: scale(1.1); bottom: 0; }

a.topThreeBox h4{ font-size:24px; text-transform:uppercase; color:#fff; font-weight:600; margin-top: 35px;}



#custom-search-inputOne { margin: 0; padding: 0 0 0 20px; width: 100%; }
#custom-search-inputOne .search-query { padding-right: 3px; padding-right: 4px \9; padding-left: 3px; padding-left: 4px \9; /* IE7-8 doesn't have border-radius, so don't indent the padding */ margin-bottom: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size:19px;}
#custom-search-inputOne button { border: 0; background: none; /** belows styles are working good */ padding: 2px 5px; margin-top: 2px; position: relative; left: -40px; /* IE7-8 doesn't have border-radius, so don't indent the padding */ margin-bottom: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #D9230F;     font-size: 18px;}
#custom-search-inputOne .search-query { border-radius: 30px; padding: 30px 20px; color: #9b9b9b;}

#custom-search-inputOne .search-query:focus + button { z-index: 3; }

#searchCountry::-webkit-input-placeholder {color: #9b9b9b; font-size:19px;}
#searchCountry:-moz-placeholder {color: #9b9b9b; font-size:19px;}
#searchCountry:-ms-input-placeholder {color: #9b9b9b; font-size:19px;}

.btn-customGrey { color: #9b9b9b !important; }

.margTopBot40{ margin-top:40px; margin-bottom:60px; }

@media (min-width: 991px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#custom-search-inputOne .search-query { border-radius: 30px; padding: 0 20px; color: #9b9b9b; height:62px; }
}

/*Countries Style End Here*/

/* Home Style Start Here */

#mega-menu-global-search li.containerCustom{
    padding-right:0px;
}

.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {
    color: #fff;
    background-color: #50b0bb;
    border-color: #50b0bb;
}


.img-flickr {
    margin-top: -3px;
    margin-left: -4px;
}




.kcSearchSec{ margin:0; padding:0;}
.kcSearchSec li{ margin:0; padding:0; list-style-type:none; display:inline-block;}
.kcSearchSec li.filterArea{ width:15.5%; display:inline-block; margin:0 2.5%;}
.kcSearchSec li.searchArea{ width:33%; display:inline-block; margin:0 0 0 3%;}
.select-styleThree { border: none; border-radius: 0; overflow: hidden; background: transparent url(../images/icon-select.png) no-repeat center right; width: 100%; border-bottom:2px solid #cad1d6; padding-bottom:15px;}
.select-styleThree select { font-size:19px; font-weight:600; color:#4f5355; padding: 5px 0; border: none; width: 100%; box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none; cursor: pointer; }
.select-styleThree select:focus { outline: none; }
.select-styleThree select::-ms-expand {display: none;}

/* Knowledge Center End Here */


/* Knowledge Center Single Start Here */


.no-pad-right{ padding-right:0 !important;}
.no-pad-left{ padding-left:0 !important;}


/* Knowledge Center Single End Here */

/* Meeting Single Start Here */


/* Meeting Single End Here */


@media (min-width: 991px) {
header .mega-menu:not(:last-child) .mega-menu-right-column { padding-bottom: 20px !important; }
header .mega-menu ul li .row,  header .mega-menu ul li > .row:not(.mega-menu-right-column) > div:first-child { display: flex; }
header .mega-menu-left-column { width: 100%; }
header .mega-menu-right-column.row { display: block !important; }

}

@media (max-width: 1200px) {
header .navbar-nav .mega-menu:hover > a.dropdown-toggle { margin-bottom: 16px; }
header .navbar-nav .mega-menu:hover > a.dropdown-toggle:before { top: 137%; }
header .navbar-nav .mega-menu:hover:last-child > a { margin-bottom: 16px; }

    .mega-menu.mm-sub .mega-menu-right-column li {
        float: left;
        width: 18%;
    }

    .mega-menu.mm-sub .mega-menu-right-column li.first.leaf {
        width: 40%;
    }

    .mega-menu.mm-sub .mega-menu-right-column li > img.img-responsive {
        margin-top: 40px;
    }
    .mega-menu.mm-sub .mega-menu-right-column li ul.mega-menu-sublist li {
        width: 100% !important;
    }
    header .navbar-nav .mega-menu ul.mega-menu-sublist li a {
        font-size: 14px;
    }

}

@media (max-width: 991px) {
header .navbar-nav .mega-menu:hover > a.dropdown-toggle { margin-bottom: 0px; border-bottom: 0px; }
header .navbar-nav .mega-menu:hover > a.dropdown-toggle:before { display: none; }
header .mega-menu .mega-menu-blurb .hidden-sm { display: block !important; }
header .toggle-box { float: right; }
}

@media (min-width: 768px) and (max-width: 1200px) {
header .g01v1-logo img { height: 35px; width: 175px; }
}

@media (max-width: 991px) {
header .home-page-header-lang { float: right; width: 50%; }
}

@media only screen and (max-width: 991px) {
header .g01v1-logo img { height: 32px; width: 162px; }
header .toggle-box { float: right; }
header .navbar-nav .mega-menu { margin: 0px 0px 16px 0px; padding: 0px 0px 16px 0px; border-bottom: 1px solid #e5e5e5; }
header .navbar-nav .mega-menu:first-child { padding: 0px 0px 16px 0px; }
header .navbar-nav .mega-menu .mega-menu-blurb { padding: 8px 0px; }
/*header .navbar-nav .mega-menu .mega-menu-dropdown { display: none !important; }*/
}

/* MEGAMENU STYLE END HERE */

/* Font face Style */
@font-face { font-family: 'Segoe UI'; src: url('../fonts/segoeui/SegoeUI.eot'); src: url('../fonts/segoeui/SegoeUI.eot?#iefix') format('embedded-opentype'), url('../fonts/segoeui/SegoeUI.woff2') format('woff2'), url('../fonts/segoeui/SegoeUI.woff') format('woff'), url('../fonts/segoeui/SegoeUI.ttf') format('truetype'), url('../fonts/segoeui/SegoeUI.svg#SegoeUI') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Segoe UI'; src: url('../fonts/segoeui/SegoeUI-SemiBold.eot'); src: url('../fonts/segoeui/SegoeUI-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/segoeui/SegoeUI-SemiBold.woff2') format('woff2'), url('../fonts/segoeui/SegoeUI-SemiBold.woff') format('woff'), url('../fonts/segoeui/SegoeUI-SemiBold.ttf') format('truetype'), url('../fonts/segoeui/SegoeUI-SemiBold.svg#SegoeUI-SemiBold') format('svg'); font-weight: 600; font-style: normal; }
@font-face { font-family: 'Segoe UI'; src: url('../fonts/segoeui/SegoeUI-Bold.eot'); src: url('../fonts/segoeui/SegoeUI-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/segoeui/SegoeUI-Bold.woff2') format('woff2'), url('../fonts/segoeui/SegoeUI-Bold.woff') format('woff'), url('../fonts/segoeui/SegoeUI-Bold.ttf') format('truetype'), url('../fonts/segoeui/SegoeUI-Bold.svg#SegoeUI-Bold') format('svg'); font-weight: bold; font-style: normal; }

@media (min-width: 1200px){
/*.container {
     width: 100%;
    padding: 0px 2.2%;
}*/
.containerCustom {
    width: 100%;
    padding: 0 15px;
}

}

@media(min-width:1440px) {

body.page-user #block-views-blog-posts-by-author-block,
body.page-user #block-system-main,
body.node-type-carousel #block-system-main {padding:0px 20%;}
body.page-user .user-picture{margin:15px 0px;}
body.page-user .user-picture img,
body.node-type-carousel #block-system-main img {
    display: block;
    max-width: 100%;
    height: auto;
}
body.node-type-carousel #block-system-main {
    margin-bottom:35px;
}

    #cif-topic-single-sec-two .right-media-sec .image-large {
        background-color: #fff;
        padding: 38px 38px 38px 20px;
        -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
        -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
        box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
    }
    .front ul.mapCarousel li.left img{min-height:727px !important;}

    .bigContainer {
        width: 1400px;
        margin: 0 auto;
        padding:0;
    }
    /*.news_img_caption {
        margin-left: 3%;
    }*/
    .bigContainer .carousel .carousel-inner img.img-responsive{/*margin-left:3%;*/ height: 646px; }

    #block-views-exp-project-listing-fud-mech {
        padding: 14px 21% !important;
    }
    #quotes_secs .qu-secs{
	    padding: 150px 300px !important;
    }

    .bigContainer .row{
        margin:0;
    }
    .leftspace,.rightspace{
        padding:0;
        width:310px;
    }
    .content-half-space{
        padding:0;
        width:390px;
    }
    .topicpage .leftspace,.topicpage .rightspace{
        padding:0;
        width:240px;
    }
    .topicpage .content-half-space{
        padding:0;
        width:460px;
    }

    .introlft{
        padding-right: 30px !important;
    }
    .introrght{
        padding-left: 30px !important;
    }
    .containerCustom{
        width: 1400px;
    }
    .country-summary-big{
        width:540px;
        padding-left:230px;
    }
    .country-list-big{
        width: 860px;
        padding-left: 70px;
    }
    /*
    .country-list-big>.col{
        padding:0;
    }*/
    .topic_other_box,.singleCenterBox{
        width:780px;
    }
    .singleCenterBox {
        padding:0px;
    }
    .view-display-id-othr_topic .blueBg {
            padding: 100px 0 115px 0;
    }

    .node-type-site-inner-pages ul.fundinglinks{
        margin-top:60px;
    }
    /*.node-type-site-inner-pages #cif-list-desktop-sec-one {
         padding: 60px 0 120px 0;
        }*/
.cif-grid-page .kc-gridBox {
    width:325px;
}
#views-exposed-form-news-listing-page-news-land #edit-field-related-fund-target-id-wrapper{
    width: 23%;
    margin-left: 310px;
    float: left;
    margin-right: 130px;
}
.cif-committees #cif-list-desktop-sec-two ul.listDeskGroup li.listDeskGroup-item {
        padding: 80px 0 57px 0;
}
.node-type-project .cif-country-desc{
     padding: 125px 100px 0 120px;
}
.node-type-project .cif-country-details{
    padding: 125px 15px 10% 15px;
}

#cif-kc-single-sec-Six {
    margin:0 auto !important;
}
.node-type-news #cif-kc-single-sec-Six{
    padding:60px 0; 
}

#block-views-country-plans-prgrm{
    margin: 65px auto 125px auto !important;
}

.countrysliderbox .fs-imageBox,
.countrysliderbox .fs-blueBox {
    width:345px !important;
}
.countrysliderbox .fs-blueBox{
    margin-left:10px !important;
}
.view-display-id-invest_intro #cif-country-single-sec-three {
    padding: 90px 0 10px 0;
}

#block-views-project-listing-country-project {
    padding-top:125px !important;;
    padding-bottom:80px !important;
}
/*
#block-views-project-listing-country-project #cif-country-single-sec-table{
    padding: 60px 0px 0px 0px;
}
*/
.countrylanding {
    margin-top:60px;
}
#block-views-country-plans-proj-country .margTopBot40{
        margin-bottom: 40px !important;
}
.country_project h2.block-title{
    margin-top:0px !important;
}

body.finances .finbody .view-display-id-inner_body {
    /*width:800px;
    margin:auto;*/
        padding-left: 310px;
    padding-right: 200px;
}


#cif-featured-story-sec  .featured-story-right .fs-gradientBox,
#cif-featured-story-sec  .featured-story-right .fs-whiteBox {
    width: 347px !important;
    margin-left: -20px;
}
#cif-featured-story-sec  .featured-story-right .fs-blueBox,
#cif-featured-story-sec  .featured-story-right .fs-imageBox{
    width: 343px !important;
    margin-left: -8px;
}


    #cif-events-sec-one .eventBoxSec li {
        min-height: 450px !important;
    }
    #cif-featured-story-sec .featured-story-left {
        padding-left:120px;
    }

    .mega-menu.mm-sub .mega-menu-right-column li {
        width: 16%;
    }
    .dym_results .mega-menu-right-column li.expanded  {
        width: 32%;
    }

    .dym_our_work .mega-menu-right-column li.expanded {
        width:300px;
    }

    .copyright {
        padding-left: 0px;
        margin-left: -10px;
    }
    header .navbar-nav .mega-menu ul.mega-menu-sublist li a {
        font-size: 14px;
    }
    .mega-menu.mm-sub .mega-menu-right-column li.first.leaf {
        width: 33%;
    }

    ul.mapCarousel li.right {
        padding:40px 40px 40px 230px !important;
        width: 47% !important;
    }
    ul.mapCarousel li.left {
        padding:0 0 0 55px !important;
        width:53% !important;
    }
    #block-views-topics-topic-globe #cif-home-sec-two {
     padding: 90px 0 520px 0;
    }
    .hme-topic-countrylist{
          width: 290px;
          padding-right: 15px;
    }
    .topic-media-text {
        padding-right:80px;
    }
    /*
    #cif-topic-single-sec-two .right-media-sec .image-large {
        height: 627px;
        width: 678px;
        padding:0px !important;
    }
    #cif-topic-single-sec-two .right-media-sec .image-large a img{
        padding: 38px 38px 38px 38px;
    }*/

/*
    .node-type-site-inner-pages .bannerContentOne{
        padding-left:75px;
        padding-right:75px;
        text-align: center;
    }
*/
}



/* Landscape starts here */

@media only screen and (min-device-width : 666px) and (max-device-width : 1199px) and (orientation : landscape){
    #views-exposed-form-project-listing-main #edit-field-sector-tid-selective-wrapper {
    width: 16%;
    margin-left: 10px;
}

      /* Added for Mega Menu*/
.carousel-indicators {
    transform: none !important;
    top: 350px !important;
    left: 28% !important;
}
 .search-container form.search-form input[name='keys'] {
        width: 90%;
        border: none;
        padding: 10px;
        box-shadow: none;
    }
  .search-form  .input-group { margin:auto; }
  .search-container .searchbtx {
    width:100%;
    padding: 0px;
    margin-top: 10px;
    overflow-y: hidden;
}

ul.mapCarousel li.right {
    padding: 40px 60px 40px 100px !important;
}

.mapOverlay   { background-image:none !important;}

#mega-menu-global-search, #our-work , #results, #about{margin:0px;padding:0px;border:none;}
ul.nav.navbar-nav li {border-top: solid 1px #3f4448;}

.megamenu_search_icon {background-color: #fff;
    padding: 12px;
    margin: 0px;
    cursor: pointer;
    right: 57px;
    position: absolute;
    top: 0px;
}
.nav.navbar-nav{background-color: #2f3438;margin-top: 80px;width: 100%;}
.nav.navbar-nav li{float:left;width:100%;display: block;background-color: #2f3438;}
.nav.navbar-nav li a{padding:10px 25px;}
.fa-angle-right {
    float: right;
    padding-top: 5px;
    font-size: 25px !important;
    color: #68949d;
}
button.navbar-toggle, .close-icon {
    width: 42px;
    height: 42px;
    position: absolute;
    display: inline-block;
    right: 0px;
    top: -9px;
    border-radius: 0px;
}
.close-icon {
    width: 42px;
    height: 42px;
    position: absolute;
    display: inline-block;
    right: 15px;
    top: 0px;
    border-radius: 0px;
    background-color: #2f3438;
    color: #fff;
    padding: 9px 17px;
}
.fa-angle-left {
    padding-top: 5px;
    font-size: 25px !important;
    vertical-align: middle;
    padding-right: 10px;
    margin-top: -5px;
    color: #68949d;
}
header .navbar-nav .mega-menu ul.mega-menu-sublist {
     border-left:0px solid #48494b;
     height: auto;
}
.align-top{margin-top:-365px;position: absolute;padding-top: 0px !important;}
.lnkback-cont{visibility: hidden;}
header .navbar-nav .mega-menu ul.mega-menu-sublist li a,header .navbar-nav .mega-menu ul.mega-menu-sublist li a:hover {padding:8px !important;font-size: 15px;font-weight: normal;}
.navbar .container.containerCustom{background-color:#2f3438;width:100%;}
.container.containerCustom > .row{margin-right: 0px !important;margin-left: 0px !important;}
.navbar-collapse.collapse {
    display: none!important;
    height: auto!important;
    padding-bottom: 0;
    overflow: visible!important;
}
.mega-menu-right-column.row.movemenu{left: 0%;
    transition: all .5s;
    width: 100%;
    min-height:440px;}
/*.align-top.movemenu{left:0%;}*/
.mega-menu-right-column.row{
        position: fixed;
    width: 100%;
    overflow: auto;
    float: right;
    top: 156px;
    left: 100%;
    min-height: 400px;
    background-color:#2f3438;
    transition: all .5s;
    }
header .navbar-nav .mega-menu .mega-menu-right-column {     margin-top: -5px !important;}
.sidebar-second .home-get-involved-bg {
                color: #fff;
                padding: 10% 8%;
                text-align: center;
                width: 100%;
}

.search-container{position: absolute;
    width: 65%;
    overflow: auto;
    float: right;
    margin-top: 50px;}
    .search-container.input-group{background-color: #fff;}
.search-container .search-input-field-1{width: 90%;border: none;
    padding: 10px;}
    #lnkBack {
   display: block;
    color: #68949d;
    float: right;
    margin-right: 45px;
    z-index: 99999;
    position: absolute;
    right: 15px;
    margin-top: 145px;
}
    .menu-brd-btm{border-bottom: solid 1px #3f4448;}
    .submenuHeader {
    color: #68949d;
    display: block;
    position: fixed;
    background-color:#2f3438;
    width: 50%;
    margin-top: -25px;
    margin-left: 12px;
    padding-left: 20px;
}

#our-work .dropdown-menu, #results .dropdown-menu, #about .dropdown-menu{display:block !important;}

.region-page-bottom{display: none;}
mega-menu-right-column.row > li.expanded {border-bottom: none;}
.mega-menu-right-column.row > li.expanded > ul.mega-menu-sublist{margin-left: 0px !important;padding-left: 0px;}
.mega-menu-right-column.row > li.expanded > ul.mega-menu-sublist > li{padding-left: 0px;margin-left: 25px !important;}
li.mega-menu.mm-sub:hover  i.fa.fa-angle-down{display:none !important;}
.mega-menu-right-column.row > li.expanded{border:none;padding-left:0px;width:92%;}
.mega-menu-right-column.row > li.first.leaf{display:none;}
.mega-menu-right-column.row > li.expanded:nth-child(3) span {
        display: none;
    }
    .expanded.mega-menu.mm-sub{border-bottom:none;padding-bottom: 0px;margin-bottom: 0px;}
    .opendiv {
    display: block !important;
}
header .navbar-nav .mega-menu:hover > a.dropdown-toggle {
     margin-bottom: 0px !important;
}
li.first.expanded.mega-menu.mm-sub{border-top:none;}


}



/* Landscape ends here */


/*Tablet Portrait Starts here*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .content-half-space.introrght{padding-right: 3%;padding-left: 2%;}
    #views-exposed-form-project-listing-main #edit-field-sector-tid-selective-wrapper {
        width: 16%;
        margin-left: 10px;
    }
    #block-views-results-prgm-img img,
    #block-views-results-timeline-img img{
            max-width: 100%;
            height: auto;
    }

 .search-container form.search-form input[name='keys'] {
        width: 90%;
        border: none;
        padding: 10px;
        box-shadow: none;
    }
.search-container .search-form .form-group {
    margin-bottom:0px;
}
.search-container .searchbtx {
    width:100%;
    padding: 0px;
    margin-top: 10px;
    overflow-y: hidden;
}


a.topThreeBox{ padding:40px 15px;}
a.topThreeBox h4{ font-size:18px;}

.no-marg-bot-xs{ margin-bottom:0 !important;}
.no-marg-top-xs{ margin-top:0 !important;}

.kcSearchSec li.filterArea { width: 100%; display: inline-block; margin: 0; }
.kcSearchSec li.searchArea { width: 100%; display: inline-block; margin: 40px 0 0 0; }

.no-pad-sm{ padding:0;}
.cus-width-sm-list-l{ width:60% !important;}
.cus-width-sm-list-r{ width:40% !important;}

/* Added for Mega Menu*/
#mega-menu-global-search, #our-work, #results, #about{margin:0px;padding:0px;border:none;}
ul.nav.navbar-nav li {
    border-top: solid 1px #3f4448;
}
/*form.input-group{display: none;}*/
.megamenu_search_icon {
    background-color: #fff;
    padding: 12px;
    margin: 0px;
    cursor: pointer;
    right: 57px;
    position: absolute;
    top: 0px;
}
.nav.navbar-nav{background-color: #2f3438;margin-top: 80px;height: 480px;}
.nav.navbar-nav li{float:left;width:98%;display: block;background-color: #2f3438;}
.nav.navbar-nav li a{padding:10px 15px;font-size: 14px;}
.fa-angle-right {
    float: right;
    padding-top: 5px;
    font-size: 25px !important;
    color: #68949d;
}
button.navbar-toggle, .close-icon {
    width: 42px;
    height: 42px;
    position: absolute;
    display: inline-block;
    right: 0px;
    top: -9px;
    border-radius: 0px;
}
.close-icon {
    width: 42px;
    height: 42px;
    position: absolute;
    display: inline-block;
    right: 15px;
    top: 0px;
    border-radius: 0px;
    background-color: #2f3438;
    color: #fff;
    padding: 9px 17px;
}
#lnkBack {
    display: block;
    color: #68949d;
    float: right;
    margin-right: 45px;
    z-index: 99999;
    position: absolute;
    right: 15px;
    margin-top: 145px;
}
.fa-angle-left {
    padding-top: 5px;
    font-size: 25px !important;
    vertical-align: middle;
    padding-right: 10px;
    margin-top: -5px;
    color: #68949d;
}
header .navbar-nav .mega-menu ul.mega-menu-sublist {
     border-left:0px solid #48494b;
     height: auto;
}
.align-top{margin-top:-375px;position: absolute;padding-top: 0px !important;}
.lnkback-cont{visibility: hidden;}
header .navbar-nav .mega-menu ul.mega-menu-sublist li a{
    padding: 8px !important;
    font-size: 15px;
    font-weight: normal;}
.navbar .container.containerCustom{/*background-color:#2f3438;*/width:100%;}
.container.containerCustom > .row{margin-right: 0px !important;margin-left: 0px !important;}
.search-container{position: absolute;
    width: 65%;
    overflow: auto;
    float: right;
    margin-top: 50px;}
    .search-container.input-group{background-color: #fff;}
    .search-container .search-input-field-1{width: 90%;border: none;
    padding: 10px;}
    .search-container form{
        border-left: 1px solid #2f3438;
        border-right: 1px solid #2f3438;
        border-bottom: 1px solid #2f3438;
    }

/*.align-top.movemenu{left:0%;}*/
.mega-menu-right-column.row{
    position: fixed;
    width: 100%;
    height: 450px;
    overflow: auto;
    float: right;
    top: 152px;
    left: 100%;
    background-color: #2f3438;
    transition: all 200ms ease-in;
    transform: scale(1);
    padding-left: 25px;
    }
    header .navbar-nav .mega-menu .mega-menu-right-column {padding-top: 2px;}
    .menu-brd-btm{border-bottom: solid 1px #3f4448;}
    .submenuHeader {
    color: #68949d;
    display: block;
    position: fixed;
    background-color: #2f3438;
    width: 90%;
    margin-top: -25px;
    margin-left: 12px;
}

#our-work .dropdown-menu, #results .dropdown-menu, #about .dropdown-menu{display:block !important;}
.region-page-bottom{display: none;}
mega-menu-right-column.row > li.expanded {border-bottom: none;}
.mega-menu-right-column.row > li.expanded > ul.mega-menu-sublist{margin-left: 0px !important;padding-left: 0px;}
.mega-menu-right-column.row > li.expanded > ul.mega-menu-sublist > li{padding-left: 0px;margin-left: 0px !important;}
li.mega-menu.mm-sub:hover  i.fa.fa-angle-down{display:none !important;}
.mega-menu-right-column.row > li.expanded{border:none;padding-left:0px;width:92%;}
.mega-menu-right-column.row > li.first.leaf{display:none;}
.mega-menu-right-column.row > li.expanded:nth-child(3) span {
        display: none;
    }
    .expanded.mega-menu.mm-sub{border-bottom:none;padding-bottom: 0px;margin-bottom: 0px;}
    .opendiv {
    display: block !important;
}
	ul.nav.navbar-nav li:first-child {
		border-top: solid 0px #3f4448;
		padding-bottom:0px;
	}


}
/*Tablet Portrait Ends here*/
/*Portara end*/
@media (min-width: 768px) {
.navbar-header{margin-left:5%}
.borderLeft10 {
    border-left: 10px solid #e2e5e7;
    margin-top: 50px;
    min-height: 200px;
}
.navbar-custom { padding: 0; border-bottom: none; letter-spacing: 1px; background: transparent; -webkit-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out; -moz-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out; transition: background 0.5s ease-in-out, padding 0.5s ease-in-out; }

#cif-countries-sec-two a.greenBtnLine{ display:none;}
.navbar-customSinglePage { background: #2f3438;}
ul.mega-menu-dropdown{width:100% !important;}
.containerCustom{margin: 0 auto;}
}
@media only screen and (max-width:767px) {

#cif-topic-single-sec-two .right-media-sec {
    position: relative;
    width: 100% !important;
    height: 100% !important;
    margin-bottom: 15px !important;
}

    #project_landing_box .whiteBg,
	.respTableList .whiteBg {
    	background-color: #fff !important;
    	padding: 14px 0;
	}

  #cif-country-single-sec-table {padding: 0px;}

   .navbar {
        min-height: 75px !important;
    }
  #quotes_secs {
          height: auto;
  }
  #quotes_secs .qu-secs{
    padding:100px 30px;
  }

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {max-height: 500px;}
.navbar-nav {margin: 85.5px -15px;}
header .navbar-nav .mega-menu{ border-bottom:none;}
header .navbar-nav .mega-menu:first-child{ padding:0;}
header .search-section, header .header-search-section, footer .search-section, footer .header-search-section {margin: 0 15px;}

a.topThreeBox{ padding:40px 15px;}
a.topThreeBox h4{ font-size:14px;}

.customSelect-xs{ padding-right:35px; padding-left:35px; margin-bottom:35px;}

.social-container, .copyright{ margin-bottom:20px;}
#cif-topic-single-sec-seven h3{ font-size:24px;}
#cif-topic-single-sec-five ul.countryListLeft{ margin-left:0;}
.fill{ width:auto;}
.bannerContent h2{ margin-top:150px;}
.bannerContent h2{ font-size:39px;}

.hidden-xs{ display:none;}

.no-marg-bot-xs{ margin-bottom:0 !important;}
.no-marg-top-xs{ margin-top:0 !important;}
.kcSearchSec li.filterArea { width: 100%; display: inline-block; margin: 0; }
.kcSearchSec li.searchArea { width: 100%; display: inline-block; margin: 40px 0 0 0; }

.row-eq-height { display:block;}


/*
Fixes for Iphone After layout change issue
***/
body.finances #block-views-site-inner-inner-body .views-field-body img{width:100% !important;}
form#views-exposed-form-knowledge-exchanges-kc-list select.shs-select, form#views-exposed-form-knowledge-exchanges-kc-all select.shs-select {
    background: transparent url(../images/icon-select.png) no-repeat 300px;
}
header .navbar-nav .mega-menu ul.mega-menu-sublist li a {
    font-size: 15px;
    width: 90%;
}
#edit-combine-wrapper, #edit-field-knowledge-exchange-type-tid-wrapper, #edit-field-know-related-topics-target-id-wrapper,
#edit-field-related-fund-target-id-wrapper{width:100% !important;}

.front .top-banner-sectionBg {
    background: linear-gradient(rgba(0, 0, 0, 0.3),rgba(0, 0, 0, 0.3)) !important;
}

.front .content_box, .front .region-content, #block-views-home-top-head-home-top-banner, #block-views-home-top-head-home-top-banner .video-background, #block-views-home-top-head-home-top-banner .banner_video, #block-views-home-top-head-home-top-banner .view-content, #block-views-home-top-head-home-top-banner .view {
    height: auto !important;
}
div#edit-basic {
    border: solid 1px #ddd;
}
a.bounce-element h4 {font-size: 14px !important;}
.lineArrow {
    width: 2px;
    height: 30px;
    left: 80px !important;
    bottom: 40px;
}
.view .view-filters>form{padding: 0px !important;}
.view-trust-fund-committee-meetings .views-exposed-widget{width:50% !important;}
.view-trust-fund-committee-meetings .views-widget-filter-combine{width:100% !important;}
#cif-country-single-sec-table tr.headings{display: none;}



.cif-countries-sec-two ul li a, .mcnlist a {
    text-align: left !important;
    font-size: 15px;
}
.pagination>li>a, .pagination .pager-ellipsis span {
    padding: 35px 13px !important;
}
.search-container {
    padding-top: 14px !important;
    margin-top: 13px!important;
    border: 0px solid #2f3438!important;
}

.navbar-fixed-top .container.containerCustom{background-color: #2f3438;}


}
/*Mobile*/
@media (min-width:320px) and (max-width: 480px) {
}


@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
    .node-type-decisions div.field .field-label{
        width:inherit !important;
    }

  #views-exposed-form-project-listing-main #edit-field-sector-tid-selective-wrapper {
    width: 96%;
    margin-left: 10px;
}
 #views-exposed-form-project-listing-main #edit-field-sector-tid-selective-wrapper {
    width: 96% !important;
    margin-left: 10px;
}
   .content-half-space.introrght{padding-left: 4%;}

   #views-exposed-form-news-listing-page-news-land #edit-field-related-fund-target-id-wrapper,
   #views-exposed-form-news-listing-page-news-land #edit-field-news-type-value-wrapper,
   #views-exposed-form-news-listing-page-news-land #edit-title-wrapper {
        width:100% !important;
        margin:1% 3% !important;
   }
    #block-views-results-prgm-img img,
    #block-views-results-timeline-img img{
            max-width: 100%;
            height: auto;
    }

   .navbar {
        min-height: 55px !important;
    }
    .navbar-brand > img.siteLogo {
           height:87px;
    }
    .logoTxt {
		font-size: 15px !important;
		line-height: 16px !important;
	}
    .navbar-header button.navbar-toggle {
        padding: 16px 20px;
    }
   .mega-menu.mm-sub .mega-menu-right-column li {
           float: left;
           width: 100%;
   }
   .backGrad {
        margin-top: 60px !important;
    }

    .mapOverlay   { background-image:none !important;}

    form.search-form input[name='keys'] {
        width: 90%;
        border: none;
        padding: 10px;
        box-shadow: none;
    }

    .fa-angle-right{float:right;padding-top:5px;font-size:25px !important;color:#68949d;}
    .fa-angle-left{padding-top:5px;font-size:25px !important;vertical-align: middle;padding-right: 10px;margin-top: -5px;color:#68949d;}
    #our-work, #results, #about{padding-bottom:0px;margin-left: 44px;border-bottom: solid 1px #3f4448;margin-bottom: 3px;width: 79%;padding-left: 0px;}
    #our-work > a, #results > a, #about > a{padding-left: 3px;padding-bottom: 8px;width: 100%;padding-right: 0px;}
    .dropdown-menu.mega-menu-dropdown{position: absolute;border: solid 1px #fff;top: 270px !important;left: 376px;display:block;}
    header .navbar-nav .mega-menu ul.mega-menu-sublist{border-left:none;padding-left:none;height: auto;}
    .mega-menu-right-column{left:360px;position: absolute;}
    li > a.page-scroll{margin-left:30px;border-bottom:solid 1px #3f4448;padding:10px 0px;}
    ul.nav.navbar-nav > li {
        border-bottom: solid 1px #3f4448;
    }
    ul.nav.navbar-nav li {
        /*margin-left: 15px;width: 85%;    */
    padding-bottom: 0px;
    margin-left: 44px;
   /* border-bottom: solid 1px #3f4448;*/
    margin-bottom: 3px;
    width: 79%;
    padding-left: 0px;}
    ul.nav.navbar-nav li:first-child {
        /*margin-left: 0px;
        width: 100%;*/}
    ul.mega-menu-sublist li {border-bottom: solid 1px #3f4448;width: 85% !important;margin-left: 15px !important;padding: 3px 0px;}
    #lnkBack{display: block;color: #68949d;float: right;margin-right: 45px;z-index: 99999;position: absolute;right: 15px;margin-top: 20px;}
    header .navbar-nav .mega-menu .mega-menu-right-column {padding-top: 0px;}
    .megamenu_search_icon{background-color: #fff;padding: 18px 20px;margin: 0px;cursor: pointer;float:right;}
    .hamburger-close{background-color:#2f3438 !important;color:#fff !important;font-weight: bold;font-size: 25px;}

    .close-icon{color:#fff;float: right;
    display: inline-block;
    width: 38px;
    height: 41px;
    padding: 8px 13px;}

    .lnkback-cont{visibility: hidden;}
    /*Overwriting Nav bar */
    .navbar-toggle {
        position: relative;
        float: right;
        padding: 10px 12px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: none;
        margin-right:0px;
        margin-top:0px;
        border-radius: 0px;
    }
    .mega-menu-right-column.row.movemenu{
    left: 0;
     transition: all 200ms ease-in; transform: scale(1);
    width: 100%;}
/*.align-top.movemenu{left:0%;}*/
.mega-menu-right-column.row{
    position: absolute;
    width: 100%;
    height: 455px;
    overflow: auto;
    float: right;
    margin-top: -110px;
    left: 100%;
    background-color:#2f3438;
     transition: all 200ms ease-in; transform: scale(1);
    }
    header .navbar-nav .mega-menu .mega-menu-right-column {padding-top: 0px;}
    header .navbar-nav .mega-menu ul.mega-menu-sublist li a{font-size: 15px;}
    .search-container{
      position: absolute;
    /* right: 15px; */
    padding-top: 84px;
    background-color: #2f3438;
    width: 100%;
    /* line-height: 40px; */
    margin-top: 18px;
    border: 1px solid #2f3438;
    /* float: left; */
    left: 0px;
    /* margin-bottom: 17px; */}
.search-container .search-input-field-1{width: 90%;border: none;
    padding: 10px;}
    .search-container form{     background: #fff; }
    .submenuHeader {
        color: #68949d;
        display: block;
        background-color: #2f3438;
        width: 100%;
        font-size: 14px;
        border-bottom: solid 1px #3f4448;
        padding: 0px 0px 10px 4px;

    }
	.mega-menu-right-column.row > li.leaf {
		border-bottom: none;
	}

    /*header .navbar-nav .mega-menu:hover .mega-menu-dropdown{display:block !important;}*/
    .opendiv{display:block !important;}
    /*.mega-menu-right-column.row
    {
        width: 100%;
        min-height: 450px;

    }*/
    #results .mega-menu-right-column.row{top: -45px;}
    #about .mega-menu-right-column.row{top: -45px;}
    span.close-this-megamenu{display: none;}

    .mega-menu-right-column.row > .first.leaf {
        display: none;
    }
    header .navbar-nav .mega-menu .mega-menu-right-column {
        padding-top: 0px !important;
    }
    li.expanded > .mega-menu-sublist > li {
        width: 100% !important;
    }
    li.expanded > .mega-menu-sublist{    margin-left: -35px !important;
        width: 100% !important;}
    .mega-menu-right-column.row > li.expanded:nth-child(3) span {
        display: none;
    }
    .mega-menu-right-column.row > li.expanded {border-bottom: none;}
    .mega-menu-right-column.row > li.expanded > ul.mega-menu-sublist{margin-left: 0px !important;padding-left: 0px; margin:0; }
    .mega-menu-right-column.row > li.expanded > ul.mega-menu-sublist > li{padding-left: 0px;margin-left: 0px !important;}
    .dropdown-toggle.nolink{display:none;}
}




/*Footer*/
.footerB {
    background-color: #2E3336;
    padding: 50px 0;
    width: 100%;
    text-align: center;
}
.copyright {
    color: #c7c7c7;
    font-size: 14px;
}
.social-container {
    text-align: center;
}
.social-logo {
    display: inline-block;
    background-color: #6C6C6C;
    border-radius: 41px;
    padding: 3px;
    font-size: 9px;
    height: 20px;
    width: 20px;
    text-align: center;
    vertical-align: middle;
    margin: auto 2%;
}
.footerB .fa {
    color: #2E3336;
    font-size: 14px;
}
.footer-links a {
    text-decoration: underline;
    color: #c7c7c7;
    font-size: 14px;
    margin: auto 3%;
}
/* hover effect */
/*.container.containerCustom:hover {
    background-color: #2f3438;
}*/
nav.navbar:hover {
    background-color:  #2f3438;
}

.mega-menu-right-column > li.first.leaf {
    width: 25%;
    display: inline-block;
    float: left;
}
header .navbar-nav .mega-menu:hover a.dropdown-toggle:before{
    display:none;
}

.arrow-nav{
    position: absolute;
    bottom: 35px;
    right: 55px;
}
.arrow-nav .left,.arrow-nav .right {
    position: absolute;
    padding: 0 50px;
    line-height: 94px;
    vertical-align: text-bottom;
    font-weight: bold;
    font-size: 25px;
}
.arrow-nav .lineArrowOne{
    position: absolute;
    display: inline-block;
    height: 80px;
    right: 150px;
    bottom: 45px;

}
@media (min-width:1440px){    
    .three-line{
        padding-top: 36pt !important;    
    }
    .two-line{
        padding-top: 18pt;
    }
}
