/***************************************
Template Name: Green Fair
Author: Md Foysal Ahamed
Created: July 05 2016
Version: 1.2
****************************************/


/*CSS Style Structure
1. General Or Universal code,
2. Import Google's Fonts,
3. Header,
4. Slider,
5. Welcome,
6. Volunteer,
7. Portfolio,
8. Achivment,
9. Event,
10. Testimonial,
11. Latest Blog,
12. Purches,
13. Contact,
14. Footer.
*/


/*
font-family: 'Roboto Slab', serif;
*/

@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,700,300,100);

/*
font-family: 'Lato', sans-serif;
*/

@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic);

/*
font-family: 'Raleway', sans-serif;
*/

@import url(https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900);

/*
font-family: 'Open Sans', sans-serif;
*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700italic,700,800,800italic);

/*
font-family: 'Roboto', sans-serif;
*/

@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic);

/*UNIVERSAL CODE*/

* {
    margin: 0;
    padding: 0;
}
.alignleft {
    float: left;
    margin-right: 15px
}
.alignright {
    float: right;
    margin-left: 15px;
}
.aligncenter {
    display: block;
    margin: 0 auto
}
.reverse-align {
	text-align:left;
}
.floatleft {
    float: left
}
.floatright {
    float: right
}
.d-flex {										/*Added by khmonir 14-6-2022*/
	display:flex;
}
.align-self-center {                            /*Added by khmonir 15-6-2022*/
    align-self: center;
}
.vcenter{                                       /*Added by khmonir 19-6-2022*/
    padding: 10% 10px;
}
.pb-15{                                         /*Added by khmonir 19-6-2022*/
    padding-bottom: 15px;
}
.mb-10{                                         /*Added by khmonir 19-6-2022*/
    margin-bottom: 10px;
}
.box-frame {                                    /*Added by khmonir 26-6-2022*/
    background: #FBFBFB;
    border-radius: 35px;
    border: 1px solid #F2F2F2;
    padding: 25px 15px;
}
.fix {
    overflow: hidden
}
.clear {
    clear: both
}
.container {
    transition: all 0.9s ease 0s;
    -webkit-transition: all 0.9s ease 0s;
    -moz-transition: all 0.9s ease 0s;
    -o-transition: all 0.9s ease 0s;
    -ms-transition: all 0.9s ease 0s;
}
ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
a,
a:hover,
a:focus,
a:visited,
a:hover {
    text-decoration: none !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    font-weight: normal;
}
p {
    padding: 0;
    margin: 0;
}
img {
    max-width: 100%;
    height: auto;
}
html {
    height: 100%
}
body {
}
hr.dashed {                                         /*Added by khmonir 19-06-2022*/
    border-top: 3px dashed #bbb;
  }
/*Remove chrome Input Field’s Unwanted Yellow Background Color*/

input: -webkit-autofill,
input: -webkit-autofill:hover,
input: -webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 100px white inset !important;
}

/*Input focus color removed*/

:focus {
    outline: -webkit-focus-ring-color auto 0px;
}

/*Bootstrap Form Control Focus*/

.form-control:focus {
    border-color: #fff;
    border: 0px;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/***************************/

.zero_mp {
    padding: 0;
    margin: 0;
}
.margin_btm {
    margin-bottom: 0px !important;
}
.sections{
    padding: 80px 0;
    overflow: hidden;
    position: relative;
}
.min-spacing{
    padding: 50px 0;
    overflow: hidden;
    position: relative;
}
/***********************************************/


/*header*/


/*Header Top header*/

#header .top_header {
    min-height: 50px;
    background: #FBFBFB;
    border-bottom: 2px solid #F2F2F2;
    padding-top: 3px;                           /*khmonir 14-6-2022 // 15px*/
}
#header .top_header .address {
    border-right: 1px solid #E6E5E5;
}
#header .top_header .address p {
    font-size: 12px;
    padding-top: 2px;
    color: #646464;
    font-family: 'Open Sans', sans-serif;
}
#header .top_header .phone p {
    color: #646464;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    padding-top: 1px;
    display: inline-block;
}
#header .top_header .address i,
#header .top_header .phone i {
    padding: 3px 5px;
    font-size: 15px;
}
#header .top_header .social_icon i {
    padding: 0 5px;
    color: #787878;
    font-size: 12px;
    font-weight: 700;
}
#header .top_header .social_icon i:hover {
    color: #43A906;
}

#header .top_header img{                            /*khmonir 14-6-2022*/
    /*position: absolute;
    left:10px;*/
    width: 120px;
}

/*End of top header*/

