@import url(//fonts.googleapis.com/css?family=Montserrat:300,500);

body{
    font-family: "Raleway",-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen-Sans,Ubuntu,Cantarell,'Helvetica Neue',sans-serif;
    font-weight: 400;
    font-style: normal;
    text-transform: none;
    font-size: 15px;
    line-height: 26px;
    letter-spacing: 0;
    color: #5f6263;
}
h1,
h4,
h2{
    font-size: 36px;
    color: #070707;
    font-weight: 700;
}

h6 {
    font-family: "Montserrat",-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen-Sans,Ubuntu,Cantarell,'Helvetica Neue',sans-serif;
    font-weight: 400;
    font-style: normal;
    text-transform: none;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 0;
    color: #222;
}
 h5 {
    font-family: "Montserrat",-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen-Sans,Ubuntu,Cantarell,'Helvetica Neue',sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 36px;
    letter-spacing: 0;
    color: #222;

}
.sec_title h3{
    font-family: "Montserrat",-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen-Sans,Ubuntu,Cantarell,'Helvetica Neue',sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 25px;
    line-height: 52px;
    letter-spacing: 1px;
    color: #222;
}
.top_bar,
.section_3 {
    background-color: #21744e;
    padding: 10px 0px;
}

.top_bar .top_bar_btn{    border: 1px solid #fff;
    color: #fff;
    padding: 2px 8px;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
    border-radius: 3px;}
.top_bar .top_bar_btn:hover{color: #ddd;}

.slider_and_navbars {
    position: relative !important;
    /* z-index: 1; */
}

#video-bg {
    position: relative;
    width: auto;
    min-width: 100%;
    height: auto;
    background: transparent url(video-bg.jpg) no-repeat;
    background-size: cover;
  }
  video {
    display: block;
      width: 100%;
  }
  .video-container {
    width: 100%;
    max-height: 600px;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    z-index: -100;
  }

.nav_transparent {
    position: absolute !important;
    top: 15px !important;
    left: 0 !important;
    width: 100% !important;
    background: transparent;
    z-index: 2;
}
.nav_transparent.other_page {
    top: 0!important;
    background: #02030A;
}

.image_bg {
    background-image: url("images/block-image-2.jpg");
}


.content_sec1 .card-img-wrap {
    max-height: 350px;
}

.content_section_1,
.content_section_3,
.content_section_5 {
    background-color: #FFFFFF;
}

.content_section_2,
.content_section_4 {
    background-color: #FFFFFF;
    padding-bottom: 220px;
}
.content_section_4_b{
    background-color: #FFFFFF}

.carousel-item img {
    height: 500px !important;
    width: 100% !important;
    object-fit: cover;
}


.logo_text{    color: #4F5C3A;
    font-weight: bold;
    text-decoration: none;
    font-size: 20px;}

#main_menu{}
#main_menu ul{    margin: 0;
    padding: 0;}
#main_menu ul li{display: inline-block;list-style: none;}
#main_menu ul li a{    color: #4F5C3A;
    font-weight: 700;
    padding: 2px 8px;
    display: inline-block;
    text-decoration: none;
    border: 2px solid transparent;}
#main_menu ul li a.active{
    border: 2px solid #4F5C3A;}

/*#main_menu ul li a:hover{*/
/*    border: 2px solid #4F5C3A;}*/


.slider_wrap{    position: absolute;
    left: 0;
    top: 26%;
    width: 100%;
    text-align: left;color: #515350;}
.slider_wrap .slider_content{}

.slider_wrap .slider_content h4{font-size: 35px;
    font-weight: bold;}
.slider_wrap .slider_content h1{font-weight: bold;
    font-size: 57px;}
.slider_wrap .slider_content p{font-size: 33px;}




.image_bg {
    background-image: url("images/block-image-2.jpg");
}
.content_sec3_content{
    margin: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    max-width: 700px;
}
.content_sec3{overflow: hidden;}
.container-fluid{
}

.content_section_1,
.content_section_3 {
    background-color: #FFFFFF;
}
.sec1_top_border{
    border-top: 3px solid #788d4b;
    width: 50%;
    margin-bottom: 15px;
}

.content_section_2,
.content_section_4 {
    background-color: #FFFFFF;
}

.carousel-item img {
    height: 500px !important;
    width: 100% !important;
    object-fit: cover;
}


.logo_text{    color: #4F5C3A;
    font-weight: bold;
    text-decoration: none;
    font-size: 20px;}

#main_menu{}
#main_menu ul{margin: 0;padding: 0;
    margin-top: 10px;}
