/* @import url('https://fonts.googleapis.com/css?family=Rubik:400,500,700&display=swap'); */
@import url('stylesheet.css');


@font-face {
    font-family: 'raisonne-demibold';
    src: url(../ttf/raisonne-demibold.ttf);
}

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(../eot/materialicons-regular.eot);
    /* For IE6-8 */
    src: local('Material Icons'),
        local('MaterialIcons-Regular'),
        url(../woff2/materialicons-regular.woff2) format('woff2'),
        url(../woff/materialicons-regular.woff) format('woff'),
        url(../ttf/materialicons-regular.ttf) format('truetype');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;

    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;

    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;

    /* Support for IE. */
    font-feature-settings: 'liga';
}

img.img-responsive {
    max-width: 100%;
    height: auto;
    /* width: 100%; */
}

body {
    font-family: 'Rubik', sans-serif;
    font-size: 20px;
    padding-bottom: 192px;/*  new */
    position: relative; /* new */
    min-height: 100vh; /* new */

}
body.home-body {
    padding-bottom: 482px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Rubik', sans-serif;
}

h1 {
    font-size: 60px;
    font-weight: 500;
    color: #171515;
    line-height: 86px;
    margin-bottom: 40px;
}

h3 {
    font-size: 40px;
    font-weight: 500;
}

h6 {
    font-size: 20px;
    font-weight: 600;
}

.container, .containerpopup {
    max-width: 1360px;
    margin: auto;
    padding: 0;
    position: relative;
}

button:focus {
    outline: none
}

button {
    cursor: pointer
}

header {

    margin-top: 58px;

    margin-bottom: 0px;
}

.flexdiv {
    display: flex;
    align-items: center;
    justify-content: space-between;
}



.headerlogo img {
    max-width: 270px;
}



.headerright ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
}

.headerright ul li {
    display: inline-block;
    margin-right: 40px;
}

.headerright ul li i {
    font-size: 44px;
    color: #000000;
}

.headerright button {
    font-size: 32px;
    background: transparent;
    border: 0;
    text-transform: uppercase;
    /* line-height: 40px; */
    min-width: 112px;
    text-align: right;
    position: relative;
    /* z-index: 1; */
}

.mainbody {
    padding: 80px 0px 120px 0px;
    min-height: 70vh;
    position: relative;
}

