@import url("fonts/fonts.css"); 

body{
    font-family: 'Berthold Akzidenz Grotesk BE Regular';
}
h1, h2, h3, h4, h5, h6, .header, .footer{
    font-family: 'DINCond Bold';
}
body a:hover{
    text-decoration: none;
}

.bg-red{
    background-color: #E30613;
    color: #fff;
}
.bg-red-button{
    border: 3px solid #E30613;
    color: #E30613;
    margin-top: 10px;
    margin-left: 50px;
}
.bg-red-lite{
    background-color: #E73B28;
}
.bg-red-tr{
    background-color: rgba(227, 6, 19, 0.7);
}
.bg-pink-lite{
    background-color: #FCD9CA;
}
.bg-blue{
    background-color: #283583;
}
.bg-blue-lite{
    background-color: #DBE2EE;
}
.bg-blue-lite2{
    background-color: #5B5B9E;
}
.bg-blue-tr{
    background-color: rgba(40, 53, 131, 0.7);
}
.bg-blue-lite{
    background-color: #D3D0E7;
}
.bg-green{
    background-color: #96C21E;
}
.bg-green-tr{
    background-color: rgba(150, 194, 30, 0.7);
}
.bg-green-dark{
    background-color: #969D1E;
}
.bg-grey{
    background-color: #706F6F;
}
.bg-grey-lite{
    background-color: #E5E5E5;
}
.bg-grey-lite2{
    background-color: #F7F7FB;
}
.bg-grey-lite3{
    background-color: #BEBEBD;
}
.bg-grey-lite4{
    background-color: #F2F2F2;
}
.bg-grey-lite5{
    background-color: #EFE8E7;
}
.bg-brown{
    background-color: #774542;
}
.bg-brown-lite{
    background-color: #EFE8E7;
}
.bg-brown-tr{
    background-color: rgba(119, 69, 66, 0.7);
}
.bg-purple{
    background-color: #4A2683;
}
.bg-purple-tr{
    background-color: rgba(74, 38, 131, 0.7);
}
.bg-purple-lite{
    background-color: #E9E7F4;
}

span.brown{
    color: #774542; 
    font-size: 24px;
}
span.green{
    color: #96C21E;
}
span.purple{
    color: #4A2683;
}

.page .content{
    font-family: 'DINCond Bold';
}
.page .content .tab-pane{
    padding: 40px 20px;
}
.page .content p{
    color: #706F6F;
    font-size: 21px;
}
.page .content .tab-pane p{
    color: #706F6F;
    font-size: 21px;
    margin-bottom: 30px;
}
.page .content .nav-tabs{
    border: none;
    padding: 40px 20px 0px 20px;
}
.page .content .nav-tabs p{
    padding: 0;
    font-size: 26px;
}
.page .content .nav-tabs li{
    border: none;
    padding-right: 40px;
    content: "\f45c";
}
.page .content .nav-tabs li a{
    padding: 0;
    font-size: 26px;
    content: "\f45c";
}
.page.brown .content .nav-tabs li a{
    color: #C2AAA5;
}
.page.brown .content .nav-tabs li a.active{
    border: none;
    color: #774542;
}
.page.green .content .nav-tabs li a{
    color: #b7cf76;
}
.page.green .content .nav-tabs li a.active{
    border: none;
    color: #7dc117;
}
.page.purple .content .nav-tabs li a{
    color: #B294E0;
}
.page.purple .content .nav-tabs li a.active{
    border: none;
    color: #4A2683;
}
.page .accordion{
    width: 100%;
}
.page .accordion .card{
    border: none;
    border-radius: 0;
    margin-bottom: 20px;
}
.page .card-header{
    border: none;
    border-radius: 0;
    position: relative;
}
.page.brown .card-header{
    background-color: #774542;
}
.page.green .card-header{
    background-color: #96C21E;
}
.page.purple .card-header{
    background-color: #4A2683;
}
.page .card-header i{
    position: absolute;
    right: 20px;
    color: #fff;
    font-size: 24px;
    top: calc(50% - 12px);
    cursor: pointer;
}
.page .card-body{
    color: #706F6F;
    font-size: 20px;
}
.page .card-body p{
    color: #706F6F;
    font-size: 20px;
}
.page .card-header .btn-link{
    font-size: 28px;
    color: #fff;
    text-decoration: none;
}

