/*ul.menu--account > li.last
{
display: none; 
}*/
nav.footernavigations > ul {
    width: 63%;
}
body{font-size: 14px;
    font-family: 'Open Sans', sans-serif !important;
}
h1,h2,h3,h4,h5,h6,p {
    font-family: 'Roboto', sans-serif;
}

.npr{padding-right: 0px !important;}
.npl{padding-left: 0px !important;}
section.container{background-color: #fff;}
header{background-color: #f8f8f8;}
section#contactsContainer {
    padding-left: 0px!important;
    padding-right: 0px!important;
}
section#contacts {
    padding-left: 0px!important;
    padding-right: 0px!important;
}
 
/* Top nevigation search style start */
span.icon.glyphicon.glyphicon-search {
    font-size: 13px!important;
}
/* Top nevigation search style End */
section#block-knowledgesearchyearblock label {
    color: #0092b3;
}  
   form#knowledge-form {
    margin-left: 30px;
}
select#sel_field_year_published_1 {
    width: auto!important;
}
select#sel_field_year_published {
    width: auto!important;
}
.js-form-item.form-item.js-form-type-textfield.form-type-textfield.js-form-item-field-year-published-1.form-item-field-year-published-1 {
    display: none;
}
.js-form-item.form-item.js-form-type-textfield.form-type-textfield.js-form-item-field-year-published.form-item-field-year-published {
    display: none;
}

.capevideo{ 
    width: 100%;
    height: 460px;
}
/* Top nevigation style Start */

@media(max-width:767px){

.capevideo {
    width: 100%;
    height: 100%;
    margin-bottom: 15px;
    margin-left: 15px;
}


.arrow-left, .arrow-right{display:none;}
#block-cape-main-menu li.expanded.dropdown.open ul.menu.dropdown-menu.arrow_box.arrowboxmrg {
    margin-left: 0px !important;
}
.navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: 100%;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none; 
    box-shadow: none;
    background-color: #32429A;
    margin: 0px auto;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    display: block;
    max-width: 100%;
    height: auto;
 /*   min-height: 200px;*/
}

}
@media(max-width:767px){
#block-cape-main-menu ul.menu.dropdown-menu.arrow_box.arrowboxmrg {
    margin-left: -55px!important;
}
}


@media(max-width:767px){
.arrow_box:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: transparent !important;
    border-width: 15px;
    margin-left: -30px;
}
.arrow_box:before {
    border-color: rgba(194, 225, 245, 0);
    border-bottom-color: transparent !important;
    border-width: 15px;
    margin-left: -30px;
}

#donors div {
    padding: 15px !important;
}
}



/* Top nevigation style End */

/* Home Page Video section list style start */
ul.thumbnails li {
   
    padding-bottom: 10px;    
}
/* Home Page Video section list style end */








/*Home page About us donor style start*/

.imgContainer{box-shadow: 2px 3px 12px #ddd;display: inline-block;}
#donors p{color:#0092b3;font-weight: 450;}

/*Home page About us donor style End*/

/*Home page carousal style start*/

.carousel-fade .carousel-inner .item { -webkit-transition-property: opacity; transition-property: opacity; }
.carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { opacity: 0; }
.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; }
.carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.carousel-fade .carousel-control { z-index: 2; }
/*.carousel-indicators .active { width: 8px; height: 8px; margin: 0; background-color: #000; border: none; border-radius: 4px; }*/
/*.carousel-indicators li { width: 8px; height: 8px; margin: 0; background-color: #fff; border: none; border-radius: 4px; -webkit-transform: skew(15deg, 0deg); -moz-transform: skew(15deg, 0deg); -ms-transform: skew(15deg, 0deg); -o-transform: skew(15deg, 0deg); transform: skew(15deg, 0deg); }*/
.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #4DEDD2;
    border: none;
    border-radius: 50%;
}

.carousel-indicators li {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #fff;
    border: none;
    border-radius: 50%;
      /* -webkit-transform: skew(15deg,0deg);
    -moz-transform: skew(12deg,0deg);
    -ms-transform: skew(12deg,0deg);
    -o-transform: skew(12deg,0deg);*/

    /* transform: skew(15deg,0deg); */
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 1;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}

.slogan {
    position: absolute;  
    z-index: 9;
    display: inline-block;
    padding: 3% 4%;    
    color: #fff;
    font-size: 19px;
    /* background-color: rgba(0,146,179,.5); */
    width: 100%;
    text-align: center;
    top: -27rem;
}

.slogan p{width: 70%; margin: 0 auto;}
.slogan h4 {
    font-size: 22px;
}

/* @media screen and (min-width: 1600px) {
.slogan {
 position: absolute;
    z-index: 9;
    display: inline-block;
    padding: 2% 33%;
    left: 5%;
    top: 57%;
    color: #fff;
    font-size: 35px;
    background-color: rgba(0,146,179,.5);
    width: 90%;
    text-align: center;
    position: absolute;
    z-index: 9;
    padding: 2% 4%;
    left: 50%;
    top: 76%;
    bottom: auto;
    display: inline-block;
    color: #fff;
    width: 48%;
    font-size: 35px;
    background-color: rgba(0,146,179,.5);
    text-align: center;
    transform: translate(-50%, -50%);
}
.slogan p{width: 57%; margin: 0 auto;padding-bottom: 17px;}
} */


@media screen and (min-width: 1600px){
.slogan {
    position: absolute;
    z-index: 9;
    padding: 2% 4%;
    left: 50%;
    top: -22rem;
    bottom: auto;
    display: inline-block;
    color: #fff;    
    font-size: 19px;
    background-color: rgba(0,146,179,.5);
    text-align: center;
    transform: translate(-50%, -50%);
}
.slogan p {
    width: 45%;
    margin: 0 auto;
    padding-bottom: 17px;

}
}


@media(max-width:767px) and (orientation : landscape){
.slogan {
     padding: 2% 3%;
    /* bottom: 11%; */
    font-size: 12px!important;
    text-align: center;
    top: -17rem;
}
.carousel-indicators {  
    bottom: 3px!important;
}
.et_pb_more_button {   
    margin-top: 5px!important;
}
.et_pb_button {
    font-size: 13px!important;
}
.slogan h4 {
    font-size: 14px!important;
}
}