.tabmenu {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

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

.tabmenu ul li {
    display: inline-block;
    font-size: 20px;
    padding-right: 40px;

}

.tabmenu ul li a {
    color: #000000;
}

.tabmenu_search {
    font-size: 24px;
    font-weight: 500;
    color: #000000;
    opacity: .5;
    border: 0;
    background: transparent;
}

.tabmenu_search i {
    font-size: 26px;
    vertical-align: -5px;
    padding-right: 10px;
}

.tabmenu ul li a:hover {
    text-decoration: none;
    opacity: .8
}

.tabmenu ul li.active a {
    font-weight: 500;
    text-decoration: none
}

.tabmenu ul li.active a:hover {
    opacity: 1
}

.all_news {
    padding: 57px 0px;
}

.all_news .news_each {
    /*height: 470px; */
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    background-color: #ffffff;
    padding: 40px;
    position: relative;
    font-size: 20px;
    margin-bottom: 40px;
}

.all_news .news_each .news_each_inner {
    margin-bottom: 40px;
}

.all_news .news_each .image_holder {
    max-width: 400px;

    display: inline-block;
    max-height: 200px;
	width:400px;
    overflow: hidden;
}

.all_news .news_each .content_holder {
    display: inline-block;
    width: calc(100% - 405px);
    padding-left: 40px;
    vertical-align: top;
}

.calcWidth {
    width: calc(100% - 255px);
}

.all_news .news_each .content_holder .ini_info {
    padding-bottom: 20px;
}

.all_news .news_each .content_holder .ini_info span {
    display: inline-block;
    padding-right: 70px;
}
.all_news .news_each .content_holder .ini_info span a{color:#000; margin-right:10px;display:inline-block}
.all_news .news_each .content_holder .ini_info span:nth-child(2) {
    text-transform: uppercase
}

.all_news .news_each .content_holder .ini_info span.pinned {
    float: right;
    padding: 0;
    font-size: 14px;
    color: #5d9fd4;
    margin-top: -8px;
}

.all_news .news_each .content_holder .ini_info span.pinned i {
    font-size: 38px;
    vertical-align: -12px;
    padding-left: 5px;
}

.all_news .news_each p {
    /* font-size: 20px; */
    padding-bottom: 40px;
}

.box_bottom {
    background-color: rgba(63, 63, 65, .05);
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.box_bottom a.readmore {
    color: #000;
    margin-right: 40px;
}

.box_bottom a.readmore i {
    vertical-align: -5px;
    padding-left: 15px;
}

.news_each h3 {
    text-transform: uppercase;
}

.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 40px;
    padding-bottom: 40px;
}

.pagination a {
    color: #6c6c6c;
    float: left;
    padding: 8px 7px;
    text-decoration: none;
    font-weight: 400;
    font-size: 20px;
}

.pagination a i {
    vertical-align: -5px;
}

.pagination a.active {
    color: #000;
    font-weight: 500;
}

.pagination a:first-child {
    padding-right: 15px;
}

.pagination a:last-child {
    padding-left: 15px;
}

footer {
    /*background-color: #f5f6f5;*/
    background-color: #e6e6e6;

    /*new*/
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
}



footer .social_links ul {
    list-style: none;
    padding: 0;
    margin: 0
}

footer .social_links ul li {
    padding: 3px 0px;
}

footer .social_links ul li img {
    max-width: 35px;
}



footer .footer_div span {
    display: inline-block;
}

footer .footer_div span p {
    max-width: 300px;
    padding: 0;
    margin: 0;
}

footer .footer_div a {
    color: #000;
    font-size: 24px;
}

footer .footer_div i {
    color: #5d9fd4;
    font-size: 40px;
    vertical-align: -11px;
    margin-right: 24px;
}

footer .footer_div.customf i {
    vertical-align: 25px;
}

footer .footer_div.customf img {
    max-height: 20px;
    margin-bottom: 5px;
}

footer .flexdiv {
    height: 163px;
}

.menu_popup {
    position: fixed;
    top: 160px;
    left: 0;
    width: 100%;
    background: #f7f7f7;
    z-index: 4;
    height: calc(100vh - 161px);
    display: none;
    overflow: auto;
    padding-bottom: 50px;
}

.menu_popup.active {
    display: block;
}

body.fixed {
    overflow: hidden;
    padding-right: 16px;
    background: #f7f7f7;
}

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

.menu_popup ul li {
    display: block;
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 10px;
}

.menu_popup ul li a {
    color: #000;
    padding-bottom: 5px;
}

.menu_popup ul li a:hover, .menu_popup ul li a.active {
    border-bottom: #000 2px solid;
    text-decoration: none;
}

.menu_popup ul li span {
    padding: 0px 22px;
    letter-spacing: 18px;
}

header .social_links {
    position: relative;
    height: 100%;
    padding-top: 280px;
}

header .social_links:after {
    content: "";
    width: 2px;
    height: 235px;
    background: #000;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
}

header .social_links ul {
    list-style: none;
    padding: 0;
    margin: 0
}

header .social_links ul li {
    padding: 3px 0px;
    margin: 0;
    font-size: 54px;
}

header .social_links ul li img {
    max-width: 46px;
}

.flexdiv.alignnormal {
    align-items: normal
}

.headerright ul li:last-child {
    margin-right: 20px;
}

.program_title_right {
    float: right
}

.program_title_right a {
    color: #000;
    display: block;
    margin-bottom: 12px;
    opacity: .5;
    font-weight: 500;
}

.program_title_right a i {
    vertical-align: -5px;
    padding-right: 10px;
    font-weight: 900;
}

.program_title_right a:hover {
    opacity: 1;
    text-decoration: none
}

.nav-tabs {
    font-size: 32px;
    border: none;
    margin-bottom: 28px;
}



.nav-tabs .nav-link {
    color: #000;
    opacity: .3;
    font-weight: 500;
    padding-right: 80px;
    padding-left: 0;
    border: 0;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    opacity: 1;
    border: 0;
    background: transparent;
    color: #000;
}

/* Program Lists */
.all_program {
    padding: 57px 0px;
}

.all_program .program_each {
    /*height: 470px;*/
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    background-color: #ffffff;
    padding: 40px;
    position: relative;
    font-size: 20px;
    margin-bottom: 40px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-bottom: 97px;
}

.attending {
    position: absolute;
    background-image: url(../program_tag.html);
    width: 150px;
    height: 72px;
    right: 33px;
    top: 0;
    background-size: 100%;
    color: #FFF;
    font-weight: 600;
    justify-content: center;
    display: inline-flex;
    align-items: center;
    padding-bottom: 14px;
    font-weight: bold;
}

.all_program .program_each .news_each_inner {
    margin-bottom: 0;
    width: 100%;
}

/*.all_program .program_each .image_holder {
    max-width: 240px;
    display: inline-block;
    max-height: 240px;
    overflow: hidden;
}*/

.all_program .program_each .image_holder {
    width: 240px;
    display: inline-block;
    max-height: 240px;
    overflow: hidden;
    text-align: center;
}

.all_program .program_each .image_holder img.img-responsive {
    max-width: 100% !important;
    max-height: 240px;
    width: auto;
    height: auto;
}

.all_program .program_each .content_holder {
    display: inline-block;
    width: calc(100% - 260px);
    padding-left: 40px;
    vertical-align: top;
}

.all_program .program_each .content_holder .ini_info {
    padding-bottom: 20px;
}

.all_program .program_each .content_holder .ini_info span {
    display: inline-block;
    padding-right: 80px;
}

.all_program .program_each .content_holder .ini_info span:nth-child(2) {
    text-transform: uppercase
}

.all_program .program_each .content_holder .ini_info span.pinned {
    float: right;
    padding: 0;
    font-size: 14px;
    color: #5d9fd4;
}

.all_program .program_each .content_holder .ini_info span.pinned i {
    font-size: 38px;
    vertical-align: -12px;
    padding-left: 5px;
}

.all_program .program_each p {
    /* font-size: 20px; */
    padding-bottom: 40px;
}

.all_program .box_bottom {

    height: 84px;

    justify-content: space-around;

    display: -webkit-box;
}

.all_program .box_bottom a.readmore {
    color: #000;
    margin-right: 40px;
    height: 100%;
    line-height: 84px;
    vertical-align: middle;
    -webkit-box-flex: 1;
    display: block;
    margin: 0;
    text-align: right;
    padding-right: 32px;
}

.all_program .box_bottom a.readmore i {
    vertical-align: -5px;
    padding-left: 15px;
}

.all_program .box_bottom a.readmore:hover {
    background-color: rgba(63, 63, 65, .05);
    text-decoration: none;
}

.program_each h3 {
    text-transform: uppercase;
    line-height: 40px;
    margin: 0;
}

.news_details {
    padding-bottom: 40px;
}

.news_details .image_holder {
    max-height: 700px;
    overflow: hidden;
    margin-bottom: 50px;
    text-align: center;
    background: #fafafa;
}

.news_details .content_holder h1 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 600;
}

.news_details .content_holder h6 {
    margin-bottom: 30px;
}



.news_details .content_holder .content_description p {
    margin-bottom: 30px;
}

.hide {
    display: none
}

.back_link {
    color: #000;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 500;
}

.back_link i {
    vertical-align: -7px;
    padding-right: 10px;
    font-size: 28px;
}

.back_link:hover {
    text-decoration: none;
    color: #000;
    opacity: .8
}

.back-btn.bottom {
    display: none;
}

.pt0 {
    padding-top: 0px
}

.program_main_feature {
    display: inline-flex;
    width: 100%;
}

.program_main_feature .program_main_feature_column:first-child {
    padding-right: 15px;
	width: 287px;
}

.program_main_feature .program_main_feature_column {
    padding-right: 30px;
	width: 460px;
}

.program_main_feature .program_main_feature_column:last-child {
    padding-right: 0;
	width: 490px;
}

.program_main_feature .program_main_feature_column label {
    font-size: 14px;
    display: block;
}

.program_main_feature .program_main_feature_column:nth-child(2) span {
    display: block;

}

.program_main_feature .program_main_feature_column:first-child span {

}

.program_main_feature .program_main_feature_column:last-child span {
    display: block;
    
}


[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

[type="radio"]:checked+label,
[type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    display: inline-block;
    color: #000;
    padding-right: 0;
    top: 0px;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: normal;
    margin: 0;
}

[type="radio"]:checked+label:before,
[type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 7px;
    width: 14px;
    height: 14px;
    border: 1px solid #000;
    border-radius: 100%;
    background: #fff;
}

[type="radio"]:checked+label:after,
[type="radio"]:not(:checked)+label:after {
    content: '';
    width: 8px;
    height: 8px;
    background: #000000;
    position: absolute;
    top: 10px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    box-shadow: none;
}

[type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

[type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.custCheckList {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    max-height: 70vh;
    overflow: auto;
    margin: 0;
    padding-left: 10px;
}

.custCheckList li {
    display: block;
    width: 100%;
    padding-bottom: 6px;
	padding-left: 26px;
}

.custCheckList li.checkbox-first {
	padding-left: 0;
	padding-bottom: 15px;
}

.program_tabmenu .custCheckList.lastorder li:last-child {
    border-top: solid 1px #000000;
    padding-top: 16px;
    padding-bottom: 0;
}

.custSingleDropCont {
    display: none;
    position: absolute;
    top: -30px;
    left: 0;
    width: 300px;
    height: auto;
    z-index: 1;
    background-color: #fff;
    box-shadow: 0 2px 8px 0px rgba(0, 0, 0, 0.28);
    /* padding: 6px; */
    padding: 20px;
    transform: translate(-12%, 0%);
    padding-top: 89px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    background-color: #ffffff;
    /* padding-right: 7px; */
    font-size: 20px;
}

.custSingleDropCont.show {
    display: block
}

.custSingleDropCont.hide {
    display: none
}

.program_tabmenu {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.program_tabmenu>ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.program_tabmenu>ul>li {
    display: inline-block;
    font-size: 24px;
    padding-right: 40px;
    position: relative;
}

.program_tabmenu>ul li a {
    color: #000000;
    min-width: 200px;
    display: inline-block;
}

.program_tabmenu>ul li a i {
    vertical-align: -5px;
}

.program_tabmenu>ul li.focus a {
    position: relative;
    z-index: 2;
    font-weight: 500;
}

.program_tabmenu>ul li a:hover {
    text-decoration: none;
    opacity: .8
}

.program_tabmenu>ul li.active a {
    font-weight: 500;
    text-decoration: none;
    width: 100%;
}

.program_tabmenu>ul li.active a:hover {
    opacity: 1
}

/* About us */
.about-us-page-links {
    list-style: none;
    padding: 0;
    margin-bottom: 30px;

}

.about-us-page-links li a {
    font-weight: 500;
    font-style: normal;
    font-size: 32.0px;
    color: rgba(0, 0, 0, 0.5);
}

.about-us-page-links li a.active {
    color: rgba(0, 0, 0, 1);
}

.about-us-page-links li {
    display: inline-block;
    padding: 0 30px;
}

.about-us-page-links li:first-child {
    padding-left: 0;
}

.about-us-page-links li a:hover {
    text-decoration: none;
    color: rgba(0, 0, 0, 1);
}

.about-us-text-container p {
    margin-bottom: 30px;
    color: #000;
}

.about-us-text-container .sub-heading {
    margin-bottom: 24px;
    font-size: 25px;
    margin-top: 10px;
}

.about-right-side-image {
    padding-left: 120px;
    position: relative;
    padding-bottom: 35px;
    margin-bottom: 25px;
    top: -10px;
}

.about-right-side-image img {
    width: 100%;
    max-width: 368px;
    /* position: relative;
    z-index: 2; */
}

.about-us-image-container {
    position: relative;
    z-index: 2;
    display: inline-block;
}

.background-image {
    position: absolute;
    width: 135px !important;
    left: 55px;
    bottom: 20px;
    transform: rotate(317deg);
}

.about-us-image-container:after {
    content: "";
    width: 0%;
    height: 100px;
    background: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
} 

.about-us-footer-banner {
    padding: 55px 0 75px 0;
}

.banner-image-container:before {
    content: "";
    width: 0px;
    height: 100px;
    background: #fff;
    right: 0;
    top: 0;
    position: absolute;
    z-index: 3;
}

.banner-image-container {
    position: relative;
}

.banner-image-container:after {
    content: "";
    width: 528px;
    height: 100px;
    background: #5d9fd4;
    left: 0;
    bottom: -50px;
    position: absolute;
    z-index: 3;
}

.governance-container {
    background-color: rgba(42, 42, 44, 1);

    position: relative;
    margin-bottom: 60px;
    padding-bottom: 75px;
}

.governance-container:after {
    content: "";
    width: 528px;
    height: 100px;
    background: #5d9fd4;
    right: 0;
    bottom: -35px;
    position: absolute;
    z-index: 3;
}

.governance-inner {
    padding: 60px 0;
    color: #fff;
    background-image: url(../png/abstract.png);
    background-repeat: no-repeat;
    background-position: right 20px;
    background-size: 250px;
}

.governance-inner p {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.3;
    letter-spacing: normal;
    color: #ffffff;
}

.governance-inner p b {
    font-weight: 500;
}

.governance-member-images {
    width: 138px;
    height: 138px;
    margin: auto;
}

.governance-member-images>img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}

.governance-member-inner {
    color: #fff;
	padding-bottom: 30px;
}

.designation {
    font-size: 16px;
    text-align: center;
    font-weight: 400;
    margin-top: 25px;
}

.governance-member-inner p {
    font-size: 15px;
    text-align: center;
}

.governance-member-section {
    background: #3f3f41;
    padding: 35px 0 20px 0;
    position: relative;
}

.governance-member-section:after {
    content: "";
    width: 200px;
    height: 100%;
    background-image: url(../png/governance-member-bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 34%;
}

.governance-btn {
    padding: 5px 17px;
    display: inline-block;
    border: 1px solid #5d9fd4;
    margin-left: 38px;
    color: #fff;
}

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

.link-gap {
    margin: 40px 0 0px 0;
    padding-bottom: 70px;
}

.left-panel {
    width: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.left-panel img {
    max-width: 80%;
    max-height: 120px;

}

.right-panel {
    width: calc(100% - 120px);
    padding-left: 15px;
}

.organisation-listing-inner {
    display: flex;
    margin-bottom: 10px;
}

.right-panel h3 {
    font-size: 20px;
    font-weight: normal;
}

.right-panel p {
    font-size: 15px;
    margin-bottom: 0;
    line-height: initial;
}

.organisation-listing-container {
    margin: 55px 0;
}

.governance-organisation-heading {
    font-size: 25px;
    /* margin-bottom: 13px; */
}

.map-section {
    padding: 44px 0;
}

.view-node-btn,
.view-node-btn:hover {
    padding: 5px 17px;
    display: inline-block;
    border: 1px solid #5d9fd4;
    margin-left: 38px;
    color: #5d9fd4;
    text-decoration: none;
    margin-top: 37px;
    min-width: 285px;
    text-align: center;
}

.small-heading {
    font-size: 19px;
    margin: 27px 0;
}

.large-heading {
    font-size: 60px;
}

.link-container {
    display: flex;
    margin: 35px 0;
}

.link-container a {
    flex-grow: 1;
    text-align: center;
    position: relative;
    min-height: 25px;
    color: rgba(0, 0, 0, 1.0);
    font-weight: 100;
    padding: 8px;
}

.link-container a:hover {
    text-decoration: none;
}

.link-container a:nth-of-type(odd) {
    background: #bfbfbf;

}

.link-container a:nth-of-type(even) {
    background: #dddddd;
}

.link-container a.active:after {
    content: "";
    left: 0;
    right: 0;
    bottom: -10px;
    height: 4px;
    background: rgba(93, 159, 212, 1.0);
    position: absolute;
}

.article-heading {
    font-size: 22px;
}

article p {}

article {
    margin-bottom: 20px;
}

.cencam-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.cencam-title {
    font-size: 120px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.72;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

.cencam-container {
    background-image: url(../jpg/cecam_epfl.jpg);
    min-height: 450px;
    background-size: cover;
    background-position: center;
    margin-top: 80px;
}

.home-proposal-section {
    position: relative;
    background-image: url(../png/governance-member-bg.png);
    background-repeat: no-repeat;
    background-size: 142px;
    background-position: -62px center;
}

.home-proposal-section:before {
    content: "";
    width: 287px;
    height: 178px;
    position: absolute;
    right: 0;
    top: -113px;
    background-image: url(../png/abstract.png);
    background-repeat: no-repeat;
    background-size: contain;

}

/* lausanne-hq page */
.page-main-heading {
    font-size: 60px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 57px;
    letter-spacing: normal;
    color: #171515;
    margin-bottom: 0px;
}

.lausanne-text p {
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.3;
    letter-spacing: normal;
    color: #000000;
}

.lausanne_hq_image-container {
    position: relative;
    padding-left: 45px;
}

.lausanne_hq_image-container img {
    width: 100%;
}

.lausanne_hq_image-container:before {
    content: "";
    width: 0px;
    height: 0px;
    background: #fff;
    right: 0;
    top: 0;
    position: absolute;
    z-index: 3;
}

.lausanne-text {
    padding-top: 36px;
}

.member-name {
    font-size: 16px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
}

.contact-details {
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.29;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
}

.member_img_container {
    width: 103px;
    height: 103px;
    border-radius: 100%;
    margin: auto;
    margin-bottom: 17px;
}

.member_img_container>img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}

.designation_text {
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #000000;
    font-weight: 400;
    text-align: center;
}

.lausanne-mamber-inner {
    padding: 15px;
}

.lausanner-members-container {
    padding: 80px 0;
    background-image: url(../png/abstract.png);
    background-repeat: no-repeat;
    background-size: 215px;
    background-position: right 80%;
}

.lausanne-link-container {
    display: flex;
    align-items: center;
}

.lausanne-link-container a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    font-size: 18px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    height: 102px;
}

.lausanne-link-container a i {
    margin-left: 15px;
}

.lausanne-link-container a:nth-last-of-type(odd) {
    background-color: rgba(42, 42, 44, .9);
}

.lausanne-link-container a:nth-last-of-type(even) {
    background-color: #2a2a2c;
    opacity: 0.8;
}

.lausanne-link-container a:hover {
    text-decoration: none;
}

.lausanne-hq-container {
    position: relative;
    background-image: url(../png/governance-member-bg.png);
    background-repeat: no-repeat;
    background-size: 142px;
    background-position: -62px center;
}

.how-to-block-container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.how-to-block.one_third {
    width: 33.33%;
    height: 640px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.how-to-block.one_third3 {
    width: 33.33%;
    height: 275px;
    position: relative;
}

.how-to-block-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    //background-color: rgba(255, 255, 255, 0.5);
    display: flex;
    align-items: center;
}

.how-to-block-overlay>a.horizontallink {
    display: flex;
    height: 120px;
    background-color: rgba(42, 42, 44, 0.5);
    width: 100%;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #ffffff;
    text-align: center;
    justify-content: center;
}

.how-to-block-overlay:hover {
    background-color: rgba(255, 255, 255, 0);
}

.how-to-block-overlay:hover>a.horizontallink {
    background-color: rgba(42, 42, 44, 1);
    color: #5d9fd4;
    text-decoration: none;
}

.how-to-block.one_half {
    width: 50%;
    height: 275px;
    position: relative;
}

.how-to-block-wraper {
    padding: 80px 0 125px 0;
}

.how-to-main-body {
    background-image: url(../png/governance-member-bg.png);
    background-repeat: no-repeat;
    background-size: 90px;
    background-position: left top;
}

.how-to-container {
    background-image: url(../png/abstract.png);
    background-repeat: no-repeat;
    background-size: 215px;
    background-position: 105% 103%;
}

.our-mission-left {
    padding-top: 38px;
}



/* Added by Avoy ***/
.career_details {
    padding-bottom: 40px;
}

.career_details .career_left {
    max-width: 600px;
    display: inline-block;
    vertical-align: top;
}

.career_details .image_holder {
    /*max-height: 700px;*/
    overflow: hidden;
    margin-bottom: 40px;
    text-align: center;
    background: #fafafa;

}

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

.career_left ul li {
    padding-bottom: 0px
}

.career_details .image_holder img {
    width: auto;
    /*max-width: inherit;*/
}

.career_details .content_holder {
    max-width: calc(100% - 664px);
    display: inline-block;
    float: right;
    vertical-align: top;
}

.career_details .content_holder h1 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 600;
    margin-bottom: 30px;
}

.career_details .career_left h6 {
    margin-bottom: 30px;
    font-weight: 500;
}

.career_details .content_holder .content_description p {
    margin-bottom: 20px;
}

.apply_button {
    background-color: #5d9fd4;
    font-size: 28px;
    font-weight: normal;
    color: #ffffff;
    border: none;
    width: 240px;
    height: 80px;
    opacity: 1
}

.apply_button:hover {
    opacity: .8
}

.details_button_div {
    padding-top: 30px
}

.details_page .titlepage {
    font-size: 56px;
    margin-bottom: 80px;
    font-weight: 500;
    display: block
}

.details_page {
    padding-bottom: 140px
}

.all_opencall {
    padding: 0px 0px 10px 0px;
}

.all_opencall .opencall_each {

    background-color: #ffffff;

    padding: 40px 64px;

    position: relative;

    font-size: 20px;

    margin-bottom: 40px;

    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}

.all_opencall .opencall_each h6 {
    padding-bottom: 20px
}

.all_opencall .opencall_each .opencall_each_inner {
    margin-bottom: 40px;
}

.open_call_links {
    margin-bottom: 50px;
}

.open_call_links ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.open_call_links ul li a {
    width: 304px;
    height: 120px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    font-size: 24px;
    color: #000000;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 0px 10px;
    text-align: center;
    line-height: 26px;
    font-weight: 500;
}

.open_call_links ul li a.active,
.open_call_links ul li a:hover {
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    background-color: #2a2a2c;
    color: #5d9fd4;
    text-decoration: none
}

.lausannepopup, .submitproposal {
    color: #FFF;
    background-color: #2a2a2c;
    padding: 60px 0px;
    display: none;
    background-image: url(../png/abstract.png), url(../png/governance-member-bg.png);
    background-repeat: no-repeat, no-repeat;
    background-size: 254px, 200px;
    background-position: right 90%, left 60%;
}

.submitproposal {
	margin-top:-80px;
	padding-bottom:  200px;
}


.practical_information.show, .frequently_ask_question.show, .orga_gudiline.show, .research_hq.show, .former_team.show, .list_of_nodes.show, .gen_guideline.show, .workshops_rec.show, .schools_rec.show, .app_rec.show {
    display: block
}


.map-section-s {
	color: #000;
}

.cecam-at, .cecam-fi, .cecam-fr-moser, .cecam-fr-ra, .cecam-fr-gso, .cecam-de-mm1p, .cecam-de-juelich {
	margin-top: -80px;
}
.cecam-at.shownow, .cecam-fi.shownow, .cecam-fr-moser.shownow, .cecam-fr-ra.shownow, .cecam-fr-gso.shownow, .cecam-de-mm1p.shownow, .cecam-de-juelich.shownow {
    display: block
}


.lausannepopup .back_link, .submitproposal .back_link {
    color: #FFF;
}

.lausannepopup h2, .submitproposal h2 {
    font-size: 56px;
    font-weight: 500;
    padding-bottom: 70px;
}

.lausannepopup h2.designation_text {
	font-size: 16px;
	font-weight: normal;
	color: #fff;
	padding-bottom: 0;
}

.lausannepopup h3.member-name, .lausannepopup h4.contact-details {
	color: #fff;
}
.lausannepopup h6, .submitproposal h6 {
    font-size: 20px;
    font-weight: 500;
    color: #5d9fd4;
    line-height: 28px;
}

.lausannepopup p, .submitproposal p {
    line-height: 28px;
    padding-bottom: 20px
}

.lausannepopup .breadcum, .submitproposal .breadcrumb {
    font-size: 20px;
    display: block;
    padding: 10px 0px 20px 0px;
}

.lausannepopup p a , .submitproposal p a {
    color: #FFF;
    text-decoration: underline
}

.hidediv {
    display: none !important
}

.pdf_viewer {
    max-width: 1232px;
    height: 932px;
    background-color: #848484;
    overflow: auto;
    font-size: 56px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    line-height: 54px;
    text-align: center;
}
.pdf_viewer a{
    display: none;
    text-decoration:none;
} 
.pdf_viewer.ios-active a{
    display: block;
    color: #FFF;
    width: 100%;
    background: #5d9fd4;
} 
.pdf_viewer.ios-active {
    max-width: 100%;
    height: auto;
    background-color: transparent;
    overflow: auto;
    font-size: 23px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    line-height: 54px;
    text-align: center;
}   


/* our history 27_08_2019*/

.our-history-slider-wraper {
    padding: 20px 0;
    background-color: #2a2a2c;
    position: relative;
    margin-top: 50px;
}
.tab-content-inner .our-history-slider-wraper {
    padding: 0 !important;
    background: none;
    position: relative;
    margin-top: 0;
}
.our-history-slider-wraper .owl-dots {
    display: none;
}

.our-history-slider-wraper .owl-nav button {
    background: #2a2a2c !important;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #fff !important;
    border-radius: 100%;
}

.our-history-slider-wraper .owl-nav button span {
    height: auto;
    color: #fff;
}

.our-history-slider-wraper .owl-nav {
    position: absolute;
    display: flex;
    left: 0;
    right: 0;
    justify-content: space-between;
    padding: 0 25px;
    top: calc(50% - 37px);
}

.video-block-wrap {
    /* width: 50%; */
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px;

}

.video-block {
    width: 50%;
    padding: 8px;
}

.video-inner-block {
    position: relative;
    height: 100%;
}

.video-inner-block img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.btn-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.5);
}

.btn-container button {
    padding: 0;
    background: transparent;
    border: none;
    cursor: pointer;
    opacity: 0.5;
}

.btn-container button i {
    font-size: 60px;
}

.btn-container:hover {
    background: rgba(255, 255, 255, 0.0);
}

.btn-container:hover button {
    opacity: 1;
}

.view-all-video-btn {
    width: 204px;
    height: 46px;
    opacity: 0.5;
    font-family: Rubik;
    font-size: 20px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
    border: 1px solid #a0a09d;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 16px;
}

.view-all-video-btn:hover {
    text-decoration: none;
    color: #000000;
}

/* timeline style */
.custom-nav-tab {
    justify-content: space-between;
    border: none;
    padding: 0;
    position: relative;

}

.custom-nav-tab:after {
    content: "";
    position: absolute;
    height: 1px;
    border: solid 2px #5d9fd4;
    left: 2px;
    right: 2px;
    top: 7px;
}

.custom-nav-tab li a {
    background-color: #5d9fd4;
    width: 16px;
    height: 16px;
    border-radius: 100% !important;
    position: relative;
    display: block;
    padding: 0 !important;
    border: none !important;
    opacity: 1 !important;

}

.custom-nav-tab li a span {
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #171515;
    background-color: transparent;
    border: none;
    position: absolute;
    min-width: 150px;
    display: block;
    text-align: center;
    left: calc(50% - 75px);
    top: -34px;
}

.custom-nav-tab li a.active {
    background-color: #5d9fd4 !important;
    width: 24px;
    height: 24px;
    border-radius: 100% !important;
    display: block;
    padding: 0 !important;
    top: -4px;
}

.custom-nav-tab li a:hover {
    border: none !important;
    opacity: 1 !important;
    background-color: #5d9fd4 !important;
}

.custom-nav-tab li a.active span {
    font-size: 24px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.67;
    letter-spacing: normal;
    text-align: center;
    color: #5d9fd4;
}

.time-line-container {
    padding: 100px 0 40px 0;
}

.timeline-image-container {
    padding: 0 8px;
}

.time-line-image-wrap {
    display: flex;
    flex-wrap: wrap;
    margin-left: -8px;
    margin-right: -8px;
}

.time-line-image-wrap .img-wraper {
    width: 25%;
    padding: 8px;
}
.our-history-slider-tab .img-wraper{
    width: 100% !important;
    padding: 0 !important;
}

.time-line-image-wrap .img-wraper img {
    width: 100% !important;
    height: 100% !important;
}

.time-line-image-wrap .img-wraper:first-child {
    padding-left: 0;
}

.time-line-image-wrap .img-wraper:last-child {
    padding-right: 0;
}

.document-block {
    display: flex;
    align-items: center;
    min-height: 90px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    background-color: #ffffff;
    padding: 25px;
    margin-bottom: 6px;
}

.document-img {
    width: 63px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.document-details {
    width: calc(100% - 63px);
    display: flex;
    align-items: center;
}

.document-title {
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #171515;
}

.document-short-text {
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: #171515;
    margin-bottom: 0;
}

.document-img img {
    width: 33px;
}

.document-block-wrap {
    width: 50%;
    padding: 8px;
}

.document-block-container {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px;
}

.document-content-wraper {
    padding: 20px 0;
}

.links_proposals {
    margin-bottom: 56px;
}

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


.links_proposals ul li a, .links_proposals ul li span {
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    background-color: #ffffff;
    color: #000000;
    font-size: 24px;
    text-align: center;
    display: flex;
    height: 120px;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    margin: 24px 0px;
}

.links_proposals ul li a:hover,
.links_proposals ul li a.active, .links_proposals ul li span.active {
    background-color: #2a2a2c;
    color: #5d9fd4;
    text-decoration: none
}


.sub_links_proposals {
    position: relative
}

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

.sub_links_proposals ul li {
    display: inline-block;
    width: 31.75%;
    margin-right: 2%;
    vertical-align: top;
}

.sub_links_proposals ul li:last-child {
    margin-right: 0
}

.sub_links_proposals ul li a {
    color: #000000;
    font-size: 20px;
    text-align: center;
    display: flex;
    height: 80px;
    align-items: center;
    justify-content: center;
    margin: 40px 0px;
    border: solid 1px #000000;
    width: 100%;
    line-height: 24px;
}

.sub_links_proposals ul li a:hover,
.sub_links_proposals ul li a.active {
    /* text-decoration:none; */
    /* opacity: .8; */
    background-color: #2a2a2c;
    color: #5d9fd4;
    text-decoration: none;
    font-weight: 500;
}

.sub_links_proposals:before {
    content: "";
    position: absolute;
    width: 98%;
    height: 1px;
    background: #000;
    left: 1%;
}

.proposal_details h6 {
    margin-bottom: 24px;
}

.proposal_details p {
    margin-bottom: 24px;
}

.links_proposals-container {
    display: flex;
    align-items: center;
}

.links_proposals-container a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    font-size: 20px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000;
    height: 102px;
}

.links_proposals-container a i {
    margin-left: 15px;
}

.links_proposals-container a:nth-last-of-type(odd) {
    background-color: rgba(42, 42, 44, .1);
}

.links_proposals-container a:nth-last-of-type(even) {
    background-color: rgba(42, 42, 44, .2);
    /* opacity: 0.2; */
}

.links_proposals-container a:hover {
    text-decoration: none;
}

.sub_links_proposals.aligncenter {
    text-align: center;
    margin-bottom: 40px;
}

.sub_links_proposals.aligncenter:before {
    display: none
}

.big_text {
    max-width: 926px
}

.big_text p {
    font-size: 40px;
    line-height: 48px;
    font-weight: 400;
    margin-bottom: 50px;
}

.node_status {
    background-image: url(../png/cecamhomeproposalf1-copy-4-group-8%402x.png);
    background-repeat: no-repeat;
    background-size: 215px;
    background-position: right 20%;
}

.mb80 {
    margin-bottom: 80px
}

.mb40 {
    margin-bottom: 40px
}

.mb100 {
    margin-bottom: 100px
}

.nogap h6 {
    margin-bottom: 5px
}

.sub_links_proposals ul li.fullwidth {
    width: 100%;
}

.sub_links_proposals ul li.fullwidth a {
    font-size: 32px;
}

.sub_links_proposals h6 {
    padding-top: 39px;
}

.w140 {
    width: 140px;
    height: 140px;
}

.pt20 {
    padding-top: 20px
}

.pb60 {
    padding-bottom: 60px
}

.pb40 {
    padding-bottom: 40px
}

.nobg {
    background-image: none
}

/* governance pop-up */
.governance-pop-up {
    position: absolute;
    left: 0;
    right: 0;
    /* bottom: 0; */
    min-height: calc(150%);
    /*background-color: #5d9fd4;*/
    background-color: #ffffff;
    z-index: 10000;
    padding: 60px 0px;
    display: none;
    top: -111px;
    background-image: url(../png/background-sac2.png);
}

.workshop-class {
    background-image: url(../png/background-sac2.png);
 }
 .governance-pop-up-back-btn-black {
    color: #000;
}

.governance-pop-up.active {
    display: block;
}

.governance-pop-up-back-btn, .home-pop-up-back-btn {
    color: #fff;
}

.governance-pop-up-back-btn:hover, .home-pop-up-back-btn:hover {
    color: #f7f7f7;
}

.governance-pop-up-heading {
    font-size: 56px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #000000;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 0;
}

.governance-nav {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.governance-nav li {
    padding: 0 20px;
    order: 2;
}

.governance-nav li.active {
    padding-left: 0;
    order: 1;
}

.governance-nav li a {
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: normal;
    text-align: right;
    /*color: #ffffff;*/
    color: #000000;
    text-transform: uppercase;
}

.governance-nav li.active a {
    font-size: 32px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    /*color: #ffffff;*/
    color: #000000;
}

.governance-pop-up-nav-container {
    padding-top: 24px;
}

.governance-nav li a:hover {
    text-decoration: none;
}

.content-heading {
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    /*color: #ffffff;*/
    color: #000000;
}

.indv-img {
    width: 100px;
    height: 100px;
}

.indv-img>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.indiv-content-div {
    display: flex;
    flex-wrap: wrap;
}

.indv-content {
    width: calc(100% - 100px);
    padding: 10px 0 10px 10px;
    color: #fff;
}

.indv-content .indv-name {
    font-size: 16px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    /*color: #ffffff;*/
    color: #000000;
    margin-bottom: 6px;
}

.indv-content .indv-desc {
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.29;
    letter-spacing: normal;
    /*color: #ffffff;*/
    color: #000000;
    margin-bottom: 6px;
}

.content-row {
    padding: 25px 0;
    /*border-bottom: 1px solid #fff;*/
    border-bottom: 1px solid #000;
}

.governance-pop-up-content-container {
    padding-top: 30px;
}

.label-text {
    font-size: 16px;
    font-weight: normal;
    font-style: italic;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    /*color: #ffffff;*/
    color: #000000;
    min-height: 16px;
}

.pt-48 {
    padding-top: 48px;
}

.pt-24 {
    padding-top: 24px;
}

.tab-content-item {
    display: none;
}

.tab-content-item.active {
    display: block;
}

.search-container {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.9);
    display: none;
}

.search-container.open {
    display: block;
}

.search-container .search-logo {
    max-width: 250px;
}

.search-container .search-inner {
    padding: 49px 20px;
    position: relative;
}

.search-input-container {
    max-width: 767px;
    margin: auto;
    margin-top: 50px;
}

.search-input-container .search-input-field {
    width: 100%;
    border: none;
    text-align: center;
    font-size: 33px;
    padding: 8px;
    border-bottom: 2px solid #f1f1f1;
    color: #5d9fd4;
    height: inherit;
    background-position: 20px center;
}

.search-input-container .search-input-field:focus {
    outline: none;
    border-bottom: 2px solid #5d9fd4;
}

.search-auto-complete-div ul {
    padding: 0;
    list-style: none;
}

.search-auto-complete-div ul li {
    font-size: 17px;
    padding: 10px 0;
}

.search-auto-complete-div ul li a {
    color: #000;
    display: block;

}

.search-auto-complete-div ul li a:hover {
    text-decoration: none;
}

.search-auto-complete-div {
    padding: 20px 15px 0px 15px;
    max-height: 450px;
    overflow-x: hidden;
    overflow-y: auto;
    display: none;
    background: #fff;
    box-shadow: 0 5px 15px #e2e2e2;
    border-radius: 0 0 5px 5px;
}

.search-auto-complete-div.open {
    display: block;
}

.home-page-heading {
    font-size: 72px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.19;
    letter-spacing: normal;
    color: #171515;
}

.home-heading-container {
    padding-right: 259px;
    max-width: 1200px;
    margin: auto;
    padding-top: 40px;
    padding-bottom: 20px;
    position: relative;
    margin-bottom: 30px;
}

.backgr-img-div {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url(../png/cecamhomeproposalf1-group-99%402x.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right center;
    /*opacity: 0.1;*/
}

.pt-40 {
    padding-top: 40px !important;
}

.home-banner-image-container img {
    width: 100%;
}

.home-banner-section {
    position: relative;
    padding-top: 13px;
}

.banner-top-bar {
    padding: 0;
    margin: 0;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    list-style: none;
    flex-direction: row-reverse;
}
.footer-bar {
    padding: 0;
    display: flex;
    left: 0;
    right: 0;
    list-style: none;
    flex-direction: row-reverse;
}

.banner-top-bar li, .footer-bar li {
    background: #666;
    height: 13px;
    /*flex-grow: 1;*/
}

.banner-top-bar li:nth-last-of-type(1), .footer-bar li:nth-last-of-type(1) {
    background-color: #273576;
    width: 11%;
}

.banner-top-bar li:nth-last-of-type(2), .footer-bar li:nth-last-of-type(2) {
    background-color: #030304;
    width: 22%;
}

.banner-top-bar li:nth-last-of-type(3), .footer-bar li:nth-last-of-type(3) {
    background-color: #5d9fd4;
    width: 25%;
}

.banner-top-bar li:nth-last-of-type(4), .footer-bar li:nth-last-of-type(4) {
    background-color: #e2041f;
    width: 42%;
}



/* Avoy  */
.homepopup{
    background-color: #5d9fd4;
    color: #FFF;
    position: fixed;
    padding: 50px 0px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 9999;
    display: none;
}
.homepopup.open{
    display: block;
}
.close_modal{
    position: absolute;
    right: 40px;
    top: 40px;
	z-index: 10000;
}
.close_modal i{
    color: #FFF;
    font-size: 40px;
}
.modal_header{display:flex;align-items: center;justify-content: space-between;margin-bottom: 50px;}
.modal_header h1{color:#FFF}
.modal_header span{
    font-size: 32px;
    font-weight: 500;
}
.modal_header span.top_title{
    font-size: 56px;
    font-weight: 500;
}
.popup_button_div{}
.popup_button_div a.apply_button{font-size: 28px;color:#fff;border: solid 1px #ffffff;height: 80px;width: 273px;margin-right: 32px;display: inline-block;line-height: 80px;text-align: center;text-decoration: none;}
.popup_button_div a.apply_button:hover{
    text-decoration: none;
    background: #FFF;
    color: #000;
}
.homepopup h1{color:#FFF}
.date_pop{font-size:24px; font-weight:500; display:block; padding-bottom:20px}
.homepopup h6{padding-bottom:20px;font-weight: 500;font-size: 24px;}
.homepopup .career_details .content_holder{    max-width: calc(100% - 580px);}
.homepopup .career_details{padding: 0px 54px;position: relative;}
.homepopup .career_details .image_holder{
    width: 520px;
    /*height: 600px;*/
    background-color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.homepopup .career_details .career_left{max-width:520px}

/*.homepopup .career_details:before {content:"";position:absolute;width: 396px;height: 52px;background-color: #ffffff;left: 0;top: -22px;}*/
.mb20{margin-bottom:20px}
.content_description a{color:#007bff;text-decoration:underline}
.homepopup b{font-weight:500;}

/*29_08_2019 */
.scroll-target-wrap>a {
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.3;
    letter-spacing: normal;
    color: #fff;
    max-width: 557px;
    padding: 40px 65px;
    background: #5d9fd4;

    /* transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; */
}

.scroll-target-wrap>a:hover {
    text-decoration: none;
    color: #000;
    background: #fff;
}

.scroll-target-wrap>a span b {
    position: relative;

}

.scroll-target-wrap>a span b:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 13px solid #5d9fd4;
    position: absolute;
    top: 6px;
    left: 0;
    display: none;

}

.banner-target-wrap {
    position: absolute;
    top: 13px;
    left: 0;
}

.scroll-target-wrap>a:hover span b {
    padding-left: 26px;
}

.scroll-target-wrap>a:hover span b:before {
    display: block;
}

.short-link {
    padding-left: 0;
    margin: 0;
    display: flex;
    justify-content: flex-end;
    list-style: none;
    background: #2a2a2c;
    position: relative;
}

.short-link li {
    max-width: 290px;
}

.short-link li .scroll-target-wrap a {
    display: block;
    padding: 32px;
    height: 100%;
}

.short-link li .scroll-target-wrap {
    height: 100%;
}

.short-link li .scroll-target-wrap a span {
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: #fff;
    display: block;
}

.short-link li .scroll-target-wrap a:hover span {
    color: #000;
}

.short-link li .scroll-target-wrap a span b {
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    display: block;
    margin-bottom: 12px;
    text-transform: uppercase;
}

.scroll-label-container {
    position: relative;
}

.scroll-label {
    transform: rotate(-270deg);
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #ffffff;
    margin: 0;
    position: absolute;
    /* right: 0; */
    z-index: 2;
    background: transparent;
    padding-right: 78px;
    text-transform: uppercase;
    right: -61px;
    bottom: 69px;
}

.scroll-label:after {
    content: "";
    width: 60px;
    height: 3px;
    background: #fff;
    position: absolute;
    right: 0;
    top: calc(50% - 2px);
}

/* news slider */
.news-slider-container {
    background: #2a2a2c;
    min-height: 250px;
    padding-bottom: 65px;
    position: relative;
}

.news-slider-container:after {
    content: "";
    height: 90px;
    background: #fff;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 0;

}

.news-slider-heading {
    font-size: 72px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.78;
    letter-spacing: normal;
    color: #ffffff;
    margin-top: 0;
    margin-bottom: 24px;
    text-transform: uppercase;
}

.news-slider-subheading {
    font-size: 32px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #ffffff;
}

.slider-image-container {
    height: auto;
    max-height: 714px;
    min-height: 330px;
    padding: 0 35px 0 60px;
    position: relative;
    background-image: url(../png/news-slider-image-bg.png);
    background-repeat: no-repeat;
    background-position: right 100px;
    background-size: 123px;
    width: auto;
    display: inline-block;
    /*overflow: hidden;*/
}

.slider-image-container:before {
    content: "";
    width: 80px;
    height: 376px;
    background-color: #5d9fd4;
    position: absolute;
    left: 0;
    top: 35px;
}

.slider-image-container:after {
    content: "";
    width: 85px;
    height: 128px;
    background-color: #5d9fd4;
    position: absolute;
    right: 0;
    bottom: 123px;
}

.slider-image-container img {
width: auto !important;
    height: auto;
    /* object-fit: cover;
    object-position: center; */
    max-width: 100% !important;
}

.z-index-3 {
    z-index: 3;
}

.slider-content-heading {
    font-size: 40px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: normal;
    color: #ffffff;
}

.slider-article {
    padding: 40px 14px 10px 54px;
}

.slider-article p {
    font-size: 20px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.3;
    letter-spacing: normal;
    color: #ffffff;
}

.news-slider-right-content-box {
    padding: 45px;
}

.news-slider-btn {
    width: 180px;
    height: 40px;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    /* color: #5d9fd4; */
    border: solid 1px #ffffff;
    background-color: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.news-slider-btn:hover {
    text-decoration: none;
    color: #fff;
}

.news-slider-btn.hover-effect:hover {
    color: #5d9fd4;
    background: #fff;
}

.news-slider-btn.seeall-btn {
    margin-left: 13px;
    width: 183px;
    height: 40px;
}

.news-slider .owl-nav {
    display: flex;
    justify-content: space-between;
    position: absolute;
    left: -25px;
    right: -25px;
    bottom: 85px;
}

.news-slider .owl-nav button {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    border: 2px solid #fff !important;
    color: #fff !important;
    font-size: 41px !important;
    line-height: 48px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.news-slider .owl-dots {
    position: absolute;
    z-index: 6;
    top: 0px;
    right: 0;
}

.news-slider .owl-dots button {
    width: 12px;
    height: 12px;
    /* opacity: 0; */
    border: solid 1px #ffffff;
    border-radius: 100%;
    display: block;
    margin-bottom: 12px;
}

.news-slider .owl-dots button.active {
    background: #ffffff;
}

/* .news-slider-wrap {
    padding-top: 50px;
} */
.news-slider-wrap .news-slider-subheading{
    padding-bottom: 50px;
}

/* collapse section */
.collapse-item-container {
    display: flex;
    height: 620px;

}

.collapse-item-container .vertical-collapse-item {
    width: 117px;
    height: 100%;
    background-size: cover;
    background-position: center;
    position: relative;
    margin-left: 15px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
}

.collapse-item-container .vertical-collapse-item:first-child {
    margin-left: 0;
}

.collapse-item-container .vertical-collapse-item.active {
    flex-grow: 1;
}

.collapse-item-container .vertical-collapse-item .body-link {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.4);
    display: none;
}

.collapse-item-container .vertical-collapse-item.active .body-link {
    display: block;
}

.vertical-collapse-section {
    padding-top: 80px;
}

.collapse-item-container .vertical-collapse-item .collapse-heading-container {
    display: inline-block;
    width: 34px;
    white-space: nowrap;
    margin: 0;
    padding: 0;
}

.collapse-item-container .vertical-collapse-item.active .collapse-heading-container {
    position: absolute;
    z-index: 2;
    top: -35px;
    right: 50px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

.collapse-item-container .vertical-collapse-item .collapse-overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.4);
    cursor: pointer;
}

.collapse-item-container .vertical-collapse-item.active .collapse-overlay {
    display: none;
}

.collapse-item-container .vertical-collapse-item .collapse-heading-container .collapse-panel-heading {
    display: block;
    margin: 0;
    position: absolute;
    top: -48px;
    left: 50%;
    height: 34px;
    line-height: 32px;
    padding: 0;
    transform-origin: top left;
    transform: rotate(-90deg) translate(-100%, -50%);
    font-size: 40px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
}

.collapse-item-container .vertical-collapse-item.active .collapse-heading-container .collapse-panel-heading {
    transform: rotate(0deg);
    text-align: right;
    -webkit-transform: rotate(0deg) translate(0%, 0%);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    left: auto;
    right: 0;
    top: 0;
}

.collapse-item-container .vertical-collapse-item.active .collapse-panel-heading {
    font-size: 72px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #000000;
}

.collapse-item-container .vertical-collapse-item.active .collapse-panel-content-container {
    padding: 40px 50px;
    background: rgba(255, 255, 255, 0.8);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}

.collapse-item-container .vertical-collapse-item .collapse-panel-content-container .collapse-content-text {
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: normal;
    color: #000000;
}

.collapse-content-text.next-event a, .collapse-content-text.next-workshop a, .collapse-content-text.next-school a, .collapse-content-text.next-conference a {
    color: #000
}

.collapse-item-container .vertical-collapse-item .collapse-panel-content-container .collapse-panel-link {
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
    width: 220px;
    height: 47.1px;
    border: solid 1px #000000;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.collapse-item-container .vertical-collapse-item .collapse-panel-content-container .collapse-panel-link:hover {
    text-decoration: none;
}

.height-100 {
    height: 100%;
}

.collapse-item-container .vertical-collapse-item .collapse-panel-content-container {
    display: none;
}

.collapse-item-container .vertical-collapse-item.active .collapse-panel-content-container {
    display: block;
}


/* home about */
.home-about-section {
    padding-top: 80px;
    background-image: url(../png/news-slider-image-bg.png);
    background-repeat: no-repeat;
    background-size: 118px;
    background-position: left center;
}
.home-about-inner {
    display: flex;
    flex-wrap: wrap;
}

.home-about-inner .panel-left {
    width: 45%;
}

.home-about-inner .panel-middle {
    width: 10%;
}

.home-about-inner .panel-right {
    width: 45%;
    padding: 0 45px;
}
.home-about-right-img-container img{
    width: 100%;height: auto;
}
.home-about-right-img-container-nodes img{
    width: 100%;height: auto;
}

.home-about-inner .panel-left .home-about-left-text-container {
    padding: 60px 0 0 25px;
}

.home-about-inner .panel-left .home-about-left-text-container .left-article-heading {
    font-size: 40px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: normal;
    color: #000000;
    margin-bottom:40px;
}

.home-about-inner .panel-left .home-about-left-text-container .left-panel-article {
    padding-left: 55px;
    padding-bottom: 40px;
    font-size: 20px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.3;
    letter-spacing: normal;
    color: #000000;
    margin-bottom: 0;
}

.article-read-more-btn {
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
    width: 212px;
    height: 54px;
    border: solid 1px #000000;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.article-read-more-btn:hover {
    text-decoration: none;
    color: #000000;
}
.other-activity-slider-section .news-slider .owl-dots{
display: none;
}
.other-activity-slider-section  .news-slider-wrap {
    padding-top: 30px;
}
.other-activity-slider-section{
    padding:129px 0 110px 0;
}
.other-activity-slider-section:after{
    display: none;
}
.other-activity-slider-section .other-activity-image-wraper .slider-image-container{
    background-image: none;
}
.other-activity-slider-section .other-activity-image-wraper{

        background-image: url(../png/news-slider-image-bg.png);
        background-repeat: no-repeat;
        background-position: right 100px;
        background-size: 150px;
        padding-right: 60px;
        padding-left: 60px;
        min-height: 380px;
}
.other-activity-slider-section  .news-slider-right-content-box {
    padding: 45px;
    padding-left: 0;
}
.other-activity-slider-section  .news-slider .owl-nav {
   
    position: static;
}
.other-activity-slider-section  .news-slider .owl-nav button.owl-prev{
    position: absolute;
    left: -25px;
   top: 115px;
}
.other-activity-slider-section  .news-slider .owl-nav button.owl-next{
    position: absolute;
    right: -25px;
    bottom: 115px;
}
.other-activity-slider-section .news-slider-btn.seeall-btn {
    width: 285px;
}
html{
    scroll-behavior: smooth ;
  }

  /* index footer */
  .footer-inner{
      display: flex;
      min-height: 590px;

  }
  .footer-inner .footer-left{
      width: 50%;
  }
  .footer-inner .footer-left .map-container{
      width: 100%;
      height: 100%;
  }
  .footer-inner .footer-left .map-container img{
    width: 100%;
    height: 100%;
}
.footer-inner .footer-right{
   padding:70px 15px 15px 95px;
}
.footer-inner .footer-right .footer_div{
    margin-bottom:35px;
}
.footer-inner .footer-right .footer_div.customf i {
    vertical-align: top;
}
.footer-inner .footer-right .social_links ul li img {
    max-width: 45px;
}
.footer-inner .footer-right .social_links ul li {
    padding: 3px 0px;
    display: inline-block;
    margin: 0 15px;
}
.home-about-right-img-container .banner-top-bar{
display: none;
}
.home-about-right-img-container {
    position: relative;
}
.home-about-right-img-container:before{
    content:"";
    width: 0px;
    height: 0px;
    background: #fff;
    position: absolute;
    right: 0;
    top:0;
}
.home-about-right-img-container:after{
    content:"";
    width: 0px;
    height: 0px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom:0;
}
.home-about-right-img-container-nodes .banner-top-bar{
display: none;
}
.home-about-right-img-container-nodes {
    position: relative;
}
.home-about-right-img-container-nodes:before{
    content:"";
    width: 1px;
    height: 1px;
    background: #fff;
    position: absolute;
    right: 0;
    top:0;
}
.home-about-right-img-container-nodes:after{
    content:"";
    width: 1px;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom:0;
}
.pdf_viewer embed{width:100%;height:100%}
.orga_gudiline.shownow {
    display: block;
    position: absolute;
    width: 100%;
    z-index: 10;
    top: 0;
    height: 100%;
}
.list_of_nodes.shownow {
    display: block;
    position: absolute;
    width: 100%;
    z-index: 10;
    top: 0;
    height: 100%;
}
.search_box_i {
    position: relative;
}
.search_box_i button {
    position: absolute;
    right: -8px;
	    top: 0;
}
.search_box_i input[type="text"] {
    padding: 2px 35px 2px 10px;
}
.top_details{padding-bottom:40px}
.news_each_inner .content_holder h3{font-size:30px}
.all_news .news_each .content_holder.fullwidth{    width: 100%;padding-left:0}
.onlymobile{display:none}
.keyword-search{
    border-left: none;
    border-top: none;
    border-right: none;
}
.keyword-search:focus{
    outline:none;
}
.max-full-width{
    max-width:100% !important;
}

button {cursor: pointer !important;}
.owl-stage-outer{
    z-index: 2;
}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {
 
    z-index: 5;
}

.custom-tab{
    display:flex;
    width: 100%;
}
.custom-tab li{
    flex-grow:1;
    text-align: center;
}
.custom-tab li:nth-last-of-type(odd) a, .custom-tab li:nth-last-of-type(odd) a:hover, .custom-tab li:nth-last-of-type(odd) a.active{
     background: #bfbfbf !important;
}
.custom-tab li:nth-last-of-type(even) a, .custom-tab li:nth-last-of-type(even) a:hover, .custom-tab li:nth-last-of-type(even) a.active{
    background: #dddddd !important;
}
.custom-tab li a{
    position: relative;
    min-height: 25px;
    color: rgba(0, 0, 0, 1.0);
    font-weight: 100 !important;
    padding: 8px !important;
    font-size: 20px;
    opacity: 1 !important;
    border-radius:0 !important;
    -webkit-border-radius:0 !important;
    -moz-border-radius:0 !important;
    -ms-border-radius:0 !important;
    -o-border-radius:0 !important;
    border:0 !important;
    margin:0 !important;
}
.custom-tab li a:hover{
    background: initial !important;
    background-color: initial !important;
}

    #content {
      text-align: center;
      padding: 0 10px;
    }

    #content h4 {
      font-size: 24px;
      margin-top: 25px;
    }

    #content h5{
      font-size: 20px;
      font-weight: 400;
      margin-top: 20px;
      margin-bottom: 10px;
    }
    #content p{
      font-size: 14px;
    }

    #content .markerlinks{
      font-size: 20px;
      font-weight: 500;
      text-decoration: none;
      color: black;
    }

    .shownow{
        display: block;
    }
    .cecam-de-popup{
        margin-top: -80px;
    }
	
	
.full-page-loader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0,0,0,0.2);
    z-index: 23;
}
.full-page-loader > img{
    max-width: 100px;
    height: auto;
}

				 
					  
					   
	 