#header .header_menu {
    min-height: 70px;                               /*khmonir 14-6-2022 // 80px*/
    border-bottom: 1px solid #3D3E3D;
    z-index: 9999
}
#header .header_menu .navbar {
    border: 0px solid transparent;
}
#header .header_menu .custom_navbar-brand {
    padding-left: 0;
}
#header .header_menu .navbar-default {
    background-color: rgba(255, 255, 255, 0);
    border-color: rgba(255, 255, 255, 0);
}
#header .header_menu .navbar-default .navbar-nav>.active>a,
#header .header_menu .navbar-default .navbar-nav>.active>a:focus,
#header .header_menu .navbar-default .navbar-nav>.active>a:hover {
    background-color: rgba(255, 255, 255, 0);
}
#header .header_menu .main_menu {
    padding-top: 10px;                                   /*khmonir // 20px Edit at 14-6-2022*/
    padding-right: 10px;                                 /*khmonir // 40px Edit at 21-6-2022*/
}
#header .header_menu ul.main_menu li a {
    color: #393939;
    font-size: 16px;                                    /*khmonir*/
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Roboto Slab', serif;
}
#header .header_menu ul.main_menu li a:hover {
    color: #4DA91C;
}
#header .header_menu ul.main_menu li.active a {
    color: #4DA91C;
}
#header .header_menu ul.main_menu li
{
     display: inline-block;
    position: relative;
    float:right;
    }
    
#header .header_menu ul.main_menu li.active a {
    display: inline-block;
    position: relative;
}

#header .header_menu ul.main_menu li:after {
    content: '';
    display: block;
    margin: auto;
    height: 3px;
    width: 0px;
    background: transparent;
    transition: width .5s ease, background-color .5s ease;
    margin-top: 6px;
}
#header .header_menu ul.main_menu li:hover:after,
#header .header_menu ul.main_menu li.active:after {
    width: 90%;
    background: #4DA91C;
}

#nav {
                                                            /*Added by khmonir at 31-10-2022*/
    background-color: #f4cb8f;
}

.navbar-header                                              /*Added by khmonir*/
{
    float: right;
    }

#header .header_menu .main_menu .search                    /*Added by khmonir*/
    {
        padding: 11px 15px 15px 15px;
    }    
@-moz-document url-prefix() {                               /*Added by khmonir 15-6-2022 for firefox*/
        #header .header_menu .main_menu .search                    
        {
            padding: 12px 15px 13px 15px;
        }  
    }
/*###### Slider ########*/

#slider {
    min-height: 490px;
}
#slider .slider_text {
    padding-bottom: 13%;
}
#slider .slider_text h2 {
    font-size: 52px;
    padding: 10px 0;
    font-weight: 600;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
}
#slider .slider_text h3 {
    font-size: 45px;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
}
#slider .slider_text p {
    font-size: 17pt;                                /*17px - Edit by khmonir 31-10-2022*/
    padding-bottom: 60px;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
}
#slider .slider_text a.custom_btn {
    font-size: 14pt;                                /*14px - Edit by khmonir 31-10-2022*/
    color: #fff;
    padding: 15px 25px;
    background: #43a906;
    border-radius: 2px;
    margin-top: 20px;
    font-family: 'Lato', sans-serif;
    font-weight: 600;
}
#slider .slider_text h2,
#slider .slider_text h3,
#slider .slider_text p,
#slider .slider_text a.custom_btn {
    text-transform: uppercase;
}
#slider .slider_text h3 {
    font-size: 45px;
    padding: 10px 0;
    font-family: 'Lato', sans-serif;
    font-weight: normal;
}
#slider .slider_overlay {
    position: relative;
}
#slider .slider_overlay:after {
    position: absolute;
    content: "";
    background: rgba(0, 0, 0, 0.3);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

/*Slider Fade In*/

.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
    z-index: 2;
}

/*Welcome Section*/
#welcome {
    min-height: 350px;
    background: #fff;
    padding: 80px 0;
}
.wel_header {
    text-align: center;
    color: #222222;
    padding-top: 0;
}
.fw-heading.fw-heading-center {
    padding-bottom: 40px;

}
.wel_header h2 {
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 700;
    padding-bottom: 25px;
    font-family: 'Roboto Slab', serif !important;
    color: #222222;
}
.wel_header p {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
}
#welcome .single_item {
    padding-top: 30px;
    text-align: center;
}
#welcome .welcome_icon {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    text-align: center;
    margin: 0 auto;
    border: 1px solid #C4C4C4;
    transition: .7s;
}
#welcome .welcome_icon i {
    margin-top: 25%;
    font-size: 50px;
    transition: .7s;
}
#welcome .item_list h4 {
    padding: 20px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    color: #393939;
    transition: 0.7s;
    font-family: 'Roboto Slab', serif;
}
#welcome .item_list p {
    font-size: 14px;
    color: #646464;
    font-family: 'Open Sans', sans-serif;
}
#welcome .item_list:hover .welcome_icon {
    background: #43a906;
    cursor: pointer;
}
#welcome .item_list:hover .welcome_icon i {
    color: #fff;
}
#welcome .item_list:hover h4 {
    color: #43a906;
    cursor: pointer;
}

#welcome .float_dir                                 /*khmonir*/
    {
        float:right;
    }

/*Volunteer*/