#main_menu ul li{display: inline-block;list-style: none;}
#main_menu ul li a{    color: #FFFFFF;
    font-weight: 700;
    font-family: monospace;
    font-size: 15px;
    padding: 1px 8px;
    display: inline-block;
    text-decoration: none;
    border: 2px solid transparent;text-transform: uppercase;}
#main_menu ul li a.active{
    border: 2px solid #4F5C3A;}

#main_menu ul li a.super_active{
    border: 2px solid #4F5C3A;
    background: #4F5C3A;
    color: #fff;
    border-radius: 5px;
}


.top_footer{
    background-color: #FFFFFF;
}
.top_footer.bottom{
    background-color: #617e7991;
}
.nav_item{
    list-style: none;
}
.nav_item li a{
    text-decoration: none;
    color:#4F5C3A;
    font-size: 15px;
}
.donate_now {
    font-weight: bold;
    font-family: monospace;
    background-color: #3c5639;
    border-radius: 5px;
    border: 2px solid #6d8f3b;
    font-size: 15px;
}
#main_menu .donate_now a{
    color:white;
}
.donate_now a{
    color:white;
}

.fal{
    color: #5e817b;
    font-size: 20px;
}

/*--image inne border--*/
.img_inner_border, .img_inner_border_big {
    position: relative !important;
    /* display: inline-block !important; */
    z-index: 1 !important;
    overflow: hidden;
}

.img_inner_border::before {
    border: 3px solid #c6c396 !important;
    position: absolute !important;
    top: 5%!important;
    left: 4%;
    width: 92% !important;
    content: '' !important;
    z-index: 9999;
    height: 90%;
}
.img_inner_border_big::before{
	border: 3px solid #c6c396 !important;
    position: absolute !important;
    top: 3%!important;
    left: 1%;
    width: 98% !important;
    content: '' !important;
    z-index: 9999;
    height: 94%;
}

.card-body.overlap_content {
    position: absolute !important;
    z-index: 2 !important;
    background: #fff !important;
    top: 70% !important;
    width: 95% !important;
    right: 0 !important;
    border-radius: 5px;
    padding: 26px;
	transition: .3s;
	display: block;
}
.content_section_4{
	/*min-height: 600px !important;*/
}
.offset-min-1 {
    margin-left: -1.33%;
}
.offset-0 {
    margin-left: 0;
}
.offset-1 {
    margin-left: 1.33333333%;
}


.card-body.overlap_content:hover {
    margin-right: -20px  !important;
    border-bottom: 5px solid #1b762e !important;
}

.button {
    border: 2px solid #617E79;
    color: #617E79;
    text-transform: uppercase;
    margin-bottom: 20px;
    display: inline-block;
    padding: 2px 15px;
    text-decoration: none;
    font-weight: 500;
    border-radius: 5px;
}
.button:hover {
    color: #fff;
}
.continue_reading{
	color: #8b9863;
	text-decoration: none;
	text-transform: uppercase;
	font-weight:700;
}

.container.footer_text p {
    line-height: 1;
    margin-top: 14px;
}

.logo img {
    width: 120px;
}
.carousel-caption h4{
	font-size: 37px !important;
}
.carousel-caption h1{
	font-size: 60px !important;
}
.carousel-caption p{
	font-size: 33px !important;
}
.latest_content p{
    font-size: 13px;
}
.about_content p{
   font-size: 13px;
}
.card_content {
    min-height: 160px;
}
.card_content p{
    font-size: 13px;
}
.subscribe .card_bg{
    background: #e7e9e6;
}
.subscribe_title{
    font-size: 17px;
}
.content_section_5{
    background: #FFFFFF;
}

.subscribe_content p{
    font-size:13px;
}
.raised .raised_font{
    float: right;
}

