@import "slick.css";
@import "slick-theme.css";

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800);
html,
body {
	font-family: 'Open Sans',sans-serif;}

a:hover{text-decoration:none}
img {
    max-width: 100%;
    height: auto;
}
h1 {
    font-size: 40px;
    font-weight: 500;
}

.trp_nav_area{width:100%;}



@media(min-width:991px){
.not-sticking {
   transform: translateZ(0);
    transition:all 0.5s; /* Effect for switching from .fixed to static */
}
  
.menu-section{padding-right:0}
.sticking .right-links.language_right{display:none}
.sticking .container-user-navigation li{display:none}
.sticking .container-user-navigation li.accessibe_icon{display:inline-block}
.sticking .col-user-utility-navigation .container-user-navigation{background:transparent}
.sticking .col-solid-background, .sticking .menu_section_area{display:none}
.sticking #cssmenu > ul > li > a{padding: 15px 15px;}
.sticking #cssmenu > ul > li.has-sub > a::after{top: 20px;}

/*.sticking .menu_section_area {
    position: absolute;
    top: 0;
    width: 58.66%;
    right: 0;
    background: transparent;
}
.sticking > .container{max-width:100%;}
.sticking .col-top-navigation{    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;}
.sticking .mobrowleft, .sticking .login_div {
    float: right;
}
.trp_nav_area.sticking #cssmenu > ul > li > a{
    color: #000;padding: 28px 15px;
}
.trp_nav_area.sticking #cssmenu > ul > li:before {
    content: "";
    border-bottom: 2px solid #000000;
}*/
.trp_nav_area.sticking .standard-logo1 span{font-size:32px;}
.trp_nav_area.sticking .standard-logo1 span > span, .trp_nav_area.sticking .standard-logo1 span > em{display:none}

/* ---------------- For sticky header: class="float-panel"  ------------------*/
.not-sticking {
   transform: translateZ(0);
    transition:all 0.5s; /* Effect for switching from .fixed to static */
}
.sticking .border_bottom_grey.body_style_fullwide{display:none}

.sticking.trp_nav_area .row.logo-left {
    padding:0px 0;
}

.sticking .logo-left .logo a{align-items: center;}
.sticking .logo	{margin:0}

/* when class="float-panel fixed" */
.sticking {animation: slide-down 0.7s;
  box-shadow:0 2px 6px rgba(0,0,0,0.2); z-index:992;  }
  .sticking .banner-top-header{    background: #022E64;}
  
  .contrast-bg .sticking .banner-top-header{     background: #333;}

.sticking .middle-head{background:#fff;     border-bottom: 1px solid #ddd;box-shadow: 0px 2px 15px #e2e2e2;}

.sticky_logo{display:none}
.sticking .sticky_logo{    display: inline-block;}
.sticking .not_sticky_logo{display:none}
.sticking .logopart img{    width: 320px;}

.sticking .hamburger.is-closed .hamb-top, .sticking .hamburger.is-closed .hamb-middle, .sticking .hamburger.is-closed .hamb-bottom, .sticking .hamburger1.is-closed .hamb-top, .sticking .hamburger1.is-closed .hamb-middle, .sticking .hamburger1.is-closed .hamb-bottom{    background-color: #000;}

@keyframes slide-down {
    0% {
        
        transform: translateY(-300px);
    } 
    100% {
        
        transform: translateY(0);
    } 
}









/*-------- Generic styles for the page ------------------*/

.stic.sticking .top-header{display:none;}
/*.inner-page-header.stic.sticking .head-menu{ background: #fff;}*/
.stic.sticking .top-bar-header{}

.stic.sticking .site-logo img{width:300px;}


}

.pull-left{float:left}
.pull-right{float:right}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.sr-only-clip {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    padding: 0 !important;
    border: 0! important;
    white-space: nowrap !important;
    clip: rect(1px 1px 1px 1px) !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    clip-path: inset(50%) !important;
}

.pagination.page_ul{    justify-content: right;}
footer {
    background:#21397e;
    padding: 1.2em 0;
}
footer ul.backlinks {
    color: #fff !important;
    text-align: center;
    font-size: 14px;
    margin: 0;
    padding: 0;
}
footer ul.backlinks li {
    border-right: 1px solid #fff;
    display: inline-block;
    padding: 0 10px;
    margin-left: -4px;
    line-height: 10px;
    font-size: 12px;
}
footer ul.backlinks li a {
    color: #fff !important;
}
footer ul.backlinks li a:hover {
    color: #ddd !important;
}
footer ul.backlinks li:last-child {
    border: 0;
}

#back-top { position: fixed; bottom: 20px; left: 20px; margin-left: 20px; z-index: 9999; _position: absolute; _top: expression(documentElement.scrollTop+body.scrollTop);
_margin-top: 500px; }
#back-top a, #back-top-prev a { width: 50px; display: block; text-align: center; font: 11px/100% lato, sans-serif; text-transform: uppercase; text-decoration: none; color: #bbb; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
#back-top span#button { background-color: #CCCCCC; }
#back-top span#button, #back-top-prev span#button-prev {
    width: 50px;
    height: 50px;
    display: block;
    margin-bottom: 7px;
    background-color:#5c5c5c;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0.8;
    filter: alpha(opacity = 80);
    border-radius: 50%;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
    font-size: 46px;
    color: #fff; }
	
	
	
	.content-panel-area {
    position: static;
    color: #fff;
}


.directory-sub-desc h4 {
    text-transform: uppercase;
    font-size: 20px!important;
    padding: 5px 0px 5px 0px;
}


    
}
.pager-innner {
    display: none;
}

/*-------- Generic styles for the page ------------------*/
/*.inner-page-header.stic.sticking .head-menu{ background: #fff;}*/



.standard-logo1 > span {
    font-size: 36px;
    font-weight: 700;
    color: #012464;
    line-height: normal;
    display: inline-block;
}
.standard-logo1 > span > span{    font-size: 18px;
    display: block;    color: #0e49af;}
	.standard-logo1 > span > em{     font-size: 14px;
    font-style: normal;
    display: block;    margin-top: 5px; font-weight:500; color:#000}




@media(min-width:992px) and (max-width:1320px){
.logo-left .logo img{    width:250px;
    max-width: 100% !important;}
.standard-logo1 > span > em{font-size:10px;}
.standard-logo1 > span > span{font-size:12px;}
.standard-logo1 > span{font-size:28px;}
}
/* Menu Part End */
.trp_nav_area .row.logo-left {
    padding:0px 0;    position: relative;
    z-index: 99;
}
.trp_nav_area {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    z-index: 991;
    background-color: #fff;
    padding: 0px;
}
@media(min-width:991px){
/*.join_acte_btn a:before{content: "\f007";display: inline-block;
   display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; margin-right: 10px;
    font-size: 32px;}*/


	
}

/*Google translate*/
body{top: 0 !important;}

/*Google Translate*/
/*Translate css*/

.col-user-utility-navigation{text-align:right}
::-webkit-input-placeholder {
    color: #666;
    font-size: 17px;
}
::-moz-placeholder {
    color: #666;
    font-size: 17px;
}
:-ms-input-placeholder {
    color: #666;
    font-size: 17px;
}
:-moz-placeholder {
    color: #666;
    font-size: 17px;
}




@media (max-width: 767px) {
    body {
        overflow-x: hidden;
    }
}

.logo-left .logo img{    max-width: 340px;
    margin-right: 10px;
    margin-top: 5px;margin-bottom: 5px;}
/*.logo-left .logo a{display: flex;
    align-items: flex-start;}*/
.logo-left .logo {padding: 2px 0;}

@media(min-width:992px) and (max-width:1500px){
	.logo-left .col-lg-5{padding-right:0}
}

@media(max-width:991px){
.trp_nav_area .row.logo-left{padding:10px 0}
}

@media(max-width:991px){
    .col-sm-5, .col-sm-7 {flex: 100%;max-width: 100%;}
}

#primary-content .page-title-small{padding-top: 150px !important;}

#primary-content .page-title-small{padding:15px 0 !important}
.header-for-inner:before{content:none !important}
.header-for-inner{    background: #21397e;}

.backto-links {
    text-align: right;
    margin-top: 35px;
}
.backto-links .back-to-btn {
    display: inline-block;
    margin: 0 8px;
}
.backto-links .back-to-btn a {
    display: block;
    padding: 5px 5px;
    font-weight: 700;
    color: #000;
    border-radius: 30px;
    font-size: 14px;
}
.backto-links .back-to-btn a:hover{color:#21397e}

html, body{min-height:100%;}

@media(max-width:991px)
{
	.order-mobile-1{order:1}
	.order-mobile-2{order:2}
	.logo-left .col-lg-7.col-md-7.col-sm-7{background:#ddd}
	.col-user-utility-navigation{float:left}
	.trp_nav_area .row.logo-left{padding:0}
	.logo-left .logo a img{margin-right: 5px;}
	.standard-logo1 > span{font-size:24px;}
	.standard-logo1 > span > span{font-size:14px;}
	.standard-logo1 > span > em{font-size:9px;}
.logo-left .logo {
    padding: 10px 0;
}

.backto-links{text-align:center; margin-top:0}
.backto-links .back-to-btn a{font-size:12px;}
.col-user-utility-navigation{width:100%;}
footer ul.backlinks li{    display: block;
    padding: 10px 10px; border:0}
}

.mfp-bg1 {
    background-color: rgba(34,49,82,0.8);
}

.my-mfp-slide-bottom.mfp-wrap .mfp-content { 
  /* at start */
  opacity:0; 
  -webkit-transition:all 0.15s ease-out; 
  -moz-transition:all 0.15s ease-out; 
  transition:all 0.15s ease-out; 
}
.my-mfp-slide-bottom.mfp-wrap.mfp-ready .mfp-content { 
  /* animate it */
  opacity:1; 
}
.my-mfp-slide-bottom.mfp-wrap.mfp-removing .mfp-content { 
  /* animate out */
  opacity:0; 
}
.mfp-wrap{z-index: 99999;}




.mfp-content{vertical-align: top;top:10%;}
.mfp-close-btn-in .mfp-close {
    color: #fff;
    font-size: 44px;
    border: 2px solid #fff;
    border-radius: 30px;
    top: -50px !important;
    right: 2%;
	}
	.inline-popup {
    position: relative;
    width: auto;
    max-width:90%;
    margin: 20px auto;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    background-color: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 30px;
}
.share-icons-section h2.post-title span {
    color: #fff;
    font-size: 32px;
}.share-icons-section li img {
    max-width: 60px;
    transition: .3s all;
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
}.share-icons-section li {
    display: inline-block;
    padding: 4px;
}
.share-icons-section h2.post-title {
    margin-top: 20px;
    margin-bottom: 30px;
}
.mfp-container .mfp-content{vertical-align:top}

.mfp-close-btn-in .mfp-close {
    color: #fff !important;
}

.preloader_section{    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 991;
    background: #fff;display: flex;
    align-items: center;
    justify-content: center;}
	
.preloader_section img{    max-width: 80px;}

.search_open_box a {
    display: inline-block;
    padding: 10px 15px;
    background: #5c5c5c;
    border-radius: 20px;
    color: #fff !important;
    font-weight: 600;
    font-size: 14px;
}
.search_open_box a:hover{background:#243b7b }

.search_open_box{text-align:right}

#adv_search{margin-top: 0 !important;}
.search_open_box{margin-bottom:20px;}

.search_open_box, .close_icon_section{display:none;}

#adv_search{position:relative}

.project-meetings-links .slick-arrow {
    height: auto;
    margin-top: 0;top: 24px; width:30px;
}
.project-meetings-links .slick-arrow i.fa {
    font-size: 48px;
    color: #000;
}

.project-meetings-links .slick-arrow:before{content:none}

.project-meetings-links .slick-arrow.slick-prev{left:-25px;}
.project-meetings-links .slick-arrow.slick-next{right:-25px;}



@media(max-width:991px){
.close_icon_section{cursor:pointer}
	.search_open_box, .close_icon_section{display:block}
	#adv_search{display:none;     padding-top: 40px !important;}
	.search_open_box .open i.fa:before{    content: "\f106";}
	.close_icon_section {
    width: 26px;
    height: 26px;
    text-align: center;
    position: absolute;
    top: 5px;
    right: 5px;
    border: 2px solid;
    border-radius: 50%;
    background: #fff;
}
.search_open_box{text-align:center}
.text_for_result.text-right {
    text-align: center !important;
}
.tab_for_clus {
    max-width: 90%;
    margin: 0 auto;
}
}