#volunteer {
    min-height: 100px;
    background: #000000;
}
#volunteer .volunteer_content h3 {
    font-size: 45px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    padding-bottom: 10px;
    font-family: 'Open Sans', sans-serif;
}
#volunteer .volunteer_content h3 span {
    color: #43a906;
}
#volunteer .volunteer_content p {
    font-size: 14px;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
}
#volunteer .join_us {
    padding-top: 55px;
}
#volunteer .vol_area {
    padding: 40px 0;
}
#volunteer .join_us a.vol_cust_btn {
    background: #43a906;
    color: #fff;
    padding: 8px 50px;
    border: 1px solid #43a906;
    border-radius: 3px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    float:left;                                         /*khmonir*/
}

/*Portfolio*/

#portfolio {
    min-height: 780px;
    padding: 40px 0;                                    /*khmonir // 80px 0 // 19-06-2022*/
}

#portfolio .portfolio_title h2 {
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 15px;
    font-family: 'Roboto Slab', serif;
    color: #222222;
}
#portfolio .portfolio_title p {
    font-size: 16px;
    color: #393939;
    padding-bottom: 25px;
    padding-top: 0;
    font-family: 'Open Sans', sans-serif;
}

/*Customise Portfolio*/

#portfolio ul.menu li button {
    padding: 6px 15px;
}
#portfolio ul.portfolio_custom_menu li button {
    background: #f6f6f6;
    border: 1px solid #e9e9e9;
    color: #726e6e;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 20px;
    width: 125px;
    font-size: 12px;
    padding-top: 8px;
    border-radius: 4px;
    font-family: 'Roboto', sans-serif;
}
#portfolio ul.portfolio_custom_menu li {
    padding: 10px 0px;
}
#portfolio ul.portfolio_custom_menu li button:hover {
    background: #43a906;
    color: #fff;
}
#portfolio ul.portfolio_custom_menu li button.btn_active {
    background: #43a906;
    box-shadow: inset 0 1px 10px hsla(0, 0%, 100%, 0);
    color: #fff;
}
#portfolio .notes .note .img_overlay {
    background: rgba(21, 21, 18, 0.92);
    z-index: 1;
    position: absolute;
    width: 94%;
    height: 94%;
    top: 3%;
    left: 3%;
    color: #fff;
    opacity: 0;
    transition: 0.7s;
}
#portfolio .notes .note .img_overlay p {
    position: relative;
    top: 45%;
    opacity: 0;
    transition: 0.7s;
    font-size: 16px;
    font-family: 'Roboto Slab', serif;
    font-weight: 400;
}
#portfolio .notes .note:hover .img_overlay,
#portfolio .notes .note:hover .img_overlay p {
    opacity: 10;
}

/*Achivment*/

div#achivement {
    overflow: hidden;
}
.achivment_padding {
    padding: 80px 0;
}
/*#counter {
    min-height: 440px;
    background: #bdbebd;
    border-bottom: 1px solid #8c8e8c;
}*/
/*.counter_header {
    padding-top: 80px;
    text-align: center;
    color: #fff;
}*/
section#counter {
    background: url(../img/img3.jpg) no-repeat scroll top center / cover;
    color: #fff;
}
.counter_img_overlay {
    position: relative;
    padding: 80px 0;
    text-align: center;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.52);
}
.counter_header h2 {
    text-transform: uppercase;
    font-size: 36px;
    font-weight: 700;
    padding-bottom: 10px;
    font-family: 'Roboto Slab', serif;
}
.counter_header p {
    font-size: 16px;
    padding-bottom: 60px;
    font-family: 'Open Sans', sans-serif;
    padding-top: 15px;
}
.counter_text {
    color: #fff;
    font-weight: 700;
}
.sigle_counter_item {
    padding-top: 20px;
    padding-bottom: 0px;
}
.sigle_counter_item img {
    padding-bottom: 20px;
    height: 90px;
}
.sigle_counter_item i {
    font-size: 60px;
    padding: 10px;
    color: #43A906;
}
.counter_text span {
    font-size: 32px;
    border-bottom: 1px solid;
    padding-bottom: 10px;
    font-family: 'Roboto Slab', serif;
    font-weight: 600;
}
.counter_text p {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    padding-top: 10px;
    font-family: 'Roboto Slab', serif;
    color: #ffffff;
    margin-top: 10px;
}

/*Event*/