.h-220{
    height: 220px;
}
.hide{
    display: none;
}
.logo{
    width: 220px;
}
.content .card button{
    border: none;
    text-align: left;
    padding: 0;
    text-decoration: none;
}
.content .card button i.fa-minus{
    display: none;
}
.content .card button h2{
    color: #fff;
    text-decoration: none;
}
.header{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    transition: 0.5s ease all;
}
.change-language li a.active{
    color: #283583 !important;
    font-weight: bold;
}
.header .right-side{
    display: flex;
    justify-content: flex-end;
    margin-bottom: 8px;
    margin-top: 8px;
    margin-right: 15px;
}
.header .right{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
}
.header .right-side a{
    color: #fff;
    margin-right: 4px;
    line-height: 40px;
    font-size: 14px;
    font-weight: bold;
}
.header .right-side a.active{
    color: #F29068;
}
.header .right-side a:nth-child(3){
    margin-right: 0px;
}
.header .right-side p{
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 40px;
    margin-bottom: 0px;
}
.header .right-side i{
    max-height: 35px;
    font-size: 40px;
    color: #fff;
    margin-left: 20px;
}
.header .right-side img{
    margin-left: 15px;
    max-height: 40px;
}
.header .right-side .navbar-toggler{
    border: none;
    padding: 0;
}
.navbar-collapse{
    height: 100%;  
    opacity: 0;
    transition: 0.5s ease-in-out all;
}
.navbar-collapse .container-fluid{
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
}
.navbar-collapse img.link{
    max-width: 12px;
}
.navbar-collapse a{
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}
.navbar-collapse a span{
    font-weight: initial;
    background-color: #FECCCD;
}
.header.header-opened {
    transition: 0.25s ease-in-out all;
}
.header.header-opened .navbar-collapse {
    opacity: 1;
}


