@import url("https://use.typekit.net/mpk8mmv.css");

:root {
	--textcolor: #302622;
	--linkhover: #98a239;
    --act-red:#ed1c24;
    --act-grey:#4a5c59;
    --act-dark-grey:#3d4f4d;
    --act-text-dark-grey:#505b5a;
    --act-bg-light:#eceded;
    --act-bg-dark:#505b5a;
	}


body {
    margin: 0;
    font-family: "arboria",sans-serif;
    font-size: 1rem;
    font-weight: 400;
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}
.h2, h2 {
    font-weight: 700;
    color: var(--act-bg-dark);
}
strong {
    font-weight: bolder;
    color: var(--act-bg-dark);
}
a,
ul li::marker{
    color: var(--act-red);
}
ol li{
    margin: 10px 0;
}
.btn-i-act{    
    color:#FFF;    
    border: 2px solid #ed1c24;
    border-radius: 45px;
    background: #ed1c24;
    transition: all 0.3s ease 0s;
    padding: 2px 2px 2px 15px;
}
.btn-act{    
    color:#FFF;    
    border: 2px solid #ed1c24;
    border-radius: 45px;
    background: #ed1c24;
    transition: all 0.3s ease 0s;
    padding:  5px 5px 5px 20px;
}


.btn-act:hover {
    color: #FFF;
    background: #b2141c;
    border: 2px solid #b2141c;
}
   
.btn-act i{
    color: #ed1c24;
    background-color: #FFF;
    padding: 14px;
    border-radius: 50%;
    margin-left: 35px;  
}

.btn-ouline-act{
    color:#FFF; 
    font-weight: 700;
    padding-top: 15px;
}

.btn-act-light{  
    border: 2px solid #ffffff;
    border-radius: 45px;
    background: #fff;
    transition: all 0.3s ease 0s;
    padding: 5px 5px 5px 20px;
    color: #4a5c59;
}
.btn-act-light i{
    color: #fff;
    background-color: var(--act-bg-dark);
    padding: 14px;
    border-radius: 50%;
    margin-left: 35px;
}
.btn-act-light:hover {
    color: #4a5c59;
    border: 2px solid #dbdede;
    background-color: #dbdede;
}
.act-link-icon-light{
    font-weight: bold;
    color: #FFF;
    text-decoration: none;
}
.act-link-icon-light i{
    background-color: #fff;
    margin: 0 10px;
    color: var(--act-grey);
    padding: 3px 6px;
    border-radius: 25px;    
}
.act-link-icon-light:hover{
    color:var(--act-red);
}
.act-link-icon-light:hover i{
    color: var(--act-red);
}
/* Grid system*/
.one_col
{
	grid-template-columns: 1fr;
}

@media screen and (max-width: 767px) {
	.xs-two_col{
		grid-template-columns: 1fr 1fr;
		gap:10px;
	}
}
@media screen and (min-width: 768px) {
	.sm-two_col{
		grid-template-columns: 1fr 1fr;
		gap:50px;
	}
	.sm-three_col{
		grid-template-columns: 1fr 1fr 1fr;
		gap:40px;
	}
	.sm-four_col{
		grid-template-columns: 1fr 1fr 1fr 1fr;
		gap:30px;
	}
	.sm-five_col{
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
		gap:20px
	}
}
@media screen and (min-width: 1024px) {
	.two_col{
		grid-template-columns: 1fr 1fr;
		gap:50px;
	}
	.three_col{
		grid-template-columns: 1fr 1fr 1fr;
		gap:40px;
	}
	.four_col{
		grid-template-columns: 1fr 1fr 1fr 1fr;
		gap:30px;
	}
	.five_col{
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
		gap:20px
	}

}
.width90{ width:90%;}
.wpforms-form .width90 textarea{ width:90%;}
div.wpforms-container-full .wpforms-form input.wpforms-field-medium{ max-width: 67% !important;}
.section{
    padding: 90px 0;
}
.section-title h2{
    color: #324643;
    font-weight: bold;
    padding-bottom: 25px;
    display: block;
}
.main-header{
    padding-top: 15px;
    padding-bottom: 30px;
 }
 .act-bg-grey{
    color: #fff;
    background-color: #4a5c59;
 }
 
 footer{
    padding-top: 50px;
 }

 .footer-cta{
    background-color: #3d4f4d;    
 }

 .footer-cta-text{
    font-family:"arboria";
    color: #FFF;
    font-size: 20px;
 }
 .carousel-item{
    max-height: 450px !important;
}
 