#event {
    min-height: 550px;
    background: #fff;
    color: #000;
    padding: 80px 0px;
}
#event .event_header {
    padding-bottom: 50px;
}
#event .event_header h2 {
    font-size: 36px;
    font-weight: 700;
    padding-bottom: 20px;
    text-transform: uppercase;
    font-family: 'Roboto Slab', serif;
    color: #222222;
}
.event_header.text-center p {
    color: #393939;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
}
#event .event_text {
    padding: 30px 30px 0;
    background: #eff0f2;
    min-height: 279px;
}
#event .event_item img {
    max-width: 100%;
}
#event .event_text {
    padding: 30px 30px 0;
    width: 100%;
}
#event .event_text h4 {
    font-size: 18px;
    padding-bottom: 15px;
    font-weight: 700;
    color: #454444;
    font-family: 'Roboto Slab', serif;
}
#event .event_text h6 {
    padding-bottom: 20px;
    font-size: 14px;
    color: #6c6b6b;
    font-family: 'Roboto Slab', serif;
}
#event .event_text p {
    font-size: 14px;
    color: #646464;
    padding-bottom: 35px;
    font-family: 'Open Sans', sans-serif;
}
#event a.event_btn {
    background: #101010;
    padding: 5px 15px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 2px;
    transition: 0.7s ease;
    font-family: 'Open Sans', sans-serif;
}
#event a.event_btn:hover {
    background: #43a906;
}
#event .event_news {
    padding-bottom: 27px;
}
.event_news_text {
    display: block;
    overflow: hidden;
}
.event_news_text h4 {
    color: #454444;
    font-size: 18px;
    font-family: 'Roboto Slab', serif;
    font-weight: 700;
}
#event .event_news_text p {
    padding-top: 10px;
    font-size: 14px;
    color: #646464;
    font-family: 'Open Sans', sans-serif;
}
#event .event_news_img {
    padding-right: 10px;
}
/*Latest News*/                              /*Added by khmonir 31-10-2022*/

#news {
    min-height: 500px;
    padding: 80px 0;
}
#news p {
    display: inline-block;
}
#news .latest_blog {
}
#news .latest_blog h2 {
    padding-bottom: 20px;
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Roboto Slab', serif;
    color: #222222;
}
#news .latest_blog p {
    padding-bottom: 45px;
    font-size: 16px;
    color: #646464;
    font-family: 'Open Sans', sans-serif;
}
#news .single_blog_item {
    border: 1px solid #d1d3d1;
}
#news .blog_content {
    padding: 15px;
    height: 180px;                                  /*khmonir 21-6-2022 // 250px */
}
#news .blog_content h3 {
    font-size: 22px;
    font-weight: 400;
    padding-bottom: 10px;
    color: #454444;
    font-family: 'Roboto Slab', serif;
}
#news .expert {
    padding-bottom: 20px;
    color: #aeadad;
}
#news .expert span.time {
    padding-right: 10px;
    border-right: 1px solid;
}
#news .expert span.admin {
    padding-left: 5px;
    color: #aeadad;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
#news .blog_news .blog_img img {
    height: 230px;
    width: 100%;
}
#news .blog_news span.right_msg span {
    font-size: 14px;
    color: #aeadad;
    font-family: 'Roboto Slab', serif;
    font-weight: 400;
}
#news .expert a {
    color: #aeadad;
}
#news .expert p.right_side {
    padding-left: 110px;
}
#news p.blog_news_content {
    color: #646464;
    font-size: 14px;
    padding-bottom: 15px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
#news a.blog_link {
    text-transform: uppercase;
    font-weight: 500;
    color: #545353;
    transition: 0.7s;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
}
#news a.blog_link:hover {
    color: #43a906;
}
#news .news_btn {
    margin: 30px auto;
}
#news .news_btn a {
    text-transform: uppercase;
    font-weight: 500;
    color: rgb(255, 255, 255);
    background: rgb(67, 169, 6) none repeat scroll 0% 0%;
    transition: 0.7s;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    padding: 8px 50px;
    border: 1px solid rgb(67, 169, 6);
    border-radius: 3px;
    /*float: left;*/
}
/*Testimonial*/

#testimonial {
    color: #fff;
    background: url(../img/img3.jpg) no-repeat scroll top center / cover;
}
.testimonial_overlay {
    padding: 80px 0;
    position: relative;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.53);
}
#testimonial .testimonial_header {
}
#testimonial .testimonial_header h2 {
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 20px;
    font-family: 'Roboto Slab', serif;
    color: #fff;
}
#testimonial .testimonial_header p {
    font-size: 16px;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
}
.testimonial_content p {                                /* Added by khmonir 21-6-2022*/
    text-align: right !important;
    padding-right: 40px !important;
    padding-left: 30px !important;
}
.testimonial_content i {                                /* Added by khmonir 21-6-2022*/
    right: 20px !important;
    left: unset !important;
}
/*Latest Blog*/

#blog {
    min-height: 500px;
    padding: 80px 0;
}
#blog p {
    display: inline-block;
}
#blog .latest_blog {
}
#blog .latest_blog h2 {
    padding-bottom: 20px;
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Roboto Slab', serif;
    color: #222222;
}
#blog .latest_blog p {
    padding-bottom: 45px;
    font-size: 16px;
    color: #646464;
    font-family: 'Open Sans', sans-serif;
}
#blog .single_blog_item {
    border: 1px solid #d1d3d1;
}
#blog .blog_content {
    padding: 15px;
    height: 180px;                                  /*khmonir 21-6-2022 // 250px */
}
#blog .blog_content h3 {
    font-size: 22px;
    font-weight: 400;
    padding-bottom: 10px;
    color: #454444;
    font-family: 'Roboto Slab', serif;
}
#blog .expert {
    padding-bottom: 20px;
    color: #aeadad;
}
#blog .expert span.time {
    padding-right: 10px;
    border-right: 1px solid;
}
#blog .expert span.admin {
    padding-left: 5px;
    color: #aeadad;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