.loading {
    height: 0;
    width: 0;
    padding: 15px;
    border: 6px solid #38428c;
    border-right-color: #d6d7d8;
    border-radius: 22px;
    -webkit-animation: rotate 1s infinite linear;
    /* left, top and position just for the demo! */
    /* position: absolute;
    left: 50%;
    top: 50%; */
  }
  
  @-webkit-keyframes rotate {
    /* 100% keyframe for  clockwise. 
       use 0% instead for anticlockwise */
    100% {
      -webkit-transform: rotate(360deg);
    }
  }
  .content-loader{
      display: flex;
      align-items: center;
      justify-content: center;
      padding:15px;
}

.showff
{
    font-size: 14px;
}

.hideff
{
    display:none;
}
.slider_img_container img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.slider_img_container {
    width: 100%;
    height: 245px;
    overflow: hidden;
    background: #2a2a2c;
    cursor: pointer;
    padding: 15px;
}
.our-history-slider p{
    font-size: 14px;
	padding: 3px 15px;

}
.magnific img {
    padding: 8px 10px 8px 0;
}

.homepopup a {
    color: #FFF;
}
/*Bogdan*/
.sub_links_proposals2:before {
    content: "";
    position: absolute;
    width: 98%;
    height: 1px;
    background: #000;
    left: 1%;
}
.static {
    position:static;
    background:#2a2a2c;
}
.sub_links_invisible:before {
    content: "";
    position: absolute;
    width: 98%;
    height: 0px;
    background: #fff;
    left: 1%;
}
.button_calls{
    width:208px;
}
.news-call  .news-slider .owl-nav button.owl-prev{
    position: absolute;
    left: -25px;
    top: 10px;
}
.news-call  .news-slider .owl-nav button.owl-next{
    position: absolute;
    right: -25px;
    bottom: 0px;
    top: 10px;
}
.less_padding{
    padding-right:80px;
}