.banner{
    height: 100vh;
    position: relative;
}
.banner .banner-content{
    padding: 60px 20px 20px 20px;
}
.banner .reports-content{
    width: 100%;
    float: left;
    padding: 60px 15px;
}
.banner .reports-content img{
    width: 50%;
    float: left;
}
.banner .scroll-section{
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.banner .scroll-section img{
    width: 110px;
}
.banner .banner-content h2{
    color:#706F6F;
    font-size: 2.5rem;
    line-height: 2.5rem;
}
.banner .banner-content h1{
    color:#E30613;
    font-size: 3.5rem;
    line-height: 2.5rem;
}
.banner .banner-content h4{
    color: #E30613;
}
.banner .banner-content .year{
    background-color: #E30613;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    padding: 15px 10px;
    position: absolute;
    top: 0;
    right: 0;
}
.banner .banner_image{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.banner .page-social{
    position: absolute;
    top: 35%;
    right: 0;
    z-index: 99;
}
.banner .page-social .icon{
    width: 40px;
    height: 40px;
    text-align: center;
}
.banner .page-social .icon.icon-1{
    background-color: #009FE3;
}
.banner .page-social .icon.icon-2{
    background-color: #4991CD;
}
.banner .page-social .icon.icon-3{
    background-color: #E30613;  
}
.page-social .a2a_kit{
    max-width: 35px;
}
.page-social .a2a_kit > a{
    padding: 0;
    width: 35px;
}
.page-social .a2a_kit > a span.a2a_svg{
    width: 35px;
    border-radius: 0px;
}
.banner .page-social i{
    color: #fff;
    font-size: 22px;
    line-height: 40px;
}
.banner .container-fluid{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.organigram .organigram-fore{
    min-height: 500px;
    background-position: 30% 30%;
    background-size: cover;
    background-repeat: no-repeat;
}
.organigram .foreword-1{
    background-image: url('/images/home/8e4ae377baf4426c_800x800ar.jpg');
}
.organigram .foreword-2{
    background-image: url('/images/home/ulrich_paetzold.jpg');
}
.organigram .organigram-cont{
    padding: 80px 50px 150px 50px;
}
.organigram .organigram-cont h2{
    color: #fff;
    font-size: 3.5rem;
    font-weight: bold;
}
.organigram .organigram-cont h3{
    font-size: 2.5rem;
    margin-bottom: 30px;
    color: #283583;
}
.organigram .organigram-cont img{
    width: 50px;
}
.foreword-content h3{
    margin-bottom: 20px;
    color: #fff;
}
.foreword-video{
    display: flex;
    height: auto;
}
.foreword-video .foreword-button button{
    margin: 0;
    padding: 0;
    border: 0;
    height: 100%;
}
.foreword-video .foreword-button button img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.foreword-video .foreword-person{
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px 0px 10px 20px;
}
.foreword-video .foreword-person .name{
    color: #E30613;
}
.foreword-video .foreword-person .function{
    color: #706F6F;
    font-size: 18px;
}
.foreword-video .foreword-button{
    width: 20%;
}
.foreword-video .foreword-person p{
    margin-bottom: 0px;
}
.foreword-content{
    position: absolute;
    left: 40px;
    right: 40px;
    bottom: 40px;
}
.modal .modal-title{
    color: #E30613;
    line-height: 1;
}
.modal .modal-header{
    border-bottom: 0;
    padding-bottom: 0;
}
.modal .modal-title span{
    color: #706F6F;
    font-size: 18px;
}

.boxes .box-cont{
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 200px;
}
.boxes{
    font-family: 'DINCond Bold';
}
.boxes p{
    margin-bottom: 0;
}
.font-big{
    color: #fff;
    font-size: 64px;
    line-height: 1;
}
.font-small-1{
    text-align: center;
    color: #fff;
    font-size: 20px;
    line-height: 1;
    margin-bottom: 5px !important;
}
.font-small-2{
    color: #fff;
    font-size: 18px;
    line-height: 1;
}
.font-small-3{
    color: #fff;
    font-size: 18px;
    line-height: 1;
    text-lign: center;
}
.percentage-1 .perc1{
    color: #fff;
    font-size: 38px;
    text-align: center;
}
.percentage-2 .perc1{
    text-align: center;
    color: #fff;
    font-size: 46px;
}

.articles .article-img{
    height: 440px;
    width: 100%;
    object-fit: cover;
}
.articles a{
    text-decoration: none;
    color: #fff;
}
.articles h2{
    margin-bottom: 15px;
    font-size: 60px;
}
.articles .article-link{
    width: 40px;
}

.articles.articles-small h2{
    font-size: 34px;
    margin-bottom: 20px;
}
.articles.articles-small .article-img{
    height: 100%;
}

.members{
    font-family: 'DINCond Bold';
    height: 500px;
}
.members #membersTab{
    border: none;
}
.members .nav-item{
    width: 100%;
}
.members .nav-item a{
    font-size: 50px;
    line-height: 1;
    border: none;
    padding-left: 0;
    padding-right: 0;
    transition: 0.5s ease all;
}
.members .nav-item a:hover{
    border: none;
}
.members .nav-item a.active{
    border: none;
    background: transparent;
    color: #E30613 !important;
}
.all_members{
    text-decoration: none;
    color: #E30613;
}

.col2, .col3, .col4{
    flex-direction: column;
    justify-content: flex-end;
}
.footer .footer-logo{

}
.footer .footer-down{
    width: 40px;
}
.footer .rcol{
    height: 100%;
}
.footer .rcol p{
    margin-bottom: 5px;
    line-height: 1.2;
    color: #fff;
    font-size: 18px;
}
.footer .rcol a{
    text-decoration: none;
    color: #fff;
}
.footer ul{
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
}
.footer .row1{
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}
.footer ul li{
    float: left;
}
.footer ul li.soc{
    width: 45px;
    height: 45px;
    text-align: center;
}
.footer ul li.soc i{
    line-height: 45px;
    font-size: 26px;
}
.footer ul li.soc.twit{
    background-color: #009FE3;
}
.footer ul li.soc.lnk{
    background-color: #4991CD;
}
.footer ul li.soc.yout{
    background-color: #E8442D;
}
.footer .col2 p{
    margin-bottom: 15px;
}
.footer .col3 p{
    margin-bottom: 20px;
}
.footer .col4 ul{
    margin-bottom: 40px;
}
.footer .col4 ul li{
    margin-right: 5px;
}
.footer .col4 ul li a{
    font-size: 18px;
}
.footer .col4 ul li.active a{
    color: #BCBCBC;
}
.footer .footer-lang{
    width: 40px;
}

.slider-item .item-image{
    height: 250px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 25px;
}
.slick-prev:before{
    content: '\f053';
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    color: #000;
    font-size: 34px;
}
.slick-next:before{
    content: '\f054';
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    color: #000;
    font-size: 34px;
}
.slick-next{
    right: 15px;
    z-index: 3;
    top: 49%;
}
.slick-prev{
    left: 15px;
    z-index: 3;
    top: 49%;
}
#federations-tab{
    color: #2F2F50;
}
#partnerships-tab{
    color: #6565A4;
}
#campaigns-tab{
    color: #918DBE;
}