@media(max-width:767px) and (orientation : portrait){
.slogan {
     padding: 2% 3%;
    /* bottom: 11%; */
    font-size: 10px!important;
    text-align: center;
    top: -15rem;
}
.slogan h4 {
    margin-bottom: 2px;
    font-size: 10px;
}
a.et_pb_more_button.et_pb_button:after {
    /* font-size: 13px!important; */ /*revamp*/
}
.et_pb_button {
    font-size: 8px!important;
}
.et_pb_more_button {   
    margin-top: 2px!important;
}
.carousel-indicators li {
    width: 7px;
    height: 7px;
}
.carousel-indicators .active {
    width: 6px;
    height: 6px;	
}
.slogan p {
    width: 100%;
}
.carousel-indicators {    
    bottom: -8px;
}
}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait){
.slogan {
    padding: 2% 3%;
    /* bottom: 11%; */
    font-size: 15px  !important;
    text-align: center;
    top: -18rem;
}
.container h2{ font-size:24px;}
.lblMonth {font-size: 14px !important;}
.slogan p{ width: 80%;}
.slogan h4 {
    font-size: 20px!important;
}
.carousel-indicators {
    position: absolute;
    bottom: -10px;
    left: 50%;
    z-index: 1;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}
.et_pb_button {
    font-size: 16px!important;
    font-weight: 500;
    padding: 0.3em 1em;
    line-height: 1.7em !important;
    background: transparent;
    position: relative;
    border: 2px solid;
    border-radius: 3px;
    transition: all 0.2s;
}
.et_pb_more_button {
    color: inherit;
    text-shadow: none;
    text-decoration: none;
    display: inline-block;
    margin-top: 2px!important;
}
a.et_pb_more_button.et_pb_button:after {
    /* font-size: 26px!important; */ /*revamp*/
}

}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape){
.slogan {
    padding: 2% 3%;
    /* bottom: 11%; */
    font-size: 17px !important;
    text-align: center;
    top: -24rem;
}
.et_pb_button {
    font-size: 18px!important;
    font-weight: 500;
    padding: 0.3em 1em;
    line-height: 1.7em !important;
    background: transparent;
    position: relative;
    border: 2px solid;
    border-radius: 3px;
    transition: all 0.2s;
}
.et_pb_more_button {
    color: inherit;
    text-shadow: none;
    text-decoration: none;
    display: inline-block;
    margin-top: 18px!important;

}
a.et_pb_more_button.et_pb_button:after {
    /* font-size: 26px!important; */ /*revamp*/
}


.container h2{ font-size:24px;}
.lblMonth {font-size: 14px !important;}
}







/*Home page carousal  style end*/

/*KC page font*/
td.views-field.views-field-body{
font-size:16px;
}
h3.refine-by {
    font-size: 15px!important;
    display: inline-block;
    width: 67%;
}

.field--type-text-with-summary .btn-focusarea {
    margin-top: 0px!important;
}
.path-knowledge-center, .path-knowledge-center span{font-size:16px !important}
.path-knowledge-center .menu.nav.navbar-nav{font-size:14px !important}

//.view-header {
//    position: absolute;
 //   margin-top: 65px;
//}

.form--inline.form-inline.clearfix {
    padding-bottom: 20px;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait){
.region-sidebar-first .facets-widget-checkbox ul, .region-sidebar-first .facets-widget-dropdown {
    padding: 0 10px 0 10px !important;
    word-break: break-word;
}
}





/*KC page End*/
p.eventsum {
    font-size: 16px;
}


a.kctitledisp {
    font-size: 20px;
    /* color: black; */
}
span.caret {
    /* display: none!important; */ /*revamp*/
}
/*Home page focus area icon style start*/
.capePIM {
    background-color: #ffac33!important;
}
.capeCF {
    background-color: #1f7dd1!important;
}
.capeDCP {
    background-color: #60b797!important;
}
.capeMCC {
    background-color: #004c92!important;
}
.capeCCFRAM {
    background-color: #545454!important;
}
.capeFIFCP {
    background-color: #0092b3!important;
}
/*Home page focus area icon style End*/

/*Event page style start*/
#pasteventsContainer h1{margin:0px;font-size:22px;}
#pasteventsContainer .panel{display:block;overflow:auto !important;}
/*#pasteventsContainer .panel-default{overflow: auto;margin-bottom: 15px;}*/
#pasteventsContainer .panel-default > div:first-child{padding:15px 0px;border-top:solid 1px #ddd;border-bottom:solid 0px #ddd;}
#pasteventsContainer .panel .panel-default:nth-child(odd) div {background-color: #f6f6f6;}
#pasteventsContainer .panel .panel-default>div:hover {background-color: #f6f6f6;}
.panel {border:none!important;}
/*Event page style End*/

/*main menu style*/
.dropdown-menu {
padding: 15px 0px!important;
}
.dropdown-menu>li>a {
color: #fff !important;
padding: 10px 20px!important;
}


.navbar-right .dropdown-menu {
    left: -100%!important;
    min-width: 250px;
}


.arrow-up {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #d0d0d0;
    top: 40px;
    position: absolute;
    left: 30px;
    display: none;
    z-index: 9999;
}

ul.nav li.dropdown:hover > .arrow-up{display:block;}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #455bd2;
}
ul.menu.dropdown-menu {
    background-color: #0092b3;
    color: #fff;

}
.dropdown-menu>.active>a {
 background-color: #455bd2!important;

}
.arrow_box {
    /* background: #0092b3; */ /*revamp*/
    background: #32429A;
	margin-left: -15px
}
.arrow_box:after, .arrow_box:before { /*revamp*/
	/*bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none; */
}

.arrow_box:after {/*revamp*/
	/*border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #0092b3;
	border-width: 15px;
	margin-left: -30px; */
}
.arrow_box:before { /*revamp*/
	/*border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #0092b3;
	border-width: 15px;
	margin-left: -30px; */
}
ul.menu.dropdown-menu.arrow_box.arrowboxmrg {
    margin-left: -45px!important;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait){
.dropdown-menu>li>a {
    color: #fff !important;
    padding: 10px 10px!important;
}

.dropdown-menu {font-size:11px !important;}

}





/*main menu style end*/

button#edit-submit-search-content {
    background-color: #f05022;
    text-transform: uppercase;
    font-weight: 500;
    border: 1px solid #f05022;
}
button#edit-submit-search-content:focus {
    border: solid 1px #cc431c;
}
.btn-focusarea:hover {
    background-color: #cc431c;
    border: solid 1px #cc431c;
}

.btn:hover {
    text-decoration: underline;
    color: #fff;
}

select.item-list__dropdown.facets-dropdown {
    display: block;
    width: auto;
    /*height: 34px;*/
    padding: 6px 7px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    font-weight: normal;
    margin-bottom: 15px;
}
select.item-list__dropdown.facets-dropdown option {
    font-weight: normal;
}

span.facet-item__value {
    text-transform: capitalize;
}


.eventp{
margin : 0 0 0px;
}

.container-fluid {
    /* padding-right: 0px !important; 
    padding-left: 0px !important; *//*revamp*/
 }