.parallax {
    background-image: url('parallax.png');
    min-height: 500px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .feedback_parallax {
    background-image: url('survey-testing.png');
    height: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
  }

  .feedback_parallax h2 {
    padding-top: 100px;
  }

  .parallax h5 {
    color: #FFFFFF;
    font-size: 50px;
  }

  a.animated_btn.nav {
    min-width: 120px;
    height: 30px;
    padding: 0 0;
}

.animated_btn.nav .btn-text {
    display: block;
    padding: 2px 19px 15px;
    position: relative;
}

.animated_btn.nav .ab_bg_left {
    display: none;
}
.animated_btn.nav .ab_bg_right {
    display: none;
}
/* .animated_button{    border: none;
    background: #53A92C;
    color: #fff;
    padding: 8px 25px;
    font-size: 20px;
    font-weight: 600;
    border-radius: 3px;
    overflow: hidden;
    position: relative;}
.animated_button:hover{}
.animated_button:focus{outline: none;}
.animated_button:before{content: '';position: absolute;left: 0;bottom: 0;width: 0;height: 0;border: 3px solid transparent;border-radius: 3px;
    transition: .3s
}
.animated_button:hover:before{width: 100%;height: 100%;border-bottom-color: red;border-right-color: red;} */


/* Windfall Buttons */
.animated_btn:before, .animated_btn:after, .btn-text-wrap:before, .btn-text-wrap:after{background-color: yellow;}
.animated_btn {
    /*display: none;*/
    vertical-align: middle;
    overflow: hidden;
    clear: both;
    min-width: 140px;
    background: #617E79;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    max-width: 100%;
    text-align: center;
    position: relative;
    outline: none;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: none;
    -ms-transition: none;
    transition: none;
    text-decoration: none;
}

.mySlides.active .animated_btn{display: inline-block;}

.animated_btn .ab_bg_left{    position: absolute;
    width: 90%;
    height: 200%;
    background-color: #53a92c;
    z-index: 1;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    left: -146px;
    top: -50px;}
.animated_btn .ab_bg_right{    position: absolute;
    width: 90%;
    height: 200%;
    background-color: #53a92c;
    z-index: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    right: -146px;
    top: -5px;}

.animated_btn:hover .ab_bg_left{left: -47px;}
.animated_btn:hover .ab_bg_right{right: -50px;}
.visibility-hidden{opacity: 0;}

.btn-text-wrap {
display: block;
-webkit-transition: .3s;
-ms-transition: .3s;
transition: .3s;
-webkit-transition-delay: 1.2s;
-ms-transition-delay: 1.2s;
transition-delay: 1.2s;
}
.animated_btn .btn-text {
display: block;
padding: 14px 19px 15px;
position: relative;
}
.animated_btn:hover {
background: none;
color: #fff;

-webkit-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s;
}
.animated_btn:hover .btn-text-wrap {
background: transparent;
-webkit-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s;
}
.animated_btn:hover:before {
width: 100%;
-webkit-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s;
}
.animated_btn:hover:after {
height: 100%;
-webkit-transition-delay: .3s;
-ms-transition-delay: .3s;
transition-delay: .3s;
}
.animated_btn:hover .btn-text-wrap:after {
height: 100%;
-webkit-transition-delay: .9s;
-ms-transition-delay: .9s;
transition-delay: .9s;
}
.animated_btn:hover .btn-text-wrap:before {
width: 100%;
-webkit-transition-delay: .6s;
-ms-transition-delay: .6s;
transition-delay: .6s;
}
.animated_btn:before,
.animated_btn:after,
.animated_btn .btn-text-wrap:before,
.animated_btn .btn-text-wrap:after {
position: absolute;
content: "";
-webkit-transition: all .5s ease;
-ms-transition: all .5s ease;
transition: all .5s ease;
z-index: 1;
}
.animated_btn:before,
.animated_btn:after {
left: 0;
bottom: 0;
-webkit-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
z-index: 999999;
}
.animated_btn:before {
width: 0;
height: 2px;
-webkit-transition-delay: .9s;
-ms-transition-delay: .9s;
transition-delay: .9s;
}
.animated_btn:after {
left: auto;
right: 0;
width: 2px;
height: 0;
-webkit-transition-delay: .6s;
-ms-transition-delay: .6s;
transition-delay: .6s;
}
.animated_btn .btn-text-wrap:before,
.animated_btn .btn-text-wrap:after {
right: 0;
top: 0;
-webkit-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
}
.animated_btn .btn-text-wrap:before {
width: 0;
height: 2px;
-webkit-transition-delay: .3s;
-ms-transition-delay: .3s;
transition-delay: .3s;
}
.animated_btn .btn-text-wrap:after {
right: auto;
left: 0;
width: 2px;
height: 0;
-webkit-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s;
}

.btn-text-up{    position: absolute;
    z-index: 999;
    left: 0;
    width: 100%;}


/* Slider */
.slider_section{
    width: 100%;
    overflow: hidden;
    /* position: fixed;
    max-height: 100vh;
    top: 0;z-index: -2; */
}
.slideshow_container{height: 800px;position: relative;}
.slider_section .mySlides{transition: 0;height: 0;position: relative;}
.slider_section .mySlides img{width: 100%;height: 100%;object-fit: cover;}
.slider_section .mySlides.active{height: 100%;}
.slider_section .mySlides.active img{transform: scale(1.3);transition: transform 20s;}
/* .slider_content_wrap{    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: rgb(0, 0, 0, .5);
    height: 100%;
    padding-top: 32vh;} */
/* .slider_content{
    width: 600px;max-width: 100%;
}
.slider_content h2{font-size: 50px; color: white;}
.slider_content .sc_border{width: 200px;
    border-top: 2px solid #E20E0F;
    display: inline-block;
    margin-bottom: 15px;} */

/* .btn_slider{    color: #fff;
    font-size: 16px;
    transition: .3s;
    border: 2px solid #fff;
    padding: 7px 15px;
    display: inline-block;}
.btn_slider:focus{outline: none;}
.btn_slider:hover{
    color: #ddd;text-decoration: none;}
.btn_slider i{margin-left: 10px;}
.slider_bottom_area{} */

/* The dots/bullets/indicators */
.dot {
cursor: pointer;
height: 15px;
width: 15px;
margin: 0 2px;
background-color: gray;
border-radius: 94%;
display: inline-block;
transition: background-color 0.6s ease;
}

.dot.active, .dot:hover {
background-color: white;
}

.slider_dot_container{
text-align: center;
position: absolute;
left: 0;
bottom: 10px;
width: 100%;
}
/* End Slider */


.footer_widget_menu{margin: 0;padding: 0;}
.bottom_bar{background-color: #21744e;}

.footer_widget{margin-bottom: 25px;}

.footer_cart{
    background: none;
    border: none;}





.bt_back{
    background: transparent;
}
.social_icon{
    list-style: none;
    color: white;
}
.social_icon li{
    padding: 4px;
}
.social_icon_color{
    color: white;
}
.custom_logo{
    width: 100%;
    height: 50px;
}
.nav-colored{
    background: #617e79c9;
    top: 0 !important;
    position: fixed !important;
}
.nav-transparent{
    background: transparent;
}





.row.heading h2 {
    color: #fff;
    font-size: 52.52px;
    line-height: 95px;
    font-weight: 400;
    text-align: center;
    margin: 0 0 40px;
    padding-bottom: 20px;
    text-transform: uppercase;
}
ul{
  margin:0;
  padding:0;
  list-style:none;
}
.heading.heading-icon {
    display: block;
}
.padding-lg {
	display: block;
	padding-top: 60px;
	padding-bottom: 60px;
}
.practice-area.padding-lg {
    padding-bottom: 55px;
    padding-top: 55px;
}
.practice-area .inner{
     border:1px solid #999999;
	 text-align:center;
	 margin-bottom:28px;
	 padding:40px 25px;
}
.our-webcoderskull .cnt-block:hover {
    box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
    border: 0;
}
.practice-area .inner h3{
    color:#3c3c3c;
	font-size:24px;
	font-weight:500;
	font-family: 'Poppins', sans-serif;
	padding: 10px 0;
}
.practice-area .inner p{
    font-size:14px;
	line-height:22px;
	font-weight:400;
}
.practice-area .inner img{
	display:inline-block;
}


.our-webcoderskull{
  background: url("http://www.webcoderskull.com/img/right-sider-banner.png") no-repeat center top / cover;

}
.our-webcoderskull .cnt-block{
   float:left;
   width:100%;
   background:#fff;
   padding:30px 20px;
   text-align:center;
   /* border:2px solid #d5d5d5; */
   margin: 0 0 28px;
}
.our-webcoderskull .cnt-block figure{
   width:148px;
   height:148px;
   border-radius:100%;
   display:inline-block;
   margin-bottom: 15px;
}
.our-webcoderskull .cnt-block img{
   width:148px;
   height:148px;
   border-radius:100%;
}
.our-webcoderskull .cnt-block h3{
   color:#2a2a2a;
   font-size:20px;
   font-weight:500;
   padding:6px 0;
   text-transform:uppercase;
}
.our-webcoderskull .cnt-block h3 a{
  text-decoration:none;
	color:#2a2a2a;
}
.our-webcoderskull .cnt-block h3 a:hover{
	color:#337ab7;
}
.our-webcoderskull .cnt-block p{
   color:#2a2a2a;
   font-size:13px;
   line-height:20px;
   font-weight:400;
}
.our-webcoderskull .cnt-block .follow-us{
	margin:20px 0 0;
}
.our-webcoderskull .cnt-block .follow-us li{
    display:inline-block;
	width:auto;
	margin:0 5px;
}
.our-webcoderskull .cnt-block .follow-us li .fa{
   font-size:24px;
   color:#767676;
}
.our-webcoderskull .cnt-block .follow-us li .fa:hover{
   color:#025a8e;
}
@media (min-width: 992px){
    .col-lg-2 {
        max-width: 25%;
    }
}
#comment_div{
    background-color: #5ec3ec45;
    border-radius:7px;
    height: 30px;
}
.form-check-input {
    margin-top: 0.5rem;
}
.feedback_parallax h3 {
    padding-top: 200px;
    color: black;
    font-size: 20px;
    width: 100%;
    margin: auto;
}
.feedback_parallax h4 {
    padding: 20px;
    color: black;
    font-size: 20px;
    width: 100%;
    margin: auto;
}


/* Scrolling Border */
.scrolling_border{}
/* Ens Scrolling Border */

/* Event */
.upcoming_events{background: #ddd;padding: 55px 0;padding-top: 0;}
.ue_wrap{
    /* border: 1px solid #000;
    padding: 8px 8px; */
    position: relative;
    overflow: hidden;
    padding-bottom: 35px;
}
.ue_wrap:before{    position: absolute;
    content: '';
    width: 100%;
    height: calc(100% - 105px);
    border: 2px solid #8C8C8C;
    border-top: 0;
    border-radius: 4px;
    left: -205px;
    top: 90px;
}
.ue_wrap:after{    position: absolute;
    content: '';
    width: 250px;
    height: calc(100% - 105px);
    border-top: 2px solid #8C8C8C;
    border-radius: 4px;
    top: 90px;
    right: 205px;
}
.ue_box{    padding-top: 50px;}
.ue_box:hover{text-decoration: none;}
.thumb{position: relative;}
.thumb img{    height: 240px;
    object-fit: cover;}
.ue_date{     position: absolute;
    right: 21px;
    top: -14px;
    background-color: #019BC0;
    color: #fff;
    text-align: center;
    width: 71px;
    padding: 10px 0;
    font-weight: 700;
    font-size: 18px;}
.ue_text{    background: #EFEFEF;
    padding: 6px 9px;
    color: #6E6E6E;}
.ue_title{
    font-weight: 700;}
.ue_text p{    overflow: hidden;
    height: 30px;}

.ue_section_title{     color: #0E95B4;
    font-size: 26px;
    font-weight: 400;
    font-style: italic;
    text-align: center;
    margin-left: -11%;
}
.ue_section_content{
    text-align: center;
    margin-left: -11%;
}
.ue_button{    text-transform: uppercase;
    color: #019BC0;
    margin-top: -10px;
    font-weight: bold;
    text-align: center;
    display: block;
    margin-bottom: 7px;
    margin-left: -40px;}
.ue_button:hover{text-decoration: none;color: #384a02;}

.upcoming_events_items{    padding: 0 15px; height: 400px;}
.upcoming_events{}
.upcoming_events .owl-carousel .owl-nav{text-align: right;float: right;}
.upcoming_events .owl-carousel .owl-nav .owl-prev{    font-size: 35px !important;
    padding: 0px 6px !important;}
.upcoming_events .owl-carousel .owl-nav .owl-next{    font-size: 35px !important;
    padding: 0px 6px !important;}
.upcoming_events .owl-carousel .owl-nav .owl-prev:focus{outline: none;}
.upcoming_events .owl-carousel .owl-nav .owl-next:focus{outline: none;}

.event_image_container{overflow: visible !important;}
.event_image_wrap{overflow: hidden;}

.upcoming_events .owl-dots{float: left;}
.upcoming_events .owl-dots .owl-dot{}
.upcoming_events .owl-dots .owl-dot:focus{outline: none;}
.upcoming_events .owl-dots .owl-dot span{    display: block;
    width: 6px;
    height: 6px;
    background: #000;
    border-radius: 50%;
    margin-right: 5px;}
.upcoming_events .owl-dots .owl-dot.active span{background: #0399BE;}

.ue_right_text{    background: #ffffff;
    padding: 5px 10px;
    margin-top: 137px;
    text-align: justify;
    padding-left: 0;
    color: #7A7A7A;}
/* End Event */

/*animated button*/
.animated-button6-wrap{
    float: right;
}
.animated-button6 {
    background: linear-gradient(-30deg, #0b3d24 50%, #082b1a 50%);
    padding: 5px 6px;
    display: inline-block;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    overflow: hidden;
    color: #d4f7e6;
    font-size: 11px;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
    border: none;
}
.animated-button6:focus {
    outline: none;
}
.animated-button6:hover {
    background: linear-gradient(-30deg, #0b3d24 50%, #082b1a 50%);
    padding: 5px 6px;
    display: inline-block;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    overflow: hidden;
    color: #d4f7e6;
    font-size: 11px;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}

.animated-button6::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #85ad99;
    opacity: 0;
    -webkit-transition: .2s opacity ease-in-out;
    transition: .2s opacity ease-in-out;
}

.animated-button6:hover::before {
    opacity: 0.2;
}

.animated-button6 span {
    position: absolute;
}

.animated-button6 span:nth-child(1) {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, right top, left top, from(rgba(8, 43, 26, 0)), to(#26d980));
    background: linear-gradient(to left, rgba(8, 43, 26, 0), #26d980);
    -webkit-animation: 2s animateTop linear infinite;
    animation: 2s animateTop linear infinite;
}

button.animated-button6.bt_back.nav {
    width: 125px;
}
@keyframes animateTop {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.animated-button6 span:nth-child(2) {
    top: 0px;
    right: 0px;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(8, 43, 26, 0)), to(#26d980));
    background: linear-gradient(to top, rgba(8, 43, 26, 0), #26d980);
    -webkit-animation: 2s animateRight linear -1s infinite;
    animation: 2s animateRight linear -1s infinite;
}

@keyframes animateRight {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

.animated-button6 span:nth-child(3) {
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(8, 43, 26, 0)), to(#26d980));
    background: linear-gradient(to right, rgba(8, 43, 26, 0), #26d980);
    -webkit-animation: 2s animateBottom linear infinite;
    animation: 2s animateBottom linear infinite;
}

@keyframes animateBottom {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

.animated-button6 span:nth-child(4) {
    top: 0px;
    left: 0px;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(8, 43, 26, 0)), to(#26d980));
    background: linear-gradient(to bottom, rgba(8, 43, 26, 0), #26d980);
    -webkit-animation: 2s animateLeft linear -1s infinite;
    animation: 2s animateLeft linear -1s infinite;
}

@keyframes animateLeft {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

.carousel-item img{
    height: 250px !important;
}

.carousel-control-prev,
.carousel-control-next{
      bottom: 42%;
}

/*  member css start  */

.section_content{
    height: 250px;
    overflow: hidden;
    margin-bottom: 12px;
}

.footer_widget_menu li{padding: 4px 0;}
.social_icon_footer_color {
    color: #617e79;
}
.button_view_all:hover{
    color: #18584d
}



.up_nav{}
.up_nav li{}
.up_nav li a{display: block;color: #617E79;}
.up_nav li a:hover{color: #ADBCB9;text-decoration: none;}
.up_nav li a i{width: 25px;}

.card-img-wrap {
    overflow: hidden;
    position: relative;

}
.card-img-wrap:after {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    /*background: rgba(255,255,255,0.2);*/
    opacity: 0;
    transition: opacity .25s;
}
.card-img-wrap img {
    transition: transform .8s;
    width: 100%;
}
.card-img-wrap:hover img {
    transform: scale(1.1);
}
.card-img-wrap:hover:after {
    opacity: 1;
}

.nav-link.active {
   background-color: #2c6749 !important;
}
.nav-link a{
    color: white;
}

.gallery img{ height: 200px;  object-fit: cover;}
.tab_nav_text{
    color: #18584d;
}
.tab_nav_text:hover{
    color: #18584d;
}


.page_wrap {
    margin-top: 25px;
}


.content_section_5 .card-title{
    height: 45px;
    overflow: hidden;
    margin-top: 6px;}



/* Mobile left menu */
#collapseLeftMenu{    padding: 0 15px;
    position: fixed;
    left: 0;
    top: 45px;
    width: 100%;
    background: #fff;
    z-index: 9;
    box-shadow: 0 -10px 8px 7px #000;}
#collapseLeftMenu ul{}
#collapseLeftMenu ul li{position: relative;}
#collapseLeftMenu ul li button{    border: none;
    background: none;
    position: absolute;
    top: 4px;
    right: 0;}
#collapseLeftMenu ul li button:focus{outline: none;}
#collapseLeftMenu ul li a{color: #000;
    border-bottom: 1px solid #ddd;
    display: block;
    padding: 6px 4px;
    font-size: 14px;}
#collapseLeftMenu ul li a:hover{text-decoration: none;}
#collapseLeftMenu ul li:last-child a{border-bottom: 0;}


#collapseLeftMenu ul li ul{
    padding-left: 15px;
}
/* End Mobile left menu */


.offset-min-1 h2 {
    font-size: 35px;
    color: #264b21;
    text-align: center;
    font-family: fantasy;
}

.latest_content h5 {
    font-size: 35px;
    color: #264b21;
    text-align: center;
    font-family: fantasy;
}

.parallax-content {
    margin: auto;
    padding: 10%;
}
.top_dropdown_btn{    border: none;background: none;color: #fff;}
.top_dropdown_btn i{    line-height: 26px;
    color: #21744E;
    background: #fff;
    font-size: 16px;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    margin-left: 4px;}
.top_dropdown_btn:hover{}
.top_dropdown_btn:focus{outline: none;}
.top_dropdown_btn:after{display: none;}
.dropdown-menu{z-index: 999999 !important;}
.dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:hover{background: #21744E;color: #fff;}

.a_custom{
    text-decoration: none;
    color: black;
}
.a_custom:hover{
    text-decoration: none;
    color: black;
}
.img_60{
    width: 70px;
    border-radius: 35%
}


.board-img {
    overflow: hidden;
    position: relative;
    height: 374px;

}
.board-img:after {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    /*background: rgba(255,255,255,0.2);*/
    opacity: 0;
    transition: opacity .25s;
}
.board-img img {
    transition: transform .8s;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.board-img:hover img {
    transform: scale(1.3);
}
.board-img:hover:after {
    opacity: 1;
}

.executive-img {
    overflow: hidden;
    position: relative;
    height: 300px;

}
.executive-img:after {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    /*background: rgba(255,255,255,0.2);*/
    opacity: 0;
    transition: opacity .25s;
}
.executive-img img {
    transition: transform .8s;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.executive-img:hover img {
    transform: scale(1.3);
}
.executive-img:hover:after {
    opacity: 1;
}

.mb-12 {
    margin-bottom: 4rem;
}

.content_sec3_content .modal-body .text-center div{    height: 98px;
    overflow: hidden;}


/* Team */
.team-title{
    margin-bottom: 0px;
    color: rgba(34,34,34,1);
}

.designation {
    margin-bottom: 10px;
}
h5.boardsec_title{
    font-size: 25px;
}
.boardsec_subtitle{
    font-size: 18px;
}


.content_section_3{width: 100%;overflow: hidden;}



/*===== Start Contact Us =====*/

.bg-contact-us{
    padding: 120px 0 130px 0;
}
.contact-us{}
.contact-title{
    font-size: 30px;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 22px;
}
.contact-form{
    margin-top: 31px;
}
.contact-form .form-control{
    height: 50px;
    border: 1px solid #f0f0f0;
    border-radius: 0;
    box-shadow: none;
    padding-left: 25px;
    margin-bottom: 30px;
}
.contact-form input[type="text"]:focus,
.contact-form input[type="email"]:focus,
.contact-form input[type="url"]:focus,
.contact-form input[type="password"]:focus,
.contact-form input[type="search"]:focus,
.contact-form input[type="tel"]:focus,
.contact-form input[type="number"]:focus,
.contact-form textarea:focus{
    border: 1px solid #53a92c;
}
.text-area{
    height: 150px!important;
    border-radius: none;
    padding-top: 20px;
}
.contact-form .btn-default{
    background: #65ac4c;
    color: #fff;
    padding: 13px 27px;
}
.contact-form .btn-default:before,
.contact-form .btn-default:after{
    background: #fff;
}
.contact-form .btn-default:hover,
.contact-form .btn-default:focus,
.contact-form .btn-default.focus,
.contact-form .btn-default:active{
    color: #53a92c;
}

.contact-address li{
    border-bottom: 1px solid #eeeeee;
    padding: 18px 0;
    overflow: hidden;
}
.contact-address li:first-child{
    padding-top: 0;
}
.contact-address li:last-child{
}

.contact-address .contact-content{
    display: table;
}
.contact-address .contact-content p{
    font-size: 14px;
    color: #696969;
}
.contact-address .fa-map-marker-alt{
    font-size: 30px;
    float: left;
    line-height: 45px;
    margin-right: 13px;
    color: #21744e;
}

.contact-address .fa-phone-alt{
    font-size: 30px;
    float: left;
    line-height: 45px;
    margin-right: 13px;
    color: #21744e;
}

.contact-address .fa-envelope-open-text{
    font-size: 30px;
    float: left;
    line-height: 45px;
    margin-right: 13px;
    color: #21744e;
}


#map{
    width: 100%;
    height: 600px;
}

a.btn-social,
.btn-social
{
    border-radius: 50%;
    color: #ffffff !important;
    display: inline-block;
    height: 54px;
    line-height: 54px;
    margin: 8px 4px;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s;
    webkit-transition: background-color .3s;
    width: 54px;
}

.btn-social .fa,.btn-social i
{
    backface-visibility: hidden;
    moz-backface-visibility: hidden;
    ms-transform: scale(1);
    o-transform: scale(1);
    transform: scale(1);
    transition: all .25s;
    webkit-backface-visibility: hidden;
    webkit-transform: scale(1);
    webkit-transition: all .25s;
}
.btn-social:hover,.btn-social:focus
{
    color: #fff;
    outline: none;
    text-decoration: none;
}
.btn-social:hover .fa,.btn-social:focus .fa,.btn-social:hover i,.btn-social:focus i
{
    ms-transform: scale(1.3);
    o-transform: scale(1.3);
    transform: scale(1.3);
    webkit-transform: scale(1.3);
}
.btn-social.btn-xs
{
    font-size: 9px;
    height: 24px;
    line-height: 13px;
    margin: 6px 2px;
    width: 24px;
}
.btn-social.btn-sm
{
    font-size: 13px;
    height: 36px;
    line-height: 18px;
    margin: 6px 2px;
    width: 36px;
}
.btn-social.btn-lg
{
    font-size: 22px;
    height: 72px;
    line-height: 40px;
    margin: 10px 6px;
    width: 72px;
}

.btn-facebook
{
    background-color: #3b5998;
}
.btn-facebook:hover
{
    background-color: #4c70ba;
}
.btn-instagram
{
    background-color: #3f729b;
}
.btn-instagram:hover
{
    background-color: #548cb9;
}
.btn-linkedin
{
    background-color: #0976b4;
}
.btn-linkedin:hover
{
    background-color: #0b96e5;
}
.btn-twitter
{
    background-color: #55acee;
}
.btn-twitter:hover
{
    background-color: #83c3f3;
}
.btn-youtube
{
    background-color: #e52d27;
}
.btn-youtube:hover
{
    background-color: #ea5955;
}
.btn-email
{
    background-color: #44c456;
}
.btn-email:hover
{
    background-color: #6bd079;
}
/*===== End Contact Us =====*/

.bg-page-header{
    background: url(https://i.postimg.cc/tCPkvt1c/bg-page-background.jpg) no-repeat;
    background-size: cover;
}
.bg-page-header-common{
    background-color: rgba(124, 182, 69, 0.61);
    background-size: cover;
    margin-top: 58px;
}
.page-header-overlay{
    background: rgba(124, 182, 69, 0.61);
}
.bg-page-header .page-header{
    text-align: center;
    border-bottom: none;
    margin: auto;
    padding: 124px 0 104px 0;
}
.page-title h2{
    color: #fff;
    line-height: 23px;
    text-transform: uppercase;
}
.page-header-content .breadcrumb{
    background: none;
    margin: 0;
    padding-top: 10px;
    justify-content: center;
}
.page-header-content .breadcrumb li,
.page-header-content .breadcrumb li a{
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
}
.page-header-content .breadcrumb>li+li:before{
    font-family: FontAwesome;
    content: "\f068";
    color: #fff;
    font-size: 11px;
    padding: 0 7px 0 3px;
}
.page-header-content .breadcrumb li a:hover{
    color: #000;
}
.bg-custom{
    background: rgb(0, 0, 0, .2);
    padding: 10px 0;
    margin-bottom: 15px;
}
.parallax-content {
    background-color: #6866664a;
}


img{max-width: 100%;}
.page_description_wrap img{object-fit: contain;}
/* Fixed Mobile Menu */
.fixed_mobile_menu{position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #fff;
    box-shadow: 3px 4px 7px #000;    z-index: 9;}
.fixed_mobile_menu ul{}
.fixed_mobile_menu ul li{}
.fixed_mobile_menu ul li a{    display: block;
    padding: 5px 0;
    color: var(--primary_color);
    font-size: 25px;}
.fixed_mobile_menu ul li a i{
    color:#21744e;
}
.fixed_mobile_menu ul li a:hover{}
.fixed_mobile_menu ul li a.cart_count{position: relative;}
.fixed_mobile_menu ul li a.cart_count span{    position: absolute;
    top: 2px;
    left: 58%;
    background: #FAE68B;
    width: 18px;
    height: 18px;
    text-align: center;
    border-radius: 50%;
    font-size: 11px;
    line-height: 20px;}
/* End Fixed Mobile Menu */



.all_member .c_col{ padding-right: 15px;
padding-left: 15px;    -ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;}


.g-member {
    max-width: 20% !important;
}


.event img{
    height: 400px;
}

.feature_event .thumb img{height: auto;}
.px-7 {
    padding-left: 5rem!important;
}


.page-item.active .page-link{    background-color: #21744E;
    border-color: #21744E;}
.page-link:hover{    color: #21744E;}
.page-link{color: #21744E;}

.pr-7{
    padding-right: 5rem !important;
}
.mt-6{
    margin-top: 6rem !important;
}