#foreword .banner .scroll-section{
    justify-content: flex-end;
    padding-bottom: 20px;
}
.foreword-row-banner{
    padding-bottom: 200px;
}
#foreword .foreword-video .foreword-person{
    padding-right: 40px;
}
#foreword .banner .foreword-video{
    font-family: 'DINCond Bold';
    position: absolute;
    bottom: 50%;
}
#foreword .foreword-person .function{
    line-height: 20px;
}
.foreword-banner-title{
}
.foreword-banner-title h3{
    color: #fff;
}
.foreword-banner-title h2{
    color: #fff;
    font-size: 2.5rem;
}
#foreword .content .text-star{ 
    margin-top: -150px;
}
#foreword .text-star p{
    color: #E30613 !important;
    font-size: 24px !important;
    font-weight: bold;
    font-style: italic;
}
#foreword .content .red{
    color: #E30613;
    font-size: 22px;
}
#foreword .content p{
    color: #706F6F;
    font-size: 18px;
}
.page .next-page, .page .prev-page{
    display: flex;
    align-items: center;
}
.page .page-arrow{
    position: absolute;
    top: 0;
}
.page .page-arrow i{
    color: #706F6F;
    font-size: 32px;
}
.page .prev-page .page-arrow{
    right: 0%;
}
.page .next-page .page-arrow{
    left: 0%;
}
.page .next-page{
    justify-content: flex-end;
}
.page .prev-page{
    justify-content: flex-start;
}
.page .prev-page .page-name{
    padding-left: 15px;
    width: 49%;
}
.page .next-page .page-name{
    padding-right: 15px;
    width: 49%;
}
p.text-green{
    color: #96C21E !important;
    font-size: 24px !important;
    margin-bottom: 0 !important;
}
p.text-purple{
    color: #4A2683 !important;
    font-size: 24px !important;
    margin-bottom: 0 !important;
}
p.text-brown{
    font-size: 24px !important;
    color: #774542 !important;
    margin-bottom: 0 !important;
}
p.text-red{
    font-size: 24px !important;
    color: #E30613 !important;
    margin-bottom: 0 !important;
}
a.text-red{
    color: #E30613;
    font-size: 24px;
}
span.text-red{
    color: #E30613;
}
.person-text p.text-brown{
    font-weight: bold !important;
    font-size: 26px !important;
}
.page a{
    text-decoration: none;
}
.page .page-img{
    width: 226px;
    height: 226px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.page .page-img p{
    color: #fff;
    font-family: 'DINCond Bold';
    font-size: 32px;
}
.page .page-img img{
    object-fit: cover;
    height: 226px;
    width: 226px;
}
.page .page-name p{
    margin-bottom: 0;
}
.page .page-name .p1{
    font-size: 30px;
    margin-bottom: 20px;
    color: #706F6F;
}
.page .page-name .p2{
    color: #E30613;
    margin-bottom: 5px;
}
.page-navigation a .page-name p{
    color: #706F6F;
    font-family: 'DINCond Bold';
    font-size: 20px;
    line-height: 1;
}

.h-400{
    height: 400px;
}
#organigram .banner .scroll-section{
    justify-content: flex-end;
}
#organigram .org-bann{
    display: flex;
    align-items: center;
    justify-content: center;
}
#organigram .org-bann h2{
    color: #fff;
    font-size: 60px;
    line-height: 1;
} 
#organigram .org-bann h2 span{
    font-size: 46px;
}
#organigram .org-bann .share-page{
    position: absolute;
    bottom: 20px;
    right: 30px;
    font-family: 'DINCond Bold';
}
#organigram .org-bann .share-page a{
    font-size: 24px;
    color: #fff;
    text-decoration: none;
}