#blog .blog_news .blog_img img {
    height: 230px;
    width: 100%;
}
#blog .blog_news span.right_msg span {
    font-size: 14px;
    color: #aeadad;
    font-family: 'Roboto Slab', serif;
    font-weight: 400;
}
#blog .expert a {
    color: #aeadad;
}
#blog .expert p.right_side {
    padding-left: 110px;
}
#blog p.blog_news_content {
    color: #646464;
    font-size: 14px;
    padding-bottom: 15px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
#blog a.blog_link {
    text-transform: uppercase;
    font-weight: 500;
    color: #545353;
    transition: 0.7s;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
}
#blog a.blog_link:hover {
    color: #43a906;
}
/*Latest Researchers*/

#Researchers {
    min-height: 500px;
    padding: 80px 0;
}
#Researchers p {
    display: inline-block;
}
#Researchers .latest_blog {
}
#Researchers .latest_blog h2 {
    padding-bottom: 20px;
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Roboto Slab', serif;
    color: #222222;
}
#Researchers .latest_blog p {
    padding-bottom: 45px;
    font-size: 16px;
    color: #646464;
    font-family: 'Open Sans', sans-serif;
}
#Researchers .single_blog_item {
    border: 1px solid #d1d3d1;
}
#Researchers .blog_content {
    padding: 15px;
    height: 250px;
}
#Researchers .blog_content h3 {
    font-size: 22px;
    font-weight: 400;
    padding-bottom: 10px;
    color: #454444;
    font-family: 'Roboto Slab', serif;
}
#Researchers .expert {
    padding-bottom: 20px;
    color: #aeadad;
}
#Researchers .expert span.time {
    padding-right: 10px;
    border-right: 1px solid;
}
#Researchers .expert span.admin {
    padding-left: 5px;
    color: #aeadad;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
#Researchers .blog_news .blog_img img {
    height: 230px;
    width: 100%;
}
#Researchers .blog_news span.right_msg span {
    font-size: 14px;
    color: #aeadad;
    font-family: 'Roboto Slab', serif;
    font-weight: 400;
}
#Researchers .expert a {
    color: #aeadad;
}
#Researchers .expert p.right_side {
    padding-left: 110px;
}
#Researchers p.blog_news_content {
    color: #646464;
    font-size: 14px;
    padding-bottom: 15px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
#Researchers a.blog_link {
    text-transform: uppercase;
    font-weight: 500;
    color: #545353;
    transition: 0.7s;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
}
#Researchers a.blog_link:hover {
    color: #43a906;
}
/*purches*/
section#market {
    padding: 80px;
}

#purches {
    min-height: 120px;                              /*200px*/
    background: #333333;
    margin-bottom:15px;                             /*khmonir*/
}
#purches .purches_title {
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
    color: #ffffff;
}
#purches h2.purches_title {
    font-size: 36px;
    padding-top: 40px;                              /*80px*/
    font-family: 'Roboto Slab', serif;
    font-weight: 700;
    color: #ffffff;
}
#purches a.purches_btn {
    float: left;                                    /*right*/
    margin-top: 40px;                               /*80px*/
    padding: 8px 58px;
    background: #43a906;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 2px;
    font-family: 'Roboto Slab', serif;
    font-size: 18px;
}
div#market-place {
    min-height: 200px;
    border-bottom: 1px solid #bcbaba;
}


/*Contact*/

#contact {
    min-height: 650px;
    background: #eeeeee;
    padding: 80px 0;
}

.msg {
    padding-top: 50px;
}
input#name,
input#email {

    margin-bottom: 10px !important;
}

.text_area textarea {
    resize: none;
    width: 555px;
}
.text_area textarea,
.form-inline .form-control,
input#name,
input#email,
input#subject{
    border-radius: 0px;
    margin-bottom: 20px;
    border: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #d4d4d4;
    font-style: italic;
    color: #696969;
    font-family: 'Open Sans', sans-serif;
}
li.fw-flash-message {
    color: red;
    font-size: 4rem;
}
.msg_title h5 {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 400;
    padding-bottom: 20px;
    font-family: 'Roboto Slab', serif;
    color: #222222;
}
.custom-btn {
    padding: 13px 82px;
    background: #43a906;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    border: 0px;
    border-radius: 2px;
    letter-spacing: 5px;
    font-size: 14px;
    font-family: 'Roboto Slab', serif;
    outline: 0 !important;
}
.office {
    padding-top: 50px
}
.office .title h5 {
    font-size: 22px;
    font-weight: 400;
    text-transform: uppercase;
    padding-bottom: 20px;
    font-family: 'Roboto Slab', serif;
    color: #222222;
}
.office_location i span {
    padding-left: 15px;
    color: #696969;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
}
.office_location i {
    padding-bottom: 15px;
}
.office_location {
    color: #696969;
}
.contact_area h3 {
    font-size: 36px;
    padding-bottom: 20px;
    font-weight: 700;
    text-transform: uppercase;
    color: #222222;
    font-family: 'Roboto Slab', serif;
}
.contact_area p {
    font-size: 16px;
    color: #646464;
    font-family: 'Open Sans', sans-serif;
}
#map {
    width: 100%;
    margin: 0;
    box-shadow: 0px 0px 0px rgba(255, 255, 255, 0);
    min-height: 300px;
}