/*ecam style*/
.ecam-line:before {
    content: "";
    position: absolute;
    width: 98%;
    height: 1px;
    background: #f0c417;
    left: 1%;
}
.ecam_buttons {
    position: relative
}

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

.ecam_buttons ul li {
    display: inline-block;
    width: 23.0%;
    margin-right: 2%;
    vertical-align: top;
}

.ecam_buttons ul li:last-child {
    margin-right: 0
}

.ecam_buttons ul li a {
    color: #000000;
    font-size: 20px;
    text-align: center;
    display: flex;
    height: 80px;
    align-items: center;
    justify-content: center;
    margin: 40px 0px;
    border: solid 1px #000000;
    width: 100%;
    line-height: 24px;
}

.ecam_buttons ul li a:hover,
.ecam_buttons ul li a.active {
    /* text-decoration:none; */
    /* opacity: .8; */
    background-color: #f0c417;
    color: #5d9fd4;
    text-decoration: none;
    font-weight: 500;
    border: solid 1px #fff;
}

.ecam_buttons:before {
    content: "";
    position: absolute;
    width: 98%;
    height: 1px;
    background: #fff;
    left: 1%;
}
.container2, .containerpopup2 {
    max-width: 1260px;
    margin: auto;
    padding: 0;
    position: relative;
}
.ecam-padding{
    padding:100px 0 70px 0;
}