.members .slider-text{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
}
.members .slider-text h2{
    color: #fff;
    font-size: 52px;
}
.members .slider-text h4{
    color: #fff;
}
.fiec-slider .slider-text{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: 40%;
}
.fiec-slider .slider-text h2{
    color: #fff;
    font-size: 52px;
}
#organigram .slider-item .item-image{
    padding: 0px;
}
#organigram .slider-item .item-image img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
#organigram .slider-item .item-image.text-right{
    align-items: flex-end;
}
#organigram .slider-item .item-image.text-left{
    align-items: flex-start;
}
.slider-item .item-image h4{
    color: #fff;
    margin-bottom: 0;
}
.slider-item .item-image p{
    color: #fff;
    font-size: 18;
}
.slider-item .overlay{
    position: absolute;
    opacity:0;
    transition: 0.5s ease all;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.slider-item .item-image:hover > .overlay{
    opacity: 1;
    transition: 0.5s ease all;
}
#organigram .slick-prev:before{
    color: #fff;
    opacity: 1;
}
#organigram .slick-next:before{
    color: #fff;
    opacity: 1;
}
#organigram .members{
    height: initial;
}
.members .headi{
    height: 130px;
    /* margin-top: 15px; */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
.members .headi h4{
    color: #fff;
    font-size: 1.3rem;
}
.members .headi p{
    color: #fff;
    font-size: 18px;
}
.members .bodyi img{
    height: 230px;
    width: 100%;
    object-fit: cover;
}
.members .bottomi{
    display: flex;
    height: 260px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
.members .bottomi h4{
    color: #fff;
    margin-bottom: 0;
}
.members .bottomi p{
    color: #fff;
    font-size: 18px;
}
.members .contractor h4{
    color: #fff;
}
.members .contractor{
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}
.contractors .headi{
    height: 100%;
    align-items: flex-end;
}
img.fit-190{
    height: 300px;
    width: 100%;
    object-fit: cover;
}

.person-fixed .person{
    display: flex;
    height: 200px;
}
.person-fixed .person img.person-img{
    height: 200px;
}
.person-fixed .person h4{
    color: #fff;
}
.person-fixed .person p{
    color: #fff;
}
.person-text{
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
.art-title{
    font-family: initial;
}
.art-title h3{
    font-size: 36px;
}
.art-title h4{
    font-size: 30px;
    margin-bottom: 20px;
}
.art-title h3, .art-title h4{
    color: #fff;
}
.art-title a{
    text-decoration: none;
    color: #fff;
}
.art-text{
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
.art-text .icon{
    display: flex;
    flex-direction: row;
}
.art-text .icon i{
    color: #fff;
    width: 45px;
    height: 45px;
    font-size: 26px;
    background-color: #009FE3;
    text-align: center;
    line-height: 45px;
    margin-right: 15px;
}
.art-text img{
    height: 350px;
    width: 100%;
    object-fit: cover;
    margin-bottom: 10px;
}
.art-text p{
    line-height: 1 !important;
}
.under-img{
    display: flex;
    flex-direction: row;
}
.under-img i{
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #E30613;
    text-align: center;
    font-size: 30px;
    margin-right: 10px;
}
span.text-grey{
    color: #706F6F !important;
    font-size: 18px !important;
}
    
.no-gutter {
    padding-right:0;
    padding-left:0;
}
.person .person-info{
    width: 100%;
}
#organigram.members .org-bann{
    justify-content: flex-start;
} 
#organigram.members .slider-item .item-image {
    height: 200px;
    width: 50%;
    float: left;
}
#organigram.members .slider-item .item-image.single{
    float: initial;
}
#organigram.members .slider-item .item-image img{
    height: initial;
    max-width: 90%;
}
#organigram.members .slick-prev:before{
    color: #000;
}
#organigram.members .slick-next:before{
    color: #000;
}
#organigram .slide-middle{
    justify-content: center;
    align-items: center;
    display: flex;
}
#organigram .slide-middle h2{
    color: #fff;
    font-size: 52px;
}
.timeline .timeline-header h2{
    font-size: 58px;
    color: #283583;
}
.simply-slide .slider-item{
    height: auto;
}
.simply-slide .slider-item .content-1{
    border-left: 2px solid #E30613;
    border-bottom: 4px solid #E30613;
    border-right: 2px solid #E30613;
    min-height: 720px;
    padding-top: 15px;
    position: relative;
}
.image-tool{
    position: relative;
}
.image-tool p{
    position: absolute;
    display: none;
    transition: 0.5s ease all;
}
.image-tool .dot{
    position: absolute;
}
.image-tool .dot i{
    color: #fff;
    cursor: pointer;
}
.image-tool .dot1{
    left: 3%;
    top: 45%;
}
.image-tool .dot2{
    left: 13%;
    top: 55%;
}
.image-tool .dot3{
    left: 19%;
    top: 40%;
}
.image-tool .dot4{
    left: 25%;
    top: 43%;
}
.image-tool .dot5{
    left: 33%;
    top: 50%;
}
.image-tool .dot6{
    left: 41%;
    top: 56%;
}
.image-tool .dot7{
    left: 50%;
    top: 50%;
}
.image-tool .dot8{
    left: 56%;
    top: 54%;
}
.image-tool .dot9{
    left: 67%;
    top: 52%;
}
.image-tool .dot10{
    left: 75%;
    top: 55%;
}
.image-tool .dot11{
    left: 84%;
    top: 51%;
}
.image-tool .dot12{
    left: 93%;
    top: 53%;
}
.image-tool p.show{
    display: block;
    color: #000 !important;
    background: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    z-index: 3;
}
.simply-slide .slider-item .content-1 .month-tag{
    position: absolute;
    top: -0;
    left: -75px;
    background: #E30613;
    width: 150px;
    text-align: center;
    height: 70px;
}
.simply-slide .slider-item .content-1 .container-fluid {
margin-top: 60px;
}
.simply-slide .slider-item .content-1 .mb-0{
font-size: 18px;
font-weight: bold;
background-color: #774542;
color: #fff;
padding: 10px;
margin-bottom: 20px;
}