.carousel-item img{
    width: 100%;
}
.carousel-caption{
    font-family: "arboria",sans-serif;
    font-weight: 700;
    text-align: left;
    bottom: 35%;
}
.carousel-caption h2{
    font-family: "arboria",sans-serif;
    font-weight: 700;
    font-size: 100px;
    color: #fff;
    letter-spacing: 5px;
}
.carousel-caption h5{
    font-family: "arboria",sans-serif;
    font-weight: 700;
    font-size: 32px;
    text-transform:uppercase; 
    letter-spacing:10px;
    margin-bottom: 20px;
}
@media screen and (max-width:767px) {
    .footer-cta div div {
        text-align:center;
    }
     
    .carousel-item img{
        width: auto;
    }
    .carousel-item a{
        transform: translateX(-26px) scale(0.7);
    }
    .carousel-caption{
        bottom: 15%;
    }
    .carousel-caption h2{
        font-size: 36px;
     }
    .carousel-caption h5{
        font-size: 18px;
        margin-top: 10px;
    }
 }
/* --- image slider --- */
@media screen and (min-width:768px){
    .mobile-img{
        display: none;

    }
}
@media screen and (max-width:767px){
    .desktop-img{
        display: none;
    }
    .mobile-img{
        width: 100% !important;
        display: block;
    }
}
/* Counter */
.counter-inner{    
    position: relative;    
    border-radius: 25px;
    padding: 20px 0;
}
.counter-inner.up{
    top: -65px;
}
.counter-inner.down{
    top: 65px;
}
.counter-inner.light{
    background: #edefee;
    color: #4a5c59;
}
.counter-inner.dark{
    background-color: var(--act-bg-dark);
    color: #FFF;
}
.counter-inner .counter-count{
    font-size: 48px;
    font-weight: bold;    
    margin-bottom: 0;
}
.count-up{
    border-right: 1px solid #7c8987;
    text-align: center;
}
.counter-sec .counter-loop .cc:last-child .count-up {
    border: none;
}
@media screen and (max-width: 767px) {
    .count-up{
        border-right: none;
        border-bottom: 1px solid #7c8987;
        margin: 5px 25px;
    }
    .counter-sec .counter-loop .cc:last-child .count-up {
        border: none;
    }
    .counter-inner.up,
    .counter-inner.down{
        top: 35px;
    }
}
/* Icon with Text */
.icon_with_text a{
    text-decoration: none;
}
.icon-div{    
    background-color: #edefee;
    border-radius: 25px;
    text-align: center;
    margin: 15px;
    padding: 15px 35px;
}
.icon-div .icon-regular,
.icon-div .icon-rollover{
    width: 155px;
}
.icon-div .icon-rollover{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.icon-div:hover,
.icon-div:hover p{
    background-color: #4a5c59;
    color: #fff;
}

.icon-div:hover .icon-regular{
    opacity: 0;
}
.icon-div:hover .icon-rollover{
    opacity: 1;
}

.icon-div .icon-image{
    position: relative;
}
.icon-div p{
    font-weight: bold;
    color: #4a5c59;
}


.slick-slide.slick-current.slick-active .news-item{        
    width: 460px;   
    height: 337px;    
}
.slick-slide.slick-current.slick-active .news-item img{
    width: 100%;
}        

.slick-slide.slick-active .news-item{
    width: 310px;   
      
}
.latest-news{
    background-color: #edefee;
    padding: 95px 0;
}
.latest-news-title{
    padding-bottom: 45px;
}
.news-item{
    padding: 15px;
    padding-left: 0px!important;
    text-decoration: none;
}
.news-item .big{
    position: relative;
}
/* .news-item .big .news-title-date{
    position: absolute;
    top: 10px;
    left: 30px;
    width: 89%;
} */
.news-item .big img{
    position: relative;
    top: 0;
    left: 0;
    max-height: 340px;
    background-color: #fff;
}
.news-item a{     
    text-decoration: none;
}
.news-item img{
    border-radius: 12px;
    width: 100%;
    max-height: 233px;
    object-fit: cover;
    object-position: left top;
}
.news-item-title{
    font-weight: bold;
    font-size: 15px;
    padding: 15px 0 10px 0;
    color: #314542;
    margin: 0;
}
.latest-news .carousel-control-next,
.latest-news .carousel-control-prev{
    top: auto;
    width: 25px;
    height: 25px;
    border-radius: 20px;
    padding: 5px;
    background-color: #314542;
}
.latest-news .carousel-control-next{ right: 44%;}
.latest-news .carousel-control-prev{left: 52%;}

.latest-news-readmore{
    text-align: right;
    position: relative;
    top: -100px;
}
@media screen and (max-width:767px){
    .carousel.slide a{margin-top: 10px;}
    .latest-news .carousel-control-next{ right: 43%; bottom:-30px}
    .latest-news .carousel-control-prev{left: 41%; bottom:-30px}
    .latest-news-readmore{
        text-align: center;
        position: relative;  
        top: 50px;      
    }   
}
.map .mapsvg-wrap-all{
    margin-top: 70px;
}
.mapsvg-popover {
    border-radius: 10px;
}

.mapsvg-popover .mapsvg-controller-view-toolbar {
    height: 20px;
    border-radius: 10px 10px 0px 0px;
}
.mapsvg-popover .mapsvg-controller-view-toolbar {
    height: 45px !important;
}
.mapsvg-popover-close::before, .mapsvg-popover-close::after{background: #fff !important;}
.mapsvg-popover-close:hover::before, .mapsvg-popover-close:hover::after {
    background:var(--act-red) !important;
}

.mapsvg-popover-title{
    padding: 10px 0 10px 15px;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
}

.mapsvg-controller-view-toolbar{
    background-color: #324643;
}
.mapsvg-popover-close::before, 
.mapsvg-popover-close::after{
    color: #fff;
}
.mapsvg-popover .mapsvg-controller-view-toolbar + .mapsvg-controller-view-wrap .mapsvg-controller-view-content,
.mapsvg-controller-view-content{padding: 0;}
.map-popover .title{
    background-color: #314542;
    padding: 0 10px;
    color: #fff;
    text-transform: uppercase;

}

.mapsvg-auto-height{
    padding: 10px;
}
.map-popover-ajax-loader {
    padding: 10px;
    text-align: center;
}
.map-popover-list .data-list{
    max-height: 130px;
}
.map-popover-list .data-list ul{
    list-style: none;
    padding: 0;
}

.map-popover-list .data-list ul li{
    padding: 5px;
    border-radius: 5px;
    margin-bottom: 5px;
}
.map-popover-list .data-list ul li:nth-of-type(odd){
    background-color:#e4e7e6;
}
        
.map-popover-list .data-list ul li:nth-of-type(even){
    background-color:#f6f7f7;
    }
.mapsvg-popover .our_office{
    margin-bottom: 10px;
}
.mapsvg-popover .our_office i{
    padding-left: 10px;
}
/* -- Tab Section --*/
@media (max-width: 991px) {
    .tab-content>.tab-pane {
      display: block;
      opacity: 1;
    }
  }

.nav-link{
color: var(--act-dark-grey);
}

.act-tabs .nav-tabs{
    border-bottom: 1px solid var(--act-dark-grey);
}
.act-tabs .nav-tabs .nav-link{
    border: none;
}
.act-tabs .nav-tabs .nav-item.show .nav-link, 
.act-tabs .nav-tabs .nav-link.active,
.act-tabs .nav-tabs .nav-link:focus, 
.act-tabs .nav-tabs .nav-link:hover{
    color: var(--act-dark-grey);
    border-bottom: 4px solid var(--act-red);
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
    background-color: transparent !important;
}
/* -- Act Member accordion -- */
.accordion-button:focus {
    z-index: 3;
    border-color: none;
    outline: 0;
    box-shadow: none;
}

.accordion-item{
    border: none;
    margin: 15px 0;
    background-color: transparent !important;
}
.accordion-button:focus,
.accordion-flush .accordion-item .accordion-button, 
.accordion-flush .accordion-item .accordion-button.collapsed{
    border-radius: 25px;
}

.accordion-item .accordion-button,
.accordion-item:first-of-type .accordion-button,
.accordion-item:first-of-type .accordion-button.collapsed,
.accordion-item:last-of-type .accordion-button.collapsed,
.accordion-button:not(.collapsed){
    border-radius: 25px;
    /* background-color: var(--act-grey); */
    font-size: 15px;
    padding: 15px 25px;
}

.accordion-item:nth-of-type(odd) .accordion-button,
.accordion-item:nth-of-type(odd) .accordion-button
{
    background-color:#e4e7e6;
    }
        
.accordion-item:nth-of-type(even) .accordion-button,
.accordion-item:nth-of-type(even) .accordion-button{
    background-color:#f6f7f7;
    }

.accordion-button,
.accordion-button:focus,
.accordion-button:not(.collapsed){
    color: var(--act-dark-grey);
    font-weight: bold;
}

.accordion-button:not(.collapsed)::after{
    background-image: var(--bs-accordion-btn-icon);
}

.act-member-accordion .accordion-body,
.act-vacancies-accordion .accordion-body    {
    border-radius: 0 0 10px 10px;
    border: 1px solid var(--act-grey);
    border-top: none;
    width: 96%;
    margin: 0 2%;
}
.act-member-accordion .accordion-body img{
    width: 200px;
}
.accordion-body a{
    color: var(--act-red);
}

.vacancies-table-head{
    width: 100%;
    padding: 0 47px 0 25px;
}

/* -- Hero Title -- */
.hero-title{
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 360px;
}
.hero-title .title{
    font-weight: bold;
    color: var(--act-grey);
    margin-bottom: 40px;
    font-size: 42px;
}
@media screen and (max-width:767px){
    .hero-title{
        padding: 30px 0;
        background-position: center;   
    }
}

/* --- Key Resource --- */
.key-resource-inner{
    padding-top: calc(var(--bs-gutter-x) * .5);
    padding-bottom: calc(var(--bs-gutter-x) * .5);
}
.key-resource-inner a{
    text-decoration: none;
}
.kr-title{
    font-weight: 700;
    font-size: 26px;
    text-decoration: none;
    text-align: center;
    color: var(--act-text-dark-grey);
    background-color: var(--act-bg-light);
    padding: 20px 10px;
    border-radius: 0 0 15px 15px;
}
.key-resource-inner a:hover .kr-title{
    color: #ffffff;
    background-color: var(--act-bg-dark);
}
.kr-image img{
    width: 100%;
    border-radius: 15px 15px 0 0 ;
}
@media screen and (max-width:767px){
    .key-resource{
        padding: 30px 0;
    }
}
/* --- More Resource --- */
.more-resource-innner{    
    background-color: #edefee;
    border-radius: 25px;
    text-align: center;
    
    padding: 15px;
}
.more-resource-innner a{
    text-decoration: none;
    color: var(--act-dark-grey);
}

.more-resource-innner .mr-image{
    padding: 30px 0;
}
.more-resource-innner .mr-image-regular,
.more-resource-innner .mr-image-rollover{
    width: 80px;
}
.more-resource-innner .mr-image-rollover{
    width: 0;
    opacity: 0;
}
.more-resource-innner .mb-0{
    font-size: 14px!important;}
.more-resource-innner:hover p{
    font-size: 14px;}
.more-resource-innner:hover,
.more-resource-innner:hover p,
.more-resource-innner:hover h4{
    background-color: #4a5c59;
    color: #fff;
}

.more-resource-innner:hover .mr-image-regular{
    opacity: 0;
    width: 0;
}
.more-resource-innner:hover .mr-image-rollover{
    opacity: 1;
    width: 80px;
}

.more-resource-innner .icon-image{
    position: relative;
}
.more-resource-innner h4{
    font-weight: bold;
}

/* --- Listing --- */
.page-numbers{
    padding: 15px 20px;
    width: auto;
    border: 1px solid var(--act-bg-dark);
    border-radius: 15px;
    margin: 5px;
    text-decoration: none;
    font-weight: 700;
    color: var(--act-bg-dark);
}
.page-numbers.current,
.page-numbers:hover{
    background-color: var(--act-bg-dark);
    color: #ffffff;
}
@media screen and (max-width:767px){
    .page-numbers {
        padding: 5px 12px;
        border-radius: 10px;        
    }
}
.post-document{
    padding: 30px;
    border: 1px solid var(--act-bg-dark);
    margin: 15px 0;
    border-radius: 15px
}
.document-title{
    font-size: 17px;
    font-weight: 700;
    line-height: 18px;
}

.post-publications:hover,.post-document:hover{
    background-color: #eceded;
}

.post-publications{
    border: 1px solid var(--act-bg-dark);
    margin: 15px 0;
    border-radius: 15px;
    overflow: hidden;
    height:178px;
}
.publication-content{
    padding: 30px;
}
.publications-title{
    font-size: 17px;
    font-weight: 700;
    line-height: 18px; 
    margin-bottom: 10px; 
}
.post-publications-image{
    width: 100%;
    height: 100%;
}
.post-publications-image img{
    width: 100%;
    height: 100%;
}


/* --- News Section --- */
.post-act_news {
    border-radius: 15px;
    overflow: hidden;
    margin: 15px auto;
    border: 1px solid #e5e5e5;
    background: rgba(74, 92, 89 , 0.1);
    height: 485px;
}
.post-act_news-image{
    width: 100%;
    max-height: 260px;
    overflow: hidden;
    background: white;
}

.post-act_news-image img{
    width: 100%;
}
.act_news-country{
    text-align: right;
    width: 100%;
    min-height: 25px;
}
.act_news-country span{
    border-radius: 25px;
    background-color: var(--act-dark-grey);
    color: #fff;
    padding: 10px;
    font-weight: 400;
    position: relative;
    top: -12px;
    right:15px;
    font-size: 14px;
}
.act_news-content{
    padding: 10px 20px 20px 20px;
    background-color:tint(#4a5c59, 10%)!important; 
}
.act_news-title{
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 15px;
    color: #4a5c59;
}

.act_news-excerpt{
    margin-bottom: 15px;
    font-size: 14px;
    color: #4a5c59;
}
.listing .post-date{
    color: var(--act-red);
}

/* --- highlights --- */
.highlights{
    background-color: var(--act-dark-grey);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: auto 100%;

}
.highlights .left_side,
.highlights .left_side h3,
.highlights .left_side p{
    color: #fff;
}
.highlights .left_side h3,
.highlight-popup h3{
    font-size: 36px;
    margin-bottom: 15px;
}
.highlight-popup{
    background-color: #e4e7e6;
    padding: 30px;
    border-radius: 25px;
    width: 100%;
}
.highlight-popup a{
    color: var(--act-dark-grey);
}
@media screen and (max-width:767px){
    .highlights {     
        background-position: bottom right;
        background-size: 100% 40%;
    }
    .highlights .left_side{
        margin-bottom: 30px;
    }
}

/* --- Press Release --- */

.press-release{
    background-color: #edefee;
    padding: 95px 0;
}
.press-release-title{
    padding-bottom: 45px;
}
.news-item{
    padding: 15px;
    text-decoration: none;
}
@media screen and (min-width:768px) {
    .press-release.mobile,
    .latest-news.mobile{
        display: none;
    }
    .news-item .big{
        position: relative;
    }
    /* .news-item .big .news-title-date{
        position: absolute;
        top: 10px;
        left: 30px;
        width: 89%;
    } */
    .news-item .big img{
        position: relative;
        top: 0;
        left: 0;
        max-height: 340px;
        background-color: #fff;
    }
}
@media screen and (max-width:767px) {
    .press-release.desktop,
    .latest-news.desktop{
        display: none;
    }
}
.news-item a{     
    text-decoration: none;
}
.news-item img{
    border-radius: 20px;
    width: 100%;
    max-height: 233px;
    object-fit: cover;
    object-position: left top;
}
.news-item-title{
    font-weight: bold;
    font-size: 15px;
    padding: 15px 0 10px 0;
    color: #314542;
    margin: 0;
}
.press-release .carousel-control-next,
.press-release .carousel-control-prev{
    top: auto;
    width: 25px;
    height: 25px;
    border-radius: 20px;
    padding: 5px;
    background-color: #314542;
}
.press-release .carousel-control-next{ right: 44%;}
.press-release .carousel-control-prev{left: 52%;}
@media screen and (max-width:767px){
    .press-release .carousel-control-next{ right: 42%;}
    .press-release .carousel-control-prev{left: 42%;}

}
/* --- Team Member/Person/People -- */
.team-inner{
    border-radius: 15px;
    overflow: hidden;
    background-color: #edefee;
    margin: 15px 0;
}
.team-pic{
    min-height: 300px;
}
.team-pic img{
    width: 100%;
}
.team-details{
    padding: 25px 15px;
}
.team-details .job_title{
    margin-bottom:1rem ;
}
.job_email{
    margin-bottom: 1px;
    text-decoration: underline;
    font-size: 14px;
}
.job_location{
    margin-bottom: 1px;    
    font-size: 14px;
}
.job_email i,
.job_location i{
    margin: 0 15px 0 0;
    color: var(--act-red);
}
@media screen and (max-width:767px){
    .team-inner{
        margin-bottom: 25px;
    }
}

/* search form  css  */
.form-control, .form-select{
    color: rgba(80,91,90,0.5);
    margin: 5px 0;
}
.form-inline {  
    display: flex;
    flex-flow: row wrap;
    align-items: center;
  }

  .form-inline input {
    vertical-align: middle;
    margin: 5px 10px 5px 0;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #ddd;
  }

  @media (max-width: 800px) {
    .form-inline input {
      margin: 10px 0;
    }
    
    .form-inline {
      flex-direction: column;
      align-items: stretch;
    }
  }
  input[type="search"] {
    border: none;
    background: transparent;    
    padding: 7px 15px;
    color: inherit;    
    border-radius: 20px;

  }
  .search-submit{
    border-radius: 0px 20px 20px 0px;
    margin: 5px 0;
  }  
  input[type="search"]::placeholder {
    color: #bbb;

  }  

  .form-control:focus{
    border-color: var(--act-dark-grey);
    box-shadow: none;
    background-color: transparent;
  }

/* search form css end  */

/* additional css   */

button.search_filter.btn.btn-outline-secondary.bg-white.border-start-0.border.rounded-pill.ms-n3 {
    margin-left: -33px;
}


button.search_filter.btn.btn-outline-secondary.bg-white.border-start-0.border.rounded-pill.ms-n3:hover {
    color:#F02222;
}


#mega-menu-wrap-navigation #mega-menu-navigation > li.mega-menu-item > a.mega-menu-link {

    padding: 0px 40px 0px 10px;
}
#mega-menu-wrap-navigation #mega-menu-navigation {
    visibility: visible;
    text-align: left;
    padding: 0px 0px 0px 0px;
}

#mega-menu-wrap-navigation #mega-menu-navigation li.mega-menu-item.mega-icon-right > a.mega-menu-link:before {

    font-size: 11px;
}