/*start menu styling*/
.dropbtn {
  background-color: #04AA6D;
  color: black;
  padding: 0px;
  font-size: 32px;
  border: none;
}


.dropdown {
  position: relative;
  display: inline-block;
}


.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 220px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 99999;
}


.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}


.dropdown-content a:hover {background-color: #ddd;}


.dropdown:hover .dropdown-content {display: block;}

.right-align {
    right:0;
}

.dropdown_menu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  perspective: 1000px;
  z-index: -1;
}
.dropdown_menu li {
  display: none;
  color: #fff;
  background-color: #f1f1f1;
  font-size: 20px;
  opacity: 0;
  min-width: 220px;
}
.dropdown_menu li:hover {
  background-color: #ddd;
}
.dropdown:hover .dropdown_menu--animated {
  display: block;
}
.dropdown_menu--animated {
  display: none;
}
.dropdown_menu--animated li {
  display: block;
  opacity: 1;
}

.dropdown_menu a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown_menu-4 .dropdown_item-1 {
  transform-origin: top center;
  animation: scaleZ 320ms 40ms ease-in-out forwards;
}
.dropdown_menu-4 .dropdown_item-2 {
  transform-origin: top center;
  animation: scaleZ 320ms 80ms ease-in-out forwards;
}
.dropdown_menu-4 .dropdown_item-3 {
  transform-origin: top center;
  animation: scaleZ 320ms 120ms ease-in-out forwards;
}
.dropdown_menu-4 .dropdown_item-4 {
  transform-origin: top center;
  animation: scaleZ 320ms 160ms ease-in-out forwards;
}
.dropdown_menu-4 .dropdown_item-5 {
  transform-origin: top center;
  animation: scaleZ 320ms 200ms ease-in-out forwards;
}