.simply-slide .slider-item .content-2 .mb-0{
font-size: 18px;
font-weight: bold;
background-color: #774542;
color: #fff;
padding: 10px;
margin-bottom: 20px;
}

.simply-slide .slider-item .content-1 .month-tag p{
    color: #fff;
    padding: 5px 5px;
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 0;
}
.simply-slide .content-1 .nav-tabs li{
    width: 100%;
    color: #E30613;
    font-size: 20px;
    line-height: 1;
    border: none;
    border-radius: 0;
}

.simply-slide .content-1 .nav-tabs li p{
    width: 100%;
    color: #E30613;
    font-size: 20px;
    line-height: 1;
    border: none;
    border-radius: 0;
}

.simply-slide .content-2 .nav-tabs li{
    width: 100%;
    color: #E30613;
    font-size: 20px;
    line-height: 1;
    border: none;
    border-radius: 0;
}

.simply-slide .content-2 .nav-tabs li p{
    width: 100%;
    color: #E30613;
    font-size: 20px;
    line-height: 1;
    border: none;
    border-radius: 0;
}

.simply-slide .content-1 .nav-tabs li a{
    color: #E30613;
    font-size: 20px;
    line-height: 1;
    border: none;
    border-radius: 0;
}
.simply-slide .content-2{
    overflow: auto;
}
.simply-slide .content-2 .border2{
    border-left: 5px solid #E30613;
}
.simply-slide .content-2 ul{
    border: none;
    border-radius: 0;
}
.simply-slide .content-2 ul li a{
    color: #E30613;
    font-size: 20px;
    line-height: 1;
    border: none;
    border-radius: 0;
}
.simply-slide .content-2 ul li a.active{
    color: #fff;
    background: #E30613;
    font-weight: bold; 
}
.simply-slide .content-1 p, .simply-slide .content-2 p{
    color: #E30613;
    font-size: 20px;
    padding-left: 1rem;
    line-height: 1;
}
.simply-slide .content-1 .inside-month{
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    text-align: left;
}
.simply-slide .content-1 .nav-tabs{
    border: none;
}
.simply-slide .content-1 .inside-month .tab-pane{
    border: 10px solid #E30613;
}