/*Footer*/

#footer {
    min-height: 100px;
    background: #222222;
    color: #fff;
}
#footer .copyright,
#footer .designer {
    padding-top: 45px;
    font-size: 14px;
}
#footer .copyright p {
    text-align: left;
}
#footer .designer p {
    text-align: right;
}
#footer .copyright p,
#footer .copyright p span a,
#footer .designer p,
#footer .designer a {
    font-size: 14px;
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    padding-left: 3px;
}

/*Back to Top*/

#back-to-top {
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 9999;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    background: rgba(84, 225, 0, 0.18);
    color: #ffffff;
    cursor: pointer;
    border: 0;
    text-decoration: none;
    transition: all 0.5s ease;
    opacity: 0;
    display: none;
    background: #43a906;
}
#back-to-top:hover {
    color: #fff;
    border-radius: 50%;
}
#back-to-top.show {
    opacity: 1;
}

.affix {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1;
    background: #fff;
    padding-top:0px;
}



/**/

.section-wraper {
    position: relative;
}
.section-edit {
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: 1;
}
.section-abc {
    background: rgba(255, 255, 255, 0.68);
    padding: 2px 5px;
    font-size: 12px;
    font-style: italic;
    display:none;
}
.section-edit:hover .section-abc{
    display:inline;
}
.section-edit .post-edit-link {
    margin: 10px 0;
    padding: 2px 12px;
}
.section-edit .post-edit-link {
    margin: 3px 0;
    padding: 2px 12px;
    font-size: 12px;
    line-height: 1.45;
}
.section-edit .post-edit-link {
    margin: 10px 0;
    display: inline-block;
    background: #E85757 ;
    color: #fff!important;
    padding: 2px 12px;
    border-radius: 3px;
}
.recent-blog .entry-header a {
    font-size: 1.5rem;
}

.event_img img {
    width: 550px;                            /*khmonir // 440px*/
    height: 279px;
    object-fit: contain;                    /*khmonir*/
}
.event_news_img img {
    width: 95px;
    height: 90px;
}

#market-place .fw-single-image img {
    margin: 0 auto;
}


/*.contact_us_padding {
    padding: 80px 0px;
}*/
#contact-us .wel_header {
    padding-top: 0px;
    padding-bottom: 0;
}

#contact-us h3 {
    font-size: 36px;
    padding-bottom: 20px;
    font-weight: 700;
    text-transform: uppercase;
    color: #222222;
    font-family: 'Roboto Slab', serif;

}

#contact-us .wel_header h5 {
    text-align: left;
    font-size: 22px;
    font-weight: 400;
    text-transform: uppercase;
    padding-bottom: 20px;
    font-family: 'Roboto Slab', serif;
    color: #222222;
    padding-top: 0px
}
#contact-us .office_location i {
    padding-bottom: 15px;
}
#contact-us .office_location i span {
    padding-left: 15px;
    color: #696969;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
}

#contact-us .form-group {
    margin-bottom: 0;
}
.wel_header.contact_us_h5 {
    margin-left: -15px !important;
}
/*input#name,label.input,label.textarea,textarea.form-control {
    width: 100%;
}*/

#slider .carousel-indicators {
    bottom: 70px;
}

ul.entry-meta {
    text-align: left;
}
.btn-primmary{
    background-color: #43a906;
    padding: 10px 30px;
    font-size: 16px;
    font-family: 'Roboto Slab', serif;
    font-weight: 700;
}
.btn.focus, .btn:focus, .btn:hover {
    color: #ffffff;
}
#commentform #comment {
    padding-left: 10px;
    margin-top: 10px;
}
.widget_search .search-form input[type="submit"], .widget_search input[type="submit"] {
    font-family: 'Roboto Slab', serif;
    font-weight: 700;
}
.widget_search .search-form input[type="search"], .widget_search input[type="search"] {
    padding: 0 40px;
}
.main-content.blog-w.rap,.main-content.container.blog-wrap.single-blog {
    margin-top: 80px;
}


/*//////////from old design by abdelrahman///////////////////////////*/

/*Detail*/

#Detail
    {
        min-height: 600px;
        background:inherit;
        color:inherit;
        height:inherit; 
        position:inherit;
        overflow:auto;
        float:right;
    }
    
#Detail .Title2                                                 /*khmonir*/
    {
        float:right;
    }
    

/* Lef menu///////////////////////////////////////////////*/
#LeftMenu
{
	
	height:auto;
	float:right;
	margin: 10px 10px 10px auto;
	position:inherit;
	overflow:auto;
}

#LeftMenu ul li a {
    color: #393939;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Roboto Slab', serif;
}
#LeftMenu ul li a:hover {
    color: #4DA91C;
}

