/* >>>>>>>>>>>>>> :: 1.0 Import All CSS & Fonts <<<<<<<<<<<<<<< */
@import 'css/bootstrap.min.css';
@import 'css/magnific-popup.css';
@import 'css/animate.css';
@import 'css/meanmenu.css';
@import 'css/icofont.css';
@import 'css/owl.carousel.css';

/* Web Fonts */
@import url('https://fonts.googleapis.com/css?family=Lato|Open+Sans:600,700|Poiret+One');

/* >>>>>>>>>>>>>> :: 2.0 Common CSS <<<<<<<<<<<<<<< */

* {margin: 0;padding: 0;}

.floatleft {float: left;}
.floatright {float: right;}
.alignleft {float: left;margin-right: 15px;}
.alignright {float: right;margin-left: 15px;}
.aligncenter {display: block;margin: 0 auto 15px;}

a:focus {outline: 0px solid;}
h1, h2, h3, h4, h5, h6 {margin: 0 0 15px;font-weight: 700;font-family: 'Open Sans', sans-serif;}
body, p {font-family: 'Lato', sans-serif;font-weight: 400;color: #888;font-size: 16px;line-height: 1.4;}
a, a:hover, a:focus {-webkit-transition: all 700ms ease 0s;transition: all 700ms ease 0s;text-decoration: none;outline: none;font-weight: 600;font-family: 'Open Sans', sans-serif;}
ul {margin: 0;}
ol li, ul li {list-style: outside none none;}
img {height: auto;max-width: 100%;}

.table {display: table;z-index: 9;position: absolute;width: 100%;height: 100%;}
.table_cell {display: table-cell;vertical-align: middle;}
.p-0{padding: 0;}
.m-0{margin: 0!important;}

.margin-left-5_i {margin-left: 5px!important;}
.margin-right-5_i {margin-right: 5px!important;}
.margin_top_30 {margin-top: 30px;}
.margin-bottom-0 {margin-bottom: 0px;}
.margin-bottom-20 {margin-bottom: 20px;}
.section_padding_150 {padding: 150px 0;}
.section_padding_50 {padding: 50px 0;}
.section_padding_100 {padding: 100px 0;}
.section_padding_100_0 {padding: 100px 0 0 0;}
.section_padding_0_100 {padding: 0 0 100px 0;}
.section_padding_100_50 {padding-top: 100px;padding-bottom: 50px;}
.section_padding_100_70 {padding-top: 100px;padding-bottom: 70px;}
.section_padding_200 {padding: 200px 0;}
.section_heading {margin-bottom: 50px;position: relative;z-index: 1;text-align: center;}
.section_heading p.sub-title {color: white;}
.section_heading > h3 {color: #76A86F;margin-bottom: 0;text-transform: capitalize;}
.section_heading > p {margin-bottom: 5px;text-transform: capitalize;}
.section_heading.text-left {text-align: left !important;}
.font-poiret-one {font-family: 'Poiret One', cursive !important;}

.font-18{font-size: 18px;}

/* >>>>>>>>>>>>>> :: 3.0 Preloader CSS <<<<<<<<<<<<<<< */
div#preloader {overflow: hidden;background-color: #fff;height: 100%;left: 0;position: fixed;top: 0;width: 100%;z-index: 999999;}
.cssload-loader {-webkit-animation: 2.3s ease 0s normal none infinite running cssload-loader;animation: 2.3s ease 0s normal none infinite running cssload-loader;border: 5px solid #76A86F;display: block;height: 50px;margin: auto;position: fixed;width: 50px;left: 50%;margin-left: -25px;top: 50%;margin-top: -25px;border-radius: 1px;}
.cssload-loader-inner {vertical-align: top;display: inline-block;width: 100%;background-color: #76A86F;animation: cssload-loader-inner 2.3s infinite ease-in;-o-animation: cssload-loader-inner 2.3s infinite ease-in;-ms-animation: cssload-loader-inner 2.3s infinite ease-in;-webkit-animation: cssload-loader-inner 2.3s infinite ease-in;-moz-animation: cssload-loader-inner 2.3s infinite ease-in;}

@keyframes cssload-loader {
    0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
    25% {-webkit-transform: rotate(180deg);transform: rotate(180deg);}
    50% {-webkit-transform: rotate(180deg);transform: rotate(180deg);}
    75% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
    100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}

@-webkit-keyframes cssload-loader {
    0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
    25% {-webkit-transform: rotate(180deg);transform: rotate(180deg);}
    50% {-webkit-transform: rotate(180deg);transform: rotate(180deg);}
    75% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
    100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}

@keyframes cssload-loader-inner {
    0% {height: 0%;}
    25% {height: 0%;}
    50% {height: 100%;}
    75% {height: 100%;}
    100% {height: 0%;}
}

@-webkit-keyframes cssload-loader-inner {
    0% {height: 0%;}
    25% {height: 0%;}
    50% {height: 100%;}
    75% {height: 100%;}
    100% {height: 0%;}
}

#scrollUp {background-color: #76A86F;border-radius: 5px;bottom: 20px;color: #fff;font-size: 30px;padding: 0 5px;right: 20px;}

/* >>>>>>>>>>>>>> :: 4.0 Header Area CSS <<<<<<<<<<<<<<< */
header {height: auto;position: absolute;width: 100%;z-index: 999;}

.logo_area {padding: 20px 0;}
.logo_area .normal-logo{display: block;max-height: 50px;}
.logo_area .black-logo{display: none;max-height: 50px;}

.main_header_area {height: 90px;width: 100%;position: absolute;top: 0;left: 0;z-index: 9;}
.main_header_area.sticky {box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);z-index: 999999 !important;background-color: #fff;width: 100%;position: fixed;-webkit-transition-duration: 500ms;transition-duration: 500ms;}
.main_header_area.sticky .normal-logo{display: none;}
.main_header_area.sticky .black-logo{display: block;}

.main_menu_area {float: right;position: relative;z-index: 1;}
.mainmenu {display: inline-block;}
.mainmenu {text-align: right;}
.mainmenu ul#nav li {display: inline-block;position: relative;}
.mainmenu ul#nav li a {color: #fff;display: block;font-size: 15px;font-weight: 700;height: 90px;line-height: 13px;padding: 40px 15px;text-transform: capitalize;}

.main_header_area.sticky .mainmenu ul#nav li a {color: #354b60;}
.main_header_area .mainmenu ul#nav li.current_page_item a {color: #76A86F;}
.main_header_area.sticky .mainmenu ul#nav li.current_page_item a {background-color: #f6f6f6;}
.main_header_area .mainmenu ul#nav li.current_page_item a {background-color: transparent;}

.mainmenu ul#nav li a i, .mean-container .mean-nav ul li a i {font-size: 14px;padding-left: 5px;}
.mainmenu ul#nav li ul {text-align: left;}
.mainmenu ul#nav li ul li a {padding-left: 15px !important;text-align: left !important;}

.main_header_area.sticky .mainmenu ul#nav li.active a,
.main_header_area.sticky .mainmenu ul#nav li:hover a,
.mainmenu ul#nav li.active a, .mainmenu ul#nav li:hover a {color: #76A86F;}

.blog_page .main_header_area {background-color: #fff;}
.about_area{background-color: #fff;}

.modal {display: none;position: fixed;z-index: 1000;padding-top: 100px;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);opacity: 0;visibility: hidden;transition: visibility 0s, opacity 0.5s linear;}
.modal.show {visibility: visible;opacity: 1;}
/* Modal Content */
.modal-content {background-color: #fefefe;margin: auto;padding: 20px;border: 1px solid #888;width: 80%;max-height: 80vh;overflow: auto;}
.modal-content h1 {font-size: 20px;font-weight: bold;color: #2a2a2a;}
.modal-content p{font-size: 17px;letter-spacing: 0.75px;color: #2a2a2a;text-align: justify;}
.conf-btn-div{display: flex;justify-content: flex-end;gap: 20px;padding-top: 20px;}
.close-btn {color: #aaaaaa;}
/* The Close Button */
/*.close {color: #aaaaaa;float: right;font-size: 28px;font-weight: bold;}*/
/*.close:hover, .close:focus {color: #000;text-decoration: none;cursor: pointer;}*/

/* >>>>>>>>>>>>>> :: 5.0 Slider Area CSS <<<<<<<<<<<<<<< */
.welcome_area {position: relative;z-index: 1;overflow: hidden;}
.single_slide {position: relative;z-index: 1;background-position: center center;background-size: cover;}
.single_slide:before {position: absolute;z-index: 9;width: 100%;height: 100%;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.6);content: "";}
.single_slide .slide_text {position: absolute;width: 100%;left: 0;top: 0;height: 100%;z-index: 999;text-align: center;}
.single_slide .slide_text h2 {color: #fff;font-size: 70px;font-weight: 400;margin-bottom: 15px;text-transform: capitalize;}
.single_slide .slide_text h2 > span {color: #76A86F;}
.single_slide .slide_text h3 {font-weight: 600;color: #fff;font-size: 20px;}
.single_slide .slide_text a {background-color: #76A86F;border: medium none;border-radius: 6px;color: #fff;display: inline-block;font-size: 18px;font-weight: 600;line-height: 19px;margin: 15px auto 0;padding: 15px 24px;text-transform: capitalize;width: auto;}
.single_slide .slide_text a:hover {background-color: #76A86F;color: #fff;box-shadow: 0 0 10px #000;}

.welcome_area .welcome_slides .owl-nav {height: auto;left: 0;position: absolute;top: 50%;width: 100%;z-index: 1;}
.welcome_area .welcome_slides .owl-nav .owl-prev, .welcome_area .welcome_slides .owl-nav .owl-next {background-color: #fff;border-radius: 50%;box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);color: #76A86F;cursor: pointer;font-weight: 400;height: 50px;position: absolute;text-align: center;top: -20px;-webkit-transition: all 300ms ease-in 0s;transition: all 300ms ease-in 0s;width: 50px;z-index: 999;}
.welcome_area .welcome_slides .owl-nav .owl-prev {left: -55px;}
.welcome_area .welcome_slides .owl-nav .owl-next {right: -55px;}
.welcome_area .welcome_slides .owl-nav .owl-prev:hover, .welcome_area .welcome_slides .owl-nav .owl-next:hover {background-color: #76A86F;color: #fff}
.welcome_area .welcome_slides:hover .owl-nav .owl-prev {left: 15px;}
.welcome_area .welcome_slides:hover .owl-nav .owl-next {right: 15px;}
.welcome_area .welcome_slides .owl-nav .owl-prev > i, .welcome_area .welcome_slides .owl-nav .owl-next > i {font-size: 36px;font-weight: 600;line-height: 50px;}
.welcome_area.static_version .single_slide {background-attachment: fixed;}

.special_feature_area {background-color: #f6f6f6;text-align: center;}
.special_feature_area .detail-text{font-size: 20px;margin-bottom: 0;}

/* >>>>>>>>>>>>>> :: 7.0 About Us Area CSS <<<<<<<<<<<<<<< */
.about_us_text > h3 {color: #76A86F;text-transform: uppercase;}
.about_us_text > h3 span {color: #2c3e50;text-transform: uppercase;}
.about_us_thumb {background-color: #fff;box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);padding: 15px;border-radius: 6px;}
.about_us_text a {color: #888;}
.about_us_text a:hover, .about_us_text a:focus {color: #76A86F;}

/* >>>>>>>>>>>>>> :: 11.0 Service Details Area CSS <<<<<<<<<<<<<<< */
.single_service_title > a {border: 1px solid #ddd;border-bottom: none;color: #2c3e50;display: block;font-size: 14px;padding: 15px;text-transform: capitalize;-webkit-transition-duration: 500ms;transition-duration: 500ms;font-weight: 700;}
.single_service_title > a > i {padding-right: 5px;}
.single_service_title:nth-child(odd):hover > a {color: #fff;background-color: #2c3e50;}
.single_service_title:nth-child(even):hover > a, .single_service_title > a.active {color: #fff;background-color: #76A86F;}
.single_service_title:last-child > a {border-bottom: 1px solid #ddd;}
.service_data_dl {border: 1px solid #ddd;margin-top: 30px;padding: 15px;border-radius: 20px;}
.service_data_dl > p {text-align: center;}
.service_data_dl > a {border-radius: 6px;color: #fff;display: block;font-weight: 700;margin: auto;padding: 15px 0;text-align: center;width: 30%;}
.service_data_dl > a.pdf_dl {background-color: #76A86F;}
.service_data_dl > a:hover {background-color: #34495e;}

.service_details_thumb {border: 1px solid #f6f6f6;padding: 2px;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);}
.single_part_content {padding: 30px 0 0;text-align: center;}
.single_part_content h3 {text-transform: capitalize;font-weight: 600;-webkit-transition-duration: 500ms;transition-duration: 500ms;color: #76A86F;margin-bottom: 15px;}
.single_part_content h3 > span {color: #34495e;}
.call_to_action.service .call_to > h3 {padding-left: 30px;}
.why_choose_us_area .second_part {margin-top: 50px;}

/* >>>>>>>>>>>>>> :: 12.0 Video Area CSS <<<<<<<<<<<<<<< */
/*.video_area {background-image: url(img/bg-pattern/video.jpg);background-position: center center;background-size: cover;\background-attachment: fixed;position: relative;z-index: 1;}*/
.video_area:before {background-color: rgba(0, 0, 0, 0.7);content: "";height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: -5;}
.video_play_area > h3, .video_play_area > p {color: #fff;}
.video_play_area a.video_btn {background-color: #34495e;border: 2px solid #fff;border-radius: 6px;display: inline-block;height: 55px;margin-top: 20px;width: 150px;}
.video_play_area a.video_btn:hover {border: 2px solid #fff;background-color: transparent;}
.video_play_area a.video_btn > i {color: #fff;font-size: 36px;font-weight: 700;line-height: 51px;}

/* >>>>>>>>>>>>>> :: 14.0 Team Area Area CSS <<<<<<<<<<<<<<< */
.team-area {background-image: url(img/team-bg.jpg);background-position: center center;background-size: cover;position: relative;z-index: 1;background-attachment: fixed;overflow: hidden;}
.team-area:before {display: block;background-color: rgba(0, 0, 0, 0.4);content: "";height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: -1;}
.team-area .team-cards{display: grid;/*grid-template-columns: repeat(3, minmax(0, 1fr));*/grid-template-columns: repeat(2, minmax(0, 1fr));gap: 30px;padding: 15px;}
.team-member{background: #ffffff;position: relative;height: 100%;display: flex;flex-wrap: wrap;}
.details-info {align-self: flex-start;}
.details-info .member-img{padding: 40px 40px 0;display: flex;align-items: center;justify-content: center;}
.details-info .member-img img{/*border-radius: 50%;*/border: 8px solid #76A86F;}
.details-info .bio-sec{padding: 15px;}
.details-info .bio-sec .member-name{color: #76A86F;margin-bottom: 5px;text-align: center;}
.details-info .bio-sec .member-designation{color: #2c3e50;font-size: 14px;text-align: center;}
.details-info .sub-bio-sec{border-top: 1px solid #ccc;padding-top: 15px;}
.details-info .sub-bio-sec p{color: #888888;font-size: 14px;}
.details-info .sub-bio-sec p:last-child{margin: 0;}
.member-social-links{border-top: 1px solid #ccc;padding: 10px;display: flex;justify-content: center;bottom: 0;align-self: flex-end;width: 100%;}
.member-social-links > a {background-color: #34495e;color: #fff;display: inline-block;height: 30px;line-height: 30px;text-align: center;width: 30px;border-radius: 50%;margin: 0 10px;}
.member-social-links > a:hover {background-color: #76A86F;}

.map_contact_address_area{min-height: 400px;width: 100%;background: white;}
.map_contact_address_area > div.row{display: flex;}
.map_area {height: 100%;width: 100%;}
.map_contact_address_area .contact-sec{padding: 20px;}
.map_contact_address_area .contact-sec h3 {color: #76A86F;text-transform: uppercase;}
.map_contact_address_area .contact-sec h3 span {color: #2c3e50;text-transform: uppercase;}

/* >>>>>>>>>>>>>> :: 16.0 Blog Area CSS <<<<<<<<<<<<<<< */
.blog_area {background-color: #f6f6f6;}
.blog_area .blog-listing{display: flex;justify-content: center;flex-wrap: wrap;}
.blog_area .blog-listing > div{padding-bottom: 20px;}
.single_latest_news_area {background-color: #fff;border-radius: 6px;margin-bottom: 30px;position: relative;-webkit-transition-duration: 500ms;transition-duration: 500ms;z-index: 1;height: 100%;}
.single_latest_news_area:hover {box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);}
.single_latest_news_img_area {text-align: center;position: relative;}

.single_latest_news_img_area a.video_btn {position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: flex;align-items: center;justify-content: center;height: 100%;width: 100%;background-color: rgba(52, 73, 94, 0.5);border-radius: 6px 6px 0 0;}
.single_latest_news_img_area a.video_btn:hover {border: 2px solid #fff;background-color: transparent;}
.single_latest_news_img_area a.video_btn > i {color: #fff;font-size: 36px;font-weight: 700;line-height: 51px;}

.single_latest_news_area .single_latest_news_img_area .published_date {left: 15px;bottom: 15px;}
.single_latest_news_text_area {padding: 15px 15px 30px;}
.single_latest_news_text_area .news_title h4 {color: #76A86F;font-size: 18px;font-weight: 600;line-height: 1.5;margin-bottom: 10px;-webkit-transition-duration: 500ms;transition-duration: 500ms;}
.single_latest_news_area:hover .single_latest_news_text_area .news_title h4 {color: #76A86F;}
.news_content > p {line-height: 24px;}
.single_latest_news_text_area > a {color: #2c3e50;display: inline-block;}
.single_latest_news_text_area > a:hover {color: #fff;color: #2c3e50;background-color: transparent;}
.single_latest_news_img_area > img {border-radius: 6px 6px 0 0;}
.single_latest_news_text_area {padding: 15px;}

/* >>>>>>>>>>>>>> :: 18.0 Footer Area CSS <<<<<<<<<<<<<<< */
.footer_area {position: relative;z-index: 1;}
.footer_bottom_area {background-color: #343434;}
.footer_bottom {padding: 30px 0 50px 0;text-align: center;}
.footer_bottom p {margin: 0;color: #fff;}
.footer_bottom p > a {color: #76A86F;}
.footer_bottom p > i, .footer_bottom p > a:hover {color: #76A86F;}
.social_links_area {border-bottom: 1px solid rgba(255, 255, 255, 0.2);padding: 50px 0 30px 0;text-align: center;}
.social_links_area > a {border: 2px solid #ddd;border-radius: 50%;color: #fff;display: inline-block;font-size: 20px;height: 40px;margin: 0 2px;text-align: center;width: 40px;}
.social_links_area > a > i {line-height: 36px;}
.social_links_area > a:hover {background-color: #76A86F;color: #fff;border: 2px solid transparent;}

.conf-btn {border: 2px solid #337ab7;padding: 5px 10px;border-radius: 10px;display: flex;align-items: center;justify-content: center;text-align: center;cursor: pointer;}
.close-btn {border: 2px solid #aaa;padding: 5px 10px;border-radius: 10px;display: flex;align-items: center;justify-content: center;text-align: center;cursor: pointer;}

@media (max-width: 992px) {
  .team-area .team-cards {grid-template-columns: repeat(2, minmax(0, 1fr));}
  .team-area .team-member{margin-bottom: 20px;text-align: center;}
  .details-info .member-img{padding: 15px 15px 0;}
  .details-info .member-img img{border: 4px solid #76A86F;}
}

@media (max-width: 768px) {
  .details-info .member-img{padding: 20px 20px 0;}
  .team-area .team-cards {grid-template-columns: repeat(1, minmax(0, 1fr));}
  .map_contact_address_area > div.row{display: block;}
  .map_contact_address_area > div.row .map_area{min-height: 300px;border-bottom: 1px solid #ddd;}
}

@media (max-width: 400px) {
  .details-info .member-img{padding: 15px 15px 0;}
  .details-info .member-img img{border: 4px solid #76A86F;}
}