.simply-slide .content-1 .nav-tabs li a.active{
    color: #fff;
    background: #E30613;
    font-weight: bold;    
}
.timeline-header .nav-tabs{
    border: none;
    border-radius: 0;

}
.timeline-header .nav-tabs li a{
    border: none;
    color: #fff;
    background: #E30613;
    border-radius: 0;
    font-size: 14px;
    font-family: 'DINCond Bold';
    margin-right: 15px;
    padding: 5px 20px 5px 10px;
}
.simply-slide .slick-next{
    top: -80px;
    right: 10%;
}
.simply-slide .slick-prev{
    top: -80px;
    right: 20%;
    left: initial;
}
.simply-slide .slick-prev:before{
    color: #E30613;
}
.simply-slide .slick-next:before{
    color: #E30613;
}

.brown .simply-slide .slick-next:before{
    color: #774542 !important;
}
.brown .simply-slide .slick-prev:before{
    color: #774542 !important;
}

.purple .simply-slide .slick-next:before{
    color: #4A2683 !important;
}
.purple .simply-slide .slick-prev:before{
    color: #4A2683 !important;
}

.green .simply-slide .slick-next:before{
    color: #96C21E !important;
}
.green .simply-slide .slick-prev:before{
    color: #96C21E !important;
}

span.text-brown{
    color: #774542;
}
span.text-purple{
    color: #4A2683;
}
span.text-green{
    color: #96C21E;
}

.brown .simply-slide .content-1 p, .simply-slide .content-2 p{
    color: #774542;
}
.brown .simply-slide .content-1 .nav-tabs li a{
    color: #774542;
}
.brown .simply-slide .content-1 .nav-tabs li a.active{
    color: #fff;
    background: #774542;
}
.brown .simply-slide .content-1 .inside-month .tab-pane{
    border-color: #774542;
}
.brown .simply-slide .slider-item .content-1{
    border-left-color: #774542;
    border-right-color: #774542;
}

.green .simply-slide .content-1 p, .simply-slide .content-2 p{
    color: #96C21E;
}
.green .simply-slide .content-1 .nav-tabs li a{
    color: #96C21E;
}
.green .simply-slide .content-1 .nav-tabs li a.active{
    color: #fff;
    background: #96C21E;
}
.green .simply-slide .content-1 .inside-month .tab-pane{
    border-color: #96C21E;
}
.green .simply-slide .slider-item .content-1{
    border-left-color: #96C21E;
    border-right-color: #96C21E;
}

.purple .simply-slide .content-1 p, .simply-slide .content-2 p{
    color: #4A2683;
}
.purple .simply-slide .content-1 .nav-tabs li a{
    color: #4A2683;
}
.purple .simply-slide .content-1 .nav-tabs li a.active{
    color: #fff;
    background: #4A2683;
}
.purple .simply-slide .content-1 .inside-month .tab-pane{
    border-color: #4A2683;
}
.purple .simply-slide .slider-item .content-1{
    border-left-color: #4A2683;
    border-right-color: #4A2683;
}

.change-language{
    list-style-type: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
}

.change-language li{
    margin-right: 10px;
}

.change-language li a{
    color: #E30613 !important;
    font-size: 20px;
    cursor: pointer;
}

.change-language li a.active{
    color: #283583;
}

@media( max-width: 991px ){
    .organigram .organigram-fore{
        height: 500px;
    }
    .organigram .organigram-cont{
        padding: 50px;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .articles h2{
        font-size: 40px;
    }
    #membersTabContent .slider-item .item-image{
        padding: 0px;
    }
    .members .nav-item a{
        font-size: 42px;
    }
    #membersTabContent .slider-item .item-image{
        height: 200px;
    }
    .members{
        height: initial;
    }
    .members .contractor h4{
        font-size: 1rem;
    }
}