#LeftMenu li.active a
{
	color: #4DA91C;
	display: inline-block;
	position: relative;
}
#LeftMenu li:after {
    content: '';
    display: block;
    margin: auto;
    height: 3px;
    width: 0px;
    background: transparent;
    transition: width .5s ease, background-color .5s ease;
    margin-top: 6px;
}
#LeftMenu li:hover:after,li.active:after {
    width: 90%;
    background: #4DA91C;
}

#AboutARC {                                         /*Added by khmonir*/
    min-height: 100px;
    padding: 55px;
    font-size: x-large;
    text-align: center;
    /*display: flex; 
    justify-content: center;*/
    background-image: url(/img/plants-care1.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: #d8f5bc;                  /*#274A69 #cccb93*/
    /*background: rgb(2,0,36);
    background: linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(101,180,92,1) 23%, rgba(0,212,255,1) 100%);*/
}

#AboutDetail
{      
    /*border: 0.01px solid #C0C0C0;*/
	padding: 50px 15px 15px 15px;
    /*width:auto;*/
    height:auto;
    min-height:800px;
	position:inherit;
	text-align: justify;
	position:relative;
	/*width:75%;*/
	float:right;
	background-color:#FBFBFB;
    border-radius: 35px;
    border: 1px solid #F2F2F2;
     }

#AboutDetail ul
{
    text-align: justify;
    list-style-type: disc;
	padding: 10px;
	margin-left: 20px;
	/*vertical-align: middle;*/
	list-style-type:disc;
	list-style-position: inside;

}

#AboutDetail ol
{
	text-align: justify;
	padding: 10px;
	margin-left: 20px;
    /*vertical-align: middle;*/
	list-style-position: inside;

}

#AboutDetail img {
    padding: 10px;
    width: auto;
    /*height:150px;*/
    float: left;
    }   
    
#AboutDetail .Title                             /*khmonir*/
    {
        font-size: 16px;
        font-size: 6vmin;
	    font-weight: bold;
	    text-align: right;
	    vertical-align: middle;
	    padding-left: 8px;
	    height: 18px;
    }   
    
    
#AboutDetail .Title>th                          /*khmonir*/
    {
        text-align: right;
    }   

#AboutDetail table                        /*khmonir*/
    {
       width:100%;
     }    
         
#AboutDetail td                         /*khmonir*/
    {
        text-align: right;
        padding:5px;
        text-align:justify;
    }   
    
@media (max-width:318px) {
                                            /*Added by khmonir*/
        #AboutDetail td
            {
                text-align: right;
                padding:0px !important;
                text-align:justify;  
            } 
             
    }

@media (max-width:768px) {
                                            /*Added by khmonir*/
    #AboutARC {
        background-size: 200%;
    }
    
}

/*===================================*/
.ServStyle
	{
	margin-bottom: 10px;
	overflow:auto;
	line-height:2;                          /*khmonir*/
	}
	
.ServStyle h3, h4                           /*khmonir*/
	{
	    margin-bottom: 10px;
	    margin-top: 20px;
	}
	
.ServStyle .Title
	{
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	vertical-align: middle;
	padding-left: 8px;
	height: 18px;
	}
	
.ServStyle .Title2
	{
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	padding-left: 8px;
	}
	
.ServStyle .ServStyleBody
	{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom:4px;
	padding-left: 4px;
	}
	
.ServStyle UL
	{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	list-style-image: url(../images/bullet3_09.gif);
	vertical-align: middle;
	list-style-type: none;
	list-style-position: inside;
	}

.ServStyle UL a
	{
	color: #333333;
	text-decoration: none;
	vertical-align: middle;
	text-indent: -20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	}

.ServStyle a:hover
	{
	color: #999999;
	text-decoration: underline;
	}

.ServStyle UL a:hover
	{
	color: #003300;
	}

.ServStyle .more
	{
	color: #bd0027;
	text-decoration: none;
	float: right;
	margin-top: 3px;
	margin-bottom: 0px;
	margin-right: 3px;
	padding: 0px;
	font-weight: bold;
	}

.ServStyle img {
    padding: 10px;
    width:200px;
    height:150px;
    float:left;
    }
    .mobile-menu
    {
      
    } 
    
/*EJAR*/                                /*khmonir*/

#EJAR {
    min-height: 100px;
    background:#274A69;                     /*#000000*/
}
#EJAR .volunteer_content h3 {
    font-size: 45px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    padding-bottom: 10px;
    font-family: 'Open Sans', sans-serif;
}
#EJAR .volunteer_content h3 span {
    color: #43a906;
}
#EJAR .volunteer_content p {
    font-size: 14px;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
}
#EJAR .join_us {
    padding-top: 55px;
}
#EJAR .vol_area {
    padding: 40px 0;
}
#EJAR .join_us a.vol_cust_btn {
    background: #43a906;
    color: #fff;
    padding: 8px 50px;
    border: 1px solid #43a906;
    border-radius: 3px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    float:left;                                         /*khmonir*/
}