#pasteventsContainer h1{margin:0px;font-size:20px;}
#pasteventsContainer .panel{/*border:solid 1px #ddd !important;*/ display:block;overflow:auto !important;/*padding:15px;*/}
#pasteventsContainer .panel-default{overflow: auto;/*margin-bottom: 15px;*/}
.p10 {
    padding: 10px !important;
}
h1.slogan {
    margin-right: 3%;
    font-size: 30px;
}

img.bnimg {
    width: 100%;
    height: 480px;
    position: absolute;
}


.arrow-right {width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #898a8d;
    right: -5px;
    position: absolute;
    z-index: 500;
    visibility: hidden;
    margin-top:50px;
}

.arrow-left {
  width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #898a8d;
    left: -5px;
    position: absolute;
    z-index: 500;
    visibility: hidden;
    margin-top:50px;
}

.bannerImg{background: url(../images/focus-area-img_0.png)no-repeat;width:100%;height: 480px;display: block;}
.bannerImg div{color:#fff;padding:2% 25% 0% 2%;}
.eventContainer:hover .arrow-left, .eventContainer:hover .arrow-right { visibility: visible;}

/* CSS For Carousel Starts here */
/*.carousel {padding-bottom: 25px}
.carousel img{padding-top: 20px;}*/
.carousel h2 {color: #0072b5;}
.carousel h2 small{color: #289bde}
.carousel .col-lg-4 p {text-align: left;padding:2px 20px;font-size: 12px;}
.carousel .col-lg-4{background-color: #77787b;color:#fff;}
.eq-height-carousel{display: flex;flex-wrap: wrap;background-color: #77787b;}
/* CSS For Carousel ends here */

/*Nav bar starts here*/
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{color: #0092b3;background-color: transparent;}
.navbar-default {background-color:#fff;border-color: transparent;}
.navbar-nav>li{text-transform: uppercase;font-weight: 500;color:#717275 !important;}
.navbar{margin-bottom: 0px;}
/*Nav bar ends here*/

/*Home page starts here*/
.container h2{color:#3A3E95;/*text-align: center; */}
.textContent h1 {font-size: 24px;}
.textContent p {font-size: 15px;}
.titleHeadingEvent{display: block;text-align: left;font-size:30px !important;margin:15px 0px 5px 0px;color:#3A3E95;font-weight: 500;}
.titleHeading{display: block;text-align: center;font-size:30px;margin:15px 0px;color:#0092b3;}
.col-md-10.col-md-offset-1 hr{width: 10%;border-color: #d6d6d6;border-width: 3px;margin-top:0px;margin-bottom:15px;}
.col-md-10.col-md-offset-1 p{text-align: center;}
/*.circle-img{width: 110px;height: 110px;border-radius: 55px;background-color: #0092b3;vertical-align: -webkit-baseline-middle;margin:0px auto;}*/
.circle-img {
    width: 144px;
    height: 144px;
    border-radius: 50%;
    background-color: #0092b3;
    vertical-align: -webkit-baseline-middle;
    margin: 0px auto;
    text-align: center;
}

.circle-img img {/*padding: 26px 25px;*/margin-top: 32px;}
.detailCont{/*min-height: 150px;*/text-align: center;padding: 10px;}
.btn-focusarea{margin: 15px auto;display: flex;color: #FFF;font-weight: 500;border-radius: 0px;border:solid 1px #f05022;text-transform: uppercase;background-color:#f05022;}
.detailCont > p{font-weight: bold;font-size:20px;color:#333;}
.detailCont > span{font-size:15px;color:#666;}
.eventContainer{background-color:#77787b;overflow: auto;color:#fff;}
.eventContainer > p{margin:0px;}
.eventContainer > .active{background-color: #898a8d;}
.eventContainer > img{width:353px;height:393px; /*object-fit: cover;*/}
.lblDate{width:40%;font-size: 36px;color: #baf2ff;float: left;vertical-align: middle;margin-top: -10px;padding-right: 10px;}
.lblDay{width:60%;font-size: 13px;color: #baf2ff;float: left;vertical-align: middle;}
.lblMonth{font-size: 16px;color: #baf2ff;float: left;vertical-align: middle;}
.brdWhite{height: 45px;display: block;background-color: #fff;/*margin: 0px 8px;*/width:2px;}
.btnRegister{background-color: #f05022;text-transform: uppercase;color: #fff;font-weight: 500;border: 1px solid #f05022;}
.overlay{width: 100%;height: 100%;position: absolute;top: 0px;opacity: 0.6;left: 0;}
.kcfi{background: linear-gradient(to right, rgba(158,60,72,1), rgba(147,87,86,1));}
.kcmm{background: linear-gradient(to right, rgba(79,79,98,1), rgba(79,79,98,1));}
.kcfr{background: linear-gradient(to right, rgba(63,42,65,1), rgba(63,42,119,1));}
.kcclimate{background: linear-gradient(to right, rgba(49,78,73,1), rgba(57,132,129,1));}
.kcCont{ width:100%; height:100%; float:left; position:relative;}
.kcCont img{width: 100%;height: 100%;object-fit: cover;}
/*.btn-kc{margin: 0px 30%;width: 40%;padding: 10px;background-color: #fff;color: #0092b3;font-weight: bold;}*/
/*.kcTitle{color: #fff;font-size: 25px;text-align: center;padding-top: 28%;}    */
.textContent{background-color: #77787b;color:#fff;/*padding-left: 3%;*/}
.imgContent img{object-fit: cover;width: 100%;height: 100%;}
.imgContent{padding: 0px;}
.btn{border-radius: 0px;font-size: 12px;}
.thumbnails{list-style: none;padding: 0px;margin:0px;max-height:462px;overflow:auto;}
.eventContainer:hover {background-color: #898a8d;}
/*.kcTitle{z-index: 9999;color: #fff;position: absolute;top: 0px; /* margin:28% 18% 32% 12%; */ /*margin:30% 20%; text-align: center;font-size: 24px;border-bottom: solid 5px #fff;padding-bottom: 15px;font-weight: bold;}*/
.kcTitle{
    font-size: 16px;
    border-top: solid 5px #D3DEE0;
    padding-bottom: 15px;
    font-weight: bold;
    padding-top: 15px;
    /*
    z-index: 9999;
    color: #fff;
    position: absolute;
    top: 50%;left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; */
    
}
.btn-kc{z-index: 999;position: absolute;background-color: #fff;top: 35%;margin: 35% -54%;font-weight: bold;color:#0092b3;text-transform: uppercase;}
#aboutUs p, #focusArea p, #events p, #videos p, #knowledgeCenter p, #block-homeintrofocusarea p, #block-homeintroevents p, #block-videos p, #block-knowledgecenter p {font-size: 16px;color:#4B4B4B;}
.eventDetails{overflow: auto;padding-bottom:5px; }
input.form-control {height: 31px;border-radius: 0px;}
.mBtmImg{margin-bottom: 17.5%;}
.headerEvents{background-color: #77787b;color: #fff;margin-bottom: 0px;font-size:18px;}
.btn-info {color: #fff;background-color: #0092b3;border-color: #0092b3;}
.eventContainer .col-md-12 p {font-size: 16px;}
/*home page ends here*/
/*Events Page Starts here */
#pastEvent.container h2{text-align: left;}
#pastEvent.container hr {display: block;width: 5%;border: solid 1px #ddd;float: left;clear: both;margin: 5px 0px;}
#contentArea img{max-width:100%;object-fit: cover; height: auto;}
.n-separator {margin: 0 4px;color: #cecece;font-weight: bold;}
#contentArea .rightPane .n-modified{color: #888;text-transform: uppercase;font-size: 12px;}
#contentArea .rightPane .n-title{color: #000;font-size: 14px;margin:5px 0px;}
#contentArea .rightPane .n-title a{/*text-decoration: underline;*/color:#3A3E95 !important;}
#contentArea .rightPane .n-list{margin-bottom: 15px;}
section#contentArea .brdRight p {/*margin: 0 0px 10px;*/ font-size: 16px;color:#5a5a5a;}
section#contentArea b{color:#5a5a5a;font-weight:450;}
section#contentArea .brdRight a{text-decoration: underline;font-size: 16px;color:#3A3E95 !important;}
section#contentArea .brdRight ul{/*list-style: none;padding:0px;*/font-size: 16px;color: #5a5a5a;
}
section#contentArea .brdRight ol{padding-left:15px;font-size: 16px;}
#contentArea .rightPane .panel-heading, #contentArea .rightPane .panel-body{padding-right:0px !important;padding-left:0px !important;}
#pastEvent h1{margin-bottom: 30px;}
.rightPane .panel:last-child {box-shadow: none;border-bottom:none;}
/*Events Page ends here*/

/* Contacts Page Starts here */
#contacts.container hr {display: block;width: 7%;border: solid 1px #ddd;float: left;clear: both;margin: 5px 0px;}
#contactsContainer img{width:100%;height:100%;object-fit: cover;}
.details{margin:15px 0px;}


.designation{color:#666 !important;font-size: 16px;}
.name{text-transform: uppercase;font-weight: 500;font-size: 18px;}
.emaildet{margin-top:10px;}
#contacts p{font-size: 16px;}
#contactsContainer h1{text-transform: uppercase;}
.titleHeader{font-size: 21px;text-transform: uppercase;font-weight: 500;margin: 15px 0px 10px;}
.titlesubHeader{font-size: 18px;font-weight: 500;margin: 15px 0px 10px;}
#contacts p{margin-top:15px;}
/* Contacts Page ends here */
/* Contact Detail Page starts here */
.lblLeft{width: 20%;display: inline-block;vertical-align: top;font-size: 16px;font-weight: 500;}
.lbldetText{width: 79%;display: inline-block;vertical-align: top;}
/* Contact Detail Page starts here */

/* Past Event Page starts here */
.lblLeftEvent{width: 30%;display: inline-block;vertical-align: top;font-size: 12px;font-weight: 500;}
.lblEventText{width: 69%;display: inline-block;vertical-align: top;font-size: 12px;}
.lblEventsDate, .lblEventsTime{color:#0092b3;font-weight: 500;}
.n-seperator{color:#999;margin:0px 5px;}
#pastContainer hr{border: 2px solid #eee;width: 50%;}
#pastContainer p{font-size: 12px;}
#pastContainer img{width:100%; height: 100%; object-fit: cover;}
#pastContainer .panel{box-shadow: 2px 3px 12px #ddd;}
/* Past Event Page starts here */

/*Footer Starts here */
/*.social-container {text-align: center;}*/
/*.social-logo {color:#fff;display: inline-block; background-color:#0070bb;border-radius: 13px;padding: 3px;font-size: 12px;height: 25px;width: 25px;text-align: center;vertical-align: middle;margin: auto 2%;}*/
.socialIcons li {float: left;padding: 0px 3px;}
ul.socialIcons {list-style: none;padding: 0px;}
ul.socialIcons li a {font-size: 16px;
    color: #fff;}

footer{background-color: #f2f2f2 !important;color:#333;}
.footer{background-color: #f2f2f2 !important;color:#333;}
.copyRightInfo{
    /* border-top: solid 1px #ddd; */
    padding-top: 15px;text-align: center;font-size: 14px;}
.heading{font-weight: bold;text-transform: uppercase;font-size: 18px;}
/*Footer ends here */

/*common css classes starts here*/
.headerbrdBtm{border-bottom:solid 1px #e0e0e0;}
.brdBtm{border-bottom:solid 1px #fff;}
.brdRight{/*border-right:solid 1px #dedede;*/}
.pt10{padding-top:10px;}
.p15{padding:20px !important;}
.m15{margin-top:15px;}
.m05{margin-top:8px;}
.caps{text-transform: uppercase;}
.eq-height{display: flex;flex-wrap: wrap;}
.hideElement{visibility: hidden;}
.nmtop{margin-top:0px !important;}
.nptop{padding-top:0px !important;}
.mrgbtm{margin-bottom: 15px;}
.nSpaceTop{margin-top:-15px;}
/*common css classes ends here*/


/* new style starts here*/

.navbar-header { padding-left: 15px;}

.team-sec { border-bottom: 1px solid #dedede; padding: 20px 0; float: left;}
.team-sec h4 {  font-size: 18px; color: #333; font-weight: 600; margin-top: 20PX;}
.team-sec a { text-transform:uppercase; font-size:11px; font-weight:600;}

.textContentInner{ padding:30px; float:left; width:100%;}

#aboutsec h4{ margin:30px 0 10px 0; color: #5d5e60; text-transform:uppercase; font-size:17px;}
#aboutsec h3{ margin:30px 0 0 0; border-bottom: 1px solid #dedede; padding-bottom: 10px;}
#aboutsec p{ padding-bottom:20px; font-size: 16px;color:#5a5a5a;}
/* #aboutsec p strong{color:#0092b3;} */

#aboutsec ol{padding-left:15px;font-size: 16px;}
#aboutsec ol li{ padding-bottom:10px;}

.minht{ min-height:600px;}

.listItem{ margin:0 0 30px 0; padding:0;}
.listItem li{ margin:0; padding:0; list-style-type:none; padding:10px; margin-bottom:1px;}
.listItem li.shadeOne{background-color:#f5f8fa;}
.listItem li.shadeTwo{background-color:#fff;}

#knowledgesec h4{ margin:30px 0 10px 0; color: #5d5e60; text-transform:uppercase; font-size:17px;}
#knowledgesec h3{ margin:30px 0 0 0; padding-bottom: 10px;}

/* new style ends here*/


@media(min-width:1440px){
    /*.textContent {padding-left:3%;}*/
    .mBtmImg{margin-bottom: 17%;}
}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait){
    .nav.navbar-nav.p15{padding:0px !important;padding-top: 22px !important;}
    .navbar-collapse.collapse{padding:0px;}
    .col-sm-3.col-md-3.pull-right.p15{padding:0px !important;width:calc(100% - 81%);padding-top: 20px !important;}
    .nav>li>a {position: relative;display: block;padding: 10px;}
    /*.kcTitle {margin: 27% 18%;}*/
    .btn-kc {margin: 35% 33% 0% 35%;}
    /*.textContent {padding-left: 1.5%;}*/
    .mBtmImg{margin-bottom: 29%;}
    .eventDetails {min-height: 50px;overflow: inherit;}
    .m05{margin-top:5px;}
    /*.panel{border-bottom: solid 1px #ddd;box-shadow: none;}*/
    #contacts.container hr {width: 11%;}
	.eventContainer > img {height: 100%;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape){
    .nav.navbar-nav.p15{padding:0px !important;padding-top: 22px !important;}
    .navbar-collapse.collapse{padding:0px;}
    .col-sm-3.col-md-3.pull-right.p15{padding:0px !important;width:calc(100% - 82%);padding-top: 22px !important;}
    .nav>li>a {position: relative;display: block;padding: 12px;}
    .overlay {width: 100%;}
    .kcTitle {/*margin: 27% 16%;*/}
    .btn-kc {margin: 35% 33% 0% 27%;}
    /*.textContent {padding-left: 3%;}*/
    .mBtmImg{margin-bottom: 22%;}
   /* .detailCont {min-height: 195px;} */
    .panel{border-bottom: solid 1px #ddd;box-shadow: none;}
    #contacts.container hr {width: 8%;}
    #pastEvent.container hr {width: 8%;}
	.eventContainer > img {height: 100%;}
}


@media (max-width: 768px){
    #knowledgeCenterCont .col-md-3.col-lg-3.col-sm-6.col-xs-12{margin-bottom: 15px;}
    .kcCont img {width: 100%;object-fit: cover;height: 100%;}
    .overlay {width: 100%;}
    .panel{border-bottom: solid 1px #ddd;box-shadow: none;}
}

@media(max-width:767px){
.eqHeight {display: inline-block;}
.hideElement{visibility: none;}
.col-md-10.col-md-offset-1 hr {width: 33%;}
/* .textContent {padding-left: 1%;}*/
 #videosCont .col-md-9.col-lg-9.col-sm-9.col-xs-12.npl, #videosCont .col-md-3.col-lg-3.col-sm-3.col-xs-12.npr{padding:0px !important;}
 .brdRight{border-right:solid 0px #dedede;}
 #pastEvent.container hr {width: 23%;}
 #contacts.container hr {width: 25%;}
 .navbar-nav .btn.btn-info{margin-left:15px;}
 /* .kcTitle{font-size: 27px;} */
 .lblLeft {width: 80%;}
}
.page-node-type-page .container h2 {
        margin: 30px 0 0 0;
        border-bottom: 1px solid #dedede;
        padding-bottom: 10px;
        text-align: left;
}
.view-our-team caption{
    margin: 30px 0 10px 0;
    color: #5d5e60;
    text-transform: uppercase;
    font-size: 17px;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
}
.view-our-team .table>tbody>tr {
    padding: 20px 0;
}
.view-our-team .table>tbody>tr>td {
    border-bottom: 1px solid #dedede;
    border-top: none !important;
    padding: 20px 10px 20px 10px;
}
.view-our-team .table-striped>tbody>tr:nth-of-type(odd), .view-our-team .table-hover>tbody>tr:hover {
    background-color: #fff;
}
/* #contentArea img {
    width: auto !important;
    height: auto !important;
    max-width: max-content;
} */
#knowledgeCenterCont .col-lg-4 {
    /* padding-top: 15px;
    padding-bottom: 15px; */
}

.kcTitle a {
    color: #3143A1;  text-decoration: none;
}
#knowledgeCenterCont a:hover { text-decoration: none; }
a.sitelogo {
    padding: 5px 0px 5px 0px;
    display: inline-block;
}
a.wblogo {
    padding: 5px 0px 5px 5px;
    display: inline-block;
}
.nav>li>a {
    /* padding: 15px 7px !important; */ /*revamp*/
    padding: 15px 20px !important;
}
.navbar-nav>li {
    font-weight: bold !important;
}
@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        right: auto;
    }
}
.page-node-type-events #aboutsec p {
	padding-top:10px;
   	padding-bottom: 0px;
}
/* .brdLeft {
    border-left: solid 1px #dedede;
} */
.facets-widget-checkbox ul li {
    list-style:  none;
}
.facets-widget-checkbox ul li label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 10px;
    font-weight: normal;
    padding-left: 20px;
    font-size:14px;
}
.facets-widget-checkbox ul li .facets-checkbox {
    margin-right: 10px;
    position:absolute;
}
.region-sidebar-first {
    background-color: #f8f8f8;
}
.region-sidebar-first .facets-widget-checkbox ul, .region-sidebar-first .facets-widget-dropdown {
    padding: 0 30px 0 30px !important;
}
.path-knowledge-center #contentArea {
 margin-top: 20px;
}
.block-facets h2 {
    font-weight: bold;
    text-transform: capitalize;
    font-size: 16px;
    text-align: left;
    margin-left: 30px;
}
#views-exposed-form-search-content-page-1 .form-type-textfield{
    width: 50%;
    padding: 20px 0 20px 0;
}
#views-exposed-form-search-content-page-1 .form-type-textfield input {
    width: 100%;
}
td.views-field-field-knowledge-image {
    width: 150px;
    height: 180px;
    /* margin: 0 45px !important; */
    padding: 23px 10px 23px 10px !important;
}


/* Iphone-  knowledge center style start */
@media screen and (max-width: 767px){
.table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th {
     white-space:inherit;
   display: inline-block;
    width: 100%; 
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
     padding:0px; 
    /* line-height: 1.42857143; */
    /* vertical-align: top; */
     border-top: 1px solid #fff; 
}
td.views-field-field-knowledge-image {
    width: 100%;
     height: 180px; 
     margin: 0px !important; 
     padding: 23px 10px 23px 10px !important; 
}
#contentArea img {
    width: auto;
    height: auto;
    /* object-fit: cover; */
}
}

/* Iphone-  knowledge center style end */

/*Ipad home event section style start*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait){
.arrow-left {
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #898a8d;
    left: -5px;
    position: absolute;
    z-index: 500;
    visibility: hidden;
    margin-top: -97px;
}

.arrow-right {
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #898a8d;
    right: -5px;
    position: absolute;
    z-index: 500;
    visibility: hidden;
    margin-top: -89px;
}

ul.menu.dropdown-menu.arrow_box.arrowboxmrg {
    margin-left: 15px!important;
}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/*.navbar-default .navbar-nav>li>a { font-size: 10px; }*/

.nav>li>a {padding: 15px 5px !important;}
.thumbnails {    
    max-height: 342px !important;    
}
.capevideo {   
    height: 350px!important;
}
.navbar-right .dropdown-menu {
    left: -105%!important;
}
ul.dropdown-menu.arrow_box.arrowboxmrg {
    left:-100px!important;
}

}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait){
.thumbnails {    
    max-height:226px !important;    
}
.capevideo {   
    height: 250px!important;
}
ul.dropdown-menu.arrow_box.arrowboxmrg {
    margin-left: 15px!important;
}
.nav>li>a {
    padding: 15px 6px !important;
}
}
ul.dropdown-menu.arrow_box.arrowboxmrg {
    margin-left: -40px;
}
/*ipad home event section style end*/
.captcha img {
    width: 180px!important;
}
input#edit-user-picture-0-upload {
    height: auto;
}
span.video-title {
    top: -80px;
    display: inline-block;
    position: relative;
    padding: 10px;
    background-color: #000;
    color: #fff;
    opacity: 0.6;
    height: 80px;
}
#videosCont ul.thumbnails li {
    max-height: 154px;
}
.dropdown-menu {
text-transform: capitalize!important;
}
/*#knowledgeCenterCont div.col-md-4.col-lg-4.col-sm-6.col-xs-12:nth-child(2) p a{margin-top: 67px;display: inline-block;}*/
.et_pb_more_button {
    color: inherit;
    text-shadow: none;
    text-decoration: none;
    display: inline-block;
    margin-top: 20px;
}
.et_pb_button {
    /*font-size: 20px;
    font-weight: 500;
    padding: 0.3em 1em;
    line-height: 1.7em !important;
    background: transparent;
    position: relative;
    border: 2px solid;
    border-radius: 3px;
    transition: all 0.2s; */ /*revamp*/

    border-radius: 5px;
    background-color: rgb(240, 80, 34);
    padding: 10px 25px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-shadow: none;
    display: inline-block;
    text-transform: uppercase;

}
a.et_pb_more_button.et_pb_button:hover {
    /*border: 2px solid transparent;
    padding: 0.3em 2em 0.3em 1em;
    background: rgba(255, 255, 255, 0.2);*/ /*revamp*/

    color: #fff;
    background-color: #cc431c;

}
.slogan a:hover {
    text-decoration: none!important;
    color: white;
}
a.et_pb_more_button.et_pb_button:after {
 /*   font-size: 32px;
    line-height: 1em;
    content: "\3e";
    opacity: 0;
    position: absolute;
    margin-left: 5px;
    transition: all 0.2s;
    */ /*revamp*/
}
a.et_pb_more_button.et_pb_button:hover:after {
    opacity: 1;
}

p.capemail {
    font-size: 18px;
    font-weight: bold;
}
ul.menu.menu--main.nav.navbar-nav li.dropdown:nth-last-child(1) {
   margin-right: -34px;
   white-space: nowrap; 
   background-image: url(../images/share_icon.png);
   background-repeat: no-repeat;
   margin-top: 12px;
   margin-left: 12px;
    display: none; /* revamp*/

}
ul.menu.menu--main.nav.navbar-nav li.dropdown:nth-last-child(1) a.dropdown-toggle {
   opacity: 0;  
}
ul.menu.menu--main.nav.navbar-nav li.dropdown:nth-last-child(1) ul.dropdown-menu.arrow_box {
    left: -99%!important;
    min-width: 200px !important;
    top: 44px;
}

a.sitelogo img {
    /* content: ' '; */
    /* display: block; */
    border-right: 1.2px solid gray;
    border-radius: 0px;
    padding-right: 5px;
}
.brdRight img {
    padding: 8px;
}

@media screen and (min-width: 1900px){
     .slogan h4 {font-size: 22px;}
	 .slogan {
    position: absolute;
    z-index: 9;
    display: inline-block;
    padding: 3% 4%;
    /* left: 5%; */
    /* bottom: 5%; */
    color: #fff;
    font-size: 19px;
    background-color: rgba(0,146,179,.5);
    width: 100%;
    text-align: center;
    top: -23rem;
     }
.slogan p {
    width: 50%;
    margin: 0 auto;
   }
.et_pb_button {
    font-size: 20px;
    font-weight: 500;
    padding: 0.3em 1em;
    line-height: 1.7em !important;
    background: transparent;
    position: relative;
    border: 2px solid;
    border-radius: 3px;
    transition: all 0.2s;
}

.et_pb_more_button {
    color: inherit;
    text-shadow: none;
    text-decoration: none;
    display: inline-block;
    margin-top: 20px;
}   
}
section.footer.container.p15 {
    font-size: 14px;
}
.field.field--name-field-author .field--label::after {
    content: " :";
}
.field.field--name-field-author .field--label {
    font-size: 16px;
    float: left;
}
.field.field--name-field-author .field--item a {
    text-decoration: none!important;
}
span.lblEventsDate a {
    text-decoration: none;
    color: #0092b3;
}
figcaption {
    text-align: center;
}
.field.field--name-field-author.field--type-link.field--label-above {
    color: #0092b3;
    font-weight: 500;
    padding-bottom: 5px;
}
.field.field--name-field-blog-published-date.field--type-datetime.field--label-hidden.field--item {
    color: #0092b3;
    font-weight: 500;
    font-size: 16px;
    padding-bottom: 5px;
}
img.img-responsive.peventimg {
    height: 160px;
}
img.img-responsive.ueventimg {
    height: 160px;
}

li.capev.vselected {
    display: none;
}

h3 strong {
    font-weight: 500;
    font-size: 20px;
    color: #3A3E95;
}

.field--type-text-with-summary ul li strong {
    font-weight: 500;
    font-size: 15px;
    color: #3A3E95;
}
.hrdWhite {
    height: 2px;
    display: block;
    background-color: #fff;
    margin: 15px 5px 10px 0px;
    width: 10px;
}
.btnRegister_1 {
    float: right;
}
#openid-connect-login-form div:nth-child(1)
{
        display:inline-block; 
}
#openid-connect-login-form div:nth-child(2)
{
        display:inline-block;  padding:0 10px;
}
#eregister
{
    display:none;
}


/** Customize **/
.bannerOverlay {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    height: 100%;
    background: rgba(0, 0, 0, 0.35);
    z-index: 3;
  }
  .moreBtn {
    border-radius: 25px;
    background-color: rgb(240, 80, 34);
    padding: 10px 25px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-shadow: none;
    display: inline-block;
    text-transform: uppercase;    
  }
.moreBtn:hover, .moreBtn:focus, .moreBtn:active {
    color: #fff;
    background-color: #cc431c;
}
.carousel-custom-inner {
    height: auto !important;    
    background-color: #666;
}
.menu-blue-ribbon {
    background-color:#32429A;
    margin-top: 10px;
}
.menu-blue-ribbon .navbar-nav>li>a {
    color:#fff;
}
.menu-blue-ribbon .navbar-nav>li>a:hover {
    color:#fff !important;
}
.menu--account.nav>li>a  {
    padding: 15px 8px !important;
}

.right-socialicons ul{
    list-style: none;
    padding-left:0;
}
.right-socialicons ul li {
    float:left;
    margin: 0 10px 0 0;
}
.fa-icns {
    width: 30px;
    height: 30px;
    background-color: #ff0000;
    color: #fff !important;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    padding: 4px 9px !important;
}
.fa-icns a {
    color:#fff;
}
.fa-icns:hover {
    cursor: pointer;
}
.navbar-form {
    border:0;
}
.topFooter {
    background: #303247;
    color: #fff;
    padding-top: 25px;
    padding-bottom: 15px;
}
.bottonFooter {
    background: #202332;
    color: #fff;
}
.copyRightInfo a {
    color:#fff;
}
.app_threebox {
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center;
}
.app_threebox img {
    display: block;
    margin: 15px auto;
}
.app_threebox h4 {
    font-size: 18px;
    color: #323232;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0 30px;
    margin-bottom: 20px;
    min-height: 60px;
}
.app_threebox p {
    padding: 0 30px;
    margin-bottom: 15px;
}
.app_readmre {
    color: #E85639;
    margin-top: 10px;
    display: inline-block;
    font-weight: 600;
}
.blog-item {
    height: 100%;
    min-height: 100%;
}
.blist-image {
    position: relative;
    display: block;
    height: 240px;
    overflow: hidden;
}
.blog-item a h5 {
    font-size: 14px;
    color: #666;
    font-weight: 600;    
}
.blog-item a h4 {
    font-size: 16px;
    color: #3A3E95;
    font-weight: bold;    
    min-height: 60px;
}
.blog-item a {
    display: block;
}
.calicn {
    margin-right:10px;
    color:red;
}
.homeVideoSec h2 {
    color:#fff;
    text-align: center;
}
.blue-gradebox {
  background-image: -moz-linear-gradient( 0deg, rgb(44,79,145) 0%, rgb(43,89,142) 30%, rgb(42,102,139) 55%, rgb(38,115,136) 80%, rgb(38,125,134) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(44,79,145) 0%, rgb(43,89,142) 30%, rgb(42,102,139) 55%, rgb(38,115,136) 80%, rgb(38,125,134) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(44,79,145) 0%, rgb(43,89,142) 30%, rgb(42,102,139) 55%, rgb(38,115,136) 80%, rgb(38,125,134) 100%);
    padding: 25px 15px 45px 15px;
}
.carousel-control-videoSec {
    background-image: none !important;
    text-shadow: none;
    color: #fff;
    top: 38%;
} 
.carousel-control-videoSec.left {
    left: -20px;
    width: 4%;
}
.carousel-control-videoSec.right {
    right: -20px;
    width: 4%;
}
  


.carousel-inner-videocustom {
    height: 100% !important;
    position: relative;
    width: 100%;
    overflow: hidden;
    border-bottom: 0;
}
.thumbnail-videos {
    border: 0px !important;
    margin: 0 15px;
}
.thumbnail-videos:hover,
.eve_about_video:hover {
    cursor: pointer; 
}
#block-views-block-home-intro-pastevents,
#block-views-block-knowledge-center-view-kcenter,
#block-knowledgecenter {
    margin-bottom: 25px;
}
.custom_subscriptions div.field--widget-email-default {
    width: 250px;
    float: left;
}
.custom_subscriptions div.field--widget-email-default {
    width: 250px;
    float: left;
}
.custom_subscriptions input.form-email {
    width: 100%;
    border-radius: 30px 0px 0px 30px;
    height: 50px;
    border: 1px solid #C5D2DD;
}
.custom_subscriptions div.form-type-email label {
    display: none;
}
.custom_subscriptions button#edit-subscribe {
    border-radius: 0 30px 30px 0px !important;
    background: #EC553A;
    color: #fff;
    height: 50px;
    border: 1px solid #EC553A;
    font-size: 14px;
    font-weight: 600;
}
.logged_user_subscriptions.custom_subscriptions button#edit-subscribe {
    border-radius: 30px !important;
    
}
.logged_user_subscriptions.custom_subscriptions div.form-actions {
    text-align: center;
}
.modal-header h4 {
    float:left;
    width:85%;
}

.custom_subscriptions button#edit-unsubscribe {
    border-radius: 25px !important;
    background: #EC553A;
    color: #fff;
    height: 40px;
    border: 1px solid #EC553A;
    font-size: 14px;
    font-weight: 600;
    margin-left: 35%;
}

.cape_subscibes {
    width: 360px;
    margin: 30px auto;
}
.subscribe_noteinfobox h2{
    margin-top: 0 !important;
    border-bottom: 0 !important;
    text-align: center !important;
}
.subscribe_noteinfobox p {
    font-weight: 600;
    text-align: center !important;
}
.cape_subscibes #edit-message {
    display: none;
}
.subscribe_footer p{
    font-weight: 600;
}
.subscribe_footer {
    clear:both;
    text-align: center;
}
.subscribe_footer span {
    color:#3A3E95;
}

/** About Us section **/

#aboutSec {
    background-color: #f9faff;
    padding: 30px 0;
    border-bottom: 1px solid #dadce3;
  }
  #aboutSec h2 {
    font-size: 30px;
    font-weight: bold;
    color: #32419b;
    font-family: 'Roboto', sans-serif;
  }
  .aboutVideoSec {
    position: relative;
    padding-right: 40px;
    max-width: 390px;
    width: 100%;
    height: 450px;
  }
  .aboutVideoSec .outerBg {
    background-color: #325f9b;
    padding: 15px;
    width: 40%;
    position: absolute;
    height: 450px;
    z-index: 1;
  }
  .videoImgSec {
    overflow: hidden;
    width: 360px;
    height: 420px;
    position: absolute;
    z-index: 2;
    top: 30px;
    left: 30px;
  }
  
a.playBtn {
    background: url("../images/video-play-btn-n.png") no-repeat center;
    width: 108px;
    height: 108px;
    position: absolute;
    z-index: 999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  a.playBtn:hover {
    background: url("../images/video-play-btn-h.png") no-repeat center;
  }
  a.aboutTwitter {
    background: url("../images/about-twitter-icon.png") no-repeat center;
    width: 65px;
    height: 58px;
    position: absolute;
    z-index: 4;
    top: 60px;
    right: 0;
  }
#map {
    height: 100%;
}
.homegdp {
    padding-top:35px;
    padding-bottom:35px;
    background-image: -moz-linear-gradient( 0deg, rgb(44,79,145) 0%, rgb(43,89,142) 30%, rgb(42,102,139) 55%, rgb(38,115,136) 80%, rgb(38,125,134) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(44,79,145) 0%, rgb(43,89,142) 30%, rgb(42,102,139) 55%, rgb(38,115,136) 80%, rgb(38,125,134) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(44,79,145) 0%, rgb(43,89,142) 30%, rgb(42,102,139) 55%, rgb(38,115,136) 80%, rgb(38,125,134) 100%);
}
.homegdp h2 {
    font-size:42px;
}
.homegdp h2,
.homegdp h4 {
    color:#fff;
    text-align: center;
}
.home_memcountries {
    margin-top:25px;
}
.home_memcountries  h2 {
    color: #3A3E95;
    text-align: center;
}

/** home page partners**/
.carousel-inner-partnercustom {
    height: 100% !important;
    position: relative;
    width: 100%;
    overflow: hidden;
    border-bottom: 0;
}
.thumbnail-homepartners {
    border: 0px !important;
    margin: 0 15px;
}
.carousel-control-partnerSec.left {
    left: -20px;
    width: 4%;
}
.carousel-control-partnerSec.right {
    right: -20px;
    width: 4%;
}
.homePartnerSec h2 {
    color: #fff;
    text-align: center;
}
.carousel-control-partnerSec {
    background-image: none !important;
    text-shadow: none;
    color: #fff;
    top: 38%;
}
#hme_partners {
    margin-top:30px;
}
.footernavigations .nav>li>a {
    padding: 4px 20px !important;
    color: #fff;
    font-size: 12px;
}
a.footerheadmenu {
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 10px;
}
.footernavigations .nav>li>a:focus,
.footernavigations .nav>li>a:hover {
    background-color: transparent;
}

/* Contact Form Styles */
div.field--name-field-contact-firstname,
div.field--name-field-contact-lastname,
div.field--name-field-contact-region,
div.field--name-field-contact-country,
form.contact-form div.field--name-subject,
form.contact-form div.form-type-email,
form.contact-form div#edit-mail  {
    width: 48%;
    float: left;
    margin-right: 1%;
    height: 70px;
}

form.contact-form div.field--name-message{
    width:98%;
    clear:both;
}
 

form.contact-form  input.form-control,
form.contact-form  select.form-control,
form.contact-form textarea.form-textarea {
    box-shadow: 0 0 0 0;
    border-radius: 0;
}
form.contact-form #edit-preview {
    display: none;
}
button.webform-button--submit {
    background-color: #f05022;
    border: #f05022;
}
.contact-popup {
    min-height: 580px;
}
.region-header {
    float:left;
}

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (orientation: portrait) {
    .blist-image {
        height: auto;
    }
    .msecretariat img {
        margin-bottom:5px;
    }
    ul.dropdown-menu.arrow_box.arrowboxmrg {
        margin-left: 0px;
    }
    .menu--account.nav>li>a {
        padding: 15px 20px !important;
    }

    div.field--name-field-contact-firstname,
    div.field--name-field-contact-lastname,
    div.field--name-field-contact-region,
    div.field--name-field-contact-country,
    form.contact-form div.field--name-subject,
    form.contact-form div.form-type-email,
    form.contact-form div#edit-mail,
    form.contact-form div.field--name-message  {
        width: 100%;
        float: left;
        margin-right: 0;
        height: auto;
    }

}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    a.aboutTwitter {
      right: -16px;
    }
  }
  @media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) and (orientation : portrait) {
    a.aboutTwitter {
      right: -16px;
    }
  }
  @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {}
  @media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation : landscape) {}
  @media only screen and (min-width: 768px) {}
  /*Small devices (landscape phones, less than 768px)*/
  @media (max-width: 767.98px) {
    a.aboutTwitter {
      right: -6px;
    }
    .videoImgSec {
      width: 360px;
    }
  }
  @media (max-width: 375px) {
    .videoImgSec {
      width: 315px;
    }
    .aboutVideoSec .outerBg {
        height: 400px;       
    }
  }

.events-mp-form .announcements-workstream div#edit-langcode-wrapper
{
	display:none; 
}

/************Member Portal CSS******/
.menu--account li a[href="/cape/member-portal/home"] {
            color: #031056 !important;
            padding: 10px !important;
            border-radius: 30px;
            background: #fff;
            margin-top: 5px;
}
.menu--account li a[href="/cape/member-portal/home"]:hover {
    background: #fff !important;
    color: #031056 !important;
}
.view.view-member-portal-announcement-search {
            margin-top: 20px;
}
.announcements-list-img img.img-responsive {
            min-width: 150px !important;
            max-width: 150px !important;
            min-height: 150px !important;
            max-height: 150px !important;
}
#views-exposed-form-member-portal-announcement-search-page-2 .form-item-announcement-search{
            width: 92%;
}
#views-exposed-form-member-portal-announcement-search-page-2 input#edit-announcement-search{
            width: 100%;
}
.recent-items {
            margin: 15px 0;
            padding: 0;
            float: left;
            width: 100%;
}
.recent-items li {
            list-style-type: none;
            float: left;
            width: 100%;
            background-color: #fff;
            margin: 5px 0;
}
.recent-items li a {
            display: block;
            width: 100%;
            float: left;
            padding: 15px 0;
}
.recent-items li a h4 {
            font-size: 16px;
            color: #333;
            margin-top: 0;
}
.recent-items li a h6 {
            font-size: 13px;
            color: #787878;
            font-weight: normal;
}
.recent-items li a h6 span {
            font-weight: bold;
}
.recent-items li a p {
            font-size: 14px;
            font-weight: normal;
            color: #5a5a5a;
            line-height: 21px;
}

button#WBGAzureAD {
    background-image: url(../images/logo-wb-header-en.svg);
    background-color: #fff;
    background-repeat: no-repeat;
    color: transparent;
    font-size: 16px;
    background-position: left;
    background-size: cover;
}
section#block-openidconnectlogin-3 {
    display: none;
}