.dropdown_menu-4 .dropdown_item-6 {
  transform-origin: top center;
  animation: scaleZ 320ms 240ms ease-in-out forwards;
}

.dropdown_menu-4 .dropdown_item-7 {
  transform-origin: top center;
  animation: scaleZ 320ms 280ms ease-in-out forwards;
}

.dropdown_menu-4 .dropdown_item-8 {
  transform-origin: top center;
  animation: scaleZ 320ms 320ms ease-in-out forwards;
}

@-moz-keyframes scaleZ {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  80% {
    transform: scale(1.07);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-webkit-keyframes scaleZ {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  80% {
    transform: scale(1.07);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-o-keyframes scaleZ {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  80% {
    transform: scale(1.07);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes scaleZ {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  80% {
    transform: scale(1.07);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-moz-keyframes scaleZ {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  80% {
    transform: scale(1.07);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-webkit-keyframes scaleZ {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  80% {
    transform: scale(1.07);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-o-keyframes scaleZ {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  80% {
    transform: scale(1.07);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes scaleZ {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  80% {
    transform: scale(1.07);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/*end menu styling*/

.table-style1, .table-style2, .table-style3, .zebra {
	width: 100%;
	border-collapse: collapse;
}

.table-style1 tr:first-child td {
    background: #EEEEEE;
    border: 1px solid #DDDDDD;
    color: #000;
    font-size: 90%;
}

.table-style1 td {
    padding: 10px !important;
    vertical-align: top;
    border: 1px solid #DDD;
}

.booklet-button {
  background-color: #bfbfbf;
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}
.booklet-button:hover {
  background-color: #bfbfbf;
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}
.class-font-size-14{
    font-size: 14px;
}