@media (max-width: 992px) {
.counter-inner .counter-count {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 0;
}
}

@media only screen and (max-width: 768px){
#mega-menu-wrap-navigation {
    display: block!important;
}
}
.pagination a{
    color: var(--act-grey);
}
.nav-right-margin{
    padding-right:20px;
}



.chart-sec{
    padding: 150px 0 100px 0;
}

.btn-act-white {
    color: #3D4F4D;
    border: 2px solid #fff;
    border-radius: 45px;
    background: #fff;
    transition: all 0.3s ease 0s;
    padding: 3px 3px 3px 15px;
}

.btn-act-white i {
    color: #fff;
    background-color: #3D4F4D;
    padding: 10px;
    border-radius: 50%;
    margin-left: 35px;
}

.btn-act-white:hover {
    color: #3D4F4D;
    background: rgba(240, 232, 232, 0.75);
    border: 2px solid rgba(240, 232, 232, 0.75);
}



.highlight-popup h3{
    color: #4a5c59;
}

.read-more-content{
	display: none;
	padding-top: 22px;
}
.read-more{
	display: inline-block;
	margin-top: 8px;
}.timeline-info {
	position: relative;
	background: #f3f1f1;
	padding: 24px 20px 18px;
	margin-bottom: 12px;
	border: 1px solid #f3f1f1;
	border-radius: 8px;
	margin-left: 54px;
}