@media ( max-width: 768px ){
    .simply-slide .slider-item .content-1 .month-tag{
        left: calc(50% - 75px);
    }
    .simply-slide .content-1 .inside-month{
        align-items: center;
        justify-content: center;
    }
    .simply-slide .content-2 .border2{
        border: none;
    }
    .simply-slide .slider-item .content-1{
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }
    .simply-slide .slider-item .content-1 .month-tag{
        bottom: -30px;
    }
    .header{
        -webkit-box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.49);
        -moz-box-shadow:    0px 3px 5px rgba(100, 100, 100, 0.49);
        box-shadow:         0px 3px 5px rgba(100, 100, 100, 0.49);
    }
    .timeline .timeline-header h2{
        width: 50%;
    }
    .simply-slide .slick-prev{
        top: -110px;
    }
    .timeline-header .nav-tabs li a{
        margin-top: 5px;
    }
    .simply-slide .slick-next{
        top: -110px;
    }
    .navbar-collapse{
        padding-top: 30px;
        padding-bottom: 10px;
    }
    .slick-slide{
        height: auto;
    }
    #organigram .slide-middle h2{
        font-size: 38px;
    }
    #membersTabContent .slider-item .item-image{
        height: 150px;
    }
    .logo{
        height: 100%;
        width: 100px;
    }
    .header .right-side img{
        max-height: 20px;
    }
    .header .right-side a {
        line-height: 20px;
    }
    .header .right-side{
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .header .right-side p {
        line-height: 20px;
    }
    .banner .reports-content{
        padding: 0px 15px 10px 20px;
    }
    .banner .reports-content img{
        width: initial;
        float: initial;
        margin-right: 15px;
    }
    .banner .page-social{
        top: 35%;
    }
    .banner .scroll-section{
        padding: 30px 0 70px 0;
    }
    .articles .article-img{
        height: 320px;
    }
    .articles.articles-small h2{
        font-size: 26px;
    }
    .articles.articles-small .article-link{
        width: 30px;
    }
    .footer .row1{
        align-items: center;
    }
    .footer .footer-logo{
        width: 150px;
    }
    .col2, .col3, .col4{
        justify-content: initial;
    }
    .col3, .col4{
        margin-top: 25px;
    }
    .col2{
        margin-top: 25px;
    }
    .footer .col2 p{
        margin-bottom: 5px;
    }
    .members .nav-item a{
        font-size: 40px;
    }
    .banner .scroll-section img{
        width: 80px;
    }
    .h-220{
        
    }
    .banner .banner-content{
        padding: 35px 20px 5px 20px;
    }
    .banner .banner-content h2{
        font-size: 1.7rem;
        line-height: 1.7rem;
    }
    .banner .banner-content h1{
    color:#E30613;
    font-size: 3.5rem;
    line-height: 3.5rem;
}
    .banner .banner-content h4{
        font-size: 1rem;
    }
    .banner .banner-content .year{
        font-size: 14px;
        padding: 7px 10px;
    }
    .foreword-row-banner{
        padding-bottom: 150px;
    }
    #foreword .banner .foreword-video{
        position: initial;
    }
    #foreword .prev-page .page-arrow{
        right: 50px;
    }
    #foreword .next-page .page-arrow{
        left: 50px;
    }
    .members .contractor{
        height: 200px;
    }
    .members .contractor img{
        max-width: 50%;
    }
    .contractors .headi{
        margin-top: 0px;
    }
    .page-navigation a .page-name p{
        font-size: 20px !important;
    }
    #organigram .org-bann h2{
        font-size: 44px;
    }
    .h-400{
        height: 300px;
    }
    .person-fixed .person{
        height: initial;
        flex-direction: column;
    }
    .person-fixed .person img.person-img{
        height: initial;
    }
}
    
@media( max-width:576px ){
    #foreword .page-img{
        width: 50%;
    }
    #foreword .page-img img{
        width: 100%;
    }
    #foreword .prev-page .page-arrow{
        left: 52%;
        right: initial;
        top: calc(50% - 15px);
    }
    #foreword .next-page .page-arrow{
        right: 52%;
        left: initial;
        top: calc(50% - 15px);
    }
    #foreword .prev-page .page-name{
        padding-left: 60px;
    }
    #foreword .next-page .page-name{
        text-align: right;
        padding-right: 60px;
    }
    .members .bottomi{
        height: 200px;
    }
    .members .bottomi h4{
        font-size: 1.2rem;
    }
    .members .bottomi p{
        font-size: 16px;
    }
    .contractor{
        margin-top: 15px;
    }
    #organigram .slide-middle{
        height: 150px;
    }
    #organigram .slide-middle h2{
        font-size: 52px;
    }
    #organigram.members .slider-item .item-image.single{
        float: left;
    }
}