/*Library*/                         /*khmonir*/
#Library {
        min-height: 100px;
        padding: 55px;
        font-size: x-large;
	text-align: center;
        /*display: flex; 
        justify-content: center;*/
                background-image: url(http://nile.enal.sci.eg/opac-tmpl/bootstrap/images/banner003.jpg);
        background-size: 100%;
        background-repeat: no-repeat;
        background-color: #cccb93;

    }
    
/*AbdElrahman*/

/*AASW8*/                               

#AASW8 {
    min-height: 100px;
    background:#274A69;                     /*#000000*/
}
#AASW8 .volunteer_content h3 {
    font-size: 45px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    padding-bottom: 10px;
    font-family: 'Open Sans', sans-serif;
}
#AASW8 .volunteer_content h3 span {
    color: #43a906;
}
#AASW8 .volunteer_content p {
    font-size: 14px;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
}
#AASW8 .join_us {
    padding-top: 55px;
}
#AASW8 .vol_area {
    padding: 40px 0;
}
#AASW8 .join_us a.vol_cust_btn {
    background: #43a906;
    color: #fff;
    padding: 8px 50px;
    border: 1px solid #43a906;
    border-radius: 3px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    float:left;                                        
}


/*End AbdElrahman*/
    
   
/*############## GridView Style ###################*/
/* pagination Yusuf Setiawan's Blog */
.pagination-ys {
    /*display: inline-block;*/
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
 
.pagination-ys table > tbody > tr > td {
    display: inline;
}
 
.pagination-ys table > tbody > tr > td > a,
.pagination-ys table > tbody > tr > td > span {
    position: relative;
    float: right;                               /*khmonir ..... left*/
    padding: 8px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #dd4814;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    margin-left: -1px;
}
 
.pagination-ys table > tbody > tr > td > span {
    position: relative;
    float: right;                               /*khmonir ..... left*/
    padding: 8px 12px;
    line-height: 1.42857143;
    text-decoration: none;    
    margin-left: -1px;
    z-index: 2;
    color: #aea79f;
    background-color: #f5f5f5;
    border-color: #dddddd;
    cursor: default;
}
 
.pagination-ys table > tbody > tr > td:first-child > a,
.pagination-ys table > tbody > tr > td:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}
 
.pagination-ys table > tbody > tr > td:last-child > a,
.pagination-ys table > tbody > tr > td:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
 
.pagination-ys table > tbody > tr > td > a:hover,
.pagination-ys table > tbody > tr > td > span:hover,
.pagination-ys table > tbody > tr > td > a:focus,
.pagination-ys table > tbody > tr > td > span:focus {
    color: #97310e;
    background-color: #eeeeee;
    border-color: #dddddd;
}
.pagination-ys table > tbody > tr > td > span
{
    color: #008000;
    font-weight: bold;
} 

/*################## Khmonir #########################*/
.tcmo
{
    }
    
.tcmo ul li
{
    text-align:justify;
    text-indent:2px;
    margin-right:10px;
    }    
    
    
.text-justify
{
    text-align:justify;
    }
    
.PubResultView ul
{
    text-align:justify;
    padding: 20px;
    }    
    
.PubResultView p
{
   margin-right: 30px;
    }    
    
.Achiv
    {
        text-align:justify;
        }

.Achiv ul li
    {
        text-align:justify;
        text-indent:2px;
        margin-right:10px;
        }

.AboutInternal
    {
        border-style:none !important;
        font-size: 5vmin;
    }

.floatdirL_R
    {
        float:right;    
    }    
    
.floatdirR_L
    {
        float:left;    
    }        
/*##############   Institut $ Labs ##############*/
.InsLabLogo
    {
        float:right;
        padding-right:50px;
    }    
    
    
.ARCLogo
    {
        float: left;
        padding-top:20px;    
    }
    
/*    
.DetailStyle
    {
        background-color:#FBFBFB;
        border-radius: 5%;
        border: 1px solid #F2F2F2;
        
    }
*/

/*##############   mnews ##############*/

.mnews
{
    background: linear-gradient(to left, #AAAAC6 0%, #ffffff 30%);
}

.borderimage
{
    border: 50px solid transparent;
    padding: 10px; 
    border-image: url('../img/spring-border.png') 100 round;
    /*border-image: url('../img/hintergrund.png') 50 round;*/
    /*border-image: url('../img/natural-wheat-ears.jpg') 50 stretch;*/
    
    /* 
    background-image: url('../img/natural-wheat-ears.jpg');
    background-position:bottom center;
    background-size: 120% 120%;
    background-repeat:no-repeat;
    */
    /*
    background-image: url('../img/wheat.png');
    background-position:bottom left;
    background-size: 20% 20%;
    background-repeat:no-repeat;
    */
   
}
/*############## media devices ##############*/			/* Added by khmonir 27-6-2022*/
@media (max-width:480px) {
        .floatdirL_R                       
            {
                float: unset; 
            }
            
         .floatdirR_L                       
            {
                float: unset; 
            }
            
         .align-center-sm {
			display: flex;
			justify-content: center;
         }   
         
         #Library {
			min-height: unset;
			text-align: unset;
			padding: 30px 10px;
			font-size: larger;
         }
     }