h2, details{
    display:inline;
  }
  
  details {
    position:relative;
  }
  details summary {
    display:block;
    cursor: pointer;
    color: red;
  }
  details summary:focus {
    outline:none;
  }
  details[open] {
    display:block;
    padding-bottom:25px;
    padding-top:10px;
    animation: open .2s linear;
  }
  details[open] summary {
    position:absolute;
    bottom: 0;
    left:0;
  }
  
  details #open{padding-left:0px;text-align:middle;}
  /* details #open:after{
      display: inline-block;
      position:relative;
      top: -3px;
      padding-left: 8px;
      content: "\00bb";
      transform: rotate(90deg);
  } */
  details[open] #open{display:none;}
  details #close{display:none;}
  details[open] #close{display:block;}
  
  ::-webkit-details-marker {display: none;}
  
  
  
  
  
  @keyframes open {
    0% {
      opacity: 0;
      transform: translateY(-10px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }






.searchs {
      width: 60px;
      height: 20px;
      position: absolute;
      right: 5px;
      border: none;
      background: transparent;
}
.searchs i {
        color: #999;
        font-size: 15px;
        line-height: 20px;
      }



      /* arrow button  */

      img.read-more-arrow {
        width: 25px;
    }


    .rounded-circle{
        background: #fff;
        padding: 5px;
        margin-left: 25px;
        margin: 5px;
        
    }

    img.read-more-arrow.rounded-circle {
        margin-left: 25px;
    }

    img.read-more-arrow.rounded-circle.white {
        background: #4a5c59;
    }

    i.fa.fa-search {
        color: #4a5c59;
    }
    @media screen and (max-width: 767px) {
        .header-content nav{
            margin-bottom: 10px;
        }
        .header-content form{
            margin-left:31%;
        }
    }
    .nano > .nano-pane{opacity: 0.99;}