/*----------------------------------------------------
@File: Default Styles
@Author:  themexriver
@URL: https://themexriver.com/

This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.
---------------------------------------------------- */

/*=====================================================================
@Template Name: Rexlaw - Law Attorney HTML Template
@Author: themexriver

CSS Table of content:-

1. Global Area
2. Header Section
3. Slider Section
4. Call To action
5. About Section
6. Service Section
7. Why choose section
8. Portfolio Section
9. Achivement Section
10. Team Section
11. Testimonial Section
12. Client Section
13. Blog Section
14. Case  section
15. Feature Section
16. How Work section
17. Newslatter Section
18. Video Area Section
19. Pricing Section
20. Contact Sectionn
21. Breadcrumb Section
22. FAQ Section
23. Footer Section
24. Mobile Menu area
25. Responsive Css
=====================================================================*/

/*=========
Color Code
===========*/
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

}
.main_header{
  position: relative;
}
.slider_style_two .owl-nav,
.about_section_two .about_left_content .about_progress,
.service_slider .owl-nav,
.team_link .social_link a,
.news_post_item .video_play_btn,
.blog-gallery .owl-nav {
  left: 0;
  right: 0;
  top: 50%;
  position: absolute;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.slider_style_two .slider_contect_box .slider_btn li,
.slider_style_three .slider_contect_box .slider_btn li,
.call_action_two .call_action_btn li,
.servicepage_btn li,
.team_growth .growth_btn li,
.estimate_form .sub-button button,
.faq_form_section .faq_form_area .sub-button button,
.header_style_two .qoute_btn,
.header_style_theree .qoute_btn,
.about_page_section .about_btn,
.about_service_section .about_service_box .abt_service_text .subs_form .nws-button button,
.about_call_action_section .about_cta_content .about_cta_btn,
.service_details_content .download_cv_btn,
.choose_form_area .sub-button button,
.team_feature_section .team_feature_content .team_feature_btn,
.subscribe_content .subscribe_form .sub-button button,
.case_title_text .case_study_btn,
.how_work_content .work_btn,
.pricing_plan_content .pricing_text .pricing_btn,
.m_get_quote a {
  border: none;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  background-color: transparent;
}

.service_slider .owl-nav .owl-next,
.service_slider .owl-nav .owl-prev,
.portfolio_slide .owl-nav .owl-next,
.portfolio_slide .owl-nav .owl-prev,
.how_work_btn {
  width: 60px;
  height: 60px;
  line-height: 60px;
  display: inline-block;
  text-align: center;
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
}

.service_slider .owl-nav .owl-next:hover,
.service_slider .owl-nav .owl-prev:hover,
.portfolio_slide .owl-nav .owl-next:hover,
.portfolio_slide .owl-nav .owl-prev:hover,
.how_work_btn:hover {
  color: #fff;
  background-color: #b89b5e;
}

.slider_style_two .slider_contect_box .slider_text p,
.slider_style_three .slider_contect_box .slider_text p,
.about_service_section .about_service_box .abt_service_text span,
.service_details_content .next_prev_post span,
.practice_details_section .site_sidebar .single_widget .widget_title,
.team_img_text .team_text_details span,
.team_page_member .team_name_designation .team_degi,
.team_details_section .team_profile .team_name_designation .team_degi,
.testimonial_content .testimonial_imgname .testi_text span,
.subscribe_content .testimonial_imgname .testi_text span,
.testimonial_two_Section .testimonial_item_content .testimonial_meta span,
.testimonial_style_three .testimonial_tag,
.testimonial_style_three .testimonial_slide_item_three .testi_text span,
.blog_img_text .blog_meta .author_meta .post_date,
.case_details_quoute .testi_text .designation,
.rex_video_section .video_play_area span,
.footer_section .footer_app_btn a {
  font-size: 14px;
  font-weight: 700;
  color: #b89b5e;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.slider_style_two .slider_contect_box .slider_text h2,
.slider_style_three .slider_contect_box .slider_text h2,
.widget_title,
.side_inner_content .side_contact .social_widget h3,
.call_action_list .call_action_text h3,
.about_service_section .about_service_box .abt_service_text h4,
.about_practice_icontext .about_practice_text h4,
.app_download_section .app_download_content .app_btn li,
.service_text .service_content h3,
.service_content_two .service_text_two h3,
.service_style_two .service_icon_text .service_text h3,
.service_details_content .next_prev_post h4,
.practice_details_section .site_sidebar .single_widget .attorney_widget .attorney_img_text .attorney_text h4,
.why_choose_left .choose_text h3,
.portfolio_img_text .portfolio_text h3,
.team_img_text .team_text_details h3,
.testimonial_content .testimonial_imgname .testi_text h3,
.subscribe_content .testimonial_imgname .testi_text h3,
.testimonial_two_Section .testimonial_item_content .testimonial_meta h4,
.testimonial_style_three .testimonial_slide_item_three .testi_text h3,
.blog_img_text .blog_text h3,
.blog_img_text .blog_meta .author_meta .author_name,
.news_post_item .news_text_area h3,
.about_widget .ab_widget_text h3,
.single_widget .latest-blog-widget .blog-text h3,
.blog_details_text h2,
.blog_details_text h3,
.blog_details_text h4,
.blog_details_extra_text .share_tag h3,
.blog_details_extra_text .next_prev_post a h3,
.blog_details_extra_text .related_postview h3,
.blog_details_extra_text .related_postview .postitem_text h3,
.blog_details_extra_text .postby_author h3,
.blog_comment_box h3,
.blog_comment_box .comment_content h4,
.case_details_quoute .testi_text h3,
.feature_section .revenue_ammount,
.how_work_img_serial .how_work_serial,
.how_work_text h4,
.rex_video_section .video_play_area .video_text h4,
.contact_d_icontext .con_text h4,
.breadcrumb_section .breadcrumb_title,
.footer_section .latest-blog-widget .blog-text h4,
.footer_section_2 .background_waterprint h2 {
  font-size: 24px;
  font-weight: 600;
  font-family: "Poppins";
}

.choose_form_area .contact-info .icon-bg,
.subscribe_content .subscribe_form .contact-info .icon-bg,
.subscribe_content .subscribe_form .sub-button .icon-bg,
.comment_formfield .quote_form .contact-info .icon-bg {
  top: 30px;
  right: 30px;
  color: #b89b5e;
  position: absolute;
}

.choose_form_area .contact-info .icon-bg i,
.subscribe_content .subscribe_form .contact-info .icon-bg i,
.subscribe_content .subscribe_form .sub-button .icon-bg i,
.comment_formfield .quote_form .contact-info .icon-bg i {
  font-size: 18px;
}

.slider_style_two .slider_contect_box .slider_text p .title_shape_left,
.slider_style_three .slider_contect_box .slider_text p .title_shape_left,
.section_title_area p .title_shape_left,
.widget_title span {
  position: relative;
}

.slider_style_two .slider_contect_box .slider_text p .title_shape_left:before,
.slider_style_three .slider_contect_box .slider_text p .title_shape_left:before,
.section_title_area p .title_shape_left:before,
.widget_title span:before,
.slider_style_two .slider_contect_box .slider_text p .title_shape_left:after,
.slider_style_three .slider_contect_box .slider_text p .title_shape_left:after,
.section_title_area p .title_shape_left:after,
.widget_title span:after {
  content: '';
  position: absolute;
  background-color: #b89b5e;
}

.slider_style_two .slider_contect_box .slider_text p .title_shape_left:before,
.slider_style_three .slider_contect_box .slider_text p .title_shape_left:before,
.section_title_area p .title_shape_left:before,
.widget_title span:before {
  top: 8px;
  height: 2px;
  width: 20px;
  left: -40px;
}

.slider_style_two .slider_contect_box .slider_text p .title_shape_left:after,
.slider_style_three .slider_contect_box .slider_text p .title_shape_left:after,
.section_title_area p .title_shape_left:after,
.widget_title span:after {
  top: 3px;
  width: 4px;
  left: -40px;
  height: 12px;
}

.section_title_area p .title_shape_right {
  position: relative;
}

.section_title_area p .title_shape_right:before,
.section_title_area p .title_shape_right:after {
  content: '';
  position: absolute;
  background-color: #b89b5e;
}

.section_title_area p .title_shape_right:before {
  top: 8px;
  height: 2px;
  width: 20px;
  right: -38px;
}

.section_title_area p .title_shape_right:after {
  top: 3px;
  width: 4px;
  right: -40px;
  height: 12px;
}

.slider_style_two .slider_contect_box .slider_btn li,
.slider_style_three .slider_contect_box .slider_btn li,
.call_action_two .call_action_btn li,
.servicepage_btn li,
.team_growth .growth_btn li {
  margin: 0px 10px;
  text-transform: uppercase;
}

.slider_style_two .slider_contect_box .slider_btn li a,
.slider_style_three .slider_contect_box .slider_btn li a,
.call_action_two .call_action_btn li a,
.servicepage_btn li a,
.team_growth .growth_btn li a {
  padding: 18px 38px;
}

.slider_style_two .slider_contect_box .slider_btn li:nth-child(1),
.slider_style_three .slider_contect_box .slider_btn li:nth-child(1),
.call_action_two .call_action_btn li:nth-child(1),
.servicepage_btn li:nth-child(1),
.team_growth .growth_btn li:nth-child(1) {
  color: #fff;
  background-color: #b89b5e;
}

.slider_style_two .slider_contect_box .slider_btn li:nth-child(2),
.slider_style_three .slider_contect_box .slider_btn li:nth-child(2),
.call_action_two .call_action_btn li:nth-child(2),
.servicepage_btn li:nth-child(2),
.team_growth .growth_btn li:nth-child(2) {
  background-color: #fff;
  border: 2px solid #eaeaea;
}

.slider_style_two .slider_contect_box .slider_btn li:nth-child(2):hover,
.slider_style_three .slider_contect_box .slider_btn li:nth-child(2):hover,
.call_action_two .call_action_btn li:nth-child(2):hover,
.servicepage_btn li:nth-child(2):hover,
.team_growth .growth_btn li:nth-child(2):hover {
  color: #fff;
}

.slider_style_two .slider_contect_box .slider_btn li:nth-child(2):hover:after,
.slider_style_three .slider_contect_box .slider_btn li:nth-child(2):hover:after,
.call_action_two .call_action_btn li:nth-child(2):hover:after,
.servicepage_btn li:nth-child(2):hover:after,
.team_growth .growth_btn li:nth-child(2):hover:after {
  background-color: #b89b5e;
}

.slider_style_one .owl-nav .owl-prev,
.slider_style_one .owl-nav .owl-next,
.slider_style_two .owl-nav .owl-prev,
.slider_style_two .owl-nav .owl-next {
  width: 60px;
  color: #fff;
  height: 60px;
  position: relative;
  text-align: center;
  line-height: 60px;
  border: 3px solid #37373b;
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
}

.slider_style_one .owl-nav .owl-prev:hover,
.slider_style_one .owl-nav .owl-next:hover,
.slider_style_two .owl-nav .owl-prev:hover,
.slider_style_two .owl-nav .owl-next:hover {
  background-color: #b89b5e;
  border: 3px solid #b89b5e;
}

.about_right_content .about_progress .progress_area,
.about_section_two .about_left_content .progress_area,
.rex_video_section .about_progress .progress_area {
  position: relative;
  margin-right: 20px;
}

.about_right_content .about_progress .progress_area strong,
.about_section_two .about_left_content .progress_area strong,
.rex_video_section .about_progress .progress_area strong {
  left: 0;
  right: 0;
  color: #343434;
  font-size: 24px;
  font-weight: 700;
  line-height: 75px;
  position: absolute;
  text-align: center;
}

.about_right_content .about_progress .progress_area span,
.about_section_two .about_left_content .progress_area span,
.rex_video_section .about_progress .progress_area span {
  font-size: 16px;
}

.header_style_two .call_to_quote,
.header_style_theree .call_to_quote {
  padding: 13px 0px 12px 0px;
  float: right;
  width: 305px;
  position: static;
  background-color: transparent;
}
.header_style_theree .call_to_quote {
  padding-top: 30px;
  margin-left: 30px;
  width: 420px;
}
.header_style_two .call_to_quote:before,
.header_style_theree .call_to_quote:before {
  display: none;
}

.header_style_two .call_to_quote span,
.header_style_theree .call_to_quote span {
  color: #343434;
}

.header_style_two .call_to_quote .call_number,
.header_style_theree .call_to_quote .call_number {
  color: #b89b5e;
}

.header_style_two .call_to_quote .call_icon i,
.header_style_theree .call_to_quote .call_icon i {
  color: #b89b5e;
}

.slider_style_two .slider_contect_box,
.slider_style_three .slider_contect_box {
  max-width: 580px;
  padding: 215px 0px 180px 0px;
}

.slider_style_two .slider_contect_box .slider_text h2,
.slider_style_three .slider_contect_box .slider_text h2 {
  font-size: 80px;
  padding: 18px 0px;
  line-height: 1.25;
  opacity: 0;
  -webkit-transform: translateY(100px);
  -ms-transform: translateY(100px);
  transform: translateY(100px);
}

.slider_style_two .slider_contect_box .slider_text p,
.slider_style_three .slider_contect_box .slider_text p {
  font-size: 16px;
  padding-left: 40px;
  opacity: 0;
  -webkit-transform: translateY(-80px);
  -ms-transform: translateY(-80px);
  transform: translateY(-80px);
}

.slider_style_two .slider_contect_box .slider_btn,
.slider_style_three .slider_contect_box .slider_btn {
  opacity: 0;
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
}

.slider_style_two .slider_contect_box .slider_btn li a,
.slider_style_three .slider_contect_box .slider_btn li a {
  font-size: 14px;
}

.about_right_content .about_progress,
.rex_video_section .about_progress {
  width: 100%;
  bottom: 50px;
  max-width: 350px;
  padding: 20px 20px 15px;
  position: absolute;
  background-color: #fff;
  -webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.1);
}

.about_right_content .progress_text,
.rex_video_section .about_progress .progress_text {
  padding-top: 10px;
}

.about_right_content .progress_text h3,
.rex_video_section .about_progress .progress_text h3 {
  font-size: 24px;
  font-weight: 600;
  padding-bottom: 5px;
  padding-top: 0;
}

.testimonial_content .testimonial_text .t-icon-bg,
.subscribe_content .testimonial_text .t-icon-bg,
.testimonial_style_three .testimonial_slide_item_three .t-icon-bg {
  top: 0;
  right: 20px;
  z-index: -1;
  position: absolute;
}

.testimonial_content .testimonial_text .t-icon-bg i,
.subscribe_content .testimonial_text .t-icon-bg i,
.testimonial_style_three .testimonial_slide_item_three .t-icon-bg i {
  color: #a58b54;
  font-size: 180px;
}

.testimonial_slide_area .owl-dots,
.testimonial_style_three .owl-dots {
  position: absolute;
  top: 60%;
  right: 50px;
}

.testimonial_slide_area .owl-dots .owl-dot,
.testimonial_style_three .owl-dots .owl-dot {
  width: 8px;
  height: 8px;
  margin: 0 5px;
  border-radius: 100%;
  display: inline-block;
  background-color: #c6af7e;
}

.testimonial_slide_area .owl-dots .owl-dot.active,
.testimonial_style_three .owl-dots .owl-dot.active {
  background-color: #fff;
}

.slider_style_two .slider_contect_box .slider_btn li,
.slider_style_three .slider_contect_box .slider_btn li,
.call_action_two .call_action_btn li,
.servicepage_btn li,
.team_growth .growth_btn li,
.estimate_form .sub-button button,
.faq_form_section .faq_form_area .sub-button button,
.header_style_two .qoute_btn,
.header_style_theree .qoute_btn a,
.about_page_section .about_btn a,
.about_call_action_section .about_cta_content .about_cta_btn a,
.service_details_content .download_cv_btn,
.choose_form_area .sub-button button,
.team_feature_section .team_feature_content .team_feature_btn a,
.comment_formfield .quote_form .sub-button button,
.how_work_content .work_btn a,
.newslatter_content .newslatter-form .nws-button button,
.pricing_plan_content .pricing_text .pricing_btn a,
.m_get_quote a {
  z-index: 1;
  position: relative;
}

.slider_style_two .slider_contect_box .slider_btn li:after,
.slider_style_three .slider_contect_box .slider_btn li:after,
.call_action_two .call_action_btn li:after,
.servicepage_btn li:after,
.team_growth .growth_btn li:after,
.estimate_form .sub-button button:after,
.faq_form_section .faq_form_area .sub-button button:after,
.header_style_two .qoute_btn:after,
.header_style_theree .qoute_btn a:after,
.about_page_section .about_btn a:after,
.about_call_action_section .about_cta_content .about_cta_btn a:after,
.service_details_content .download_cv_btn:after,
.choose_form_area .sub-button button:after,
.team_feature_section .team_feature_content .team_feature_btn a:after,
.comment_formfield .quote_form .sub-button button:after,
.how_work_content .work_btn a:after,
.newslatter_content .newslatter-form .nws-button button:after,
.pricing_plan_content .pricing_text .pricing_btn a:after,
.m_get_quote a:after {
  content: '';
  position: absolute;
  background-color: #343434;
  height: 0%;
  width: 100%;
  top: 0;
  bottom: auto;
  left: 0;
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
  z-index: -1;
}

.slider_style_two .slider_contect_box .slider_btn li:hover:after,
.slider_style_three .slider_contect_box .slider_btn li:hover:after,
.call_action_two .call_action_btn li:hover:after,
.servicepage_btn li:hover:after,
.team_growth .growth_btn li:hover:after,
.estimate_form .sub-button button:hover:after,
.faq_form_section .faq_form_area .sub-button button:hover:after,
.header_style_two .qoute_btn:hover:after,
.header_style_theree .qoute_btn a:hover:after,
.about_page_section .about_btn a:hover:after,
.about_call_action_section .about_cta_content .about_cta_btn a:hover:after,
.service_details_content .download_cv_btn:hover:after,
.choose_form_area .sub-button button:hover:after,
.team_feature_section .team_feature_content .team_feature_btn a:hover:after,
.comment_formfield .quote_form .sub-button button:hover:after,
.how_work_content .work_btn a:hover:after,
.newslatter_content .newslatter-form .nws-button button:hover:after,
.pricing_plan_content .pricing_text .pricing_btn a:hover:after,
.m_get_quote a:hover:after {
  top: auto;
  bottom: 0;
  height: 100%;
}

.slider_style_three .slider_priview .water_print,
.breadcrumb_section .breadcrumb_watermark {
  top: 100px;
  left: 40%;
  z-index: -1;
  font-size: 300px;
  font-weight: 600;
  position: absolute;
  font-family: "Poppins";
  -webkit-transform: translateX(-40%);
  -ms-transform: translateX(-40%);
  transform: translateX(-40%);
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #f7f3ea;
}

.about_service_section .about_service_box:before,
.about_service_section .about_service_box:after,
.blog_img_text .blog_img:before,
.case_study_button .nav-link.active:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 1;
  content: '';
  z-index: 1;
  height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  -o-transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(52, 52, 52, 0)), to(rgba(52, 52, 52, 0.90196)));
  background-image: -webkit-linear-gradient(top, rgba(52, 52, 52, 0), rgba(52, 52, 52, 0.90196));
  background-image: -o-linear-gradient(top, rgba(52, 52, 52, 0), rgba(52, 52, 52, 0.90196));
  background-image: linear-gradient(to bottom, rgba(52, 52, 52, 0), rgba(52, 52, 52, 0.90196));
}

.price_tab_button .nav-tabs,
.faq_section .faq_topic .nav-tabs {
  border: none;
}

.price_tab_button .nav-tabs .nav-item.show .nav-link,
.faq_section .faq_topic .nav-tabs .nav-item.show .nav-link,
.price_tab_button .nav-tabs .nav-link.active,
.faq_section .faq_topic .nav-tabs .nav-link.active {
  background-color: transparent;
  border: none;
  padding: 0;
}

.price_tab_button .nav-tabs .nav-link:focus,
.faq_section .faq_topic .nav-tabs .nav-link:focus,
.price_tab_button .nav-tabs .nav-link:hover,
.faq_section .faq_topic .nav-tabs .nav-link:hover {
  border: none;
}

.price_tab_button .nav-tabs .nav-link,
.faq_section .faq_topic .nav-tabs .nav-link {
  border: none;
  border-radius: 0;
}

.price_tab_button .nav-link,
.faq_section .faq_topic .nav-link {
  padding: 0;
}

.team_skill_progress .skill_progress .single_experties,
.skill_feature .skill_progress .single_experties {
  margin-bottom: 30px;
}

.team_skill_progress .skill_progress .progress_text,
.skill_feature .skill_progress .progress_text {
  width: 100%;
  margin-bottom: 10px;
  display: inline-block;
}

.team_skill_progress .skill_progress .skill-title,
.skill_feature .skill_progress .skill-title {
  color: #fff;
  font-weight: 700;
  letter-spacing: 3px;
}

.team_skill_progress .skill_progress .skill-percent,
.skill_feature .skill_progress .skill-percent {
  font-weight: 700;
  color: #b89b5e;
}

.team_skill_progress .skill_progress .progress,
.skill_feature .skill_progress .progress {
  width: 100%;
  height: 3px;
  border-radius: 0;
  overflow: visible;
  background-color: #606060;
}

.team_skill_progress .skill_progress .progress .progress-bar,
.skill_feature .skill_progress .progress .progress-bar {
  height: 10px;
  top: -7px;
  position: relative;
  background-color: #b89b5e;
}

.estimate_form .contact-info,
.faq_form_section .faq_form_area .contact-info {
  position: relative;
}

.estimate_form .contact-info input,
.faq_form_section .faq_form_area .contact-info input,
.estimate_form .contact-info textarea,
.faq_form_section .faq_form_area .contact-info textarea {
  width: 100%;
  height: 70px;
  padding-left: 85px;
  margin-bottom: 30px;
  border: 2px solid #e7e7e7;
}

.estimate_form .contact-info textarea,
.faq_form_section .faq_form_area .contact-info textarea {
  height: 240px;
  padding-top: 25px;
}

.estimate_form .contact-info .icon-bg,
.faq_form_section .faq_form_area .contact-info .icon-bg {
  position: absolute;
  top: 25px;
  left: 40px;
}

.estimate_form .contact-info .icon-bg i,
.faq_form_section .faq_form_area .contact-info .icon-bg i {
  color: #b89b5e;
}

.estimate_form .sub-button,
.faq_form_section .faq_form_area .sub-button {
  text-align: center;
}

.estimate_form .sub-button button,
.faq_form_section .faq_form_area .sub-button button {
  color: #fff;
  padding: 20px 38px 18px 40px;
  background-color: #b89b5e;
}

.blog_pagination .pagination,
.case_page_section .case_pagination .pagination {
  display: inherit;
  margin-top: 20px;
}

.blog_pagination .pagination li,
.case_page_section .case_pagination .pagination li {
  margin: 0px 4px;
  display: inline-block;
}

.blog_pagination .pagination li a,
.case_page_section .case_pagination .pagination li a {
  padding: 0;
  width: 50px;
  height: 50px;
  display: block;
  font-size: 14px;
  line-height: 50px;
  font-weight: 700;
  color: #343434;
  border: 2px solid #ededed;
}

.blog_pagination .pagination li a:hover,
.case_page_section .case_pagination .pagination li a:hover {
  color: #fff;
  background-color: #b89b5e;
  border: 2px solid #b89b5e;
}

.blog_pagination .pagination .page-link:focus,
.case_page_section .case_pagination .pagination .page-link:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
}

.blog_pagination .pagination .page-item:first-child .page-link,
.case_page_section .case_pagination .pagination .page-item:first-child .page-link,
.blog_pagination .pagination .page-item:last-child .page-link,
.case_page_section .case_pagination .pagination .page-item:last-child .page-link {
  border-radius: 0;
}

.news_post_item .video_play_btn,
.rex_video_section .video_play_area .video_play_btn {
  height: 100px;
  width: 100px;
  line-height: 100px;
  border-radius: 100%;
  background-color: #b89b5e;
}

.news_post_item .video_play_btn i,
.rex_video_section .video_play_area .video_play_btn i {
  color: #fff;
  font-size: 20px;
}

.news_qoute:before,
.bg_img_post:before {
  top: 0;
  opacity: .95;
  z-index: -1;
  height: 100%;
  width: 100%;
  content: '';
  position: absolute;
}

.single_widget .latest-blog-widget .blog-img-content,
.twitter_update .tw_feed {
  display: inline-block;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #e1e6ff;
}

.single_widget .latest-blog-widget .blog-img-content:last-child,
.twitter_update .tw_feed:last-child {
  border: none;
  padding: 0;
  margin: 0;
}

.service_details_content .section_title_area,
.team_details_text .section_title_area {
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 2px solid #e4e4e4;
}

.service_details_content .section_title_area h2,
.team_details_text .section_title_area h2 {
  font-size: 40px;
}

.case_page_section .case_portfolio_filter .case-tab-button li:hover,
.case_page_section .case_portfolio_filter .case-tab-button .filtr-active {
  background-color: #b89b5e;
  border: 2px solid #b89b5e;
  color: #fff;
}

.case_page_section .case_portfolio_filter .case-tab-button li:hover:after,
.case_page_section .case_portfolio_filter .case-tab-button .filtr-active:after {
  bottom: -8px;
  content: '';
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid #b89b5e;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .5s all ease-in-out;
  -o-transition: .5s all ease-in-out;
  transition: .5s all ease-in-out;
}

.case_page_section .case_portfolio_filter .case-tab-button li:hover:after,
.case_page_section .case_portfolio_filter .case-tab-button .filtr-active:hover:after {
  bottom: -12px;
  opacity: 1;
  visibility: visible;
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
}

/*global area*/

/*----------------------------------------------------*/
body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  font-size: 16px;
  line-height: 1.55;
  color: #343434;
  font-family: "Roboto";
  -moz-osx-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
}

::-moz-selection {
  color: #ffffff;
  background-color: #b89b5e;
}

::selection {
  color: #ffffff;
  background-color: #b89b5e;
}

::-moz-selection {
  color: #ffffff;
  background-color: #b89b5e;
}

.container {
  max-width: 1200px;
}

.ul-li ul {
  margin: 0;
  padding: 0;
}

.ul-li ul li {
  list-style: none;
  display: inline-block;
}

.ul-li-block ul {
  margin: 0;
  padding: 0;
}

.ul-li-block ul li {
  display: block;
  list-style: none;
}

div#preloader {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    overflow: visible;
    background: #191919 url(../images/preloader.gif) no-repeat center center;  
}


[data-background] {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
}

a:hover,
a:focus {
  text-decoration: none;
}

img {
  max-width: 100%;
  height: auto;
}

button {
  cursor: pointer;
}

.form-control:focus,
button:visited,
button.active,
button:hover,
button:focus,
input:visited,
input.active,
input:hover,
input:focus,
textarea:hover,
textarea:focus,
a:hover,
a:focus,
a:visited,
a.active,
select,
select:hover,
select:focus,
select:visited {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-decoration: none;
  color: inherit;
}

.form-control {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.relative-position {
  position: relative;
}

.pera-content p {
  margin-bottom: 0;
}

.headline h1,
.headline h2,
.headline h3,
.headline h4,
.headline h5,
.headline h6 {
  margin: 0;
  font-family: "Poppins";
}

.block-display {
  width: 100%;
  display: block;
}

.background_overlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

.background_position {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.section_title_area p {
  font-weight: 700;
  color: #b89b5e;
  letter-spacing: 3px;
  padding-bottom: 10px;
  text-transform: uppercase;
  margin-bottom: 0 !important;
}

.section_title_area h2 {
  font-size: 60px;
  font-weight: 600;
}

.widget_title {
  color: #fff;
  font-size: 30px;
}

.widget_title span:before {
  top: 20px;
}

.widget_title span:after {
  top: 15px;
}

@-webkit-keyframes line_animation {
  0% {
    top: 0px;
    opacity: 1;
  }

  50% {
    top: 50%;
  }

  100% {
    top: 100%;
    opacity: 1;
  }

}

@keyframes line_animation {
  0% {
    top: 0px;
    opacity: 1;
  }

  50% {
    top: 50%;
  }

  100% {
    top: 100%;
    opacity: 1;
  }

}

@-webkit-keyframes line_animation_2 {
  0% {
    opacity: 1;
    bottom: 0px;
  }

  50% {
    bottom: 50%;
  }

  100% {
    bottom: 100%;
    opacity: 1;
  }

}

@keyframes line_animation_2 {
  0% {
    opacity: 1;
    bottom: 0px;
  }

  50% {
    bottom: 50%;
  }

  100% {
    bottom: 100%;
    opacity: 1;
  }

}

.line_animation {
  top: 0px;
  left: 50%;
  width: 80%;
  bottom: 0px;
  z-index: -1;
  display: block;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  border-left: 1px solid #f4f4f4;
}

.line_animation:before {
  width: 3px;
  left: -2px;
  content: '';
  height: 12px;
  border-radius: 100%;
  position: absolute;
  -webkit-animation: line_animation 15s ease-out infinite;
  animation: line_animation 15s ease-out infinite;
  background-color: #b89b5e;
}

.line_animation .line_area {
  width: 20%;
  float: left;
  height: 100%;
  position: relative;
  display: inline-block;
  border-right: 1px solid #f4f4f4;
}

.line_animation .line_area:before {
  width: 3px;
  right: -2px;
  content: '';
  height: 12px;
  border-radius: 100%;
  position: absolute;
  background-color: #b89b5e;
}

.line_animation .line_area:nth-child(even):before {
  -webkit-animation: line_animation 15s ease-out infinite;
  animation: line_animation 15s ease-out infinite;
}

.line_animation .line_area:nth-child(odd):before {
  -webkit-animation: line_animation_2 15s ease-out infinite;
  animation: line_animation_2 15s ease-out infinite;
}

/*---------------------------------------------------- */

/*Header area*/

/*----------------------------------------------------*/
.header_style_one {
  height: 160px;
  padding: 0px 210px;
  background-color: #f3f3f3;
}

.header_style_one .header_main_menu {
  z-index: 2;
  width: 100%;
  position: relative;
  display: inline-block;
  background-color: #fff;
  padding: 32px 0px 28px 40px;
  -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
}
.navbar-brand{
  padding-top: 0;
  padding-bottom:0;
  display: block;
}
.header_style_theree .navbar-brand,
.header_style_one .navbar-brand,
.header_style_four .navbar-brand{
  width: 200px;
  height: 70px;
}
.header_style_theree .site_logo {
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.header_style_two .navbar-brand{
  width: 100%;
  height: 160px;
}
.navbar-brand span {
    width: 100%;
    height: 100%;
    background-size: 100%;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
}
.header_style_one .header_main_menu:before {
  left: 0;
  right: 0;
  bottom: -20px;
  width: 98%;
  content: '';
  height: 20px;
  z-index: -1;
  margin: 0 auto;
  position: absolute;
  background-color: #fff;
}

.header_style_one .header_main_menu:after {
  left: 0;
  bottom: 0;
  width: 100%;
  content: '';
  height: 10px;
  position: absolute;
  -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
}

.header_style_one .main_navigation {
  display: inline-block;
  margin-right: 50px;
}

.header_style_one .main_navigation li a {
  padding: 40px 0px;
  margin-right: 35px;
}

.header_style_one .main_navigation li a:after {
  bottom: 35px;
}

.header_style_one .site_logo {
  margin: 0px 90px 0px 0px;
}

.header_top {
  padding: 12px 0px 14px 0px;
}

.header_contact_info li {
  margin-right: 40px;
}

.header_contact_info li i {
  margin-right: 5px;
  color: #b89b5e;
}

.header_follow_social li {
  color: #9e9e9e;
  margin-left: 15px;
}

.header_follow_social li:hover {
  color: #b89b5e;
}

.main_header .site_logo {
  display: inline-block;
}

.main_navigation li a {
  font-size: 14px;
  font-weight: 700;
  margin-right: 42px;
  position: relative;
  text-transform: uppercase;
}

.main_navigation li a:after {
  right: -5px;
  bottom: -5px;
  content: '.';
  font-size: 20px;
  color: #b89b5e;
  position: absolute;
}

.call_to_quote {
  top: 0;
  right: 0;
  z-index: 1;
  width: 370px;
  position: absolute;
  background-color: #b89b5e;
  padding: 30px 35px 31px 30px;
  min-height: 132px;
}
.menu-bg-overlay .call_to_quote {
  min-height: auto;
}
.call_to_quote:after {
  width: 0;
  position: absolute;
  content: '';
  height: 0;
  top: 0;
  left: -23px;
  border-left: 4px solid transparent;
  border-right: 8px solid transparent;
  border-top: 140px solid #f1ebdf;
  z-index: 0;
}

.call_to_quote:before {
  top: 0;
  width: 30px;
  content: '';
  left: -15px;
  height: 100%;
  position: absolute;
  -webkit-transform: skewX(-4deg);
  -ms-transform: skewX(-4deg);
  transform: skewX(-4deg);
  background-color: #b89b5e;
}

.call_to_quote .call_icon {
  line-height: 1;
  margin-right: 15px;
}

.call_to_quote .call_icon i {
  color: #fff;
  font-size: 55px;
}

.call_to_quote span {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}

.call_to_quote .call_number {
  display: block;
  font-size: 30px;
}

.call_to_quote .icon_bg {
  top: -10px;
  z-index: -1;
  right: 10px;
  position: absolute;
}

.call_to_quote .icon_bg i {
  font-size: 95px;
  color: #bfa56e;
}

.wide_side_bar {
  top: 45px;
  margin-left: 5px;
  position: absolute;
  display: inline-block;
  z-index: 3;
  height: 40px;
  width: 40px;
  cursor: pointer;
  right: 420px;
}
.menu-bg-overlay .wide_side_bar{
	top: 25px;
}
.wide_side_bar span {
  position: relative;
  top: 10px;
  right: -35px;
}

.wide_side_bar span:before {
  content: '';
  height: 3px;
  width: 25px;
  right: 0;
  position: absolute;
  background-color: #b89b5e;
}

.wide_side_bar span:nth-child(1):before {
  top: 0;
  width: 25px;
}

.wide_side_bar span:nth-child(2):before {
  top: 10px;
  width: 32px;
}

.wide_side_bar span:nth-child(3):before {
  top: 20px;
  width: 38px;
}

/*Header Style 2*/

/*----------------------------------------------------*/
.header_style_two {
  width: 100%;
  position: relative;
  background-color: #f9f9f9;
}

.header_style_two .site_logo {
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  width: 305px;
  margin: 0 auto;
  position: absolute;
}

.header_style_two .header_top {
  padding: 13px 100px;
  border-bottom: 1px solid #e1e1e1;
}

.header_style_two .header_main_menu {
  height: 90px;
  padding: 0 100px;
}

.header_style_two .header_main_menu .main_navigation {
  float: left;
  padding-top: 35px;
}

.header_style_two .header_main_menu .main_navigation li a {
  margin-right: 38px;
  padding-bottom: 35px;
}

.header_style_two .header_main_menu .main_navigation li a:after {
  bottom: 30px;
}

.header_style_two .call_to_quote {
  padding-bottom: 5px;
}

.header_style_two .qoute_btn {
  color: #fff;
  font-size: 14px;
  margin: 20px 30px 0px 0px;
  background-color: #b89b5e;
}

.header_style_two .qoute_btn a {
  padding: 15px 30px 13px 35px;
}

/*Header Style 3*/

/*----------------------------------------------------*/
.header_style_theree {
  width: 100%;
  z-index: 2;
  position: absolute;
}

.header_style_theree .main_navigation li a {
  padding-bottom: 40px;
}

.header_style_theree .main_navigation li a:after {
  bottom: 35px;
}

.header_style_theree .site_logo {
  width: 285px;
  height: 120px;
  margin-right: 80px;
  line-height: 120px;
  background-color: #b89b5e;
}

.header_style_theree .main_navigation {
  padding-top: 50px;
  display: inline-block;
}

.header_style_theree .call_to_quote {
  padding-top: 30px;
  margin-left: 30px;
}

.header_style_theree .qoute_btn {
  font-size: 14px;
  margin-top: 30px;
}

.header_style_theree .qoute_btn a {
  border: 2px solid #ebebeb;
  padding: 18px 32px 16px 40px;
}

.header_style_theree .qoute_btn a:hover {
  color: #fff;
  border: 2px solid #343434;
}

.header_style_theree .wide_side_bar {
  height: 120px;
  width: 120px;
  margin-left: 80px;
  text-align: center;
  z-index: 1;
  background-color: #b89b5e;
  top: 0;
}

.header_style_theree .wide_side_bar span {
  top: 45px;
  left: 20px;
}

.header_style_theree .wide_side_bar span:before {
  background-color: #fff;
  width: 38px;
}

.header_style_theree .wide_side_bar {
  right: 0;
}

.header_style_theree .wide_side_inner {
  position: absolute;
}

.header_style_theree .wide_side_inner.wide_side_on .side_inner_content {
  padding-top: 50px;
}

.header_style_theree .side_inner_content .close_btn {
  top: 25px;
}

/*Sticky Menu*/

/*----------------------------------------------------*/
.menu-bg-overlay {
  background-color: #fff;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  position: fixed;
  z-index: 9;
  width: 100%;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-transition: .7s all ease-in-out;
  -o-transition: .7s all ease-in-out;
  transition: .7s all ease-in-out;
}

.main_navigation .dropdown .dropdown-menu {
  top: 65px;
  left: 0;
  opacity: 0;
  z-index: 2;
  margin: 0px;
  padding: 0px;
  height: auto;
  width: 200px;
  display: block;
  border: none;
  padding: 10px  0px 0px;
  visibility: hidden;
  position: absolute;
  border-radius: 0;
  background-color: #fff;
  -webkit-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  border-bottom: 2px solid #b89b5e;
  -webkit-box-shadow: 0 5px 10px 0 rgba(83, 82, 82, 0.1);
  box-shadow: 0 5px 10px 0 rgba(83, 82, 82, 0.1);
}

.main_navigation .dropdown .dropdown-menu li {
  width: 100%;
  padding: 10px 15px;
  border-bottom: 1px solid #e5e5e5;
}

.main_navigation .dropdown .dropdown-menu li a {
  color: #343434;
  font-size: 12px;
  padding: 10px 0px;
}

.main_navigation .dropdown .dropdown-menu li a:hover {
  padding-left: 15px;
}

.main_navigation .dropdown .dropdown-menu li a:hover:before {
  width: 10px;
}

.main_navigation .dropdown .dropdown-menu li a:after {
  display: none;
}

.main_navigation .dropdown .dropdown-menu li a:before {
  left: 0;
  top: 16px;
  width: 0px;
  height: 2px;
  content: '';
  position: absolute;
  background-color: #b89b5e;
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
}

.main_navigation .dropdown:hover > .dropdown-menu {
  top: 55px;
  opacity: 1;
  visibility: visible;
}
.main_navigation .dropdown > .dropdown-menu .dropdown > .dropdown-menu{
  left: 200px;
  position: absolute;
  top: 0;
  padding-top: 0;
}
.header_style_one.menu-bg-overlay {
  top: -50px;
  height: 142px;
  padding: 0px 210px;
  -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
}

.header_style_one.menu-bg-overlay .header_main_menu {
  padding: 10px 0px 10px 30px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.header_style_one.menu-bg-overlay .header_main_menu:before,
.header_style_one.menu-bg-overlay .header_main_menu:after {
  display: none;
}

.header_style_one.menu-bg-overlay .call_to_quote {
  padding: 15px 35px 7px 30px;
}

.header_style_one.menu-bg-overlay .call_to_quote:before,
.header_style_one.menu-bg-overlay .call_to_quote:after {
  display: none;
}

.header_style_one.menu-bg-overlay .call_to_quote .icon_bg {
  display: none;
}

.header_style_one.menu-bg-overlay .side_inner_content {
  padding-top: 100px;
}

.header_style_one.menu-bg-overlay .close_btn {
  top: 70px;
}

.side_inner_content {
  top: 0px;
  bottom: 0;
  right: -320px;
  height: 110vh;
  z-index: 101;
  position: fixed;
  width: 300px;
  overflow-y: scroll;
  background-color: #fff;
  padding: 50px 30px;
  -webkit-box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.19);
  box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.19);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.side_inner_content p {
  text-align: left;
}

.side_inner_content .side_inner_logo {
  margin: 30px 0px;
}

.side_inner_content .side_contact {
  margin-bottom: 30px;
}

.side_inner_content .side_contact .social_widget h3 {
  font-size: 18px;
  padding: 10px 0px 20px 0px;
}

.side_inner_content .side_contact .social_widget li {
  margin: 0px 3px;
}

.side_inner_content .side_copywright {
  font-size: 14px;
  text-align: center;
  margin: 0;
}

.side_inner_content .close_btn {
  top: 30px;
  left: 20px;
  cursor: pointer;
  color: #b89b5e;
  position: absolute;
}

.side_inner_content .close_btn i {
  font-size: 14px;
}

.wide_side_inner.wide_side_on .side_inner_content {
  right: -15px;
  z-index: 99;
  -webkit-transition: all 0.7s;
  -o-transition: all 0.7s;
  transition: all 0.7s;
}

.wide_side_inner .side_overlay {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  width: 100%;
  z-index: 9;
  height: 110vh;
  visibility: hidden;
  position: fixed;
  background: rgba(0, 0, 0, 0.8);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: url(../images/cl.png), auto;
}

.body_overlay_on {
  overflow: hidden;
}

.wide_side_inner.wide_side_on .side_overlay {
  opacity: 1;
  visibility: visible;
}

.header_style_two.menu-bg-overlay {
  -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
  top: -50px;
}

.header_style_two.menu-bg-overlay .site_logo {
  top: 20px;
  height: 110px;
  width: 290px;
  overflow: hidden;
}

.header_style_two.menu-bg-overlay .header_main_menu .main_navigation {
  padding-top: 30px;
}

.header_style_theree.menu-bg-overlay {
  -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
}

.header_style_theree.menu-bg-overlay .qoute_btn {
  margin-top: 20px;
}

.header_style_theree.menu-bg-overlay .call_to_quote {
  padding-top: 20px;
  padding-bottom: 0;
}

.header_style_theree.menu-bg-overlay .site_logo,
.header_style_theree.menu-bg-overlay .wide_side_bar {
  height: 100px;
  line-height: 100px;
}

.header_style_theree.menu-bg-overlay .main_navigation {
  padding-top: 40px;
}

.header_style_theree.menu-bg-overlay .wide_side_bar span {
  top: 40px;
}

/*---------------------------------------------------- */

/*slider area*/

/*----------------------------------------------------*/
.slider_style_one .background_overlay {
  background-color: rgba(52, 52, 52, 0.5);
}

.slider_style_one .slider_contect_box {
  z-index: 1;
  margin: 0 auto;
  padding: 190px 0px;
  position: relative;
  max-width: 980px;
}

.slider_style_one .slider_contect_box .slider_text p {
  color: #fff;
  line-height: 2;
  font-weight: 700;
  letter-spacing: 3px;
  opacity: 0;
  text-transform: uppercase;
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
}

.slider_style_one .slider_contect_box .slider_text h2 {
  color: #fff;
  line-height: 1;
  font-size: 100px;
  font-weight: 600;
  padding: 20px 0px;
  opacity: 0;
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
}

.slider_style_one .slider_contect_box .slider_icon {
  margin: 0 auto;
  max-width: 120px;
  opacity: 0;
  margin-bottom: 30px;
  -webkit-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  transform: translateY(-50px);
}

.slider_style_one .owl-nav {
  right: 20px;
  bottom: 20px;
  position: absolute;
}

.slider_style_one .owl-nav .owl-prev {
  right: 60px;
}

.slider_side_btn {
  color: #fff;
  left: -62px;
  z-index: 1;
  bottom: 62px;
  font-weight: 700;
  position: absolute;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  background-color: #b89b5e;
}
.slider_side_btn i {
  font-size: 20px;
  margin-right: 10px;
}

.slider_side_btn a {
  padding: 20px 35px 18px;
}

.slider_style_two .slider_contect_box .slider_text p {
  -webkit-transform: translatex(-50px);
  -ms-transform: translatex(-50px);
  transform: translatex(-50px);
}

.slider_style_two .slider_contect_box .slider_text h2 {
  -webkit-transform: translatex(30px);
  -ms-transform: translatex(30px);
  transform: translatex(30px);
}

.slider_style_two .owl-nav {
  right: 60px;
  left: inherit;
}

.slider_style_two .owl-nav .owl-prev,
.slider_style_two .owl-nav .owl-next {
  border: 3px solid #e6e6e6;
}

.slider_style_three .slider_contect_box {
  padding: 360px 0px 200px 0px;
}

.slider_style_three .slider_contect_box .slider_text p {
  -webkit-transform: translatex(-50px);
  -ms-transform: translatex(-50px);
  transform: translatex(-50px);
}

.slider_style_three .slider_contect_box .slider_text h2 {
  -webkit-transform: translatex(30px);
  -ms-transform: translatex(30px);
  transform: translatex(30px);
}

.slider_style_three .owl-nav {
  display: none;
}

.slider_style_three .slider_priview .slider_priview_img {
  position: absolute;
  right: 50px;
  bottom: 0;
  opacity: 0;
  -webkit-transform: translatex(30px);
  -ms-transform: translatex(30px);
  transform: translatex(30px);
}

.slider_style_three .slider_priview .net_shape {
  right: 0;
  bottom: 0;
  z-index: -1;
  position: absolute;
}

#slider_id .owl-item.active .slider_text p {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 1500ms ease;
  -o-transition: all 1500ms ease;
  transition: all 1500ms ease;
  -webkit-transition-delay: 1200ms;
  -o-transition-delay: 1200ms;
  transition-delay: 1200ms;
}

#slider_id .owl-item.active .slider_text h2 {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 1500ms ease;
  -o-transition: all 1500ms ease;
  transition: all 1500ms ease;
  -webkit-transition-delay: 900ms;
  -o-transition-delay: 900ms;
  transition-delay: 900ms;
}

#slider_id .owl-item.active .slider_priview_img {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 1500ms ease;
  -o-transition: all 1500ms ease;
  transition: all 1500ms ease;
  -webkit-transition-delay: 2100ms;
  -o-transition-delay: 2100ms;
  transition-delay: 2100ms;
}

#slider_id .owl-item.active .slider_icon {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 1500ms ease;
  -o-transition: all 1500ms ease;
  transition: all 1500ms ease;
  -webkit-transition-delay: 1500ms;
  -o-transition-delay: 1500ms;
  transition-delay: 1500ms;
}

#slider_id .owl-item.active .slider_btn {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
  -webkit-transition-delay: 1800ms;
  -o-transition-delay: 1800ms;
  transition-delay: 1800ms;
}

.slider_3 .slider_side_btn a {
  padding: 20px 50px 18px;
}

.slider_3 .slider_side_btn {
  left: -77px;
  bottom: 78px;
}

.slider_3 .slider_btn li {
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
}

.slider_3 .slider_btn li:hover {
  -webkit-box-shadow: 0px 16px 32px 0px rgba(101, 101, 101, 0.3);
  box-shadow: 0px 16px 32px 0px rgba(101, 101, 101, 0.3);
}

/*---------------------------------------------------- */

/*call action area*/

/*----------------------------------------------------*/
.call_action_list li {
  width: 20%;
  float: left;
  padding: 50px 35px;
  position: relative;
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
}

.call_action_list li:before {
  top: 0;
  right: 0;
  content: '';
  width: 1px;
  height: 100%;
  position: absolute;
  background-color: #dfdfdf;
}

.call_action_list li:after {
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  background-color: #efefef;
}

.call_action_list li:hover {
  background-color: #b89b5e;
}

.call_action_list li:hover .call_action_icon i {
  color: #fff;
}

.call_action_list li:hover .call_action_text p,
.call_action_list li:hover .call_action_text h3 {
  color: #fff;
}

.call_action_list li:hover .c-icon_bg i {
  color: #b89b5e;
  background-color: #fff;
}

.call_action_list .call_action_icon {
  float: left;
  line-height: 1;
  margin-right: 15px;
}

.call_action_list .call_action_icon i {
  font-size: 50px;
  color: #b89b5e;
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
}

.call_action_list .call_action_text p {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
}

.call_action_list .call_action_text h3 {
  font-size: 30px;
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
}

.call_action_list .c-icon_bg {
  top: 25px;
  right: 20px;
  position: absolute;
}

.call_action_list .c-icon_bg i {
  width: 35px;
  color: #fff;
  height: 35px;
  font-size: 14px;
  line-height: 35px;
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
  background-color: #b89b5e;
  -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.06);
}

.call_action_two .section_title_area {
  max-width: 900px;
  margin: 0 auto;
}

.call_action_two .section_title_area h2 {
  font-size: 80px;
  padding: 15px 0 25px;
  line-height: 1.125;
}

.call_action_two .call_action_number {
  font-size: 60px;
  font-weight: 100;
  color: #b89b5e;
}

.call_action_two .call_action_logo {
  margin-bottom: 45px;
}

.call_action_two .call_action_btn {
  margin-top: 30px;
}

.call_action_home_2 {
  padding-top: 115px;
}

.call_action_blackhover .call_action_list li:hover {
  background-color: #343434;
}

.call_action_blackhover .call_action_list li:hover .call_action_icon i {
  color: #b89b5e;
}

.call_action_blackhover .call_action_list li:hover .c-icon_bg i {
  color: #fff;
  background-color: #b89b5e;
}

.call_action_blackbg {
  background-color: #343434;
}

.call_action_blackbg .call_action_text h3,
.call_action_blackbg .call_action_text p {
  color: #fff;
}

.call_action_blackbg .call_action_list li:before {
  background-color: #454545;
}

.call_action_blackbg .call_action_list .c-icon_bg i {
  color: #b89b5e;
  line-height: 31px;
  border: 2px solid #494949;
  background-color: #343434;
}

.call_action_blackbg .call_action_list li:hover {
  background-color: #343434;
}

.call_action_blackbg .call_action_list li:hover .c-icon_bg i {
  color: #fff;
  border: 2px solid #b89b5e;
  background-color: #b89b5e;
}

.call_action_blackbg .call_action_list li:hover .call_action_icon i {
  color: #b89b5e;
}

/*---------------------------------------------------- */

/*about area*/

/*----------------------------------------------------*/
.about_us_section {
  padding: 118px 0px;
  position: relative;
  z-index: 1;
}

.about_us_section:before {
  left: 0;
  bottom: 0;
  content: '';
  position: absolute;
  height: 40%;
  z-index: -1;
  width: 30%;
  background-image: url(../images/about/abg.jpg);
}

.about_us_section:after {
  left: 0;
  bottom: 0;
  content: '';
  position: absolute;
  height: 50%;
  width: 30%;
  z-index: -1;
  background-image: url(../images/about/abt.png);
}

.about_area_content {
  padding-left: 40px;
}

.about_area_content .shape_pattern_2 {
  position: absolute;
  right: -30px;
  bottom: 60px;
}

.about_area_content h3 {
  font-size: 20px;
  font-weight: 500;
  padding: 30px 0px 25px;
  margin: 0;
  line-height: 1.55;
}

.about_area_content h3 strong,
.about_area_content h3 a {
  font-weight: 700;
}

.about_area_content h3 strong {
  color: #b89b5e;
}

.about_area_content h3 a {
  text-decoration: underline;
}

.about_listitem {
  margin-top: 35px;
}

.about_listitem li {
    width: 50%;
    float: left;
    margin-bottom: 20px;
    position: relative;
    padding-left: 50px;
    min-height: 40px;
    padding-top: 8px;
}

.about_listitem li i {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #b89b5e;
  border-radius: 100%;
  background-color: #fff;
  border: 2px solid #e1dfdc;
  position: absolute;
  left:0;
  top:0;
}

.about_right_content {
  padding-left: 40px;
}

.about_right_content .about_right_img {
  overflow: hidden;
}

.about_right_content .about_right_img img {
  -webkit-transition: .5s all ease-in-out;
  -o-transition: .5s all ease-in-out;
  transition: .5s all ease-in-out;
}

.about_right_content .about_right_img:hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.about_right_content .about_progress {
  right: -180px;
}

.about_section_two {
  padding: 120px 0px 0px 0px;
}

.about_section_two .about_left_content {
  z-index: 1;
}

.about_section_two .about_left_content .about_left_img {
  max-width: 500px;
}

.about_section_two .about_right_two {
  padding: 70px 0px 0px 10px;
}

.about_section_two .about_left_content .about_progress {
  top: 60%;
  left: -60px;
  width: 135px;
  background-color: #fff;
}

.about_section_two .about_left_content .progress_area {
  padding: 20px 30px 10px 30px;
  -webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.1);
}

.about_section_two .shape_pattern {
  top: -30px;
  left: -30px;
  z-index: -1;
  position: absolute;
}

.about_counter {
  top: -80px;
  z-index: 2;
  left: 145px;
  max-width: 970px;
  position: relative;
  border-radius: 10px;
  background-color: #fff;
  padding: 60px 40px 90px 40px;
  -webkit-box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.04);
  box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.04);
}

.about_counter .about_counter_list li {
  width: 25%;
  float: left;
  position: relative;
}

.about_counter .about_counter_list li:after {
  top: 0;
  right: 0;
  width: 1px;
  content: '';
  height: 115%;
  position: absolute;
  background-color: #f1f1f1;
}

.about_counter .about_counter_list li:last-child:after {
  display: none;
}

.about_counter .about_counter_list li:before {
  left: 0;
  right: 0;
  width: 5px;
  content: '';
  height: 5px;
  bottom: -30px;
  margin: 0 auto;
  position: absolute;
  border-radius: 100%;
  background-color: #e5e5e5;
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
}

.about_counter .about_counter_list li:hover:before {
  background-color: #b89b5e;
}

.about_counter .about_counter_list .counter_icon {
  line-height: 1;
  margin-bottom: 18px;
}

.about_counter .about_counter_list .counter_icon i {
  font-size: 60px;
  color: #b89b5e;
}

.about_counter .about_counter_list .counter_number span,
.about_counter .about_counter_list .counter_number strong {
  font-size: 26px;
  font-weight: 700;
  font-family: "Poppins";
}

.about_counter .about_counter_list .counter_number strong {
  top: 5px;
  line-height: 1;
  position: relative;
}

.about_counter .about_counter_list .counter_number p {
  font-size: 14px;
}

.about_counter .about_counter_list .odometer-formatting-mark {
  display: none;
}

.about_section_three {
  padding: 120px 0px 200px 0px;
}

.about_section_three .about_img .about_img2 {
  position: absolute;
  right: -240px;
  bottom: -80px;
}

.about_section_three .about_content_three .about_area_content {
  padding-top: 60px;
}

.about_section_three .about_content_three .about_listitem {
  padding-left: 250px;
}

.about_section_three .about_content_three .about_listitem li {
  width: 100%;
}

.about_section_three .about_content_three .about_area_content {
  padding-left: 25px;
}

/*About Page*/

/*----------------------------------------------------*/
.about_page_section {
  padding: 145px 0px 50px 0px;
}

.about_page_section .about_btn {
  margin-top: 15px;
}

.about_page_section .about_btn a {
  color: #fff;
  display: inline-block;
  padding: 20px 42px 18px 45px;
  background-color: #b89b5e;
}

.about_service_section {
  padding-bottom: 120px;
}

.about_service_section .about_service_box {
  overflow: hidden;
}

.about_service_section .about_service_box:before {
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
}

.about_service_section .about_service_box:after {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
  -webkit-transform: translate3d(0, 50%, 0);
  transform: translate3d(0, 50%, 0);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(185, 157, 95, 0)), to(rgba(185, 157, 95, 0.90196)));
  background-image: -webkit-linear-gradient(top, rgba(185, 157, 95, 0), rgba(185, 157, 95, 0.90196));
  background-image: -o-linear-gradient(top, rgba(185, 157, 95, 0), rgba(185, 157, 95, 0.90196));
  background-image: linear-gradient(to bottom, rgba(185, 157, 95, 0), rgba(185, 157, 95, 0.90196));
}

.about_service_section .about_service_box .abt_service_text {
  bottom: 50px;
  z-index: 2;
  left: 50px;
  width: 275px;
  position: absolute;
}

.about_service_section .about_service_box .abt_service_text span {
  color: #fff;
}

.about_service_section .about_service_box .abt_service_text h4 {
  color: #fff;
  font-size: 24px;
  line-height: 1.417;
  padding: 10px 0px 20px;
}

.about_service_section .about_service_box .abt_service_text .ab_case_btn {
  color: #b5b5b5;
  font-weight: 700;
}

.about_service_section .about_service_box .abt_service_text .ab_case_btn i {
  margin-left: 10px;
}

.about_service_section .about_service_box .abt_service_text .subs_form input {
  width: 100%;
  height: 60px;
  border: none;
  padding-left: 30px;
  background-color: #fff;
}

.about_service_section .about_service_box .abt_service_text .subs_form .nws-button {
  top: 17px;
  right: 10px;
}

.about_service_section .about_service_box .abt_service_text .subs_form .nws-button button {
  color: #b89b5e;
}

.about_service_section .about_service_box:hover:before {
  opacity: 0;
  visibility: hidden;
}

.about_service_section .about_service_box:hover:after {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.about_service_section .about_service_box:hover .ab_case_btn {
  color: #fff;
}

.about_call_action_section .background_parallax {
  padding: 95px 0px;
}

.about_call_action_section .background_overlay {
  background-color: rgba(52, 52, 52, 0.8);
}

.about_call_action_section .about_cta_content {
  padding-left: 40px;
}

.about_call_action_section .about_cta_content .section_title_area h2 {
  color: #fff;
}

.about_call_action_section .about_cta_content .about_cta_btn {
  margin-top: 20px;
  float: right;
  display: inline-block;
}

.about_call_action_section .about_cta_content .about_cta_btn a {
  color: #fff;
  padding: 20px 38px 18px 40px;
  background-color: #b89b5e;
}

.about_practice_section {
  padding: 118px 0px 70px;
}

.about_practice_section .section_title_area {
  padding-bottom: 65px;
}

.about_practice_icontext {
  margin-bottom: 40px;
}

.about_practice_icontext .about_practice_icon {
  line-height: 1;
  margin-right: 30px;
}

.about_practice_icontext .about_practice_icon i {
  font-size: 60px;
  color: #b89b5e;
}

.about_practice_icontext .about_practice_text {
  overflow: hidden;
}

.about_practice_icontext .about_practice_text h4 {
  font-size: 26px;
  padding-bottom: 10px;
}

.about_practice_icontext .about_practice_text p {
  line-height: 1.625;
}

.app_download_section {
  padding: 118px 0px 120px;
  background-color: #f5f5f5;
}

.app_download_section .app_download_content {
  max-width: 630px;
  padding-left: 40px;
}

.app_download_section .app_download_content .app_text {
  margin: 35px 0px 40px;
  line-height: 1.625;
}

.app_download_section .app_download_content .app_btn li {
  color: #fff;
  height: 80px;
  width: 240px;
  line-height: 1.1;
  margin-right: 18px;
  padding: 20px 0px 0px 25px;
  background-color: #b89b5e;
}

.app_download_section .app_download_content .app_btn li i {
  font-size: 30px;
  float: left;
  margin-right: 15px;
}

.app_download_section .app_download_content .app_btn li span {
  display: block;
  font-size: 14px;
  font-weight: 400;
  font-family: "Roboto";
}

.app_download_section .app_download_content .app_btn li:nth-child(2) {
  background-color: #343434;
}

.app_download_section .app_download_content .app_btn li:nth-child(2) i {
  color: #b89b5e;
}

.app_download_section .app_img {
  position: absolute;
  bottom: 0;
  right: 10%;
}

.about_award_section {
  padding: 120px 200px;
}

.about_award_section .award_item img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
}

.about_award_section .award_item:hover img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}

/*---------------------------------------------------- */

/*service area*/

/*----------------------------------------------------*/
.service_section {
  padding: 118px 0 60px;
  background-color: #f7f7f7;
}

.service_section .section_title_area {
  padding-bottom: 78px;
}

.service_section .service_img {
  overflow: hidden;
}

.service_section .service_img img {
  -webkit-transition: .5s all ease-in-out;
  -o-transition: .5s all ease-in-out;
  transition: .5s all ease-in-out;
}

.service_section .service_img:before {
  position: absolute;
  content: '';
  height: 100%;
  width: 0%;
  top: 0;
  left: auto;
  right: 0;
  background-color: #b89b5e;
  z-index: 1;
  opacity: .9;
  -webkit-transition: .5s all ease-in-out;
  -o-transition: .5s all ease-in-out;
  transition: .5s all ease-in-out;
}

.service_section .service_img_text:hover .service_text {
  top: -40px;
}

.service_section .service_img_text:hover .service_img img {
  -webkit-transform: rotateZ(-2deg) scale(1.2);
  -ms-transform: rotate(-2deg) scale(1.2);
  transform: rotateZ(-2deg) scale(1.2);
}

.service_section .service_img_text:hover .service_img:before {
  width: 100%;
  right: auto;
  left: 0;
}

.service_text {
  top: -60px;
  padding: 38px;
  max-width: 90%;
  margin: 0 auto;
  z-index: 2;
  background-color: #fff;
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
}

.service_text .service_icon {
  line-height: 1;
}

.service_text .service_icon i {
  font-size: 60px;
  color: #b89b5e;
}

.service_text .service_check {
  height: 50px;
  width: 50px;
  line-height: 50px;
  border-radius: 100%;
  margin-top: 8px;
  background-color: #f4f0e8;
}

.service_text .service_check i {
  color: #b89b5e;
}

.service_text .service_content {
  width: 100%;
  padding-top: 20px;
  display: inline-block;
}

.service_text .service_content h3 {
  font-size: 26px;
  line-height: 1.385;
  padding-bottom: 15px;
}

.service_text .service_content p {
  font-size: 14px;
  line-height: 1.714;
}

.service_slider .owl-nav {
  top: 45%;
}

.service_slider .owl-nav .owl-next,
.service_slider .owl-nav .owl-prev {
  margin-left: -100px;
  background-color: #fff;
  -webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.1);
}

.service_slider .owl-nav .owl-next {
  float: right;
  margin-right: -100px;
}

.service_section_two {
  z-index: 1;
  overflow: visible;
  padding: 35px 0px 120px 0px;
}

.service_section_two:before,
.service_section_two:after {
  content: '';
  width: 50%;
  height: 100%;
  position: absolute;
  top: -35%;
  z-index: -1;
}

.service_section_two:before {
  background-image: url(../images/service/srbg.jpg);
}

.service_section_two:after {
  background-image: url(../images/service/sr-shape.png);
}

.service_section_two .section_title_area {
  padding-bottom: 65px;
}

.service_content_two .service_box {
  position: relative;
  background-color: #343434;
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
}

.service_content_two .service_box:before {
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 50%;
  right: 50%;
  height: 10px;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
  background: -o-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.service_content_two .service_box:hover {
  margin-top: -20px;
}

.service_content_two .service_box:hover:before {
  left: 5%;
  right: 5%;
  opacity: 1;
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px);
}

.service_content_two .service_img_icon {
  overflow: hidden;
  max-width: 260px;
  border-bottom-right-radius: 25px;
}

.service_content_two .service_img_icon .service_icon {
  right: 0;
  bottom: 0;
  width: 50px;
  height: 50px;
  line-height: 50px;
  position: absolute;
  background-color: #b89b5e;
}

.service_content_two .service_img_icon .service_icon i {
  color: #fff;
  font-size: 20px;
}

.service_content_two .service_text_two {
  padding: 25px 30px 25px;
}

.service_content_two .service_text_two h3 {
  color: #fff;
  font-size: 18px;
  padding-bottom: 5px;
}

.service_content_two .service_text_two p {
  font-size: 14px;
  color: #b4b4b4;
}

.service_style_two {
  padding-bottom: 120px;
  background-color: #f7f3ea;
}

.service_style_two .service_icon_text .service_icon {
  line-height: 1;
  margin-bottom: 35px;
  z-index: 1;
  display: inline-block;
}

.service_style_two .service_icon_text .service_icon i {
  font-size: 60px;
  color: #b89b5e;
}

.service_style_two .service_icon_text .service_icon:after {
  top: -30px;
  right: -30px;
  content: '';
  z-index: -1;
  width: 65px;
  height: 65px;
  position: absolute;
  border-radius: 100%;
  background-color: #fff;
}

.service_style_two .service_icon_text .service_text {
  padding: 0;
  background-color: inherit;
}

.service_style_two .service_icon_text .service_text h3 {
  font-size: 20px;
  padding-bottom: 20px;
}

.service_style_two .service_icon_text .service_text p {
  font-size: 14px;
  line-height: 1.714;
}

.service_style_two .service_icon_text .how_work_btn {
  border: none;
  line-height: 60px;
  border-radius: 100%;
  background-color: #fff;
  -webkit-box-shadow: 0px 16px 32px 0px rgba(101, 101, 101, 0.2);
  box-shadow: 0px 16px 32px 0px rgba(101, 101, 101, 0.2);
}

.service_style_two .service_icon_text .how_work_btn:hover {
  background-color: #b89b5e;
}

/*Service Page*/

/*----------------------------------------------------*/
.service_page_section {
  padding: 145px 0px 65px 0px;
}

.service_page_section .service_content_two .service_box {
  -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.06);
  background-color: #fff;
  margin-bottom: 30px;
}

.service_page_section .service_content_two .service_box:before {
  display: none;
}

.service_page_section .service_content_two .service_box:hover {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.service_page_section .service_content_two .service_text_two h3,
.service_page_section .service_content_two .service_text_two p {
  color: #343434;
}

.estimate_section {
  padding: 118px 0px;
}

.estimate_section .section_title_area {
  padding-bottom: 85px;
}

.estimate_section .estimate_budget {
  padding-left: 150px;
  padding-bottom: 70px;
  margin-bottom: 50px;
}

.estimate_section .estimate_budget .e-title {
  font-weight: 700;
  left: 0;
  top: -7px;
  position: absolute;
}

.estimate_section .noUi-target {
  border: none;
}

.estimate_section #estimate_scale {
  max-width: 1025px;
}

.estimate_section #estimate_scale .noUi-handle-upper {
  display: none;
}

.estimate_section #estimate_scale .noUi-connect,
.estimate_section #estimate_scale .noUi-origin {
  background: #f5f5f5;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.estimate_section #estimate_scale .noUi-base {
  background: #b89b5e;
}

.estimate_section #estimate_scale .noUi-pips-horizontal {
  width: 100%;
}

.estimate_section #estimate_scale .noUi-handle {
  top: -15px;
  width: 60px;
  height: 35px;
  border: none;
  cursor: pointer;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 40px;
  background-color: #b89b5e;
}

.estimate_section #estimate_scale .noUi-handle:before {
  position: absolute;
  content: '\f104';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  color: #fff;
  height: auto;
  width: auto;
  left: 20px;
  font-size: 14px;
  background: transparent;
}

.estimate_section #estimate_scale .noUi-handle:after {
  position: absolute;
  content: '\f054';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  color: #fff;
  right: 20px;
  left: auto;
  top: 10px;
  font-size: 10px;
  background: transparent;
}

.estimate_section #estimate_scale .noUi-marker-horizontal.noUi-marker {
  height: 0;
}

.estimate_section #estimate_scale .noUi-marker-horizontal.noUi-marker-large {
  display: none;
}

.estimate_section #estimate_scale .noUi-value {
  width: auto;
  font-size: 40px;
  font-weight: 700;
  padding-left: 10px;
  color: #343434;
  margin-left: 0;
}

.estimate_section #estimate_scale .noUi-value:before {
  left: 0;
  content: '$';
  bottom: 5px;
  font-size: 18px;
  font-weight: 700;
  position: absolute;
  color: #b89b5e;
}

.estimate_section #estimate_scale .noUi-value:after {
  content: '';
  height: 22px;
  top: -10px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 2px;
  position: absolute;
  background-color: #f5f5f5;
}

.estimate_section #estimate_scale .noUi-value:last-child {
  display: none;
}

/*Service Page two*/

/*----------------------------------------------------*/
.servicepage_btn li {
  font-size: 14px;
}

.servicepage_btn li:nth-child(2) {
  color: #fff;
  border: 2px solid #606060;
  background-color: transparent;
}

.servicepage_btn li:nth-child(2) a {
  padding: 16px 38px;
}

.servicepage_btn li:after {
  background-color: #dcc699;
}

.service_page_content {
  background-color: #343434;
  padding: 95px 0px 100px 100px;
  border-top-right-radius: 30px;
}

.service_page_content .service_pageimg {
  position: absolute;
  right: -80px;
  top: -124px;
}

.service_page_text {
  max-width: 560px;
}

.service_page_text .section_title_area {
  padding-bottom: 50px;
}

.service_page_text .section_title_area p {
  padding-left: 40px;
}

.service_page_text .section_title_area h2 {
  color: #fff;
}

.practice_service_section {
  padding: 55px 0 90px;
  background-color: transparent;
}

.practice_service_section:before {
  top: 0;
  left: -10%;
  height: 60%;
  content: '';
  width: 115%;
  z-index: -1;
  position: absolute;
  border-radius: 30%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#f7f3ea));
  background-image: -webkit-linear-gradient(white 0%, #f7f3ea 100%);
  background-image: -o-linear-gradient(white 0%, #f7f3ea 100%);
  background-image: linear-gradient(white 0%, #f7f3ea 100%);
}

.practice_service_section .section_title_area {
  padding-bottom: 65px;
}

.practice_service_section .service_icon_text {
  margin-bottom: 30px;
  background-color: #fff;
  padding: 65px 45px 70px 45px;
  -webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.03);
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.03);
}

.practice_service_section .service_icon_text .service_text {
  max-width: 100%;
}

.practice_service_section .service_icon_text .service_text h3 {
  font-size: 26px;
}

.practice_service_section .service_icon_text .service_icon:after {
  display: none;
}

.practice_service_section .service_icon_text .how_work_btn {
  margin-top: 25px;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #f7f3ea;
}

.practice_service_section .service_icon_text .how_work_btn i {
  color: #b89b5e;
}

.practice_service_section .service_icon_text .how_work_btn:hover i {
  color: #fff;
}

.service_page_client .client_list {
  border-top: 2px solid #efefef;
}

.service_page_client .client_list li {
  border-right: none;
}

/*Service Details Page*/

/*----------------------------------------------------*/
.practice_details_section {
  padding: 145px 0 120px;
}

.service_details_content {
  padding-left: 40px;
  margin-right: 50px;
}

.service_details_content .download_cv_btn {
  right: 0;
  top: 10px;
  position: absolute;
  border: 2px solid #eaeaea;
}

.service_details_content .download_cv_btn:hover {
  color: #fff;
}

.service_details_content .download_cv_btn a {
  display: block;
  padding: 18px 35px;
}

.service_details_content p {
  margin-bottom: 28px;
  line-height: 1.75;
}

.service_details_content .about_listitem {
  margin-bottom: 50px;
  padding-bottom: 30px;
  border-bottom: 2px solid #eaeaea;
}

.service_details_content .about_listitem li {
  width: 33.33%;
}

.service_details_content .service_det_img {
  margin-bottom: 45px;
}

.service_details_content .service_work_icon_text {
  padding: 60px 0px;
  margin: 50px 0px;
  border: 2px solid #eaeaea;
}

.service_details_content .service_work_icon_text li {
  width: 25%;
  float: left;
  text-align: center;
  position: relative;
}

.service_details_content .service_work_icon_text li i {
  line-height: 1;
  font-size: 60px;
  color: #b89b5e;
}

.service_details_content .service_work_icon_text li span {
  display: block;
  margin-top: 8px;
  font-size: 20px;
  font-weight: 500;
}

.service_details_content .service_work_icon_text li:after {
  top: 0;
  right: 0;
  content: '';
  height: 100%;
  width: 1px;
  position: absolute;
  background-color: #eaeaea;
}

.service_details_content .service_work_icon_text li:last-child:after {
  display: none;
}

.service_details_content .next_prev_post {
  padding-top: 35px;
  border-top: 2px solid #eaeaea;
}

.service_details_content .next_prev_post h4 {
  font-size: 30px;
}

.service_details_content .next_prev_post .prev_post_area {
  float: left;
  text-align: left;
}

.service_details_content .next_prev_post .next_post_area {
  float: right;
  text-align: right;
}

.practice_details_section .site_sidebar .single_widget {
  padding: 0;
  border: none;
}

.practice_details_section .site_sidebar {
  margin-left: 0;
}

.practice_details_section .site_sidebar .personal_info {
  border-bottom: none;
  padding-bottom: 0;
}

.practice_details_section .site_sidebar .personal_info li {
  font-size: 16px;
  margin-bottom: 10px;
}

.practice_details_section .site_sidebar .single_widget .widget_title {
  font-size: 16px;
  color: #343434;
  font-family: "Roboto";
  padding: 0 40px 15px 40px;
  margin: 0  0px 35px;
  border-bottom: 2px solid #eaeaea;
}

.practice_details_section .site_sidebar .single_widget .widget_title .title_shape_left:before {
  top: 10px;
}

.practice_details_section .site_sidebar .single_widget .widget_title .title_shape_left:after {
  top: 5px;
}

.practice_details_section .site_sidebar .single_widget .widget_title .title_shape_right:before {
  left: 15px;
  top: 10px;
}

.practice_details_section .site_sidebar .single_widget .widget_title .title_shape_right:after {
  top: 5px;
  left: 32px;
}

.practice_details_section .site_sidebar .single_widget .pactical_cat li {
  font-weight: 500;
  position: relative;
  margin-bottom: 10px;
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
}

.practice_details_section .site_sidebar .single_widget .pactical_cat li a {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.practice_details_section .site_sidebar .single_widget .pactical_cat li:last-child {
  margin-bottom: 0;
}

.practice_details_section .site_sidebar .single_widget .pactical_cat li:after {
  top: 2px;
  right: 0;
  content: '\f054';
  font-size: 13px;
  font-weight: 900;
  position: absolute;
  font-family: 'Font Awesome 5 Free';
}

.practice_details_section .site_sidebar .single_widget .pactical_cat li:hover {
  color: #b89b5e;
}

.practice_details_section .site_sidebar .single_widget .pactical_cat li:hover:after {
  color: #b89b5e;
}

.practice_details_section .site_sidebar .single_widget .attorney_widget .attorney_img_text {
  width: 100%;
  margin-bottom: 20px;
  display: inline-block;
}

.practice_details_section .site_sidebar .single_widget .attorney_widget .attorney_img_text:last-child {
  margin-bottom: 10px;
}

.practice_details_section .site_sidebar .single_widget .attorney_widget .attorney_img_text .attorney_img {
  width: 70px;
  height: 70px;
  overflow: hidden;
  margin-right: 20px;
  border-radius: 100%;
}

.practice_details_section .site_sidebar .single_widget .attorney_widget .attorney_img_text .attorney_text {
  margin-top: 15px;
}

.practice_details_section .site_sidebar .single_widget .attorney_widget .attorney_img_text .attorney_text h4 {
  font-size: 18px;
  padding-bottom: 5px;
}

.practice_details_section .site_sidebar .single_widget .attorney_widget .attorney_img_text .attorney_text span {
  font-size: 14px;
  font-weight: 500;
}

.practice_details_section .site_sidebar .single_widget .connect_widget {
  padding-bottom: 10px;
}

.practice_details_section .site_sidebar .single_widget .connect_widget .connect_content {
  margin-bottom: 20px;
}

.practice_details_section .site_sidebar .single_widget .connect_widget .connect_content:last-child {
  margin-bottom: 10px;
}

.practice_details_section .site_sidebar .single_widget .connect_widget .connect_icon {
  height: 50px;
  width: 50px;
  line-height: 50px;
  color: #b89b5e;
  border-radius: 100%;
  margin-right: 20px;
  border: 2px solid #eaeaea;
}

.practice_details_section .site_sidebar .single_widget .connect_widget .connect_text p {
  font-size: 14px;
}

.practice_details_section .site_sidebar .single_widget .connect_widget .connect_text span {
  font-size: 20px;
}

/*---------------------------------------------------- */

/*why choose area*/

/*----------------------------------------------------*/

.why_choose_left {
  padding-left: 40px;
}
.why_choose_left .section_title_area {
  padding-bottom: 58px;
}

.why_choose_left .section_title_area h2 {
  color: #fff;
}

.why_choose_left .choose_icon {
  width: 90px;
  height: 90px;
  margin-right: 30px;
  text-align: center;
  border-radius: 100%;
  background-color: #3f3f3f;
  display: flex;
  align-items: center;
  justify-content: center;
}

.why_choose_left .choose_icon i {
  font-size: 40px;
  color: #b89b5e;
}

.why_choose_left .choose_icon span {
  top: 5px;
  right: -5px;
  width: 25px;
  height: 25px;
  font-size: 14px;
  font-weight: 700;
  line-height: 25px;
  position: absolute;
  border-radius: 100%;
  background-color: #fff;
}

.why_choose_left .choose_text {
  margin-top: 20px;
  display: inline-block;
}

.why_choose_left .choose_text h3 {
  color: #fff;
  padding-bottom: 18px;
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
}

.why_choose_left .choose_text p {
  color: #bbbbbb;
  overflow: hidden;
  max-width: 340px;
  line-height: 1.625;
}

.choose_us_list li {
  margin-bottom: 15px;
}

.choose_us_list li:last-child {
  margin-bottom: 0;
}

.choose_form {
  position: absolute;
  margin-right: 15px;
  background-color: #fff;
  padding: 80px 55px 70px 55px;
  border-top: 10px solid #b89b5e;
  -webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
  z-index: 9;
}

.choose_form .section_title_area h2 {
  font-size: 46px;
}

.choose_form .section_title_area p {
  padding-left: 40px;
}

.choose_form_area {
  margin-top: 60px;
}

.choose_form_area .contact-info {
  width: 100%;
  padding: 25px;
  position: relative;
  margin-bottom: 10px;
  display: inline-block;
  background-color: #f8f8f8;
}

.choose_form_area .contact-info label {
  display: block;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.choose_form_area .contact-info input,
.choose_form_area .contact-info textarea {
  border: none;
  width: 100%;
  background-color: transparent;
  max-height: 52px;
}

.choose_form_area .contact-info input::-webkit-input-placeholder,
.choose_form_area .contact-info textarea::-webkit-input-placeholder {
  font-size: 24px;
  color: #cccccc;
}

.choose_form_area .contact-info input:-ms-input-placeholder,
.choose_form_area .contact-info textarea:-ms-input-placeholder {
  font-size: 24px;
  color: #cccccc;
}

.choose_form_area .contact-info input::-ms-input-placeholder,
.choose_form_area .contact-info textarea::-ms-input-placeholder {
  font-size: 24px;
  color: #cccccc;
}

.choose_form_area .contact-info input::placeholder,
.choose_form_area .contact-info textarea::placeholder {
  font-size: 24px;
  color: #cccccc;
}

.choose_form_area .sub-button button {
  color: #fff;
  font-size: 14px;
  margin-top: 20px;
  padding: 20px 40px;
  text-transform: uppercase;
  background-color: #b89b5e;
}

/*---------------------------------------------------- */

/*Portfolio area*/

/*----------------------------------------------------*/
.portfolio_section .background_parallax {
  z-index: 1;
  padding: 118px 0px;
  padding-left: 19.5%;
}

.portfolio_section .background_parallax .background_overlay {
  background-color: rgba(52, 52, 52, 0.85);
  z-index: -1;
}

.portfolio_section .section_title_area {
  padding-bottom: 70px;
}

.portfolio_section .section_title_area h2 {
  color: #fff;
}

.portfolio_section .section_title_area p {
  padding-left: 40px;
}

.portfolio_slide .owl-nav {
  top: -145px;
  right: 24%;
  position: absolute;
}

.portfolio_slide .owl-nav .owl-next,
.portfolio_slide .owl-nav .owl-prev {
  color: #fff;
  margin-left: 20px;
  border: 2px solid #585756;
}

.portfolio_slide .owl-nav .owl-next:hover,
.portfolio_slide .owl-nav .owl-prev:hover {
  border: 2px solid #b89b5e;
}

.portfolio_img_text .portfolio_img {
  position: relative;
  overflow: hidden;
}

.portfolio_img_text .portfolio_img:before {
  position: absolute;
  content: '';
  background-color: #000;
  opacity: .6;
  top: 0;
  bottom: auto;
  left: 0;
  height: 0%;
  width: 100%;
  z-index: 1;
  -webkit-transition: .5s all ease-in-out;
  -o-transition: .5s all ease-in-out;
  transition: .5s all ease-in-out;
}

.portfolio_img_text .portfolio_text {
  background-color: #fff;
  padding: 28px 30px;
}

.portfolio_img_text .portfolio_text span {
  font-size: 14px;
  font-weight: 700;
  color: #b89b5e;
  letter-spacing: 3px;
}

.portfolio_img_text .portfolio_text .port_icon {
  top: -30px;
  right: 50px;
  width: 60px;
  color: #fff;
  height: 60px;
  line-height: 60px;
  position: absolute;
  z-index: 2;
  opacity: 0;
  background-color: #b89b5e;
  -webkit-transition: .5s all ease-in-out;
  -o-transition: .5s all ease-in-out;
  transition: .5s all ease-in-out;
}

.portfolio_img_text:hover .port_icon {
  right: 30px;
  opacity: 1;
  -webkit-transition-delay: .3s;
  -o-transition-delay: .3s;
  transition-delay: .3s;
}

.portfolio_img_text:hover .portfolio_img:before {
  height: 100%;
}

/*---------------------------------------------------- */

/*Achivement area*/

/*----------------------------------------------------*/
.achivement_section {
  padding: 118px 0px;
  background-color: #222222;
}

.achivement_text {
  padding: 50px 0 0 45px;
}

.achivement_text .section_title_area {
  padding-bottom: 50px;
}

.achivement_text .section_title_area h2 {
  color: #fff;
}

.achivement_text .achivement_img_list li {
  margin-right: 25px;
}

/*---------------------------------------------------- */

/*Team area*/

/*----------------------------------------------------*/

.team_link {
  left: 0;
  right: 0;
  width: 60px;
  color: #fff;
  height: 60px;
  bottom: -30px;
  margin: 0 auto;
  line-height: 60px;
  border-radius: 100%;
  position: absolute;
  background-color: #b89b5e;
}

.team_link .social_link a {
  left: 0;
  right: 0;
  opacity: 0;
  width: 30px;
  height: 30px;
  margin: 0 auto;
  font-size: 12px;
  line-height: 30px;
  text-align: center;
  visibility: hidden;
  position: absolute;
  border-radius: 100%;
  background-color: #b89b5e;
  -webkit-transition: .5s  all ease-in-out;
  -o-transition: .5s  all ease-in-out;
  transition: .5s  all ease-in-out;
}

.team_img_text .team_img {
  width: 200px;
  height: 200px;
  overflow: hidden;
  border-radius: 100%;
  margin: 0 auto;
  position: relative;
}

.team_img_text .team_img:after {
  top: 0;
  left: 0;
  opacity: 0;
  content: '';
  height: 100%;
  width: 100%;
  position: absolute;
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  border-radius: 100%;
  -webkit-transition: .5s all ease-in-out;
  -o-transition: .5s all ease-in-out;
  transition: .5s all ease-in-out;
  background-color: rgba(51, 51, 51, 0.8);
}

.team_img_text .team_text_details {
  padding-top: 60px;
}

.team_img_text .team_text_details h3 {
  padding-bottom: 8px;
}

.team_img_text .team_text_details p {
  margin: 0 auto;
  font-size: 14px;
  max-width: 230px;
  padding-top: 8px;
  line-height: 1.857;
}

.team_img_text:hover .social_link a {
  opacity: 1;
  visibility: visible;
  -webkit-transition-delay: .3s;
  -o-transition-delay: .3s;
  transition-delay: .3s;
}

.team_img_text:hover a:nth-child(1) {
  left: -100px;
  top: -15px;
}

.team_img_text:hover a:nth-child(2) {
  left: -33px;
  top: -30px;
}

.team_img_text:hover a:nth-child(3){
  left: 33px;
  top: -28px;
}

.team_img_text:hover a:nth-child(4) {
  left: 65px;
  top: -10px;
}

.team_img_text:hover .team_img:after {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.team_img_text:hover .team_link .fa-plus:before {
  content: "\f068";
}

/*Team Page*/

/*----------------------------------------------------*/
.team_page_section {
  padding: 145px 0px 60px;
}

.team_page_member {
  margin-bottom: 60px;
}

.team_page_member .team_member_img {
  float: left;
  width: 150px;
  height: 180px;
  margin-right: 40px;
  background: #fff;
  background-size: cover;
  overflow: hidden;
  background: no-repeat center center;
  -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

.team_page_member .team_member_img:before,
.team_page_member .team_member_img:after {
  width: 75%;
  top: 10px;
  content: '';
  right: -30px;
  height: 35px;
  position: absolute;
  background-color: #fff;
  -webkit-transform: rotate(20deg) skewX(15deg);
  -ms-transform: rotate(20deg) skewX(15deg);
  transform: rotate(20deg) skewX(15deg);
}

.team_page_member .team_member_img:after {
  top: auto;
  right: auto;
  left: -30px;
  bottom: 10px;
}

.team_page_member .team_name_designation {
  display: table;
}

.team_page_member .team_name_designation .team_name {
  line-height: 1;
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 0;
  padding: 12px 0px 28px;
}

.team_page_member .team_name_designation .tean_social {
  margin-left: -12px;
}

.team_page_member .team_name_designation .tean_social li {
  color: #bababa;
  height: 35px;
  width: 35px;
  position: relative;
  z-index: 1;
  text-align: center;
}

.team_page_member .team_name_designation .tean_social li:before {
  left: 0;
  top: -6px;
  content: '';
  width: 100%;
  z-index: -1;
  height: 100%;
  border-radius: 100%;
  position: absolute;
  background-color: #f5eee2;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
}

.team_page_member .team_name_designation .tean_social li:hover {
  color: #b89b5e;
}

.team_page_member .team_name_designation .tean_social li:hover:before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.team_feature_section {
  padding: 120px 0px;
}

.team_feature_section .team_feature_content {
  float: right;
  max-width: 580px;
  background-color: #fff;
  padding: 70px 60px 70px 100px;
  border-bottom: 10px solid #b89b5e;
}

.team_feature_section .team_feature_content .team_feature_text {
  margin: 20px 0 55px;
  line-height: 1.667;
}

.team_feature_section .team_feature_content .team_feature_btn a {
  color: #fff;
  display: inline-block;
  padding: 20px 38px 20px 40px;
  background-color: #b89b5e;
}

.team_skill_section {
  background-color: #f7f7f7;
  padding: 118px 0px 120px;
  z-index: 1;
}

.team_skill_section:before {
  left: 0;
  bottom: 0;
  content: '';
  position: absolute;
  height: 40%;
  z-index: -1;
  width: 30%;
  background-image: url(../images/about/abg.jpg);
}

.team_skill_section:after {
  left: 0;
  bottom: 0;
  content: '';
  position: absolute;
  height: 50%;
  width: 30%;
  z-index: -1;
  background-image: url(../images/team/sbg.png);
}

.team_skill_progress {
  margin-right: 40px;
}

.team_skill_progress .skill_progress .progress_text {
  margin-bottom: 5px;
}

.team_skill_progress .skill_progress .single_experties {
  margin-bottom: 45px;
}

.team_skill_progress .skill_progress .skill-title {
  color: #343434;
}

.team_skill_progress .skill_progress .progress {
  height: 60px;
  background-color: #ffffff;
}

.team_skill_progress .skill_progress .progress .progress-bar {
  top: 0;
  height: 60px;
}

.team_skill_progress .skill_progress .skill-percent {
  color: #343434;
}

.team_skill_img .team_skill_pic {
  margin-bottom: 48px;
}

.team_skill_img .team_skill_pic .team_brand {
  top: -35px;
  right: -140px;
  position: absolute;
}

.team_skill_img .section_title_area {
  padding-left: 40px;
}

/*Team Details Page*/

/*----------------------------------------------------*/
.team_details_section {
  padding: 145px 0px 120px;
}

.team_details_section .about_right_content {
  padding-left: 0;
  margin-top: 50px;
  padding-bottom: 50px;
  border-bottom: 2px solid #e4e4e4;
}

.team_details_section .about_right_content .about_progress {
  position: static;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 20px 20px 10px;
  border: 2px solid #e4e4e4;
}

.team_details_section .about_right_content .progress_text h3 {
  padding-bottom: 0;
}

.team_details_section .team_profile {
  z-index: 1;
  max-width: 470px;
  padding: 35px 30px;
  background-color: #fff;
  -webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
}

.team_details_section .team_profile .shape_pattern {
  position: absolute;
  top: -30px;
  left: -15px;
  z-index: -2;
}

.team_details_section .team_profile .bg_img {
  position: absolute;
  top: 0;
  z-index: -1;
  left: 0;
}

.team_details_section .team_profile .team_name_designation {
  padding: 35px 0px 20px;
}

.team_details_section .team_profile .team_name_designation span {
  display: block;
}

.team_details_section .team_profile .team_name_designation .team_degi {
  font-size: 14px;
}

.team_details_section .team_profile .team_name_designation .team_name {
  font-size: 40px;
  font-weight: 700;
  line-height: 0.75;
  padding-top: 20px;
}

.team_details_section .team_profile .team_social li {
  width: 50px;
  height: 50px;
  color: #bababa;
  line-height: 50px;
  text-align: center;
  border-radius: 100%;
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
}

.team_details_section .team_profile .team_social li a {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.team_details_section .team_profile .team_social li:hover {
  -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.06);
  color: #b89b5e;
}

.team_details_section .team_profile .shape_pattern_2 {
  right: -30px;
  z-index: -2;
  bottom: -20px;
  position: absolute;
}

.personal_info {
  padding-bottom: 30px;
  border-bottom: 2px solid #e4e4e4;
}

.personal_info li {
  font-size: 18px;
  margin-bottom: 12px;
}

.personal_info li .personal_icon {
  width: 25px;
  height: 25px;
  margin-right: 22px;
}

.personal_info li .personal_icon i {
  color: #b89b5e;
}

.personal_info li span {
  font-weight: 700;
}

.team_service_area {
  margin-top: 50px;
  padding-bottom: 50px;
  background-color: transparent;
}

.team_service_area .service_icon_text {
  border: 2px solid #e4e4e4;
  padding: 60px 10px 50px;
}

.team_achivement_list .personal_info li {
  font-size: 16px;
}

.team_achivement_list .personal_info .personal_icon {
  margin-right: 10px;
}

.team_growth {
  margin-top: 50px;
}

.team_growth .team_growth_text p {
  margin-bottom: 30px;
}

.team_growth .growth_btn {
  margin: 0px -10px;
}

.team_growth .growth_btn li a {
  display: block;
  padding: 15px 30px;
}

/*---------------------------------------------------- */

/*Testimonial area*/

/*----------------------------------------------------*/
.testimonial_content,
.subscribe_content {
  padding: 115px 115px 115px 160px;
  background-color: #343434;
}

.row-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.testimonial_content .section_title_area,
.subscribe_content .section_title_area {
  padding-bottom: 50px;
}

.testimonial_content .section_title_area h2,
.subscribe_content .section_title_area h2 {
  color: #fff;
}

.testimonial_content .testimonial_text,
.subscribe_content .testimonial_text {
  z-index: 1;
  color: #fff;
  font-size: 24px;
  line-height: 1.417;
  border-radius: 12px;
  padding: 40px 70px 40px 50px;
  background-color: #b89b5e;
}

.testimonial_content .testimonial_text:after,
.subscribe_content .testimonial_text:after {
  content: '';
  position: absolute;
  left: 100px;
  height: 85px;
  width: 50px;
  bottom: -55px;
  background-repeat: no-repeat;
  background-image: url(../images/logo/ts.png);
}

.testimonial_content .testimonial_imgname,
.subscribe_content .testimonial_imgname {
  padding: 70px 0px 0px 60px;
}

.testimonial_content .testimonial_imgname .testi_img,
.subscribe_content .testimonial_imgname .testi_img {
  width: 70px;
  height: 70px;
  overflow: hidden;
  margin-right: 20px;
  border-radius: 100%;
  border: 5px solid #fff;
}

.testimonial_content .testimonial_imgname .testi_text,
.subscribe_content .testimonial_imgname .testi_text {
  padding: 10px 0 4px;
}

.testimonial_content .testimonial_imgname .testi_text h3,
.subscribe_content .testimonial_imgname .testi_text h3 {
  color: #fff;
  font-size: 30px;
}

.subscribe_content {
  background-color: #b89b5e;
}

.subscribe_content .section_title_area {
  padding-bottom: 28px;
}

.subscribe_content .section_title_area p {
  color: #fff;
}

.subscribe_content .section_title_area p span:before,
.subscribe_content .section_title_area p span:after {
  background-color: #fff;
}

.subscribe_content .subscribe_text {
  color: #fff;
  font-weight: 700;
  line-height: 1.75;
  margin-bottom: 32px;
}

.subscribe_content .subscribe_form .contact-info {
  position: relative;
}

.subscribe_content .subscribe_form .contact-info input {
  width: 100%;
  height: 80px;
  padding-left: 40px;
  margin-bottom: 18px;
  border: none;
}

.subscribe_content .subscribe_form .sub-button button {
  margin-bottom: 15px;
  color: #fff;
  width: 100%;
  height: 80px;
  text-align: left;
  padding-left: 40px;
  background-color: #343434;
}

.subscribe_content .subscribe_form .sub-button p {
  color: #fff;
  font-weight: 700;
  font-style: italic;
}

/*testimonial 2*/

/*------------------------------*/
.testimonial_two_Section .background_parallax {
  background-image: url(../images/background/testbg.jpg);
  padding: 118px 0px 125px;
}

.testimonial_two_Section .background_parallax:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/background/testibg.png);
}

.testimonial_two_Section .background_parallax .background_overlay {
  background-color: rgba(171, 141, 79, 0.9);
}

.testimonial_two_Section .testimonial_carousel {
  max-width: 1000px;
  margin: 0 auto;
}

.testimonial_two_Section .testimonial_item_content {
  max-width: 900px;
  margin: 0 auto;
}

.testimonial_two_Section .testimonial_item_content .testimonial_icon {
  line-height: 1;
  margin-bottom: 30px;
}

.testimonial_two_Section .testimonial_item_content .testimonial_icon i {
  color: #fff;
  font-size: 120px;
}

.testimonial_two_Section .testimonial_item_content .testimonial_quote {
  color: #fff;
  font-size: 24px;
  line-height: 1.417;
  margin-bottom: 45px;
}

.testimonial_two_Section .testimonial_item_content .testimonial_meta h4 {
  font-size: 30px;
  color: #fff;
}

.testimonial_two_Section .testimonial_item_content .testimonial_meta span {
  font-size: 14px;
  color: #fff;
}

.testimonial_two_Section .carousel-indicators {
  margin: 0;
  width: 100%;
  position: static;
  text-align: center;
  margin-top: 40px;
}

.testimonial_two_Section .carousel-indicators li {
  height: 45px;
  width: 45px;
  text-indent: 0;
  margin: 0px 5px;
  cursor: pointer;
  border-radius: 100%;
  display: inline-block;
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
}

.testimonial_two_Section .carousel-indicators li img {
  border-radius: 100%;
}

.testimonial_two_Section .carousel-indicators li:before {
  width: 0;
  height: 0;
  top: -29px;
  left: 5px;
  opacity: 0;
  visibility: hidden;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #c2ae86;
}

.testimonial_two_Section .carousel-indicators li:after {
  width: 0;
  height: 0;
  top: -29px;
  left: 7px;
  opacity: 0;
  visibility: hidden;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid #ab8f54;
}

.testimonial_two_Section .carousel-indicators .active {
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
  -webkit-transform: scale(1.25);
  -ms-transform: scale(1.25);
  transform: scale(1.25);
}

.testimonial_two_Section .carousel-indicators .active:before,
.testimonial_two_Section .carousel-indicators .active:after {
  opacity: 1;
  visibility: visible;
  -webkit-transition-delay: .2s;
  -o-transition-delay: .2s;
  transition-delay: .2s;
}

.testimonial_two_Section .carousel-inner {
  padding-bottom: 35px;
  border-bottom: 2px solid #c0ae86;
}

/*testimonial 3*/

/*------------------------------*/
.testimonial_three_section:before {
  top: 0;
  left: 0;
  height: 100%;
  content: '';
  width: 55%;
  position: absolute;
  z-index: -1;
  background-color: #f7f3ea;
}

.testimonial_three_section .line_animation:before {
  display: none;
}

.testimonial_three_section .line_animation .line_area:before {
  display: none;
}

.testimonial_style_three {
  padding: 115px 0px 110px;
}

.testimonial_style_three .testimonial_tag {
  font-size: 16px;
}

.testimonial_style_three .testi_quote_text {
  font-size: 24px;
  margin: 40px 0 22px;
  line-height: 1.5;
}

.testimonial_style_three .testimonial_slide_item_three {
  max-width: 510px;
}

.testimonial_style_three .testimonial_slide_item_three .testi_textdetails {
  line-height: 1.875;
  margin-bottom: 15px;
}

.testimonial_style_three .testimonial_slide_item_three .testi_text {
  padding: 10px 0 4px;
}

.testimonial_style_three .testimonial_slide_item_three .testi_text h3 {
  color: #343434;
  font-size: 30px;
}

.testimonial_style_three .testimonial_slide_item_three .t-icon-bg {
  top: 0px;
  right: 0px;
  line-height: 0;
}

.testimonial_style_three .testimonial_slide_item_three .t-icon-bg i {
  color: #e8e5dc;
}

.testimonial_style_three .testimonial_side_img {
  top: 0;
  right: 80px;
  position: absolute;
}

.testimonial_style_three .testimonial_side_img .testi_badge {
  position: absolute;
  bottom: -30px;
  right: 30px;
}

.testimonial_style_three .owl-dots {
  right: -180px;
  top: inherit;
  bottom: 80px;
}

.testimonial_style_three .owl-dots .owl-dot {
  background-color: #ffffff85;
}

/*---------------------------------------------------- */

/*client area*/

/*----------------------------------------------------*/
.client_list {
  border-bottom: 2px solid #efefef;
}

.client_list li {
  width: 20%;
  float: left;
  padding: 110px 0px;
  text-align: center;
  border-right: 2px solid #efefef;
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
}

.client_list li:last-child {
  border-right: none;
}

.client_list li img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
}

.client_list li:hover {
  background-color: #f8f8f8;
}

.client_list li:hover img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}

.client_section_three {
  border-top: 2px solid #efefef;
}

.client_section_three .client_list li {
  border-right: none;
}

.client_section_three .line_animation:before {
  display: none;
}

.client_section_three .line_animation .line_area:before {
  display: none;
}

/*---------------------------------------------------- */

/*blog area*/

/*----------------------------------------------------*/
.blog_section {
  padding: 115px 0px;
}

.blog_section .section_title_area {
  padding-bottom: 65px;
}

.blog_img_text .blog_text h3 {
  padding-bottom: 12px;
  line-height: 1.417;
}

.blog_img_text .blog_text span {
  font-size: 14px;
  line-height: 1.857;
}

.blog_img_text .blog_img {
  margin-bottom: 32px;
  overflow: hidden;
}

.blog_img_text .blog_img img {
  -webkit-transition: .5s all ease-in-out;
  -o-transition: .5s all ease-in-out;
  transition: .5s all ease-in-out;
}

.blog_img_text .blog_meta {
  left: 40px;
  width: 100%;
  bottom: 40px;
  z-index: 2;
  position: absolute;
}

.blog_img_text .blog_meta .blog_author {
  width: 60px;
  height: 60px;
  overflow: hidden;
  margin-right: 15px;
  border-radius: 100%;
}

.blog_img_text .blog_meta .author_meta .author_name {
  color: #fff;
  display: block;
  font-size: 20px;
}

.blog_img_text:hover .blog_img img {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.blog_img_text:hover .blog_meta img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.blog_img_text:hover .blog_text h3 {
  color: #b89b5e;
}

.blog_section_two {
  background-color: #f7f3ea;
}

/*Blog Page*/

/*----------------------------------------------------*/
.blog_feed_section {
  padding: 145px 0px 120px;
}

.news_post_item {
  margin-bottom: 40px;
}

.news_post_item .post_cat {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  padding: 5px 30px;
  display: inline-block;
  background-color: #b89b5e;
}

.news_post_item .video_play_btn {
  margin: 0 auto;
}

.news_post_item .news_text_area {
  padding: 50px 40px;
  border: 2px solid #ededed;
}
.single-post .news_post_item .news_text_area {
    padding: 0;
    border: 0px;
}
.news_post_item.sticky .news_text_area{
  border-color: #b89b5e;
}
.news_post_item .news_text_area h3 {
  font-size: 36px;
  line-height: 1.167;
  padding: 30px 0px 0px;
}

.news_post_item .news_text_area p {
  line-height: 1.625;
}

.news_post_item .news_text_area .blog_meta {
  margin-bottom: 15px;
}

.news_post_item .news_text_area .blog_meta li {
  font-size: 14px;
  margin-right: 18px;
  color:#888;
}
#main-nav>li>a:hover{
 color:#b89b5e;
}
.news_post_item .news_text_area .blog_meta li i {
    margin-right: 4px;
    color: #b89b5e;
}

.news_post_item .news_text_area .author_meta {
    margin-top: 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.news_post_item .news_text_area .author_img img {
  height: 40px;
  width: 40px;
  border-radius: 100%;
  margin-right: 10px;
}

.news_post_item .news_text_area .author_img span {
  font-weight: 700;
}

.news_post_item .news_text_area .news_more {
  margin-top: 5px;
}

.news_post_item .news_text_area .news_more a {
    font-size: 14px;
    font-weight: 700;
    color: #b89b5e;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.news_post_item .news_text_area .news_more a:before {
  content: '\f061';
  font-weight: 900;
  font-family: 'Font Awesome 5 Free';
  color: #b89b5e;
  margin-right: 10px;
}

.news_qoute {
  z-index: 0;
}

.news_qoute:before {
  background-color: #b89b5e;
}

.news_qoute .news_text_area {
  padding-left: 145px;
}

.news_qoute .news_text_area h3 {
  color: #fff;
}

.news_qoute .news_text_area:before {
  top: 55px;
  left: 35px;
  color: #fff;
  font-size: 85px;
  font-weight: 900;
  content: '\f10d';
  position: absolute;
  font-family: 'Font Awesome 5 Free';
}

.news_qoute .blog_meta li {
  color: #fff;
}

.bg_img_post {
  z-index: 0;
}

.bg_img_post:before {
  background-color: #fff;
  opacity: .9;
}

.bg_img_post .news_text_area {
  border: none;
}

.blog_pagination .pagination {
  margin-top: 60px;
}

.site_sidebar {
  margin-left: 20px;
}

.site_sidebar .single_widget {
  padding: 35px;
  margin-bottom: 40px;
  border: 2px solid #ededed;
}

.site_sidebar .single_widget .widget_title {
  color: #343434;
  font-size: 20px;
  padding: 0 0 35px 40px;
}

.site_sidebar .single_widget .widget_title span:before {
  top: 15px;
}

.site_sidebar .single_widget .widget_title span:after {
  top: 10px;
}

.about_widget .ab_widget_img {
  width: 140px;
  height: 140px;
  margin: 0 auto 28px;
}

.about_widget .ab_widget_text h3 {
  font-size: 18px;
  padding-bottom: 15px;
}

.about_widget .ab_widget_text p {
  font-size: 14px;
  line-height: 1.857;
}

.about_widget .ab_widget_social {
  margin-top: 20px;
}

.about_widget .ab_widget_social li {
  font-size: 14px;
  margin: 0px 7px;
  color: #b3bed3;
}

.about_widget .ab_widget_social li:hover {
  color: #b89b5e;
}

.search_widget input {
  width: 100%;
  height: 60px;
  border: none;
  padding-left: 30px;
  background-color: #f6f4ff;
}

.search_widget button {
  color: #fff;
  width: 60px;
  height: 60px;
  border: none;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #b89b5e;
}

.single_widget .latest-blog-widget .blog-img-content {
  width: 100%;
}

.single_widget .latest-blog-widget .blog-img {
  width: 80px;
  float: left;
  height: 80px;
  margin-right: 20px;
}

.single_widget .latest-blog-widget .blog-text h3 {
  font-size: 16px;
  line-height: 1.375;
  padding-bottom: 5px;
}

.single_widget .latest-blog-widget .blog-text span {
  font-size: 14px;
}

.wicat_item li {
  color: #fff;
  height: 50px;
  font-size: 14px;
  position: relative;
  line-height: 50px;
  padding-left: 30px;
  margin-bottom: 10px;
  z-index: 2;
}

.wicat_item li:last-child {
  margin-bottom: 0;
}

.wicat_item li:after {
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  z-index: -1;
  position: absolute;
  opacity: .7;
  background-color: black;
}

.wicat_item li .post_counter {
  width: 50px;
  font-weight: 700;
  text-align: center;
  position: absolute;
  right: 0;
  z-index: 1;
  background-color: #b89b5e;
}

.social_widget {
  width: 100%;
  display: inline-block;
}

.social_widget li {
  width: 40px;
  color: #343434;
  height: 40px;
  font-size: 14px;
  line-height: 40px;
  text-align: center;
  margin-right: 10px;
  background-color: #f2f2f2;
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
}

.social_widget li a {
    width: 100%;
    display: flex;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.social_widget li:hover {
  background-color: #b89b5e;
  color: #fff;
}

.twitter_update .twitter_icon {
  float: left;
  margin-right: 20px;
}

.twitter_update .twitter_icon i {
  color: #b89b5e;
  font-size: 14px;
}

.twitter_update .tw_feed_text {
  overflow: hidden;
}

.twitter_update .tw_feed_text p,
.twitter_update .tw_feed_text a,
.twitter_update .tw_feed_text span {
  font-size: 12px;
  line-height: 2;
  display: block;
}

.twitter_update .tw_feed_text span {
  font-weight: 700;
  text-transform: uppercase;
}

.twitter_update .tw_feed_text a {
  margin-bottom: 5px;
}

.instagram_feed {
  display: inline-block;
  margin: 0 -7px;
}

.instagram_feed li {
  position: relative;
  background-color: #b89b5e;
  margin: 7px 5px;
}

.instagram_feed li:before {
  left: 0;
  right: 0;
  top: 40%;
  content: "\f061";
  opacity: 0;
  color: #fff;
  position: absolute;
  visibility: hidden;
  text-align: center;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-weight: 900;
  z-index: 1;
  font-family: 'Font Awesome 5 Free';
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
}

.instagram_feed li img {
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
}

.instagram_feed li:hover img {
  opacity: .4;
}

.instagram_feed li:hover:before {
  top: 50%;
  opacity: 1;
  visibility: visible;
}

.tagcloud {
  margin: -5px;
  display: inline-block;
}

.tagcloud a {
  margin: 5px 3px;
  font-size: 12px;
  font-weight: 700;
  display: inline-block;
  text-transform: uppercase;
  background-color: #f4f4f4;
  padding: 8px 20px 5px 20px;
}

.tagcloud a:hover {
  color: #fff;
  background-color: #b89b5e;
}

/*Blog Details Page*/

/*----------------------------------------------------*/
.blog_details_area {
  padding: 135px 15px 120px;
}

.blog_details_area .blog_details_content {
  border: 2px solid #ededed;
}

.blog_details_area .single_widget {
  border: 2px solid #ededed;
}

.blog_details_area .s_blog_tag {
  color: #fff;
  padding: 5px 25px;
  background-color: #b89b5e;
  margin-bottom: 20px;
  display: inline-block;  
}

.blog_details_area .blog-meta a {
  color: #000b22;
  font-size: 14px;
  margin-right: 15px;
}

.blog_details_area .blog-meta a i {
  margin-right: 5px;
  color: #b89b5e;
}

.blog_details_area .share_tag {
  width: 100%;
  margin-bottom: 45px;
  display: inline-block;
  border-bottom: 1px solid #e1e6ff;
}

.blog_details_area .share_tag .share_post li {
  float: right;
}

.blog_details_text h2 {
  font-size: 36px;
  padding: 25px 0px 18px;
}

.blog_details_text .blog-meta {
  margin-bottom: 22px;
}

.blog_details_text .blog-meta a {
  color: #343434;
  font-size: 14px;
}

.blog_details_text .blog-meta a i {
  margin-right: 8px;
}

.blog_details_text article {
  line-height: 1.6;
  padding-bottom: 30px;
}

.blog_details_text h3 {
  font-size: 30px;
  padding: 40px 0px 25px;
}

.blog_details_text h4 {
  font-size: 30px;
  padding: 30px 0px 35px 0px;
  border-top: 1px solid #e1e6ff;
}

.blog_details_text .blog_details_list li {
  padding-left: 30px;
  margin-left: 30px;
  margin-bottom: 8px;
  position: relative;
}

.blog_details_text .blog_details_list li:after {
  left: 0;
  content: "\f00c";
  font-weight: 900;
  position: absolute;
  color: #b89b5e;
  font-family: 'Font Awesome 5 Free';
}

.blog_details_text blockquote {
  z-index: 1;
  font-size: 28px;
  font-weight: 600;
  position: relative;
  text-align: center;
  font-family: "Poppins";
  border-radius: 10px;
  padding: 50px 85px 60px;
  margin: 40px 0px;
  color: #fff;
  background-color: #343434;
}

.blog_details_text blockquote cite {
  display: block;
  font-size: 14px;
  font-weight: 700;
  margin-top: 15px;
  color: #b89b5e;
  font-family: "Roboto";
}

.blog_details_text blockquote:after {
  top: 0;
  right: 50px;
  z-index: -1;
  color: #3d3d3d;
  content: '\f10e';
  font-weight: 900;
  position: absolute;
  font-size: 50px;
  font-family: 'Font Awesome 5 Free';
}

.blog_details_text .aside_img {
  margin-right: 35px;
}

.blog_details_extra_text .share_tag {
  margin-top: 20px;
  padding-bottom: 40px;
}

.blog_details_extra_text .share_tag h3 {
  color: #000b22;
  font-size: 20px;
  padding-bottom: 20px;
}

.blog_details_extra_text .share_post li {
  color: #b5becc;
  font-size: 18px;
  margin-left: 25px;
}

.blog_details_extra_text .share_post li a {
  color: #b5becc;
}

.blog_details_extra_text .share_post li a:hover {
  color: #b89b5e;
}

.blog_details_extra_text .next_prev_post {
  margin: 0;
  border: none;
  padding: 0 0 35px 0;
  margin-bottom: 35px;
  border-bottom: 1px solid #e1e6ff;
}

.blog_details_extra_text .next_prev_post a span {
  font-size: 14px;
  font-weight: 700;
  color: #b89b5e;
}

.blog_details_extra_text .next_prev_post a h3 {
  font-size: 16px;
}
.nio_prev_post {
    width: 40%;
}
.blog_details_extra_text .next_prev_post .bar_point {
  line-height: 85px;
  background-color: transparent;
}

.blog_details_extra_text .next_prev_post .bar_point i {
  color: #b89b5e;
  font-size: 40px;
}

.blog_details_extra_text .related_postview h3 {
  color: #000b22;
  font-size: 28px;
  padding-bottom: 40px;
  text-transform: capitalize;
}

.blog_details_extra_text .related_postview .blog-meta {
  font-size: 14px;
  color: #b89b5e;
}

.blog_details_extra_text .related_postview .postitem_text {
  padding: 35px 25px;
  -webkit-box-shadow: 0px 8px 16px 0px rgba(93, 93, 93, 0.06);
  box-shadow: 0px 8px 16px 0px rgba(93, 93, 93, 0.06);
}

.blog_details_extra_text .related_postview .postitem_text h3 {
  padding: 5px 0px 15px;
}

.blog_details_extra_text .related_postview .postitem_text h3 a {
  font-size: 22px;
}

.blog_details_extra_text .postby_author {
  padding: 40px;
  margin: 45px 0px;
  display: inline-block;
  border: 2px solid #e1e6ff;
}

.blog_details_extra_text .postby_author .author_img {
  float: left;
  margin-right: 35px;
}

.blog_details_extra_text .postby_author span {
  font-size: 12px;
  font-weight: 700;
  color: #b89b5e;
}

.blog_details_extra_text .postby_author h3 {
  font-size: 36px;
  padding-bottom: 10px;
}

.blog_details_extra_text .postby_author p {
  line-height: 1.85;
}

.comment_element {
  position: relative;
}

.blog_comment_box li {
  margin-bottom: 25px;
  border-bottom: 1px solid #e1e6ff;
}

.blog_comment_box h3 {
  font-size: 26px;
  color: #000b22;
  padding-bottom: 10px;
}
.comments-section .comments-title{
  padding-bottom: 38px;
}
.blog_comment_box .comment_img {
  width: 100px;
  float: left;
  height: 100px;
  margin-right: 30px;
}

.blog_comment_box .comment_img img {
  border-radius: 100%;
}

.blog_comment_box .comment_content h4 {
  font-size: 18px;
  color: #000b22;
  padding-bottom: 8px;
}

.blog_comment_box .comment_content span {
  font-size: 12px;
  font-weight: 700;
  color: #b89b5e;
}

.blog_comment_box .comment_content p {
  overflow: hidden;
  line-height: 1.7;
  margin: 10px 0 25px;
}

.blog_comment_box a.comment-reply-link {
    right: 50px;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 0;
    position: absolute;
    border-radius: 50px;
    border: 1px solid #e1e6ff;
    min-width: 80px;
    display: inline-block;
background: #b89b5e;
    color: white;    
}

.blog_comment_box .comment_reply {
  margin-left: 120px;
  padding-top: 25px;
  border-top: 1px solid #e1e6ff;
}

.comment_formfield {
  padding: 50px;
  background-color: #eaeaea;
}

.comment_formfield .quote_form .contact-info {
  position: relative;
}

.comment_formfield .quote_form .contact-info .icon-bg {
  top: 20px;
}

.comment_formfield .quote_form input,
.comment_formfield .quote_form textarea {
  width: 100%;
  border: none;
  height: 60px;
  padding-left: 30px;
  margin-bottom: 20px;
  background-color: #ffffff;
}

.comment_formfield .quote_form textarea {
    height: 220px;
    padding: 15px;
}

.comment_formfield .quote_form .sub-button button {
  color: #fff;
  border: none;
  padding: 20px 40px;
  background-color: #b89b5e;
}

.blog-gallery .owl-nav {
  width: 90%;
  margin: 0 auto;
  position: absolute;
}

.blog-gallery .owl-nav .owl-prev,
.blog-gallery .owl-nav .owl-next {
  font-size: 30px;
  color: #d4d3d2;
  float: left;
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
}

.blog-gallery .owl-nav .owl-prev:hover,
.blog-gallery .owl-nav .owl-next:hover {
  color: #fff;
}

.blog-gallery .owl-nav .owl-next {
  float: right;
}

.news_img iframe {
  border: none;
}

/*---------------------------------------------------- */

/*case area*/

/*----------------------------------------------------*/
.case_study_button li {
  width: 25%;
  float: left;
}

.case_study_button .nav-tabs .nav-link.active {
  padding: 0;
  border: none;
}

.case_study_button .nav-link {
  padding: 0;
  border: none;
  position: relative;
}

.case_study_button .nav-link.active:after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid #f3f3f3;
}

.case_title_text {
  background-color: #f3f3f3;
  padding: 75px 0px 65px;
}

.case_title_text .section_title_area {
  display: inline-block;
  padding-left: 40px;
}

.case_title_text .case_study_btn {
  float: right;
  margin-top: 20px;
  background-color: #ffff;
  display: inline-block;
}

.case_title_text .case_study_btn a {
  padding: 20px 40px;
}

/*Case Study Page*/

/*----------------------------------------------------*/
.case_page_section {
  padding: 145px 0px 120px;
}

.case_page_section .case_portfolio_filter {
  min-height: 100%;
}

.case_page_section .case_portfolio_filter .case-tab-button {
  margin-bottom: 60px;
}

.case_page_section .case_portfolio_filter .case-tab-button li {
  cursor: pointer;
  font-weight: 700;
  margin-right: 8px;
  padding: 12px 40px;
  text-align: center;
  display: inline-table;
  border: 2px solid #f3f3f3;
  position: relative;
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
}

.case_page_section .case_portfolio_filter .case-tab-button .filtr-active:after {
  opacity: 1;
  bottom: -12px;
  visibility: visible;
}

.case_page_section .case_portfolio_filter .portfolio_img_text {
  margin-bottom: 30px;
}

.case_page_section .case_portfolio_filter .portfolio_img_text .portfolio_text {
  -webkit-box-shadow: 0px 16px 32px 0px rgba(52, 52, 52, 0.04);
  box-shadow: 0px 16px 32px 0px rgba(52, 52, 52, 0.04);
}

/*Case Study single Page*/

/*----------------------------------------------------*/
.case_details_quoute {
  padding: 50px;
  border-radius: 10px;
  margin-bottom: 65px;
  background-color: #343434;
}

.case_details_quoute .qoute_img {
  float: left;
  width: 150px;
  height: 150px;
  margin-right: 30px;
  border-radius: 100%;
  border: 8px solid #fff;
}

.case_details_quoute .qoute_img img {
  border-radius: 100%;
}

.case_details_quoute .qoute_img span {
  top: -10px;
  right: -10px;
  color: #fff;
  height: 50px;
  width: 50px;
  font-size: 20px;
  position: absolute;
  border-radius: 100%;
  text-align: center;
  line-height: 50px;
  background-color: #b89b5e;
}

.case_details_quoute .quote_text span {
  color: #fff;
  font-size: 18px;
}

.case_details_quoute .testi_text {
  margin-top: 20px;
}

.case_details_quoute .testi_text h3 {
  color: #fff;
  font-size: 30px;
}

.case-page-vertical {
  position: relative;
}

.case-page-vertical .case-tab-button {
  top: 29.5%;
  left: -215px;
  position: absolute;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

/*---------------------------------------------------- */

/*feature area*/

/*----------------------------------------------------*/
.feature_section .revenue_feature {
  width: 50%;
  z-index: 1;
  float: left;
  padding: 128px 135px 122px;
}

.feature_section .revenue_feature .background_overlay {
  z-index: -1;
  background-color: rgba(37, 37, 37, 0.9);
}

.feature_section .revenue_icon {
  line-height: 1;
  margin-bottom: 5px;
}

.feature_section .revenue_icon i {
  font-size: 120px;
  color: #b89b5e;
}

.feature_section .revenue_ammount {
  padding-bottom: 15px;
  color: #fff;
}

.feature_section .revenue_ammount span {
  font-size: 80px;
}

.feature_section .revenue_ammount strong {
  font-size: 26px;
  color: #b89b5e;
}

.feature_section .revenue_text {
  color: #fff;
  font-size: 18px;
  line-height: 1.667;
}

@-webkit-keyframes Rx-width-1 {
  0% {
    width: 0%;
  }

  100% {
    width: 1%;
  }

}

@keyframes Rx-width-1 {
  0% {
    width: 0%;
  }

  100% {
    width: 1%;
  }

}

.Rx-width-1 {
  -webkit-animation-name: Rx-width-1;
  animation-name: Rx-width-1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes Rx-width-2 {
  0% {
    width: 0%;
  }

  100% {
    width: 2%;
  }

}

@keyframes Rx-width-2 {
  0% {
    width: 0%;
  }

  100% {
    width: 2%;
  }

}

.Rx-width-2 {
  -webkit-animation-name: Rx-width-2;
  animation-name: Rx-width-2;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes Rx-width-3 {
  0% {
    width: 0%;
  }

  100% {
    width: 3%;
  }

}

@keyframes Rx-width-3 {
  0% {
    width: 0%;
  }

  100% {
    width: 3%;
  }

}

.Rx-width-3 {
  -webkit-animation-name: Rx-width-3;
  animation-name: Rx-width-3;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}


@-webkit-keyframes Rx-width-4 {
  0% {
    width: 0%;
  }

  100% {
    width: 4%;
  }

}

@keyframes Rx-width-4 {
  0% {
    width: 0%;
  }

  100% {
    width: 4%;
  }

}

.Rx-width-4 {
  -webkit-animation-name: Rx-width-4;
  animation-name: Rx-width-4;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}



@-webkit-keyframes Rx-width-5 {
  0% {
    width: 0%;
  }

  100% {
    width: 5%;
  }

}

@keyframes Rx-width-5 {
  0% {
    width: 0%;
  }

  100% {
    width: 5%;
  }

}

.Rx-width-5 {
  -webkit-animation-name: Rx-width-5;
  animation-name: Rx-width-5;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes Rx-width-6 {
  0% {
    width: 0%;
  }

  100% {
    width: 6%;
  }

}

@keyframes Rx-width-6 {
  0% {
    width: 0%;
  }

  100% {
    width: 6%;
  }

}

.Rx-width-6 {
  -webkit-animation-name: Rx-width-6;
  animation-name: Rx-width-6;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}




@-webkit-keyframes Rx-width-7 {
  0% {
    width: 0%;
  }

  100% {
    width: 7%;
  }

}

@keyframes Rx-width-7 {
  0% {
    width: 0%;
  }

  100% {
    width: 7%;
  }

}

.Rx-width-7 {
  -webkit-animation-name: Rx-width-7;
  animation-name: Rx-width-7;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}



@-webkit-keyframes Rx-width-8 {
  0% {
    width: 0%;
  }

  100% {
    width: 8%;
  }

}

@keyframes Rx-width-8 {
  0% {
    width: 0%;
  }

  100% {
    width: 8%;
  }

}

.Rx-width-8 {
  -webkit-animation-name: Rx-width-8;
  animation-name: Rx-width-8;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}


@-webkit-keyframes Rx-width-9 {
  0% {
    width: 0%;
  }

  100% {
    width: 9%;
  }

}

@keyframes Rx-width-9 {
  0% {
    width: 0%;
  }

  100% {
    width: 9%;
  }

}

.Rx-width-9 {
  -webkit-animation-name: Rx-width-9;
  animation-name: Rx-width-9;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}


@-webkit-keyframes Rx-width-10 {
  0% {
    width: 0%;
  }

  100% {
    width: 10%;
  }

}

@keyframes Rx-width-10 {
  0% {
    width: 0%;
  }

  100% {
    width: 10%;
  }

}

.Rx-width-10 {
  -webkit-animation-name: Rx-width-10;
  animation-name: Rx-width-10;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}


@-webkit-keyframes Rx-width-11 {
  0% {
    width: 0%;
  }

  100% {
    width: 11%;
  }

}

@keyframes Rx-width-11 {
  0% {
    width: 0%;
  }

  100% {
    width: 11%;
  }

}

.Rx-width-11 {
  -webkit-animation-name: Rx-width-11;
  animation-name: Rx-width-11;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}


@-webkit-keyframes Rx-width-12 {
  0% {
    width: 0%;
  }

  100% {
    width: 12%;
  }

}

@keyframes Rx-width-12 {
  0% {
    width: 0%;
  }

  100% {
    width: 12%;
  }

}

.Rx-width-12 {
  -webkit-animation-name: Rx-width-12;
  animation-name: Rx-width-12;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}


@-webkit-keyframes Rx-width-13 {
  0% {
    width: 0%;
  }

  100% {
    width: 13%;
  }

}

@keyframes Rx-width-13 {
  0% {
    width: 0%;
  }

  100% {
    width: 13%;
  }

}

.Rx-width-13 {
  -webkit-animation-name: Rx-width-13;
  animation-name: Rx-width-13;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}


@-webkit-keyframes Rx-width-14 {
  0% {
    width: 0%;
  }

  100% {
    width: 14%;
  }

}

@keyframes Rx-width-14 {
  0% {
    width: 0%;
  }

  100% {
    width: 14%;
  }

}

.Rx-width-14 {
  -webkit-animation-name: Rx-width-14;
  animation-name: Rx-width-14;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}


@-webkit-keyframes Rx-width-15 {
  0% {
    width: 0%;
  }

  100% {
    width: 15%;
  }

}

@keyframes Rx-width-15 {
  0% {
    width: 0%;
  }

  100% {
    width: 15%;
  }

}

.Rx-width-15 {
  -webkit-animation-name: Rx-width-15;
  animation-name: Rx-width-15;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}


@-webkit-keyframes Rx-width-16 {
  0% {
    width: 0%;
  }

  100% {
    width: 16%;
  }

}

@keyframes Rx-width-16 {
  0% {
    width: 0%;
  }

  100% {
    width: 16%;
  }

}

.Rx-width-16 {
  -webkit-animation-name: Rx-width-16;
  animation-name: Rx-width-16;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}



@-webkit-keyframes Rx-width-17 {
  0% {
    width: 0%;
  }

  100% {
    width: 17%;
  }

}

@keyframes Rx-width-17 {
  0% {
    width: 0%;
  }

  100% {
    width: 17%;
  }

}

.Rx-width-17 {
  -webkit-animation-name: Rx-width-17;
  animation-name: Rx-width-17;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}


@-webkit-keyframes Rx-width-18 {
  0% {
    width: 0%;
  }

  100% {
    width: 18%;
  }

}

@keyframes Rx-width-18 {
  0% {
    width: 0%;
  }

  100% {
    width: 18%;
  }

}

.Rx-width-18 {
  -webkit-animation-name: Rx-width-18;
  animation-name: Rx-width-18;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes Rx-width-19 {
  0% {
    width: 0%;
  }

  100% {
    width: 19%;
  }

}

@keyframes Rx-width-19 {
  0% {
    width: 0%;
  }

  100% {
    width: 19%;
  }

}

.Rx-width-19 {
  -webkit-animation-name: Rx-width-19;
  animation-name: Rx-width-19;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}


@-webkit-keyframes Rx-width-20 {
  0% {
    width: 0%;
  }

  100% {
    width: 20%;
  }

}

@keyframes Rx-width-20 {
  0% {
    width: 0%;
  }

  100% {
    width: 20%;
  }

}

.Rx-width-20 {
  -webkit-animation-name: Rx-width-20;
  animation-name: Rx-width-20;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}


@-webkit-keyframes Rx-width-21 {
  0% {
    width: 0%;
  }

  100% {
    width: 21%;
  }

}

@keyframes Rx-width-21 {
  0% {
    width: 0%;
  }

  100% {
    width: 21%;
  }

}

.Rx-width-21 {
  -webkit-animation-name: Rx-width-21;
  animation-name: Rx-width-21;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}


@-webkit-keyframes Rx-width-22 {
  0% {
    width: 0%;
  }

  100% {
    width: 22%;
  }

}

@keyframes Rx-width-22 {
  0% {
    width: 0%;
  }

  100% {
    width: 22%;
  }

}

.Rx-width-22 {
  -webkit-animation-name: Rx-width-22;
  animation-name: Rx-width-22;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}


@-webkit-keyframes Rx-width-23 {
  0% {
    width: 0%;
  }

  100% {
    width: 23%;
  }

}

@keyframes Rx-width-23 {
  0% {
    width: 0%;
  }

  100% {
    width: 23%;
  }

}

.Rx-width-23 {
  -webkit-animation-name: Rx-width-23;
  animation-name: Rx-width-23;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}



@-webkit-keyframes Rx-width-24 {
  0% {
    width: 0%;
  }

  100% {
    width: 24%;
  }

}

@keyframes Rx-width-24 {
  0% {
    width: 0%;
  }

  100% {
    width: 24%;
  }

}

.Rx-width-24 {
  -webkit-animation-name: Rx-width-24;
  animation-name: Rx-width-24;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}


@-webkit-keyframes Rx-width-25 {
  0% {
    width: 0%;
  }

  100% {
    width: 25%;
  }

}

@keyframes Rx-width-25 {
  0% {
    width: 0%;
  }

  100% {
    width: 25%;
  }

}

.Rx-width-25 {
  -webkit-animation-name: Rx-width-25;
  animation-name: Rx-width-25;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}


@-webkit-keyframes Rx-width-26 {
  0% {
    width: 0%;
  }

  100% {
    width: 26%;
  }

}

@keyframes Rx-width-26 {
  0% {
    width: 0%;
  }

  100% {
    width: 26%;
  }

}

.Rx-width-26 {
  -webkit-animation-name: Rx-width-26;
  animation-name: Rx-width-26;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}



@-webkit-keyframes Rx-width-27 {
  0% {
    width: 0%;
  }

  100% {
    width: 27%;
  }

}

@keyframes Rx-width-27 {
  0% {
    width: 0%;
  }

  100% {
    width: 27%;
  }

}

.Rx-width-27 {
  -webkit-animation-name: Rx-width-27;
  animation-name: Rx-width-27;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}


@-webkit-keyframes Rx-width-28 {
  0% {
    width: 0%;
  }

  100% {
    width: 28%;
  }

}

@keyframes Rx-width-28 {
  0% {
    width: 0%;
  }

  100% {
    width: 28%;
  }

}

.Rx-width-28 {
  -webkit-animation-name: Rx-width-28;
  animation-name: Rx-width-28;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}



@-webkit-keyframes Rx-width-29 {
  0% {
    width: 0%;
  }

  100% {
    width: 29%;
  }

}

@keyframes Rx-width-29 {
  0% {
    width: 0%;
  }

  100% {
    width: 29%;
  }

}

.Rx-width-29 {
  -webkit-animation-name: Rx-width-29;
  animation-name: Rx-width-29;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}



@-webkit-keyframes Rx-width-31 {
  0% {
    width: 0%;
  }

  100% {
    width: 31%;
  }

}

@keyframes Rx-width-31 {
  0% {
    width: 0%;
  }

  100% {
    width: 31%;
  }

}

.Rx-width-31 {
  -webkit-animation-name: Rx-width-31;
  animation-name: Rx-width-31;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}




@-webkit-keyframes Rx-width-30 {
  0% {
    width: 0%;
  }

  100% {
    width: 30%;
  }

}

@keyframes Rx-width-30 {
  0% {
    width: 0%;
  }

  100% {
    width: 30%;
  }

}

.Rx-width-30 {
  -webkit-animation-name: Rx-width-30;
  animation-name: Rx-width-30;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}



@-webkit-keyframes Rx-width-32 {
  0% {
    width: 0%;
  }

  100% {
    width: 32%;
  }

}

@keyframes Rx-width-32 {
  0% {
    width: 0%;
  }

  100% {
    width: 32%;
  }

}

.Rx-width-32 {
  -webkit-animation-name: Rx-width-32;
  animation-name: Rx-width-32;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes Rx-width-33 {
  0% {
    width: 0%;
  }

  100% {
    width: 33%;
  }

}

@keyframes Rx-width-33 {
  0% {
    width: 0%;
  }

  100% {
    width: 33%;
  }

}

.Rx-width-33 {
  -webkit-animation-name: Rx-width-33;
  animation-name: Rx-width-33;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}


@-webkit-keyframes Rx-width-34 {
  0% {
    width: 0%;
  }

  100% {
    width: 34%;
  }

}

@keyframes Rx-width-34 {
  0% {
    width: 0%;
  }

  100% {
    width: 34%;
  }

}

.Rx-width-34 {
  -webkit-animation-name: Rx-width-34;
  animation-name: Rx-width-34;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes Rx-width-35 {
  0% {
    width: 0%;
  }

  100% {
    width: 35%;
  }

}

@keyframes Rx-width-35 {
  0% {
    width: 0%;
  }

  100% {
    width: 35%;
  }

}

.Rx-width-35 {
  -webkit-animation-name: Rx-width-35;
  animation-name: Rx-width-35;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes Rx-width-36 {
  0% {
    width: 0%;
  }

  100% {
    width: 36%;
  }

}

@keyframes Rx-width-36 {
  0% {
    width: 0%;
  }

  100% {
    width: 36%;
  }

}

.Rx-width-36 {
  -webkit-animation-name: Rx-width-36;
  animation-name: Rx-width-36;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes Rx-width-37 {
  0% {
    width: 0%;
  }

  100% {
    width: 37%;
  }

}

@keyframes Rx-width-37 {
  0% {
    width: 0%;
  }

  100% {
    width: 37%;
  }

}

.Rx-width-37 {
  -webkit-animation-name: Rx-width-37;
  animation-name: Rx-width-37;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes Rx-width-38 {
  0% {
    width: 0%;
  }

  100% {
    width: 38%;
  }

}

@keyframes Rx-width-38 {
  0% {
    width: 0%;
  }

  100% {
    width: 38%;
  }

}

.Rx-width-38 {
  -webkit-animation-name: Rx-width-38;
  animation-name: Rx-width-38;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes Rx-width-39 {
  0% {
    width: 0%;
  }

  100% {
    width: 39%;
  }

}

@keyframes Rx-width-39 {
  0% {
    width: 0%;
  }

  100% {
    width: 39%;
  }

}

.Rx-width-39 {
  -webkit-animation-name: Rx-width-39;
  animation-name: Rx-width-39;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes Rx-width-40 {
  0% {
    width: 0%;
  }

  100% {
    width: 40%;
  }

}

@keyframes Rx-width-40 {
  0% {
    width: 0%;
  }

  100% {
    width: 40%;
  }

}

.Rx-width-40 {
  -webkit-animation-name: Rx-width-40;
  animation-name: Rx-width-40;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes Rx-width-41 {
  0% {
    width: 0%;
  }

  100% {
    width: 41%;
  }

}

@keyframes Rx-width-41 {
  0% {
    width: 0%;
  }

  100% {
    width: 41%;
  }

}

.Rx-width-41 {
  -webkit-animation-name: Rx-width-41;
  animation-name: Rx-width-41;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}


@-webkit-keyframes Rx-width-42 {
  0% {
    width: 0%;
  }

  100% {
    width: 42%;
  }

}

@keyframes Rx-width-42 {
  0% {
    width: 0%;
  }

  100% {
    width: 42%;
  }

}

.Rx-width-42 {
  -webkit-animation-name: Rx-width-42;
  animation-name: Rx-width-42;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}


@-webkit-keyframes Rx-width-43 {
  0% {
    width: 0%;
  }

  100% {
    width: 43%;
  }

}

@keyframes Rx-width-43 {
  0% {
    width: 0%;
  }

  100% {
    width: 43%;
  }

}

.Rx-width-43 {
  -webkit-animation-name: Rx-width-43;
  animation-name: Rx-width-43;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes Rx-width-44 {
  0% {
    width: 0%;
  }

  100% {
    width: 44%;
  }

}

@keyframes Rx-width-44 {
  0% {
    width: 0%;
  }

  100% {
    width: 44%;
  }

}

.Rx-width-44 {
  -webkit-animation-name: Rx-width-44;
  animation-name: Rx-width-44;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes Rx-width-45 {
  0% {
    width: 0%;
  }

  100% {
    width: 45%;
  }

}

@keyframes Rx-width-45 {
  0% {
    width: 0%;
  }

  100% {
    width: 45%;
  }

}

.Rx-width-45 {
  -webkit-animation-name: Rx-width-45;
  animation-name: Rx-width-45;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes Rx-width-46 {
  0% {
    width: 0%;
  }

  100% {
    width: 46%;
  }

}

@keyframes Rx-width-46 {
  0% {
    width: 0%;
  }

  100% {
    width: 46%;
  }

}

.Rx-width-46 {
  -webkit-animation-name: Rx-width-46;
  animation-name: Rx-width-46;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes Rx-width-47 {
  0% {
    width: 0%;
  }

  100% {
    width: 47%;
  }

}

@keyframes Rx-width-47 {
  0% {
    width: 0%;
  }

  100% {
    width: 47%;
  }

}

.Rx-width-47 {
  -webkit-animation-name: Rx-width-47;
  animation-name: Rx-width-47;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}


@-webkit-keyframes Rx-width-48 {
  0% {
    width: 0%;
  }

  100% {
    width: 48%;
  }

}

@keyframes Rx-width-48 {
  0% {
    width: 0%;
  }

  100% {
    width: 48%;
  }

}

.Rx-width-48 {
  -webkit-animation-name: Rx-width-48;
  animation-name: Rx-width-48;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}


@-webkit-keyframes Rx-width-49 {
  0% {
    width: 0%;
  }

  100% {
    width: 49%;
  }

}

@keyframes Rx-width-49 {
  0% {
    width: 0%;
  }

  100% {
    width: 49%;
  }

}

.Rx-width-49 {
  -webkit-animation-name: Rx-width-49;
  animation-name: Rx-width-49;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes Rx-width-50 {
  0% {
    width: 0%;
  }

  100% {
    width: 50%;
  }

}

@keyframes Rx-width-50 {
  0% {
    width: 0%;
  }

  100% {
    width: 50%;
  }

}

.Rx-width-50 {
  -webkit-animation-name: Rx-width-50;
  animation-name: Rx-width-50;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes Rx-width-51 {
  0% {
    width: 0%;
  }

  100% {
    width: 51%;
  }

}

@keyframes Rx-width-51 {
  0% {
    width: 0%;
  }

  100% {
    width: 51%;
  }

}

.Rx-width-51 {
  -webkit-animation-name: Rx-width-51;
  animation-name: Rx-width-51;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}


@-webkit-keyframes Rx-width-52 {
  0% {
    width: 0%;
  }

  100% {
    width: 52%;
  }

}

@keyframes Rx-width-52 {
  0% {
    width: 0%;
  }

  100% {
    width: 52%;
  }

}

.Rx-width-52 {
  -webkit-animation-name: Rx-width-52;
  animation-name: Rx-width-52;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}


@-webkit-keyframes Rx-width-53 {
  0% {
    width: 0%;
  }

  100% {
    width: 53%;
  }

}

@keyframes Rx-width-53 {
  0% {
    width: 0%;
  }

  100% {
    width: 53%;
  }

}

.Rx-width-53 {
  -webkit-animation-name: Rx-width-53;
  animation-name: Rx-width-53;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}


@-webkit-keyframes Rx-width-54 {
  0% {
    width: 0%;
  }

  100% {
    width: 54%;
  }

}

@keyframes Rx-width-54 {
  0% {
    width: 0%;
  }

  100% {
    width: 54%;
  }

}

.Rx-width-54 {
  -webkit-animation-name: Rx-width-54;
  animation-name: Rx-width-54;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}


@-webkit-keyframes Rx-width-55 {
  0% {
    width: 0%;
  }

  100% {
    width: 55%;
  }

}

@keyframes Rx-width-55 {
  0% {
    width: 0%;
  }

  100% {
    width: 55%;
  }

}

.Rx-width-55 {
  -webkit-animation-name: Rx-width-55;
  animation-name: Rx-width-55;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@-webkit-keyframes Rx-width-56 {
  0% {
    width: 0%;
  }

  100% {
    width: 56%;
  }

}

@keyframes Rx-width-56 {
  0% {
    width: 0%;
  }

  100% {
    width: 56%;
  }

}

.Rx-width-56 {
  -webkit-animation-name: Rx-width-56;
  animation-name: Rx-width-56;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes Rx-width-57 {
  0% {
    width: 0%;
  }

  100% {
    width: 57%;
  }

}

@keyframes Rx-width-57 {
  0% {
    width: 0%;
  }

  100% {
    width: 57%;
  }

}

.Rx-width-57 {
  -webkit-animation-name: Rx-width-57;
  animation-name: Rx-width-57;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}


@-webkit-keyframes Rx-width-58 {
  0% {
    width: 0%;
  }

  100% {
    width: 58%;
  }

}

@keyframes Rx-width-58 {
  0% {
    width: 0%;
  }

  100% {
    width: 58%;
  }

}

.Rx-width-58 {
  -webkit-animation-name: Rx-width-58;
  animation-name: Rx-width-58;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes Rx-width-59 {
  0% {
    width: 0%;
  }

  100% {
    width: 59%;
  }

}

@keyframes Rx-width-59 {
  0% {
    width: 0%;
  }

  100% {
    width: 59%;
  }

}

.Rx-width-59 {
  -webkit-animation-name: Rx-width-59;
  animation-name: Rx-width-59;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@-webkit-keyframes Rx-width-60 {
  0% {
    width: 0%;
  }

  100% {
    width: 60%;
  }

}

@keyframes Rx-width-60 {
  0% {
    width: 0%;
  }

  100% {
    width: 60%;
  }

}

.Rx-width-60 {
  -webkit-animation-name: Rx-width-60;
  animation-name: Rx-width-60;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes Rx-width-61 {
  0% {
    width: 0%;
  }

  100% {
    width: 61%;
  }

}

@keyframes Rx-width-61 {
  0% {
    width: 0%;
  }

  100% {
    width: 61%;
  }

}

.Rx-width-61 {
  -webkit-animation-name: Rx-width-61;
  animation-name: Rx-width-61;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes Rx-width-62 {
  0% {
    width: 0%;
  }

  100% {
    width: 62%;
  }

}

@keyframes Rx-width-62 {
  0% {
    width: 0%;
  }

  100% {
    width: 62%;
  }

}

.Rx-width-62 {
  -webkit-animation-name: Rx-width-62;
  animation-name: Rx-width-62;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@-webkit-keyframes Rx-width-63 {
  0% {
    width: 0%;
  }

  100% {
    width: 63%;
  }

}

@keyframes Rx-width-63 {
  0% {
    width: 0%;
  }

  100% {
    width: 63%;
  }

}

.Rx-width-63 {
  -webkit-animation-name: Rx-width-63;
  animation-name: Rx-width-63;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@-webkit-keyframes Rx-width-64 {
  0% {
    width: 0%;
  }

  100% {
    width: 64%;
  }

}

@keyframes Rx-width-64 {
  0% {
    width: 0%;
  }

  100% {
    width: 64%;
  }

}

.Rx-width-64 {
  -webkit-animation-name: Rx-width-64;
  animation-name: Rx-width-64;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes Rx-width-65 {
  0% {
    width: 0%;
  }

  100% {
    width: 65%;
  }

}

@keyframes Rx-width-65 {
  0% {
    width: 0%;
  }

  100% {
    width: 65%;
  }

}

.Rx-width-65 {
  -webkit-animation-name: Rx-width-65;
  animation-name: Rx-width-65;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@-webkit-keyframes Rx-width-66 {
  0% {
    width: 0%;
  }

  100% {
    width: 66%;
  }

}

@keyframes Rx-width-66 {
  0% {
    width: 0%;
  }

  100% {
    width: 66%;
  }

}

.Rx-width-66 {
  -webkit-animation-name: Rx-width-66;
  animation-name: Rx-width-66;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes Rx-width-67 {
  0% {
    width: 0%;
  }

  100% {
    width: 67%;
  }

}

@keyframes Rx-width-67 {
  0% {
    width: 0%;
  }

  100% {
    width: 67%;
  }

}

.Rx-width-67 {
  -webkit-animation-name: Rx-width-67;
  animation-name: Rx-width-67;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes Rx-width-68 {
  0% {
    width: 0%;
  }

  100% {
    width: 68%;
  }

}

@keyframes Rx-width-68 {
  0% {
    width: 0%;
  }

  100% {
    width: 68%;
  }

}

.Rx-width-68 {
  -webkit-animation-name: Rx-width-68;
  animation-name: Rx-width-68;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes Rx-width-69 {
  0% {
    width: 0%;
  }

  100% {
    width: 69%;
  }

}

@keyframes Rx-width-69 {
  0% {
    width: 0%;
  }

  100% {
    width: 69%;
  }

}

.Rx-width-69 {
  -webkit-animation-name: Rx-width-69;
  animation-name: Rx-width-69;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes Rx-width-70 {
  0% {
    width: 0%;
  }

  100% {
    width: 70%;
  }

}

@keyframes Rx-width-70 {
  0% {
    width: 0%;
  }

  100% {
    width: 70%;
  }

}

.Rx-width-70 {
  -webkit-animation-name: Rx-width-70;
  animation-name: Rx-width-70;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes Rx-width-71 {
  0% {
    width: 0%;
  }

  100% {
    width: 71%;
  }

}

@keyframes Rx-width-71 {
  0% {
    width: 0%;
  }

  100% {
    width: 71%;
  }

}

.Rx-width-71 {
  -webkit-animation-name: Rx-width-71;
  animation-name: Rx-width-71;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@-webkit-keyframes Rx-width-72 {
  0% {
    width: 0%;
  }

  100% {
    width: 72%;
  }

}

@keyframes Rx-width-72 {
  0% {
    width: 0%;
  }

  100% {
    width: 72%;
  }

}

.Rx-width-72 {
  -webkit-animation-name: Rx-width-72;
  animation-name: Rx-width-72;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes Rx-width-73 {
  0% {
    width: 0%;
  }

  100% {
    width: 73%;
  }

}

@keyframes Rx-width-73 {
  0% {
    width: 0%;
  }

  100% {
    width: 73%;
  }

}

.Rx-width-73 {
  -webkit-animation-name: Rx-width-73;
  animation-name: Rx-width-73;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes Rx-width-74 {
  0% {
    width: 0%;
  }

  100% {
    width: 74%;
  }

}

@keyframes Rx-width-74 {
  0% {
    width: 0%;
  }

  100% {
    width: 74%;
  }

}

.Rx-width-74 {
  -webkit-animation-name: Rx-width-74;
  animation-name: Rx-width-74;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes Rx-width-75 {
  0% {
    width: 0%;
  }

  100% {
    width: 75%;
  }

}

@keyframes Rx-width-75 {
  0% {
    width: 0%;
  }

  100% {
    width: 75%;
  }

}

.Rx-width-75 {
  -webkit-animation-name: Rx-width-75;
  animation-name: Rx-width-75;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes Rx-width-76 {
  0% {
    width: 0%;
  }

  100% {
    width: 76%;
  }

}

@keyframes Rx-width-76 {
  0% {
    width: 0%;
  }

  100% {
    width: 76%;
  }

}

.Rx-width-76 {
  -webkit-animation-name: Rx-width-76;
  animation-name: Rx-width-76;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@-webkit-keyframes Rx-width-77 {
  0% {
    width: 0%;
  }

  100% {
    width: 77%;
  }

}

@keyframes Rx-width-77 {
  0% {
    width: 0%;
  }

  100% {
    width: 77%;
  }

}

.Rx-width-77 {
  -webkit-animation-name: Rx-width-77;
  animation-name: Rx-width-77;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}


@-webkit-keyframes Rx-width-78 {
  0% {
    width: 0%;
  }

  100% {
    width: 78%;
  }

}

@keyframes Rx-width-78 {
  0% {
    width: 0%;
  }

  100% {
    width: 78%;
  }

}

.Rx-width-78 {
  -webkit-animation-name: Rx-width-78;
  animation-name: Rx-width-78;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@-webkit-keyframes Rx-width-79 {
  0% {
    width: 0%;
  }

  100% {
    width: 79%;
  }

}

@keyframes Rx-width-79 {
  0% {
    width: 0%;
  }

  100% {
    width: 79%;
  }

}

.Rx-width-79 {
  -webkit-animation-name: Rx-width-79;
  animation-name: Rx-width-79;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes Rx-width-80 {
  0% {
    width: 0%;
  }

  100% {
    width: 80%;
  }

}

@keyframes Rx-width-80 {
  0% {
    width: 0%;
  }

  100% {
    width: 80%;
  }

}

.Rx-width-80 {
  -webkit-animation-name: Rx-width-80;
  animation-name: Rx-width-80;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes Rx-width-81 {
  0% {
    width: 0%;
  }

  100% {
    width: 81%;
  }

}

@keyframes Rx-width-81 {
  0% {
    width: 0%;
  }

  100% {
    width: 81%;
  }

}

.Rx-width-81 {
  -webkit-animation-name: Rx-width-81;
  animation-name: Rx-width-81;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes Rx-width-82 {
  0% {
    width: 0%;
  }

  100% {
    width: 82%;
  }

}

@keyframes Rx-width-82 {
  0% {
    width: 0%;
  }

  100% {
    width: 82%;
  }

}

.Rx-width-82 {
  -webkit-animation-name: Rx-width-82;
  animation-name: Rx-width-82;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes Rx-width-83 {
  0% {
    width: 0%;
  }

  100% {
    width: 83%;
  }

}

@keyframes Rx-width-83 {
  0% {
    width: 0%;
  }

  100% {
    width: 83%;
  }

}

.Rx-width-83 {
  -webkit-animation-name: Rx-width-83;
  animation-name: Rx-width-83;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes Rx-width-84 {
  0% {
    width: 0%;
  }

  100% {
    width: 84%;
  }

}

@keyframes Rx-width-84 {
  0% {
    width: 0%;
  }

  100% {
    width: 84%;
  }

}

.Rx-width-84 {
  -webkit-animation-name: Rx-width-84;
  animation-name: Rx-width-84;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes Rx-width-85 {
  0% {
    width: 0%;
  }

  100% {
    width: 85%;
  }

}

@keyframes Rx-width-85 {
  0% {
    width: 0%;
  }

  100% {
    width: 85%;
  }

}

.Rx-width-85 {
  -webkit-animation-name: Rx-width-85;
  animation-name: Rx-width-85;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes Rx-width-86 {
  0% {
    width: 0%;
  }

  100% {
    width: 86%;
  }

}

@keyframes Rx-width-86 {
  0% {
    width: 0%;
  }

  100% {
    width: 86%;
  }

}

.Rx-width-86 {
  -webkit-animation-name: Rx-width-86;
  animation-name: Rx-width-86;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@-webkit-keyframes Rx-width-87 {
  0% {
    width: 0%;
  }

  100% {
    width: 87%;
  }

}

@keyframes Rx-width-87 {
  0% {
    width: 0%;
  }

  100% {
    width: 87%;
  }

}

.Rx-width-87 {
  -webkit-animation-name: Rx-width-87;
  animation-name: Rx-width-87;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes Rx-width-88 {
  0% {
    width: 0%;
  }

  100% {
    width: 88%;
  }

}

@keyframes Rx-width-88 {
  0% {
    width: 0%;
  }

  100% {
    width: 88%;
  }

}

.Rx-width-88 {
  -webkit-animation-name: Rx-width-88;
  animation-name: Rx-width-88;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes Rx-width-89 {
  0% {
    width: 0%;
  }

  100% {
    width: 89%;
  }

}

@keyframes Rx-width-89 {
  0% {
    width: 0%;
  }

  100% {
    width: 89%;
  }

}

.Rx-width-89 {
  -webkit-animation-name: Rx-width-89;
  animation-name: Rx-width-89;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes Rx-width-90 {
  0% {
    width: 0%;
  }

  100% {
    width: 90%;
  }

}

@keyframes Rx-width-90 {
  0% {
    width: 0%;
  }

  100% {
    width: 90%;
  }

}

.Rx-width-90 {
  -webkit-animation-name: Rx-width-90;
  animation-name: Rx-width-90;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes Rx-width-91 {
  0% {
    width: 0%;
  }

  100% {
    width: 91%;
  }

}

@keyframes Rx-width-91 {
  0% {
    width: 0%;
  }

  100% {
    width: 91%;
  }

}

.Rx-width-91 {
  -webkit-animation-name: Rx-width-91;
  animation-name: Rx-width-91;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes Rx-width-92 {
  0% {
    width: 0%;
  }

  100% {
    width: 92%;
  }

}

@keyframes Rx-width-92 {
  0% {
    width: 0%;
  }

  100% {
    width: 92%;
  }

}

.Rx-width-92 {
  -webkit-animation-name: Rx-width-92;
  animation-name: Rx-width-92;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes Rx-width-93 {
  0% {
    width: 0%;
  }

  100% {
    width: 93%;
  }

}

@keyframes Rx-width-93 {
  0% {
    width: 0%;
  }

  100% {
    width: 93%;
  }

}

.Rx-width-93 {
  -webkit-animation-name: Rx-width-93;
  animation-name: Rx-width-93;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes Rx-width-94 {
  0% {
    width: 0%;
  }

  100% {
    width: 94%;
  }

}

@keyframes Rx-width-94 {
  0% {
    width: 0%;
  }

  100% {
    width: 94%;
  }

}

.Rx-width-94 {
  -webkit-animation-name: Rx-width-94;
  animation-name: Rx-width-94;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes Rx-width-95 {
  0% {
    width: 0%;
  }

  100% {
    width: 95%;
  }

}

@keyframes Rx-width-95 {
  0% {
    width: 0%;
  }

  100% {
    width: 95%;
  }

}

.Rx-width-95 {
  -webkit-animation-name: Rx-width-95;
  animation-name: Rx-width-95;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes Rx-width-96 {
  0% {
    width: 0%;
  }

  100% {
    width: 96%;
  }

}

@keyframes Rx-width-96 {
  0% {
    width: 0%;
  }

  100% {
    width: 96%;
  }

}

.Rx-width-96 {
  -webkit-animation-name: Rx-width-96;
  animation-name: Rx-width-96;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}


@-webkit-keyframes Rx-width-97 {
  0% {
    width: 0%;
  }

  100% {
    width: 97%;
  }

}

@keyframes Rx-width-97 {
  0% {
    width: 0%;
  }

  100% {
    width: 97%;
  }

}

.Rx-width-97 {
  -webkit-animation-name: Rx-width-97;
  animation-name: Rx-width-97;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes Rx-width-98 {
  0% {
    width: 0%;
  }

  100% {
    width: 98%;
  }

}

@keyframes Rx-width-98 {
  0% {
    width: 0%;
  }

  100% {
    width: 98%;
  }

}

.Rx-width-98 {
  -webkit-animation-name: Rx-width-98;
  animation-name: Rx-width-98;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@-webkit-keyframes Rx-width-99 {
  0% {
    width: 0%;
  }

  100% {
    width: 99%;
  }

}

@keyframes Rx-width-99 {
  0% {
    width: 0%;
  }

  100% {
    width: 99%;
  }

}

.Rx-width-99 {
  -webkit-animation-name: Rx-width-99;
  animation-name: Rx-width-99;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes Rx-width-100 {
  0% {
    width: 0%;
  }

  100% {
    width: 100%;
  }

}

@keyframes Rx-width-100 {
  0% {
    width: 0%;
  }

  100% {
    width: 100%;
  }

}

.Rx-width-100 {
  -webkit-animation-name: Rx-width-100;
  animation-name: Rx-width-100;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}


.skill_feature {
  padding: 90px 0px 70px;
  width: 50%;
  float: left;
  padding-left: 160px;
  background-color: #343434;
}

.skill_feature .section_title_area {
  padding-bottom: 45px;
}

.skill_feature .section_title_area h2 {
  color: #fff;
}

.skill_feature .skill_progress {
  max-width: 580px;
}

.skill_section {
  overflow: visible;
  padding: 118px 0px 85px;
  background-color: #343434;
}

.skill_section .skill_feature {
  width: 100%;
  padding: 0;
  float: right;
  max-width: 575px;
  background-color: transparent;
}

.skill_section .skill_left_img {
  bottom: -85px;
  left: -100px;
  z-index: 2;
  position: absolute;
  overflow: hidden;
}

.skill_section .skill_left_img .video_btn_border {
  z-index: -1;
  width: 50%;
  height: 40%;
  top: 40%;
  left: 0;
  right: 0;
  margin: 0 auto;
  border-radius: 100%;
  border: 2px solid #6c6c6c;
}

/*---------------------------------------------------- */

/*How we work area*/

/*----------------------------------------------------*/
.how_work_section {
  padding: 115px 0px 170px;
}

.how_work_section .section_title_area {
  padding-bottom: 65px;
}

.how_work_img_serial {
  display: inline-block;
}

.how_work_img_serial .how_work_img {
  width: 160px;
  height: 160px;
  overflow: hidden;
  border-radius: 100%;
}

.how_work_img_serial .how_work_img:before {
  position: absolute;
  height: 0;
  width: 0;
  top: 50%;
  left: 50%;
  content: '';
  padding-top: 0px;
  background-color: rgba(11, 11, 11, 0.4);
  text-align: center;
  border-radius: 100%;
  opacity: 0;
  z-index: 3;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.how_work_img_serial .how_work_img:after {
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  top: 50%;
  left: 50%;
  z-index: 1;
  padding-top: 0px;
  border-radius: 100%;
  background-color: rgba(11, 11, 11, 0.4);
  text-align: center;
  opacity: 0;
  z-index: 4;
  -webkit-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition: all 1.5s ease;
}

.how_work_img_serial .how_work_serial {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  color: #fff;
  height: 50px;
  font-size: 16px;
  line-height: 50px;
  z-index: 5;
  background-color: #b89b5e;
  border-bottom-left-radius: 25px;
}

.how_work_box:hover .how_work_img:before {
  opacity: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.how_work_box:hover .how_work_img:after {
  opacity: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.how_work_text {
  margin: 0 auto;
  max-width: 240px;
}

.how_work_text h4 {
  font-size: 22px;
  padding: 30px 0px 20px 0px;
}

.how_work_text p {
  font-size: 14px;
  line-height: 1.857;
}

.how_work_btn {
  margin-top: 35px;
  line-height: 52px;
  border: 4px solid #f3f3f3;
}

.how_work_btn a {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.how_work_btn:hover {
  border: 4px solid #b89b5e;
}

.how_work_content .col-lg-3:nth-child(2) .how_work_box {
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
}

.how_work_content .col-lg-3:nth-child(3) .how_work_box {
  -webkit-transform: translateY(-85px);
  -ms-transform: translateY(-85px);
  transform: translateY(-85px);
}

.how_work_content .col-lg-3:nth-child(4) .how_work_box {
  -webkit-transform: translateY(-165px);
  -ms-transform: translateY(-165px);
  transform: translateY(-165px);
}

.how_work_content .work_btn {
  right: 0;
  bottom: 10px;
  position: absolute;
}

.how_work_content .work_btn a {
  color: #fff;
  display: inline-block;
  font-size: 14px;
  background-color: #b89b5e;
  padding: 20px 38px 20px 40px;
}

/*---------------------------------------------------- */

/*How we work area*/

/*----------------------------------------------------*/
.newslatter_content {
  z-index: 2;
  top: -200px;
  width: 100%;
  max-width: 1170px;
  position: absolute;
  background-color: #fff;
  padding: 75px 80px 65px;
  border-top: 5px solid #b89b5e;
  -webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
}

.newslatter_content .section_title_area p {
  padding-left: 40px;
}

.newslatter_content .newslatter-form {
  margin-top: 15px;
}

.newslatter_content .newslatter-form input {
  border: none;
  height: 80px;
  width: 100%;
  padding-left: 50px;
  background-color: #f4f4f4;
}

.newslatter_content .newslatter-form .nws-button {
  top: 0;
  right: 0;
  position: absolute;
}

.newslatter_content .newslatter-form .nws-button button {
  border: none;
  color: #fff;
  width: 160px;
  height: 80px;
  font-weight: 700;
  background-color: #b89b5e;
}

.newslatter_content .newslatter-form .nws-button button i {
  margin-right: 10px;
}

/*---------------------------------------------------- */

/*Video play area*/

/*----------------------------------------------------*/
@-webkit-keyframes border_animation {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }

  20% {
    -webkit-transform: scale(1.24);
    transform: scale(1.24);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(2.1);
    transform: scale(2.1);
    opacity: 0;
  }

}

@-moz-keyframes border_animation {
  0% {
    -moz-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }

  20% {
    -moz-transform: scale(1.24);
    transform: scale(1.24);
    opacity: 1;
  }

  100% {
    -moz-transform: scale(2.1);
    transform: scale(2.1);
    opacity: 0;
  }

}

@-o-keyframes border_animation {
  0% {
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }

  20% {
    -o-transform: scale(1.24);
    transform: scale(1.24);
    opacity: 1;
  }

  100% {
    -o-transform: scale(2.1);
    transform: scale(2.1);
    opacity: 0;
  }

}

@keyframes border_animation {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }

  20% {
    -webkit-transform: scale(1.24);
    -moz-transform: scale(1.24);
    -o-transform: scale(1.24);
    transform: scale(1.24);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(2.1);
    -moz-transform: scale(2.1);
    -o-transform: scale(2.1);
    transform: scale(2.1);
    opacity: 0;
  }

}

.rex_video_section {
  padding: 120px 0px 115px;
}

.rex_video_section .video_img_area {
  max-width: 1010px;
}

.rex_video_section .about_progress {
  left: -120px;
  bottom: 60px;
}

.rex_video_section .about_progress .progress_area {
  width: 75px;
}

.rex_video_section .video_play_area {
  top: 50%;
  z-index: 1;
  right: -160px;
  max-width: 370px;
  padding: 65px 60px;
  position: absolute;
  background-color: #fff;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.06);
}

.rex_video_section .video_play_area .video_play_btn {
  margin: 65px auto;
}

.rex_video_section .video_play_area .video_text h4 {
  font-size: 20px;
  padding-bottom: 20px;
}

.rex_video_section .video_play_area .video_text p {
  font-size: 14px;
  line-height: 1.714;
}

.rex_video_section .shape_pattern_3 {
  position: absolute;
  right: -190px;
  bottom: 40px;
  z-index: 0;
}

.video_btn_border {
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  border-radius: 60px;
  position: absolute;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  border: 2px solid #f7f3ea;
  -webkit-animation: border_animation 3.9s linear 0s infinite;
  animation: border_animation 3.9s linear 0s infinite;
}

.video_btn_border.border_wrap-2 {
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s;
}

.video_btn_border.border_wrap-3 {
  -webkit-animation-delay: 2.6s;
  animation-delay: 2.6s;
}

/*---------------------------------------------------- */

/*Pricing area*/

/*----------------------------------------------------*/
.pricing_section {
  padding: 115px 0px 118px;
}

.pricing_section .section_title_area {
  padding-bottom: 95px;
}

.pricing_plan_content {
  margin: 0 auto;
  max-width: 330px;
  padding: 60px 50px 70px;
  -webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
}

.pricing_plan_content:before,
.pricing_plan_content:after {
  content: '';
  position: absolute;
  height: 94%;
  width: 20px;
  left: -20px;
  bottom: 40px;
  background-color: #f4f0e7;
}

.pricing_plan_content:after {
  right: -20px;
  left: inherit;
}

.pricing_plan_content .pricing_icon {
  line-height: 1;
  margin-bottom: 35px;
}

.pricing_plan_content .pricing_icon i {
  font-size: 100px;
  color: #b89b5e;
}

.pricing_plan_content .pricing_price {
  font-family: "Poppins";
  font-weight: 600;
  color: #343434;
  line-height: 1;
}

.pricing_plan_content .pricing_price .currency_s {
  font-size: 18px;
}

.pricing_plan_content .pricing_price strong {
  font-size: 60px;
}

.pricing_plan_content .pricing_price .price_ex {
  font-size: 30px;
}

.pricing_plan_content .pricing_price .price_policy {
  display: block;
  margin-top: 15px;
}

.pricing_plan_content .pricing_text {
  padding-top: 70px;
}

.pricing_plan_content .pricing_text p {
  line-height: 1.875;
}

.pricing_plan_content .pricing_text .pricing_btn {
  margin-top: 30px;
}

.pricing_plan_content .pricing_text .pricing_btn a {
  font-size: 14px;
  display: inline-block;
  border: 2px solid #efefef;
  padding: 20px 40px 15px 42px;
}

.pricing_plan_content .pricing_text .pricing_btn a:hover {
  color: #fff;
  border: 2px solid #343434;
}

.pricing_plan_content .pricing_text:before {
  top: 0px;
  content: ".";
  font-size: 30px;
  font-weight: 400;
  left: 0;
  right: 28px;
  position: absolute;
  pointer-events: none;
  color: rgba(0, 0, 0, 0);
  text-shadow: 7px 0 #b89b5e, 14px 0 #b89b5e, 21px 0 #b89b5e, 28px 0 #b89b5e;
  -webkit-transition: text-shadow 0.3s ease 0s, color 0.3s ease 0s;
  -o-transition: text-shadow 0.3s ease 0s, color 0.3s ease 0s;
  transition: text-shadow 0.3s ease 0s, color 0.3s ease 0s;
}

.popular_plan {
  z-index: 1;
  padding-top: 80px;
  margin-top: -30px;
  padding-bottom: 80px;
  background-color: #4d3a11;
}

.popular_plan:before,
.popular_plan:after {
  height: 90%;
}

.popular_plan .pricing_price {
  color: #fff;
}

.popular_plan .pricing_text {
  color: #fff;
}

.popular_plan .pricing_text:before {
  text-shadow: 7px 0 #fff, 14px 0 #fff, 21px 0 #fff, 28px 0 #fff;
}

.popular_plan .pricing_icon i {
  color: #fff;
}

.popular_plan .popular_plan_bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: .2;
}

/*Pricing Page*/

/*----------------------------------------------------*/
.pricing_page_content {
  padding: 170px 0px 120px;
}

.pricing_page_dark {
  padding: 118px 0px 120px;
  background-color: #343434;
}

.pricing_page_dark .section_title_area {
  padding: 0px 0px 65px 40px;
}
.pricing_page_dark .section_title_area h2 {
  color: #fff;
}

.pricing_page_dark .pricing_plan_content {
  background-color: #2b2b2b;
  padding: 70px 50px 70px;
}

.pricing_page_dark .pricing_plan_content:before,
.pricing_page_dark .pricing_plan_content:after {
  background-color: #202020;
  bottom: 25px;
  height: 92%;
}

.pricing_page_dark .pricing_plan_content .pricing_price {
  color: #fff;
}

.pricing_page_dark .pricing_plan_content .pricing_text p {
  color: #fff;
}

.pricing_page_dark .pricing_plan_content .pricing_text .pricing_btn a {
  color: #fff;
  border: 2px solid #b89b5e;
}

.pricing_page_dark .pricing_plan_content.popular_plan {
  background-color: #b89b5e;
  margin-top: 0;
  padding-bottom: 70px;
}

.pricing_page_dark .pricing_plan_content.popular_plan:before,
.pricing_page_dark .pricing_plan_content.popular_plan:after {
  background-color: #aa8f57;
  height: 92%;
}

.pricing_page_dark .pricing_plan_content.popular_plan .pricing_btn a {
  color: #343434;
  background-color: #fff;
  border: 2px solid #fff;
}

.pricing_page_dark .pricing_plan_content.popular_plan .pricing_btn a:hover {
  border: 2px solid #343434;
  color: #fff;
}

.price_tab_button {
  height: 80px;
  width: 210px;
  line-height: 80px;
  position: absolute;
  top: 0;
  right: 0;
  padding: 20px;
  background-color: #2b2b2b;
}

.price_tab_button li {
  width: 50%;
}

.price_tab_button .nav-link {
  font-weight: 700;
  line-height: 2.5;
  color: #b89b5e;
}

.price_tab_button .nav-link.active {
  color: #fff;
}

/*---------------------------------------------------- */

/*contact area*/

/*----------------------------------------------------*/
.google-map-container {
  height: 800px;
}

.contact_address_info {
  max-width: 1250px;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 85px 0px 70px 120px;
}

.contact_address_info .section_title_area p {
  padding-bottom: 30px;
}

.contact_address_info .contact_info_content {
  width: 330px;
}

.contact_address_info .contact_details {
  max-width: 150px;
  line-height: 2.5;
}

/*Contact Page*/

/*----------------------------------------------------*/
.contactpage_details {
  top: -115px;
  z-index: 0;
  padding: 60px 0px;
  position: relative;
  background-color: #fff;
  border: 2px solid #e4e4e4;
}

.contactpage_details .col-md-4:last-child .contact_d_icontext:after {
  display: none;
}

.contact_d_icontext {
  position: relative;
}

.contact_d_icontext .con_icon {
  line-height: 1;
  margin-bottom: 40px;
  display: inline-block;
}

.contact_d_icontext .con_icon i {
  font-size: 100px;
  color: #b89b5e;
}

.contact_d_icontext .con_icon span {
  position: absolute;
  top: 0;
  width: 50px;
  height: 50px;
  right: -15px;
  font-weight: 700;
  line-height: 50px;
  text-align: center;
  border-radius: 100%;
  background-color: #fff;
  display: inline-block;
  -webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.1);
}

.contact_d_icontext .con_text {
  z-index: 1;
}

.contact_d_icontext .con_text h4 {
  font-size: 30px;
  padding-bottom: 20px;
}

.contact_d_icontext .con_text span {
  font-size: 18px;
  max-width: 205px;
  margin: 0 auto;
  display: inline-block;
}

.contact_d_icontext .con_bg {
  line-height: 1;
  bottom: -50px;
  z-index: -1;
  opacity: 0;
  left: 40px;
  position: absolute;
  -webkit-transition: .5s all ease-in-out;
  -o-transition: .5s all ease-in-out;
  transition: .5s all ease-in-out;
}

.contact_d_icontext .con_bg i {
  font-size: 180px;
  color: #f7f0e2;
}

.contact_d_icontext:hover .con_bg {
  opacity: 1;
  left: 10px;
}

.contact_d_icontext:after {
  content: '';
  position: absolute;
  height: 100%;
  width: 2px;
  top: 0;
  right: 0;
  background-color: #e4e4e4;
}

.estimate_contact_section {
  padding-bottom: 120px;
}

/*---------------------------------------------------- */

/*contact area*/

/*----------------------------------------------------*/
.breadcrumb_section {
  z-index: 1;
  overflow: visible;
  padding: 250px 0px 220px;
}

.breadcrumb_section .slider_side_btn {
  bottom: 87px;
  left: -88px;
}

.breadcrumb_section .slider_side_btn a {
  padding: 20px 46px 18px;
}

.breadcrumb_section .background_overlay {
  background-color: rgba(52, 52, 52, 0.5);
  z-index: -1;
}
.breadcrumb_section .background_overlay img{
  opacity: 0.8;
}

.breadcrumb_section .breadcrumb_watermark {
  left: 0;
  right: 0;
  text-align: center;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  top: 50px;
  -webkit-text-stroke-color: rgba(255, 255, 255, 0.1);
}

.breadcrumb_section .breadcrumb_title {
  color: #fff;
  line-height: 1.1;
  font-size: 55px;
  text-align: center;
}
.search-results .breadcrumb_section .breadcrumb_title {
  font-size: 72px;
}
.breadcrumb_section.larger-then-thirty .breadcrumb_title{
  font-size: 90px;
  line-height: 1.5;
}
.breadcrumb_section.larger-then-fifty .breadcrumb_title{
  font-size: 80px;
  line-height: 1.5;
}
.single.single-post .breadcrumb_section .breadcrumb_title,
.breadcrumb_section.larger-then-hundred .breadcrumb_title{
  font-size: 60px;
  line-height: 1.5;
}
.breadcrumb_section .breadcrumb {
  left: 50%;
  bottom: -30px;
  border-radius: 0;
  text-align: center;
  padding: 18px 40px;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #ffffff;
  -webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
}
.breadcrumb_section.larger-then-hundred .breadcrumb {
    display: block;
}
.breadcrumb_section .breadcrumb li {
  font-size: 16px;
  font-weight: 600;
}

.breadcrumb_section .breadcrumb .trail-end {
  color: #b89b5e;
}

.breadcrumb li + li::before {
  content: "|";
  padding: 0;
  margin: 0px 3px;
}
/*---------------------------------------------------- */

/*Faq area*/

/*----------------------------------------------------*/
.faq_section {
  padding: 145px 0px 100px;
}

.faq_section .faq_topic {
  padding-bottom: 40px;
}

.faq_section .faq_topic .nav-item {
  height: 170px;
  padding-top: 45px;
  position: relative;
  overflow: hidden;
  width: 170px;
  float: left;
  margin: 15px;
  border: 2px solid #f4efe4;
}

.faq_section .faq_topic .nav-item a {
  font-weight: 700;
}

.faq_section .faq_topic .faq_icon {
  margin-bottom: 12px;
}

.faq_section .faq_topic .faq_icon i {
  font-size: 40px;
  color: #b89b5e;
}

.faq_section .faq_topic .faq_icon_bg {
  top: -5px;
  right: 0px;
  line-height: 1;
  font-size: 55px;
  color: #c1a66c;
  opacity: 0;
  position: absolute;
}

.faq_section .faq_area .faq-header h3 {
  margin-bottom: 0;
}

.faq_section .faq_area .faq-header h3 button {
  padding: 0;
  width: 100%;
  height: 80px;
  border: none;
  font-size: 16px;
  text-align: left;
  font-weight: 700;
  position: relative;
  padding-left: 80px;
  margin-bottom: 20px;
  border: 2px solid #f4efe4;
  background-color: transparent;
}

.faq_section .faq_area .faq-header h3 button:after {
  left: 35px;
  content: '\f067';
  font-weight: 900;
  position: absolute;
  color: #b89b5e;
  top: 30px;
  font-family: 'Font Awesome 5 Free';
}

.faq_section .faq_area .faq-header .faq_title {
  border: none;
}

.faq_section .faq_area .faq-header .faq_title.collapsed {
  border: 2px solid #f4efe4;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.faq_section .faq_area .faq-body {
  font-size: 14px;
  line-height: 1.714;
  padding: 0px 40px 20px 40px;
  margin-bottom: 20px;
}

.faq_section .faq_area.faq_shadow {
  -webkit-transition: .5s all ease-in-out;
  -o-transition: .5s all ease-in-out;
  transition: .5s all ease-in-out;
  -webkit-box-shadow: 0px 16px 32px 0px rgba(184, 155, 94, 0.2);
  box-shadow: 0px 16px 32px 0px rgba(184, 155, 94, 0.2);
}

.faq_form_section {
  background-color: #f7f3ea;
  padding: 118px 0px;
}

.faq_form_section .section_title_area {
  margin: 0 auto;
  max-width: 700px;
  padding-bottom: 65px;
}

.faq_form_section .faq_form_area .contact-info input,
.faq_form_section .faq_form_area .contact-info textarea {
  border: none;
  -webkit-box-shadow: 0px 16px 32px 0px rgba(184, 155, 94, 0.2);
  box-shadow: 0px 16px 32px 0px rgba(184, 155, 94, 0.2);
}

.faq_section .faq_topic .nav-item.faq_on {
  background-color: #b89b5e;
  color: #fff;
  position: relative;
}

.faq_section .faq_topic .nav-item.faq_on:after {
  bottom: -8px;
  content: '';
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid #b89b5e;
  -webkit-transition: .5s all ease-in-out;
  -o-transition: .5s all ease-in-out;
  transition: .5s all ease-in-out;
}

.faq_section .faq_topic .nav-item.faq_on .nav-link {
  color: #fff;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.faq_section .faq_topic .nav-item.faq_on .faq_icon i {
  color: #fff;
}

/*---------------------------------------------------- */

/*footer area*/

/*----------------------------------------------------*/
.footer_section {
  padding: 115px 0px 100px;
  background-image: url(../images/background/map2.png);
}

.footer_section .background_overlay {
  background-color: rgba(51, 51, 51, 0.05);
}

.footer_section .footer_widget {
  padding-left: 40px;
}

.footer_section .widget_footer_text {
  color: #cdcdcd;
  line-height: 1.75;
}

.footer_section .widget_title {
  margin-bottom: 25px;
}

.footer_section .footer_app_btn {
  margin-top: 25px;
}

.footer_section .footer_app_btn a {
  display: inline-block;
  padding: 20px 40px;
  color: #ffffff;
  border: 2px solid #494949;
  background-color: #343434;
}

.footer_section .practice_list {
  margin-right: -60px;
}

.footer_section .practice_list li {
  width: 50%;
  float: left;
  color: #cdcdcd;
  margin-bottom: 15px;
  position: relative;
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
}

.footer_section .practice_list li:before {
  left: 0;
  top: 10px;
  content: '';
  width: 0px;
  position: absolute;
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
  border: 1px dashed #b89b5e;
}

.footer_section .practice_list li:hover {
  padding-left: 20px;
}

.footer_section .practice_list li:hover:before {
  width: 15px;
}

.footer_section .latest-blog-widget .blog-img-content {
  margin-bottom: 20px;
  overflow: hidden;
}

.footer_section .latest-blog-widget .blog-img {
  width: 70px;
  float: left;
  height: 56px;
  margin-right: 20px;
}

.footer_section .latest-blog-widget .blog-text .blog-meta {
  font-size: 14px;
  color: #c5c5c5;
  line-height: 1;
}

.footer_section .latest-blog-widget .blog-text h4 {
  font-size: 14px;
  color: #fff;
  line-height: 1.43;
  overflow: hidden;
}

.footer_copyright {
  padding: 28px 0px;
  background-color: #222222;
  border-bottom: 5px solid #b89b5e;
}

.footer_copyright .footer_social {
  margin-top: 5px;
}

.footer_copyright .footer_social li {
  color: #fff;
  width: 60px;
  height: 60px;
  margin-right: 8px;
  line-height: 60px;
  text-align: center;
  border: 2px solid #393939;
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
}

.footer_copyright .footer_social li:hover {
  color: #fff;
  background-color: #b89b5e;
  border: 2px solid #b89b5e;
}

.footer_copyright .copyright_text {
  color: #fff;
  margin-top: 30px;
}

.footer_copyright .copyright_text a {
  font-weight: 700;
}

.footer_section_2 {
  overflow: visible;
  margin-top: 200px;
  padding-top: 165px;
  overflow-x: initial;
}

.footer_section_2 .background_overlay {
  background-color: #343434;
}

.footer_section_2 .background_waterprint {
  position: absolute;
  left: 0;
  right: 0;
  top: -50px;
}

.footer_section_2 .background_waterprint h2 {
  font-size: 300px;
  color: rgba(255, 255, 255, 0.02);
}

.footer_section_2:before {
  top: -85px;
  position: absolute;
  left: 0;
  content: '';
  width: 103%;
  z-index: -1;
  height: 300px;
  -webkit-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  transform: rotate(-5deg);
  background-color: #343434;
}

.footer_section_3 {
  background-image: url(../images/background/map.png);
}

.footer_section_3 .background_overlay {
  background-color: rgba(255, 255, 255, 0.05);
}

.footer_section_3 .widget_title,
.footer_section_3 .widget_footer_text,
.footer_section_3 .practice_list li,
.footer_section_3 .latest-blog-widget .blog-text h4,
.footer_section_3 .latest-blog-widget .blog-text .blog-meta {
  color: #343434;
}

.footer_section_3 .latest-blog-widget .blog-text .blog-meta i {
  color: #b89b5e;
}

.footer_section_3 .practice_list li:hover {
  color: #b89b5e;
}

.footer_section_3 .practice_list li:hover a {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.copyright_3 {
  background-color: #f5f5f5;
}

.copyright_3 .footer_social li {
  background-color: #fff;
  border-color: #fff;
  color: #343434;
}

.copyright_3 .footer_social li a {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.copyright_3 .copyright_text {
  color: #343434;
}

.scrollup {
  width: 45px;
  right: 15px;
  z-index: 5;
  height: 45px;
  display: none;
  bottom: 20px;
  position: fixed;
  line-height: 45px;
  background-color: #b89b5e;
}

.scrollup i {
  color: #fff;
}

/*---------------------------------------------------- */

/*Mobile Menu area*/

/*----------------------------------------------------*/
.mobile_menu_content {
  top: 0px;
  bottom: 0;
  right: -350px;
  height: 100vh;
  z-index: 101;
  position: fixed;
  min-width: 280px;
  overflow-y: scroll;
  background-color: #fff;
  padding: 40px 0px;
  -webkit-box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.19);
  box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.19);
  -webkit-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}

.mobile_menu_content .main-navigation {
  width: 100%;
}

.mobile_menu_content .main-navigation .navbar-nav {
  width: 100%;
}

.mobile_menu_content .navbar-nav .dropdown-menu {
  position: static !important;
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
}

.mobile_menu_content .main-navigation .navbar-nav li {
  width: 100%;
  display: block;
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
  border-bottom: 1px solid #dcdcdc;
}

.mobile_menu_content .main-navigation .navbar-nav li:first-child {
  border-top: 1px solid #dcdcdc;
}

.mobile_menu_content .main-navigation .navbar-nav li a {
  color: #000;
  padding: 0;
  width: 100%;
  display: block;
  font-size: 14px;
  font-weight: 400;
  padding: 5px 30px;
  font-weight: 600;
}

.mobile_menu_content .m-brand-logo {
  width: 160px;
  margin: 0 auto;
  margin-bottom: 30px;
}

.mobile_menu_wrap.mobile_menu_on .mobile_menu_content {
  right: -15px;
  -webkit-transition: all 0.7s ease-out;
  -o-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
}

.mobile_menu_overlay {
  top: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 100;
  right: 0%;
  height: 120vh;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.9);
  -webkit-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.mobile_menu_overlay_on {
  overflow: hidden;
}

.mobile_menu_wrap.mobile_menu_on .mobile_menu_overlay {
  opacity: 1;
  visibility: visible;
}

.mobile_menu_button {
  position: absolute;
  display: none;
  right: 30px;
  cursor: pointer;
  line-height: 40px;
  color: #b89b5e;
  text-align: center;
  font-size: 30px;
  top: 30px;
  z-index: 5;
}

.mobile_menu .main-navigation .navbar-nav li a:after {
  display: none;
}

.mobile_menu .main-navigation .dropdown > .dropdown-menu {
  opacity: 1;
  visibility: visible;
}

.mobile_menu .mobile_menu_content .main-navigation .navbar-nav .dropdown-menu {
  border: none;
  display: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 5px 0px;
  border-top: 1px solid #dcdcdc;
}

.mobile_menu .mobile_menu_content .main-navigation .navbar-nav .dropdown-menu li {
    border: none;
    padding: 0;
    line-height: 1;
}

.mobile_menu .mobile_menu_content .main-navigation .navbar-nav .dropdown-menu li a {
  color: #000;
  position: relative;
  padding:15px 30px 15px 55px;
  font-weight: 400;
}

.mobile_menu .mobile_menu_content .main-navigation .navbar-nav .dropdown-menu li a:before {
  left: 40px;
  top: 21px;
  width: 10px;
  height: 1px;
  content: '';
  position: absolute;
  background-color: #000;
}
.mobile_menu .mobile_menu_content .main-navigation .navbar-nav .dropdown-menu li a:hover{
  background: #b89b5e;
  color: #fff;
}
.mobile_menu .mobile_menu_content .main-navigation .navbar-nav .dropdown-menu li a:hover:before {
  background-color: #fff;
}
.mobile_menu .dropdown {
  position: relative;
}

.mobile_menu .dropdown:before {
  top: 0px;
  right: 0px;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 700;
  content: '\f078';
  position: absolute;
  border: 1px solid #dcdcdc;
  z-index: -1;
  border-top: none;
  border-bottom: none;
  font-family: 'Font Awesome 5 Free';
}

.mobile_menu .mobile_menu_close {
  color: #d60606;
  cursor: pointer;
  top: 15px;
  left: 15px;
  font-size: 20px;
  position: absolute;
}

.free_call_nm {
  background-color: #b89b5e;
  margin: 30px 15px 30px 15px;
  padding: 15px;
}

.free_call_nm .m_call_icon {
  float: left;
  margin-right: 10px;
}

.free_call_nm .m_call_icon i {
  font-size: 35px;
  color: #fff;
}

.free_call_nm span {
  display: block;
  font-size: 14px;
}

.free_call_nm span,
.free_call_nm strong {
  color: #fff;
}

.m_social_area {
  margin-bottom: 30px;
}

.m_social_area h3 {
  font-size: 16px;
  font-weight: 600;
}

.m_social_area li {
  font-size: 14px;
  height: 30px;
  width: 30px;
  text-align: center;
  line-height: 32px;
  border-radius: 100%;
  -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.06);
}

.m_social_area .m_fb {
  color: #16599b;
}

.m_social_area .m_tw {
  color: #03a9f4;
}

.m_social_area .m_lk {
  color: #198ed1;
}

.m_social_area .m_yb {
  color: #f24548;
}

.m_get_quote {
  text-align: center;
}

.m_get_quote a {
  display: inline-block;
  font-size: 12px;
  background-color: #b89b5e;
  color: #fff;
  padding: 10px 18px 10px 20px;
}

/*---------------------------------------------------- */

/*Responsive area*/

/*----------------------------------------------------*/

/* ==================================================
* 01 - media screen and (max-width: 1880px)
* 01 - media screen and (max-width: 1440px)
* 02 - media screen and (max-width: 1280px)
* 03 - media screen and (max-width: 1199px)
* 04 - media screen and (max-width: 991px)
* 05 - media screen and (max-width: 767px)
* 06 - media screen and (max-width: 680px)
* 07 - media screen and (max-width: 580px)
* 08 - media screen and (max-width: 480px)
* 09 - media screen and (max-width: 380px)
* 10 - media screen and (max-width: 320px)
================================================== */
@media screen and (max-width:1880px) {
	.call_action_list .call_action_text h3{
		font-size: 19px;
	}
  .wide_side_bar{
    right: 340px;
  }
  .call_to_quote{
    width: 300px;
  }
  .call_to_quote .call_icon{
    display: none;
  }
  .header_style_theree .call_to_quote {
    width: 350px;
  }
}
@media screen and (max-width:1700px) {
  .call_to_quote {
    width: 270px;
  }
  .wide_side_bar {
    right: 300px;
  }
}
@media screen and (max-width:1650px) {
  .call_to_quote {
    width: 270px;
  }
  .wide_side_bar {
    right: 310px;
  }
  .call_to_quote .call_number{
    font-size: 25px;
  }
  .header_style_one, .header_style_one.menu-bg-overlay {
    padding: 0px 60px;
  }
}
@media screen and (max-width:1545px) {
  .header_style_theree .call_to_quote {
    width: 304px;
  }
}
@media screen and (max-width:1500px) {
  .header_style_theree .qoute_btn a {
    padding: 18px 20px 16px 20px;
  }
  .header_style_two .call_to_quote, .header_style_theree .call_to_quote {
    width: 280px;
  }
  .call_to_quote .call_number {
    font-size: 20px;
  }
}
@media screen and (max-width:1440px) {
  .header_style_one,
  .header_style_one.menu-bg-overlay {
    padding: 0px 60px;
  }

  .header_style_one.menu-bg-overlay .call_to_quote .call_number {
    font-size: 20px;
  }

  .header_style_one.menu-bg-overlay .call_to_quote {
    padding: 20px 35px 18px 30px;
  }

  .call_to_quote {
    width: 280px;
    padding: 35px 15px;
  }

  .header_style_one .main_navigation {
    margin-right: 35px;
  }

  .call_to_quote:before {
    width: 20px;
  }

  .call_to_quote .call_icon i {
    font-size: 45px;
  }

  .call_to_quote .icon_bg i {
    font-size: 75px;
  }

  .header_style_one .site_logo {
    margin-right: 45px;
  }

  .header_style_one .main_navigation li a {
    margin-right: 25px;
  }

  .call_action_list .call_action_text h3 {
    font-size: 20px;
  }

  .call_action_list .call_action_icon i {
    font-size: 40px;
  }

  .call_action_list .call_action_icon {
    margin-right: 10px;
  }

  .call_action_list li {
    padding: 40px 15px;
  }

  .about_right_content .about_progress {
    right: -70px;
  }

  .portfolio_section .background_parallax {
    padding-left: 90px;
  }

  .testimonial_content,
  .subscribe_content {
    padding: 115px  60px;
  }

  .testimonial_content .section_title_area,
  .subscribe_content .section_title_area {
    padding-left: 30px;
  }

  .testimonial_content .section_title_area h2,
  .subscribe_content .section_title_area h2 {
    font-size: 50px;
  }

  .subscribe_content {
    padding: 115px  60px 125px;
  }

  .testimonial_content .testimonial_text {
    font-size: 22px;
  }

  .client_list li {
    padding: 95px 25px;
  }

  .call_action_list .c-icon_bg {
    top: 15px;
    right: 15px;
  }

  .call_action_list .c-icon_bg i {
    width: 30px;
    height: 30px;
    font-size: 12px;
    line-height: 30px;
  }

  .header_style_two .header_top {
    padding: 5px 30px;
  }

  .header_style_two .header_main_menu {
    padding: 0px 30px;
  }

  .header_style_two .header_main_menu .main_navigation li a {
    margin-right: 20px;
  }

  .header_style_two .site_logo {
    width: 250px;
    left: 40px;
  }

  .header_style_two .call_to_quote,
  .header_style_theree .call_to_quote {
    width: 250px;
  }

  .slider_style_two .slider_contect_box,
  .slider_style_three .slider_contect_box {
    max-width: 700px;
    padding: 215px 0px 180px 120px;
  }

  .header_style_two.menu-bg-overlay {
    top: -35px;
  }

  .header_style_two.menu-bg-overlay .site_logo {
    top: 6px;
  }

  .footer_section_2:before {
    width: 100%;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  .skill_feature {
    padding: 90px 20px 70px 80px;
  }

  .feature_section .revenue_feature {
    padding: 95px 100px 95px;
  }

  .header_style_theree .site_logo {
    width: 220px;
    margin-right: 30px;
  }

  .header_style_theree .wide_side_bar {
    width: 100px;
    margin-left: 20px;
  }

  .header_style_theree .main_navigation li a {
    margin-right: 20px;
  }

  .header_style_theree .call_to_quote {
    margin-left: 15px;
  }

  .header_style_theree .call_to_quote .call_icon {
    margin-right: 10px;
  }

  .header_style_theree .qoute_btn a {
    padding: 18px 25px 16px 22px;
  }

  .about_award_section {
    padding: 120px 130px;
  }

  .case-page-vertical .case-tab-button {
    left: -465px;
  }

  .slider_3 .slider_side_btn a {
    padding: 20px 35px 18px;
  }

  .slider_3 .slider_side_btn {
    left: -76px;
    bottom: 70px;
  }

  .service_slider .owl-nav .owl-next {
    margin-right: -80px;
  }

  .service_slider .owl-nav .owl-prev {
    margin-left: -80px;
  }

}

@media screen and (max-width:1280px) {
  .header_style_one,
  .header_style_one.menu-bg-overlay {
    padding: 0px 20px;
  }

  .testimonial_content .section_title_area h2,
  .subscribe_content .section_title_area h2 {
    font-size: 48px;
  }

  .subscribe_content {
    padding: 115px 60px 98px;
  }

  .call_action_list .call_action_text h3 {
    font-size: 18px;
  }

  .call_action_list .call_action_text p {
    font-size: 12px;
  }

  .header_style_two .header_main_menu .main_navigation li a {
    margin-right: 15px;
  }

  .header_style_two .site_logo {
    width: 230px;
  }

  .header_style_theree .qoute_btn {
    display: none;
  }

  .rex_video_section .about_progress {
    left: 0;
  }

  .testimonial_style_three .testimonial_side_img {
    right: 0;
    max-width: 680px;
  }

  .testimonial_style_three .owl-dots {
    position: static;
    margin-top: 23px;
  }

  .testimonial_style_three .owl-dots .owl-dot {
    background-color: #b89b5e;
  }

  .testimonial_style_three .owl-dots .owl-dot.active {
    background-color: #848484;
  }

  .app_download_section .app_img {
    right: 0;
  }

  .breadcrumb_section .breadcrumb_watermark {
    overflow: hidden;
  }

  .case-page-vertical .case-tab-button {
    position: static;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }


}

@media screen and (max-width:1199px) {
  .header_top {
    display: none;
  }

  .header_main_menu .main_navigation {
    display: none;
  }

  .header_main_menu .wide_side_bar {
    display: none;
  }

  .header_main_menu .call_to_quote {
    display: none;
  }

  .header_style_one .header_main_menu {
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .header_style_one .header_main_menu:before {
    display: none;
  }

  .header_style_one .header_main_menu:after {
    display: none;
  }

  .header_style_one,
  .header_style_one.menu-bg-overlay {
    padding: 0;
  }

  .header_style_one .header_main_menu {
    padding: 15px 20px;
  }

  .header_style_one {
    height: 100px;
  }

  .header_style_one.menu-bg-overlay {
    top: 0;
    height: 90px;
  }

  .mobile_menu_wrap.mobile_menu_on .mobile_menu_content {
    right: 0;
  }
  .header_style_theree .mobile_menu_wrap.mobile_menu_on .mobile_menu_content {
    right: 15px;
  }

  .testimonial_content .section_title_area h2,
  .subscribe_content .section_title_area h2 {
    font-size: 40px;
  }

  .testimonial_content .testimonial_text {
    font-size: 20px;
  }

  .subscribe_content {
    padding: 100px 60px 55px;
  }

  .mobile_menu_button {
    display: block;
  }

  .header_style_one.menu-bg-overlay .mobile_menu_button {
    top: 25px;
  }

  .portfolio_slide .owl-nav {
    right: 5%;
  }

  .service_slider .owl-nav {
    position: static;
    -webkit-transform: inherit;
    -ms-transform: inherit;
    transform: inherit;
    text-align: center;
  }

  .service_slider .owl-nav .owl-next,
  .service_slider .owl-nav .owl-prev {
    float: none;
    margin-left: inherit;
    margin: 0px 10px;
  }

  .service_slider .owl-nav .owl-next {
    margin-right: inherit;
  }

  .header_style_two .mobile_menu_button {
    right: auto;
    left: 30px;
  }

  .footer_section_2 {
    margin-top: 0;
    overflow: hidden;
    padding-top: 60px;
  }

  .newslatter_content {
    top: 0;
    z-index: 1;
    position: relative;
    margin-bottom: 60px;
  }

  .header_style_two.menu-bg-overlay {
    top: 0px;
  }

  .header_style_two.menu-bg-overlay .site_logo {
    top: -30px;
  }

  .header_style_two .site_logo {
    left: 0;
    width: 200px;
  }

  .header_style_two .qoute_btn {
    margin-right: 0;
  }

  .skill_feature .section_title_area h2 {
    font-size: 50px;
  }

  .header_style_theree .mobile_menu_button {
    top: 40px;
  }

  .header_style_theree.menu-bg-overlay .mobile_menu_button {
    top: 30px;
  }
  .rex_video_section .shape_pattern_3{
    right: 0;
  }


}

@media screen and (max-width:991px) {
  .slider_style_one .slider_contect_box {
    padding: 130px 0px;
  }
  .slider_style_one .slider_contect_box .slider_text h2 {
    font-size: 80px;
  }

  .call_action_list li {
    width: 50%;
  }

  .about_us_section {
    padding: 80px 0px;
  }

  .section_title_area h2 {
    font-size: 50px;
  }

  .about_right_content .about_progress {
    right: 0;
  }

  .about_right_content {
    padding-left: 0;
    margin-top: 30px;
  }

  .choose_form {
    margin-top: 30px;
    position: static;
  }

.why_choose_left {
    padding-left: 0;
  }

.why_choose_left .section_title_area {
    padding-bottom: 40px;
  }

.why_choose_left .section_title_area p {
    padding-left: 40px;
  }

  .call_action_two .section_title_area h2 {
    font-size: 65px;
  }

  .call_action_two .call_action_number {
    font-size: 48px;
  }

  .call_action_two {
    padding: 80px 0px;
  }

  .portfolio_slide .owl-nav {
    margin-top: 30px;
    position: static;
    text-align: center;
  }

  .portfolio_section .background_parallax {
    padding: 80px 20px;
  }

  .team_img_text {
    margin-bottom: 30px;
  }

  .team_section {
    padding: 80px 0px 50px;
  }

  .testimonial_content,
  .subscribe_content {
    width: 100%;
  }

  .client_list li {
    width: 50%;
  }

  .blog_section {
    padding: 80px 0px 50px;
  }

  .blog_img_text .blog_meta {
    left: 15px;
  }

  .blog_img_text .blog_text h3 {
    font-size: 20px;
  }

  .footer_widget {
    margin-bottom: 30px;
  }

  .footer_section {
    padding: 70px 0px;
  }

  .copyright_text {
    text-align: center !important;
  }

  .footer_copyright .footer_social {
    margin-right: 5px;
    text-align: center;
    margin-bottom: 30px;
  }

  .footer_section .practice_list {
    margin-right: 0;
  }

  .blog_img_text {
    margin: 0 auto;
    max-width: 370px;
    margin-bottom: 40px;
  }

  .blog_img_text .blog_img {
    margin-bottom: 20px;
  }

  .testimonial_slide_area .owl-dots {
    top: 55%;
  }

  .certificate_img,
  .achivement_text {
    max-width: 570px;
    margin: 0 auto;
  }

  .portfolio_img_text {
    max-width: 370px;
    margin: 0 auto;
  }

  .slider_style_two .slider_contect_box .slider_text h2,
  .slider_style_three .slider_contect_box .slider_text h2 {
    font-size: 60px;
  }

  .about_section_two .about_left_content {
    max-width: 500px;
    margin: 0 auto;
  }

  .about_counter {
    max-width: 100%;
    left: 0;
    top: 0;
  }

  .service_box {
    max-width: 270px;
    margin: 0 auto;
    margin-bottom: 40px;
  }

  .service_section_two:before,
  .service_section_two:after {
    display: none;
  }

  .case_study_button li {
    width: 50%;
  }

  .case_title_text .case_study_btn {
    float: inherit;
  }

  .feature_section .revenue_feature {
    width: 100%;
  }

  .skill_feature {
    width: 100%;
  }

  .how_work_box {
    margin-bottom: 40px;
  }

  .how_work_section .section_title_area p {
    padding-left: 40px;
  }

  .how_work_content .work_btn {
    position: static;
    text-align: center;
  }

  .slider_priview_img {
    display: none;
  }

  .service_icon_text {
    margin-bottom: 40px;
  }

  .about_section_three .about_img .about_img2 {
    position: static;
    margin-top: 30px;
  }

  .about_section_three .about_content_three .about_area_content .section_title_area p {
    padding-left: 40px;
  }

  .about_section_three .about_content_three .about_listitem {
    padding-left: 0;
  }

  .about_section_three {
    padding: 70px 0px 110px 0px;
  }

  .rex_video_section .video_play_area {
    position: static;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
  }

  .rex_video_section .about_progress {
    position: static;
    margin-bottom: 40px;
    float: right;
  }

  .skill_section .skill_left_img {
    left: 0;
    bottom: 0;
    margin: 0 auto 40px;
    max-width: 570px;
    position: relative;
  }

  .skill_section .skill_feature {
    float: none;
    padding-left: 40px;
  }

  .pricing_plan_content {
    margin-bottom: 40px;
  }

  .testimonial_style_three .testimonial_side_img {
    position: relative;
    margin-top: 40px;
  }

  .testimonial_three_section:before {
    width: 100%;
  }

  .contact_address_info {
    position: static;
    padding: 85px 0px 70px 20px;
  }

  .contact_address_info .section_title_area p {
    padding-bottom: 10px;
    padding-left: 40px;
  }

  .contact_address_info .contact_info_content {
    margin-bottom: 30px;
  }

  .contact_address_info .contact_details {
    line-height: 1.5;
  }

  .contact_address_info .contact_info_content {
    width: inherit;
  }

  .service_style_two .service_icon_text .service_icon:after {
    top: 0;
  }

  .slider_style_two .slider_contect_box,
  .slider_style_three .slider_contect_box {
    max-width: 700px;
    padding: 215px 0px 180px 80px;
  }

  .breadcrumb_section .breadcrumb_watermark {
    top: 50%;
    font-size: 130px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .breadcrumb_section {
    padding: 180px 0px 200px;
  }

  .about_service_box {
    margin-bottom: 40px;
  }

  .about_call_action_section .about_cta_content .about_cta_btn {
    float: none;
  }

  .app_download_section .app_img {
    display: none;
  }

  .service_page_content .service_pageimg {
    display: none;
  }

  .team_skill_pic {
    max-width: 570px;
  }

  .blog_feed_section {
    padding: 80px 0px 60px;
  }

  .breadcrumb_section .breadcrumb_title {
    font-size: 70px;
  }

  .news_post_item .news_text_area h3 {
    font-size: 30px;
  }

  .team_details_section .team_profile {
    margin: 0 auto;
    margin-bottom: 50px;
  }

  .team_details_section {
    padding: 80px 0px 60px;
  }

  .service_details_content .about_listitem li {
    width: 50%;
  }

  .service_details_content {
    margin-bottom: 50px;
    display: inline-block;
  }

  .contact_d_icontext {
    margin-bottom: 30px;
  }

  .case_page_section {
    padding: 80px 0px 60px;
  }

  .how_work_content .col-lg-3:nth-child(2) .how_work_box {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  .how_work_content .col-lg-3:nth-child(3) .how_work_box {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  .how_work_content .col-lg-3:nth-child(4) .how_work_box {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

}

@media screen and (max-width:767px) {
  .service_section {
    padding: 60px 0 60px;
  }
  .estimate_section #estimate_scale .noUi-value{
  	font-size: 20px;
  }
	.estimate_section #estimate_scale .noUi-value:before {
	    bottom: 0;
	    font-size: 16px;
	}
	.breadcrumb_section .breadcrumb {
	    width: 100%;
	    padding: 10px;
	    bottom: -40px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	}
  .breadcrumb_section .breadcrumb li {
      font-size: 14px;
  }
  .call_action_two {
    padding: 60px 0px;
  }

  .testimonial_content,
  .subscribe_content {
    padding: 60px 60px;
  }

  .blog_section {
    padding: 60px 0px 20px;
  }

  .how_work_btn {
    margin-top: 20px;
  }

  .service_icon_text {
    max-width: 470px;
    margin: 0 auto 40px;
  }

  .about_service_section .about_service_box {
    max-width: 370px;
    margin: 0 auto 40px;
  }

  .about_practice_icontext {
    max-width: 370px;
    margin: 0 auto 40px;
  }

  .team_page_member {
    max-width: 370px;
    display: inline-block;
    margin: 0 auto 50px;
  }

  .nio_prev_post {
      width: 100%;
  }

}

@media screen and (max-width:680px) {
  .slider_style_one .slider_contect_box .slider_text h2 {
    font-size: 75px;
  }

  .slider_style_one .slider_contect_box {
    padding: 115px 0px;
  }

  .slider_style_one .owl-nav .owl-prev,
  .slider_style_one .owl-nav .owl-next,
  .slider_style_two .owl-nav .owl-prev,
  .slider_style_two .owl-nav .owl-next {
    height: 40px;
    width: 40px;
    line-height: 35px;
    font-size: 12px;
  }

  .slider_style_one .owl-nav .owl-prev {
    right: 40px;
  }

  .slider_style_two .slider_contect_box .slider_text h2,
  .slider_style_three .slider_contect_box .slider_text h2 {
    font-size: 55px;
  }

  .slider_style_two .owl-nav {
    right: 15px;
  }

  .service_section_two {
    padding-bottom: 30px;
  }

  .how_work_section {
    padding: 60px 0px;
  }

  .testimonial_two_Section .testimonial_item_content .testimonial_quote {
    padding: 0 20px;
  }

  .testimonial_two_Section .background_parallax {
    padding: 60px 0px;
  }

  .header_style_theree .site_logo {
    width: 160px;
    height: 80px;
    margin-right: 30px;
    line-height: 80px;
    padding: 0px 15px;
  }

  .header_style_theree.menu-bg-overlay .site_logo,
  .header_style_theree.menu-bg-overlay .wide_side_bar {
    height: 80px;
    line-height: 80px;
  }

  .header_style_theree .mobile_menu_button {
    top: 30px;
  }

  .header_style_theree.menu-bg-overlay .mobile_menu_button {
    top: 22px;
  }

  .breadcrumb_section .breadcrumb_title {
    font-size: 70px;
  }

  .breadcrumb_section .breadcrumb_watermark {
    font-size: 70px;
  }

  .breadcrumb_section .slider_side_btn {
    bottom: 73px;
    left: -74px;
  }

  .breadcrumb_section .slider_side_btn a {
    padding: 20px 30px 18px;
  }

}

@media screen and (max-width:580px) {
  .slider_style_one .slider_contect_box .slider_text h2 {
    font-size: 65px;
  }

  .about_listitem li {
    width: 100%;
  }

  .about_right_content .about_progress {
    left: 0;
    margin: 0 auto;
  }

  .service_slider .service_img {
    max-width: 370px;
    margin: 0 auto;
  }

  .service_slider .service_text {
    top: 0;
    max-width: 370px;
    margin-bottom: 30px;
  }

  .call_action_two .section_title_area h2 {
    font-size: 50px;
  }

  .achivement_text .achivement_img_list li {
    margin-right: 15px;
  }

  .team_img_text .team_text_details {
    padding-top: 40px;
  }

  .testimonial_slide_area .owl-dots {
    top: 65%;
    right: 25px;
  }

  .header_style_two .qoute_btn {
    display: none;
  }

  .about_section_two .about_left_content .about_progress {
    left: 0;
  }

  .about_counter .about_counter_list li {
    width: 50%;
    margin-bottom: 30px;
  }

  .about_counter .about_counter_list li:after {
    display: none;
  }

  .skill_feature .section_title_area h2 {
    font-size: 45px;
  }

  .service_style_two .service_icon_text .how_work_btn {
    border: none;
    line-height: 45px;
  }

  .service_section {
    padding: 60px 0 20px;
  }

  .app_download_section .app_download_content .app_btn li {
    width: 220px;
  }

  .service_details_content .download_cv_btn {
    position: static;
    margin-top: 10px;
    display: inline-block;
  }

  .ser_de_img {
    margin-bottom: 30px;
  }

  .service_details_content .service_work_icon_text li {
    width: 50%;
    margin-bottom: 30px;
  }

  .service_details_content .next_prev_post .next_post_area,
  .service_details_content .next_prev_post .prev_post_area {
    float: none;
    text-align: inherit;
    margin: 10px 0px;
  }

  .contactpage_details {
    top: 0;
    margin-bottom: 60px;
  }

  .contact_d_icontext .con_text h4 {
    font-size: 24px;
  }

  .contact_d_icontext .con_icon i {
    font-size: 85px;
  }

  .rex_video_section .about_progress {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .rex_video_section .video_play_area{
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width:480px) {
  .slider_style_one .slider_contect_box .slider_text h2 {
    font-size: 50px;
    padding-top: 10px;
  }
  .estimate_section #estimate_scale .noUi-value{
  	font-size: 15px;
  }
	.estimate_section #estimate_scale .noUi-value:before {
	    bottom: 0;
	    font-size: 12px;
	}
  .slider_style_one .slider_contect_box {
    padding: 95px 0px 115px;
  }

  .slider_side_btn a {
    padding: 10px 25px 10px;
  }

  .header_style_one {
    height: 90px;
  }

  .header_style_one .site_logo {
    width: 170px;
  }

  .slider_style_one .slider_contect_box .slider_icon {
    max-width: 80px;
  }

  .call_action_list li {
    width: 100%;
  }

  .call_action_list .call_action_icon {
    margin-right: 20px;
  }

  .call_action_list .call_action_icon i {
    font-size: 50px;
  }

  .call_action_list .c-icon_bg {
    top: 25px;
    right: 20px;
  }

  .call_action_list .c-icon_bg i {
    width: 35px;
    height: 35px;
    font-size: 14px;
    line-height: 35px;
  }

  .call_action_list .call_action_text h3 {
    font-size: 24px;
  }

  .call_action_list .call_action_text p {
    font-size: 14px;
  }

  .header_style_one.menu-bg-overlay {
    height: 80px;
  }

  .section_title_area h2 {
    font-size: 36px;
  }

  .about_area_content h3{
    font-size: 18px;
    padding: 20px 0px 20px;
  }

  .about_listitem {
    margin-top: 20px;
  }

  .about_right_content {
    margin-top: 10px;
  }

  .service_section .section_title_area {
    padding-bottom: 30px;
  }

  .service_text .service_content h3 {
    font-size: 22px;
    padding-bottom: 10px;
  }

  .service_text {
    padding: 20px;
  }

  .choose_us_content {
    padding: 0px 15px;
  }

  .why_choose_left .choose_icon {
    margin-right: 15px;
  }

  .why_choose_left .choose_icon {
    width: 65px;
    height: 65px;
    padding-top: 10px;
  }

  .why_choose_left .choose_icon i {
    font-size: 30px;
  }

  .why_choose_left .choose_icon span {
    top: 0px;
    right: 0px;
    width: 20px;
    height: 20px;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
  }

  .why_choose_left .choose_text h3 {
    font-size: 18px;
    padding-bottom: 15px;
  }

  .choose_form .section_title_area h2 {
    font-size: 30px;
  }

  .choose_form_area {
    margin-top: 30px;
  }

  .choose_form_area .contact-info input::-webkit-input-placeholder,
  .choose_form_area .contact-info textarea::-webkit-input-placeholder {
    font-size: 18px;
  }

  .call_action_two .section_title_area h2 {
    font-size: 36px;
  }

  .call_action_two .call_action_number {
    font-size: 40px;
  }

  .call_action_btn li {
    margin-bottom: 20px !important;
  }

  .achivement_text .achivement_img_list li {
    width: 100px;
  }

  .team_section {
    padding: 60px 0px 30px;
  }

  .team_section .section_title_area {
    padding-bottom: 40px;
  }

  .testimonial_content .section_title_area h2,
  .subscribe_content .section_title_area h2 {
    font-size: 30px;
  }

  .testimonial_content .testimonial_text,
  .subscribe_content .testimonial_text {
    padding: 30px 30px 30px 30px;
  }

  .testimonial_slide_area .owl-dots {
    top: inherit;
    right: 0;
    left: 0;
    text-align: center;
    margin-top: 30px;
    position: static;
  }

  .testimonial_content,
  .subscribe_content {
    padding: 40px 30px;
  }

  .testimonial_content .testimonial_imgname .testi_text h3,
  .subscribe_content .testimonial_imgname .testi_text h3 {
    font-size: 20px;
  }

  .client_list li {
    width: 100%;
    padding: 40px 25px;
    border-right: none;
    border-bottom: 2px solid #efefef;
  }

  .feature_section .revenue_ammount span {
    font-size: 55px;
  }

  .feature_section .revenue_feature {
    padding: 50px;
  }

  .skill_feature .section_title_area h2 {
    font-size: 36px;
  }

  .testimonial_two_Section .testimonial_item_content .testimonial_quote {
    font-size: 18px;
  }

  .newslatter_content {
    padding: 50px 20px 50px;
  }

  .newslatter_content .newslatter-form input {
    padding-left: 15px;
  }

  .slider_style_two .slider_contect_box,
  .slider_style_three .slider_contect_box {
    max-width: 700px;
    padding: 140px 0px 100px 40px;
  }

  .slider_style_two .slider_contect_box .slider_btn li,
  .slider_style_three .slider_contect_box .slider_btn li {
    margin-bottom: 20px;
  }

  .how_work_btn {
    line-height: 40px;
  }

  .footer_section {
    padding: 50px 0px;
  }

  .breadcrumb_section .breadcrumb_title {
    font-size: 60px;
  }

  .breadcrumb_section .slider_side_btn a {
    padding: 10px 20px 10px;
  }

  .about_page_section {
    padding: 80px 0px 60px;
  }

  .about_service_section {
    padding-bottom: 20px;
  }

  .about_call_action_section .background_parallax {
    padding: 60px 0px;
  }

  .about_practice_section {
    padding: 60px 0px 20px;
  }

  .app_download_section {
    padding: 60px 0px 40px;
  }

  .app_download_section .app_download_content .app_btn li {
    margin-bottom: 20px;
    height: 60px;
    padding-top: 10px;
    font-size: 20px;
  }

  .about_award_section {
    padding: 60px 80px;
  }

  .estimate_section #estimate_scale .noUi-value {
    display: none;
  }
  .footer_section .practice_list li{
    width: 100%;
  }

}

@media screen and (max-width:420px) {
  .slider_style_one .slider_contect_box {
    padding: 80px 0px 100px;
  }

  .slider_style_one .slider_contect_box .slider_text h2 {
    font-size: 45px;
  }

  .about_right_content .about_progress,
  .rex_video_section .about_progress {
    max-width: 300px;
  }

  .about_right_content .progress_text h3,
  .rex_video_section .about_progress .progress_text h3 {
    font-size: 18px;
  }

  .service_text .service_icon i {
    font-size: 45px;
  }

  .choose_form {
    padding: 40px 15px 40px 15px;
  }

  .call_action_two .call_action_logo {
    width: 90px;
    margin: 0 auto;
    margin-bottom: 20px;
  }

  .call_action_two .section_title_area h2 {
    font-size: 30px;
    padding-bottom: 15px;
  }

  .call_action_two .call_action_number {
    font-size: 34px;
  }

  .slider_style_two .slider_contect_box .slider_btn li a,
  .slider_style_three .slider_contect_box .slider_btn li a,
  .call_action_two .call_action_btn li a,
  .servicepage_btn li a,
  .team_growth .growth_btn li a {
    padding: 15px 30px;
  }

  .achivement_text .achivement_img_list li {
    width: 80px;
  }

  .achivement_text .section_title_area {
    padding-bottom: 30px;
  }

  .achivement_section {
    padding: 60px 0px;
  }

  .footer_copyright .footer_social li {
    height: 40px;
    width: 40px;
    line-height: 40px;
  }

  .footer_logo {
    width: 170px;
    margin: 0 auto;
  }

  .choose_form_area .sub-button button {
    padding: 15px 30px;
  }

  .portfolio_section .section_title_area {
    padding-bottom: 40px;
  }

  .portfolio_section .background_parallax {
    padding: 60px 20px;
  }

  .service_slider .owl-nav .owl-next,
  .service_slider .owl-nav .owl-prev,
  .portfolio_slide .owl-nav .owl-next,
  .portfolio_slide .owl-nav .owl-prev,
  .how_work_btn {
    height: 45px;
    width: 45px;
    line-height: 45px;
  }

  .footer_section .widget_title {
    font-size: 24px;
    margin-bottom: 20px;
  }

  .footer_section .practice_list li {
    width: 100%;
  }

  .widget_title span:before {
    top: 15px;
  }

  .widget_title span:after {
    top: 10px;
  }

  .footer_section .footer_app_btn a {
    padding: 15px 30px;
  }

  .about_area_content {
    padding-left: 0;
  }

  .about_area_content .section_title_area p {
    padding-left: 40px;
  }

  .about_right_content .about_progress,
  .rex_video_section .about_progress {
    bottom: 0;
  }

  .subscribe_content .subscribe_form .contact-info input {
    padding-left: 15px;
  }

  .subscribe_content .subscribe_form .sub-button .icon-bg {
    top: 20px;
  }

  .subscribe_content .subscribe_form .sub-button button {
    height: 60px;
    padding-left: 20px;
  }

  .slider_style_two .slider_contect_box .slider_text h2,
  .slider_style_three .slider_contect_box .slider_text h2 {
    font-size: 40px;
  }

  .slider_style_two .slider_contect_box,
  .slider_style_three .slider_contect_box {
    padding-left: 10px;
  }

  .slider_2 .slider_side_btn,
  .slider_3 .slider_side_btn {
    left: 0;
    bottom: 0;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }

  .about_section_two .about_right_two {
    padding: 45px 0px 0px 10px;
  }

  .about_counter {
    padding-bottom: 40px;
  }

  .case_title_text .section_title_area h2 {
    font-size: 30px;
  }

  .case_title_text .case_study_btn {
    margin-left: 40px;
  }

  .case_title_text .case_study_btn a {
    padding: 15px 30px;
  }

  .skill_feature .section_title_area h2 {
    font-size: 30px;
  }

  .skill_feature {
    padding: 70px 20px 60px 55px;
  }

  .newslatter_content .newslatter-form .nws-button button {
    width: 100px;
  }

  .newslatter_content .newslatter-form .nws-button button i {
    margin-right: 0;
  }

  .how_work_text h4 {
    font-size: 22px;
    padding: 20px 0px 10px 0px;
  }

  .header_style_two .site_logo {
    width: 180px;
  }

  .header_style_two.menu-bg-overlay .site_logo {
    width: 250px;
    top: -20px;
  }

  .about_counter {
    padding: 30px 20px 40px 20px;
  }

  .feature_section .revenue_ammount span {
    font-size: 45px;
  }

  .blog_section .section_title_area {
    padding-bottom: 40px;
  }

  .about_section_two {
    padding: 80px 0px 0px 0px;
  }

  .about_section_three {
    padding: 60px 0px 70px 0px;
  }

  .rex_video_section .about_progress {
    margin: 30px auto;
  }

  .rex_video_section {
    padding: 80px 0px 50px;
  }

  .skill_section {
    padding: 30px 0px 60px;
  }

  .pricing_section {
    padding: 60px 0px 60px;
  }

  .pricing_plan_content .pricing_icon i {
    font-size: 75px;
  }

  .pricing_plan_content .pricing_price strong {
    font-size: 45px;
  }

  .pricing_plan_content .pricing_text .pricing_btn a {
    padding: 15px 35px 12px 37px;
  }

  .pricing_plan_content .pricing_text {
    padding-top: 55px;
  }

  .testimonial_style_three {
    padding: 70px 0px 30px;
  }

  .google-map-container {
    height: 400px;
  }

  .popular_plan {
    padding-bottom: 120px;
  }

  .testimonial_style_three .testi_quote_text {
    font-size: 22px;
  }

  .testimonial_style_three .testimonial_slide_item_three .testi_text h3 {
    font-size: 26px;
  }

  .contact_address_info {
    padding: 40px 20px 10px 20px;
  }

  .about_page_section .about_btn a {
    padding: 15px 30px 13px 32px;
  }

  .about_practice_section .section_title_area {
    padding-bottom: 30px;
  }

  .breadcrumb_section {
    padding: 120px 0px 130px;
  }

  .service_page_section {
    padding: 80px 0px 20px;
  }

  .estimate_section .estimate_budget {
    padding-bottom: 30px;
  }

  .estimate_section .section_title_area {
    padding-bottom: 50px;
  }

  .estimate_section {
    padding: 60px 0px;
  }

  .estimate_form {
    margin-top: 20px;
  }

  .estimate_form .contact-info input,
  .faq_form_section .faq_form_area .contact-info input,
  .estimate_form .contact-info textarea,
  .faq_form_section .faq_form_area .contact-info textarea {
    padding-left: 40px;
  }

  .estimate_form .contact-info .icon-bg,
  .faq_form_section .faq_form_area .contact-info .icon-bg {
    left: 15px;
  }

  .service_page_content {
    padding: 70px 20px 70px 20px;
  }

  .servicepage_btn li:nth-child(1) {
    margin-bottom: 20px;
  }

  .team_page_section {
    padding: 80px 0px 30px;
  }

  .team_page_member .team_name_designation .team_name {
    font-size: 24px;
  }

  .team_feature_section .team_feature_content {
    float: none;
    padding: 55px 45px 70px 55px;
  }

  .team_feature_section {
    padding: 60px 0px;
  }

  .team_feature_section .team_feature_content .team_feature_btn a {
    padding: 15px 18px 13px 20px;
  }

  .breadcrumb_section .breadcrumb_title {
    font-size: 40px;
  }

  .news_post_item .news_text_area h3 {
    font-size: 24px;
  }

  .news_post_item .news_text_area {
    padding: 35px 25px;
  }

  .news_post_item .news_text_area .blog_meta li {
    margin-right: 10px;
  }

  .news_qoute .news_text_area {
    z-index: 1;
  }

  .news_qoute .news_text_area:before {
    opacity: .2;
    z-index: -1;
  }

  .blog_pagination .pagination li a,
  .case_page_section .case_pagination .pagination li a {
    height: 40px;
    width: 40px;
    line-height: 40px;
  }

  .blog_pagination .pagination {
    margin-bottom: 40px;
  }

  .team_growth .growth_btn li:nth-child(1) {
    margin-bottom: 20px;
  }

  .breadcrumb_section .breadcrumb {
    padding: 18px 15px;
  }

  .team_details_section .team_profile .shape_pattern_2 {
    display: none;
  }

  .team_details_section .team_profile .team_name_designation .team_name {
    font-size: 28px;
  }

  .team_details_section .about_right_content .about_progress {
    margin-bottom: 30px;
  }

  .service_details_content .section_title_area h2,
  .team_details_text .section_title_area h2 {
    font-size: 30px;
  }

  .practice_details_section {
    padding: 80px 0 60px;
  }

  .service_details_content .download_cv_btn a {
    display: block;
    font-size: 14px;
    padding: 10px 10px;
  }

  .service_details_content .about_listitem li {
    width: 100%;
  }

  .service_details_content {
    margin-right: 0;
  }

  .blog_details_area {
    padding: 80px 0px 60px;
  }

  .blog_details_text h2 {
    font-size: 26px;
  }

  .blog_details_area .blog-meta a {
    margin-right: 10px;
  }

  .blog_details_text h3,
  .blog_details_text h4 {
    font-size: 22px;
  }

  .blog_details_text blockquote {
    font-size: 20px;
    padding: 30px 20px 30px;
    overflow: hidden;
  }

  .blog_details_extra_text .share_tag {
    margin-bottom: 15px;
  }

  .blog_details_extra_text .share_tag h3 {
    padding-bottom: 5px;
  }

  .blog_details_extra_text .next_prev_post .bar_point {
    display: none;
  }

  .blog_details_extra_text .share_tag {
    padding-bottom: 10px;
  }

  .share_post {
    margin-top: 20px;
    display: inline-block;
    float: none !important;
    text-align: inherit !important;
  }

  .blog_details_area .share_tag .share_post li {
    float: left;
    margin-right: 10px;
    margin-left: 0;
  }

  .nio_prev_post {
    float: none !important;
    text-align: inherit !important;
    margin-top: 20px;
  }

  .blog_details_extra_text .next_prev_post a h3 {
    font-size: 16px;
  }
  .blog_details_extra_text .related_postview .postitem_text h3 a {
    font-size: 18px;
  }

  .blog_details_extra_text .postby_author h3 {
    font-size: 22px;
  }

  .blog_details_extra_text .postby_author .author_img {
    float: none;
    margin: 0px auto 20px;
  }

  .blog_details_area .blog_details_content {
    padding: 30px 20px;
    margin-bottom: 40px;
  }

  .blog_comment_box .comment_img {
    height: 80px;
    width: 80px;
  }

  .comment_element,
  .blog_comment_box .comment_reply {
    padding-bottom: 30px;
    margin-bottom: 20px;
  }

  .blog_comment_box a.comment-reply-link {
    bottom: 0;
    left: 0;
    width: 110px;
  }
  .blog_comment_box .comment_reply {
    margin-left: 40px;
  }

  .comment_formfield {
    padding: 40px 15px;
  }

  .site_sidebar {
    margin-left: 0;
  }

  .comment_formfield .quote_form .sub-button button {
    padding: 15px 30px;
  }

  .case_page_section .case_portfolio_filter .case-tab-button li {
    margin-bottom: 30px;
  }

  .case_details_quoute {
    padding: 30px 20px;
  }

  .case_details_quoute .qoute_img {
    float: none;
    margin-bottom: 20px;
  }

  .service_details_content {
    padding-left: 0;
  }

  .price_tab_button {
    position: static;
    margin: 0 auto;
    margin-bottom: 30px;
  }

  .faq_section {
    padding: 80px 0 60px;
  }

}

@media screen and (max-width:400px) {
	.news_post_item .news_text_area .author_meta {
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    margin: 0;
	}
	.news_post_item .news_text_area .news_more {
	    margin-top: 10px;
	    margin-bottom: 20px;
	}
}
@media screen and (max-width:380px) {
  .slider_style_one .slider_contect_box .slider_text h2 {
    font-size: 40px;
  }

  .slider_side_btn a {
    padding: 10px 20px 10px;
  }

  .slider_side_btn {
    left: -72px;
  }

  .section_title_area h2 {
    font-size: 30px;
  }

  .about_area_content h3 {
    font-size: 16px;
  }

  .choose_form .section_title_area h2 {
    font-size: 26px;
  }

  .achivement_text .achivement_img_list li {
    width: 65px;
  }

  .testimonial_content .testimonial_text {
    font-size: 16px;
  }

  .testimonial_content .section_title_area h2,
  .subscribe_content .section_title_area h2 {
    font-size: 26px;
  }

  .feature_section .revenue_icon i {
    font-size: 95px;
  }

  .newslatter_content .newslatter-form input {
    height: 60px;
  }

  .newslatter_content .newslatter-form input::-webkit-input-placeholder {
    font-size: 12px;
  }

  .newslatter_content .newslatter-form .nws-button button {
    height: 60px;
    width: 80px;
    font-size: 12px;
    font-weight: 400;
  }

  .about_counter .about_counter_list li {
    width: 100%;
  }

  .skill_feature .section_title_area h2 {
    font-size: 26px;
  }

  .breadcrumb_section .breadcrumb {
    padding: 18px 15px;
  }

  .about_call_action_section .about_cta_content .about_cta_btn a {
    padding: 15px 28px 13px 30px;
  }

  .social_widget li {
    margin-right: 5px;
  }

  .site_sidebar .single_widget {
    padding: 30px 20px;
  }

  .team_details_text .section_title_area h2 {
    font-size: 25px;
  }

  .team_details_text .section_title_area {
    margin-bottom: 20px;
    padding-bottom: 10px;
  }

  .breadcrumb_section .breadcrumb_title {
    font-size: 42px;
  }

}

@media screen and (max-width:320px) {
  .slider_style_one .slider_contect_box .slider_text h2 {
    font-size: 35px;
  }

  .slider_side_btn {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    bottom: 0;
    left: 0;
  }

  .section_title_area h2 {
    font-size: 28px;
  }

  .choose_form .section_title_area h2 {
    font-size: 22px;
  }

  .choose_form_area .contact-info .icon-bg {
    top: 20px;
    right: 5px;
  }

  .call_action_two .section_title_area h2 {
    font-size: 26px;
  }

  .call_action_two .call_action_number {
    font-size: 30px;
  }

  .slider_style_two .slider_contect_box .slider_btn li a,
  .slider_style_three .slider_contect_box .slider_btn li a,
  .call_action_two .call_action_btn li a,
  .servicepage_btn li a,
  .team_growth .growth_btn li a {
    padding: 10px 20px;
  }

  .achivement_text .achivement_img_list li {
    width: 60px;
  }

  .testimonial_content .section_title_area h2,
  .subscribe_content .section_title_area h2 {
    font-size: 22px;
  }

  .footer_section .footer_app_btn a {
    padding: 15px 15px;
  }

  .slider_style_two .slider_contect_box .slider_text h2,
  .slider_style_three .slider_contect_box .slider_text h2 {
    font-size: 34px;
  }

  .feature_section .revenue_feature {
    padding: 50px 20px;
  }

  .breadcrumb_section .breadcrumb {
    padding: 15px 10px;
  }

  .breadcrumb_section .slider_side_btn {
    display: none;
  }

  .news_post_item .news_text_area .news_more a:before {
    display: none;
  }

  .service_details_content .service_work_icon_text li {
    width: 100%;
  }

  .service_details_content {
    padding-left: 0px;
  }

  .service_details_content .section_title_area p {
    padding-left: 40px;
  }

  .comment_formfield .quote_form .contact-info .icon-bg {
    display: none;
  }

  .faq_section .faq_topic .nav-item {
    margin: 15px auto;
  }

}
h2.blog-single-title{
  margin: 0 !important;
}
.entry-media.news_img{
  margin-bottom: 30px;
}
.google-map-container iframe{
  width: 100%;
  height: 100%;
}
.rexlaw-cta.call_action_two {
  padding-top: 120px;
  padding-bottom: 120px;
    background-image: url(../images/background/map.png);
}
/*---------------------------------------------------- */
.slider_style_one .slider_side_btn{
  bottom: 62px;
}
.elementor-editor-active div#preloader {
    display: none;
}

.header_style_two .call_to_quote{
  min-height: auto;
}
.navbar-brand span.retina-logo{
  display: none;
}
/* Retina Logo - Active */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
  .navbar-brand span.default-logo{
    display: block;
  }
  .navbar-brand span.retina-logo{
    display: block;
  }
  .mobile_menu_content .retina-logo{
    max-width: 100%;
  }
}
a.theme-btn-s2,
.popular_tag li a {
    margin: 5px 3px;
    font-size: 12px;
    font-weight: 700;
    display: inline-block;
    text-transform: uppercase;
    background-color: #f4f4f4;
    padding: 8px 20px 5px 20px;
}
.popular_tag li a:hover {
    color: #fff;
    background-color: #b89b5e;
}
a.theme-btn-s2 {
    color: #fff;
    background-color: #b89b5e;
    padding: 15px 30px;
}
section.error-404-section {
    text-align: center;
    padding: 100px;
}
.news_text_area .entry-meta {
    margin-top: 20px;
}
.blog_details_text .blog-meta {
    margin-bottom: 22px;
    margin-top: 15px;
    border: 1px solid #ddd;
    padding: 10px;
}
.comment-reply-link .reply-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    font-size: 11px;
    text-transform: uppercase;
}

@media screen and (max-width:767px) {
  .pricing_page_dark .section_title_area{
    padding: 0px 0px 40px 40px;
  }
  .price_tab_button {
      position: relative;
      margin-bottom: 40px;
      margin-left: auto;
      margin-right: auto;
  }
  .footer_content {
      padding: 30px;
  }
  .blog_comment_box a.comment-reply-link{
    bottom: 17px;
    right: auto;
  }
  .comment-main-area.comment_content{
    padding-bottom: 35px;
  }

}
@media screen and (min-width:1200px) {
  .mobile_menu_wrap.mobile_menu_on .mobile_menu_overlay,
  .mobile_menu_content{
    display: none;
  }
}
.header_style_one .header_main_menu {
    display: flex;
    align-items: center;
}
.single-post .news_post_item .news_text_area {
    padding: 0;
}

.comment-reply-link i{
    padding-right: 7px;
}

/**********************************************************************************
                                        Rexlaw Home 4
**********************************************************************************/

.footer_section_4 .footer_app_btn a, .rx-practice-btn a, .slider_content_wrap .rx_slider_text a {
  z-index: 1;
  height: 55px;
  width: 170px;
  display: block;
  font-size: 15px;
  font-weight: 700;
  line-height: 55px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
}
.footer_section_4 .footer_app_btn{
  margin-bottom: 25px;
}
.footer_section_4 .footer_app_btn a:before, .rx-practice-btn a:before, .slider_content_wrap .rx_slider_text a:before {
  top: 10px;
  left: 10px;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  transition: 0.3s all ease-in-out;
}
.footer_section_4 .footer_app_btn a:after, .rx-practice-btn a:after, .slider_content_wrap .rx_slider_text a:after {
  top: 0;
  left: 0;
  content: "";
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s all ease-in-out;
}
.footer_section_4 .footer_app_btn a:hover:before, .rx-practice-btn a:hover:before, .slider_content_wrap .rx_slider_text a:hover:before {
  top: -10px;
  left: -10px;
}
.footer_section_4 .footer_app_btn a:hover:after, .rx-practice-btn a:hover:after, .slider_content_wrap .rx_slider_text a:hover:after {
  opacity: 1;
  visibility: visible;
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
/*global area*/
/*----------------------------------------------------*/
.block-display {
  width: 100%;
  display: block;
}

.background_overlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

.background_position {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.rx-section-title h2 {
  color: #000000;
  font-size: 48px;
  font-weight: 700;
}
.rx-section-title h2 span {
  color: #c6ac82;
}

/*---------------------------------------------------- */
/*Header area*/
/*----------------------------------------------------*/
.header_style_four {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  position: absolute;
}
.header_style_four .header_top_content {
  padding: 15px 0px 12px;
}
.header_style_four .header_top_content .header_top_text span {
  color: #fff;
  font-size: 14px;
}
.header_style_four .header_top_content .header_top_text span a {
  font-size: 16px;
  font-weight: 700;
  margin-left: 5px;
  color: #c6ac82;
  position: relative;
}
.header_style_four .header_top_content .header_top_text span a:after {
  left: 0;
  bottom: 0;
  height: 2px;
  content: "";
  width: 100%;
  position: absolute;
  background-color: #c6ac82;
}
.header_style_four .header_top_content .header_top_contact li {
  color: #fff;
  font-size: 15px;
  margin-left: 25px;
}
.header_style_four .header_top_content .header_top_contact a i {
  margin-right: 5px;
  color: #c6ac82;
}
.header_style_four .header_main_menu_wrap {
  padding: 15px 0px;
  background-color: #000;
}
.header_style_four .header_main_menu_wrap .brand_logo {
  margin-right: 30px;
}
.header_style_four .header_main_menu_wrap .rx_main_navigation {
  float: left;
  padding-top: 20px;
}
.header_style_four .header_main_menu_wrap .rx_main_navigation li {
  margin-left: 50px;
  position: relative;
}
.header_style_four .header_main_menu_wrap .rx_main_navigation li:after {
  top: 8px;
  width: 6px;
  height: 6px;
  content: "";
  left: -13px;
  position: absolute;
  background-color: #c6ac82;
}
.header_style_four .header_main_menu_wrap .rx_main_navigation a {
  color: #fff;
  font-weight: 500;
  padding-bottom: 30px;
  text-transform: capitalize;
}
.header_style_four .header_main_menu_wrap .rx_header_btn {
  height: 40px;
  width: 150px;
  color: #000000;
  font-size: 15px;
  margin-top: 12px;
  font-weight: 700;
  margin-left: 30px;
  line-height: 40px;
  background-color: #c6ac82;
  transition: 0.3s all ease-in-out;
}
.header_style_four .header_main_menu_wrap .rx_header_btn a {
  width: 100%;
  display: block;
}
.header_style_four .header_main_menu_wrap .rx_header_btn:hover {
  background-color: #fff;
}
.header_style_four .dropdown .dropdown-menu {
  top: 65px;
  left: 0;
  opacity: 0;
  z-index: 2;
  margin: 0px;
  padding: 0px;
  height: auto;
  width: 220px;
  display: block;
  border: none;
  padding: 10px 0px 0px;
  visibility: hidden;
  position: absolute;
  border-radius: 0;
  background-color: #fff;
  transition: all 0.4s ease-in-out;
  border-bottom: 2px solid #c6ac82;
  box-shadow: 0 5px 10px 0 rgba(83, 82, 82, 0.1);
}
.header_style_four .dropdown .dropdown-menu li {
  width: 100%;
  margin-left: 0;
  padding: 10px 15px 15px 30px;
  border-bottom: 1px solid #e5e5e5;
}
.header_style_four .dropdown .dropdown-menu li:after {
  top: 19px;
  left: 15px;
}
.header_style_four .dropdown .dropdown-menu li a {
  color: #343434;
  font-size: 15px;
  padding: 10px 0px;
  font-weight: 700;
}
.header_style_four .dropdown .dropdown-menu li a:hover {
  padding-left: 15px;
}
.header_style_four .dropdown .dropdown-menu li a:after {
  display: none;
}
.header_style_four .dropdown:hover .dropdown-menu {
  top: 52px;
  opacity: 1;
  visibility: visible;
}

.rx-sticky-menu {
  top: -50px;
  width: 100%;
  z-index: 10;
  position: fixed;
  background: #000;
  animation-duration: 0.7s;
  animation-fill-mode: both;
  animation-name: fadeInDown;
  animation-timing-function: ease;
  transition: 0.3s all ease-in-out;
}
.rx-sticky-menu .rx-mobile_menu_wrap.mobile_menu_on .rx-mobile_menu_content {
  top: 50px;
}

.header_style_four .rx-mobile_menu_content {
  top: 0px;
  bottom: 0;
  right: -350px;
  height: 100vh;
  z-index: 101;
  position: fixed;
  width: 280px;
  overflow-y: scroll;
  background-color: #000;
  padding: 40px 0px;
  box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.19);
  transition: all 0.5s ease-in;
}
.header_style_four .rx-mobile_menu_content .rx-mobile-main-navigation {
  width: 100%;
}
.header_style_four .rx-mobile_menu_content .rx-mobile-main-navigation .navbar-nav {
  width: 100%;
}
.header_style_four .rx-mobile_menu_content .navbar-nav .dropdown-menu {
  position: static !important;
  transform: none !important;
}
.header_style_four .rx-mobile_menu_content .rx-mobile-main-navigation .navbar-nav li {
  width: 100%;
  display: block;
  transition: 0.3s all ease-in-out;
  border-bottom: 1px solid #424242;
}
.header_style_four .rx-mobile_menu_content .rx-mobile-main-navigation .navbar-nav li:first-child {
  border-bottom: 1px solid #424242;
}
.header_style_four .rx-mobile_menu_content .rx-mobile-main-navigation .navbar-nav li a {
  color: #afafaf;
  padding: 0;
  width: 100%;
  display: block;
  font-weight: 700;
  font-size: 14px;
  padding: 10px 30px;
  font-family: "Poppins";
  text-transform: uppercase;
}
.header_style_four .rx-mobile_menu_content .m-brand-logo {
  width: 160px;
  margin: 0 auto;
  margin-bottom: 30px;
}
.header_style_four .rx-mobile_menu_wrap.mobile_menu_on .rx-mobile_menu_content {
  right: 15px;
  transition: all 0.7s ease-out;
}
.header_style_four .mobile_menu_overlay {
  top: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 100;
  right: 0%;
  height: 120vh;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.9);
  transition: all 0.5s ease-in-out;
}
.header_style_four .mobile_menu_overlay_on {
  overflow: hidden;
}
.header_style_four .rx-mobile_menu_wrap.mobile_menu_on .mobile_menu_overlay {
  opacity: 1;
  visibility: visible;
}
.header_style_four .rx-mobile_menu_button {
  right: 0;
  top: 12px;
  z-index: 5;
  color: #fff;
  display: none;
  cursor: pointer;
  font-size: 30px;
  line-height: 40px;
  position: absolute;
  text-align: center;
}
.header_style_four .rx-mobile_menu .rx-mobile-main-navigation .navbar-nav li a:after {
  display: none;
}
.header_style_four .rx-mobile_menu .rx-mobile-main-navigation .dropdown > .dropdown-menu {
  opacity: 1;
  visibility: visible;
}
.header_style_four .rx-mobile_menu .rx-mobile_menu_content .rx-mobile-main-navigation .navbar-nav .dropdown-menu {
  border: none;
  display: none;
  transition: none;
  box-shadow: none;
  padding: 5px 0px;
  width: 100%;
  background-color: transparent;
}
.header_style_four .rx-mobile_menu .rx-mobile_menu_content .rx-mobile-main-navigation .navbar-nav .dropdown-menu li {
  border: none;
  padding: 0 20px;
  line-height: 1;
}
.header_style_four .rx-mobile_menu .dropdown {
  position: relative;
}
.header_style_four .rx-mobile_menu .dropdown .dropdown-btn {
  position: absolute;
  top: 6px;
  right: 10px;
  height: 30px;
  color: #afafaf;
  line-height: 22px;
  padding: 5px 10px;
  border: 1px solid #424242;
}
.header_style_four .rx-mobile_menu .dropdown:after {
  display: none;
}
.header_style_four .rx-mobile_menu .rx-mobile_menu_close {
  color: #d60606;
  cursor: pointer;
  top: 15px;
  left: 15px;
  font-size: 20px;
  position: absolute;
}

/*---------------------------------------------------- */
/*Slider area*/
/*----------------------------------------------------*/
.slider_content_wrap {
  z-index: 5;
}
.slider_content_wrap .background_overlay {
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.6);
}
.slider_content_wrap .rx_slider_img {
  top: 0;
  left: 0;
  z-index: -2;
  height: 100%;
  width: 100%;
  position: absolute;
}
.slider_content_wrap .rx_slider_text {
  color: #fff;
  max-width: 735px;
  padding-left: 75px;
}
.slider_content_wrap .rx_slider_text span {
  opacity: 0;
  font-weight: 700;
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  transform: translateY(50px);
}
.slider_content_wrap .rx_slider_text span:after {
  top: 10px;
  right: -80px;
  content: "";
  height: 2px;
  width: 70px;
  position: absolute;
  background-color: #c6ac82;
}
.slider_content_wrap .rx_slider_text h1 {
  font-size: 60px;
  font-weight: 700;
  line-height: 1.2;
  padding: 25px 0px 30px;
  opacity: 0;
  transform: translateY(50px);
}
.slider_content_wrap .rx_slider_text p {
  font-size: 18px;
  padding-bottom: 55px;
  opacity: 0;
  transform: translateY(50px);
}
.slider_content_wrap .rx_slider_text a {
  background-color: #c6ac82;
  opacity: 0;
  transform: translateY(50px);
}
.slider_content_wrap .rx_slider_text a:before {
  border: 2px solid #c6ac82;
}
.slider_content_wrap .rx_slider_text_img_area {
  z-index: 2;
  padding: 260px 0px 215px;
}
.slider_content_wrap .rx_slider_text_img_area .rx_slider_side_img {
  right: -40px;
  bottom: -30px;
  opacity: 0;
  position: absolute;
  z-index: -1;
  transform: translateX(50px);
}

.slider_style_four .owl-nav .owl-next,
.slider_style_four .owl-nav .owl-prev {
  top: 50%;
  width: 55px;
  height: 55px;
  line-height: 55px;
  position: absolute;
  text-align: center;
  border-radius: 100%;
  background-color: #fff;
  transform: translateY(-50%);
  transition: 0.3s all ease-in-out;
}
.slider_style_four .owl-nav .owl-next:hover,
.slider_style_four .owl-nav .owl-prev:hover {
  color: #fff;
  background-color: #c6ac82;
}
.slider_style_four .owl-nav .owl-prev {
  left: 55px;
}
.slider_style_four .owl-nav .owl-next {
  right: 55px;
}
.slider_style_four .owl-item.active .img-zooming {
  transform: scale(1.15);
  transition: all 7000ms linear;
}
.slider_style_four .owl-item.active .rx_slider_text span {
  opacity: 1;
  transform: translateY(0);
  transition: all 1500ms ease;
  transition-delay: 900ms;
}
.slider_style_four .owl-item.active .rx_slider_text h1 {
  opacity: 1;
  transform: translateY(0);
  transition: all 1500ms ease;
  transition-delay: 1200ms;
}
.slider_style_four .owl-item.active .rx_slider_text p {
  opacity: 1;
  transform: translateY(0);
  transition: all 1500ms ease;
  transition-delay: 1500ms;
}
.slider_style_four .owl-item.active .rx_slider_text a {
  opacity: 1;
  transform: translateY(0);
  transition: all 1500ms ease;
  transition-delay: 1800ms;
}
.slider_style_four .owl-item.active .rx_slider_side_img {
  opacity: 1;
  transform: translateY(0);
  transition: all 1500ms ease;
  transition-delay: 2100ms;
}

/*---------------------------------------------------- */
/*Feature area*/
/*----------------------------------------------------*/
@keyframes icon-bounce {
  0%, 100%, 20%, 50%, 80% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(-5px);
  }
}

.rx-feature-icon-text {
  padding: 50px 40px;
  background-color: #190200;
  transition: 0.3s all ease-in-out;
}
.rx-feature-icon-text .rx-feature-icon {
  line-height: 1;
  padding-bottom: 30px;
}
.rx-feature-icon-text .rx-feature-icon i {
  font-size: 50px;
  color: #c6ac82;
}
.rx-feature-icon-text .rx-feature-icon svg {
  width: 50px;
  fill: #c6ac82;
}
.rx-feature-icon-text .rx-feature-text h3 {
  color: #000;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  padding-bottom: 15px;
}
.rx-feature-icon-text .rx-feature-text p {
  color: #bebebe;
  line-height: 1.733;
  transition: 0.3s all ease-in-out;
}
.rx-feature-icon-text:hover {
  background-color: #fafafa;
}
.rx-feature-icon-text:hover .rx-feature-text h3 {
  color: #000;
}
.rx-feature-icon-text:hover .rx-feature-text p {
  color: #555555;
}
.rx-feature-icon-text:hover .rx-feature-icon {
  animation: icon-bounce 0.8s ease-out infinite;
}

/*---------------------------------------------------- */
/*About area*/
/*----------------------------------------------------*/
.rx-about-section {
  padding: 10px 0px 95px;
}

.rx-about-award-img .rx-about-award-text {
  left: 0;
  right: 0;
  bottom: 28px;
  height: 70px;
  margin: 0 auto;
  max-width: 370px;
  line-height: 70px;
  padding-left: 30px;
  position: absolute;
  background-color: #fff;
}
.rx-about-award-img .rx-about-award-text:before {
  top: 5px;
  left: 5px;
  content: "";
  position: absolute;
  border-top: 15px solid #190200;
  border-right: 15px solid transparent;
}
.rx-about-award-img .rx-about-award-text span {
  color: #190200;
  font-size: 20px;
  margin-top: 5px;
  font-weight: 700;
  font-family: "Poppins";
}
.rx-about-award-img .rx-about-award-text i {
  float: left;
  margin-top: 15px;
  font-size: 40px;
  color: #c6ac82;
  margin-right: 10px;
  animation: icon-bounce 2s ease-out infinite;
}

.rx-about-text {
  padding-top: 15px;
  padding-left: 25px;
}
.rx-about-text .rx-about-text-wrap {
  margin-top: 25px;
}
.rx-about-text .rx-about-text-wrap p {
  line-height: 1.75;
  padding-bottom: 15px;
}
.rx-about-text .rx-about-text-wrap ul li {
  color: #000000;
  font-weight: 500;
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px;
}
.rx-about-text .rx-about-text-wrap ul li:before {
  top: 0;
  left: 0;
  font-weight: 900;
  content: "";
  color: #c6ac82;
  position: absolute;
  font-family: "Font Awesome 5 Free";
}

/*---------------------------------------------------- */
/*practice area*/
/*----------------------------------------------------*/
.rx-practice-section {
  padding: 90px 0px 100px;
  background-color: #f9f9f9;
}
.rx-practice-section .rx-section-title {
  margin: 0 auto;
  max-width: 580px;
}
.rx-practice-section .rx-practice-content {
  padding-top: 85px;
}

.rx-practice-btn a {
  color: #fff;
  margin: 0 auto;
  background-color: #000000;
}
.rx-practice-btn a:before {
  border: 2px solid #000;
}
.rx-practice-btn a:after {
  background-color: #c6ac82;
}
.rx-practice-btn a:hover:before {
  border: 2px solid #c6ac82;
}
.rx-practice-icon-text .rx-practice-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.rx-practice-icon-text {
  padding: 40px;
  margin-bottom: 40px;
  background-color: #fff;
  transition: 0.3s all ease-in-out;
  box-shadow: 0px 0px 32px 0px rgba(73, 73, 73, 0.06);
}
.rx-practice-icon-text .rx-practice-text h3 {
  color: #000000;
  font-size: 24px;
  font-weight: 700;
  max-width: 210px;
  line-height: 1.25;
  padding-bottom: 22px;
}
.rx-practice-icon-text .rx-practice-text p {
  color: #555555;
  line-height: 1.75;
}
.rx-practice-icon-text .rx-practice-icon {
  top: 30px;
  right: 30px;
  width: 60px;
  height: 60px;
  position: absolute;
  background-color: #c6ac82;
  transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition-delay: 0.3s;
}
.rx-practice-icon-text .rx-practice-icon i {
  color: #fff;
  font-size: 40px;
}
.rx-practice-icon-text .rx-practice-icon svg {
  fill: #fff;
  width: 40px;
}
.rx-practice-icon-text:hover {
  box-shadow: 0px 14px 32px 0px rgba(73, 73, 73, 0.27);
}
.rx-practice-icon-text:hover .rx-practice-text h3 {
  color: #c6ac82;
}
.rx-practice-icon-text:hover .rx-practice-icon {
  background-color: #000;
  transform: rotateY(360deg);
}

/*---------------------------------------------------- */
/*portfolio area*/
/*----------------------------------------------------*/
@keyframes toLeftFromRight {
  49% {
    transform: translateX(-100%);
  }
  50% {
    opacity: 0;
    transform: translateX(100%);
  }
  51% {
    opacity: 1;
  }
}
.rx-portfolio-secton {
  padding: 100px 0px;
}
.rx-portfolio-secton .rx-section-title {
  margin: 0 auto;
  max-width: 690px;
}
.rx-portfolio-secton .rx-portfolio-content {
  margin: 0 auto;
  margin-top: 60px;
  max-width: 1920px;
}

.rx-portfolio-innerbox {
  max-width: 370px;
  margin: 0 auto;
}
.rx-portfolio-innerbox:before, .rx-portfolio-innerbox:after {
  top: 15px;
  content: "";
  position: absolute;
  z-index: 4;
  height: 1px;
  left: 15px;
  right: 15px;
  transform: scaleX(0);
  transform-origin: 0 0;
  transition-duration: 0.35s;
  animation-duration: 0.35s;
  background-color: #c6ac82;
  transition-delay: 0.2s;
}
.rx-portfolio-innerbox:after {
  top: auto;
  bottom: 15px;
}
.rx-portfolio-innerbox .rx-portfolio-border {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 3;
}
.rx-portfolio-innerbox .rx-portfolio-border:before, .rx-portfolio-innerbox .rx-portfolio-border:after {
  left: 15px;
  top: 15px;
  bottom: 15px;
  content: "";
  position: absolute;
  z-index: -1;
  width: 1px;
  transform: scaleY(0);
  transform-origin: 0 0;
  transition-duration: 0.35s;
  animation-duration: 0.35s;
  background-color: #c6ac82;
  transition-delay: 0.2s;
}
.rx-portfolio-innerbox .rx-portfolio-border:after {
  left: auto;
  right: 15px;
}
.rx-portfolio-innerbox .rx-portfolio-img {
  overflow: hidden;
}
.rx-portfolio-innerbox .rx-portfolio-img:before {
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 2;
  width: 100%;
  content: "";
  height: 100%;
  visibility: hidden;
  position: absolute;
  transition: 0.3s all ease-in-out;
  background-color: rgba(0, 0, 0, 0.7);
}
.rx-portfolio-innerbox .rx-portfolio-img img {
  transition: 0.7s all ease-in-out;
}
.rx-portfolio-innerbox .rx-portfolio-text {
  left: 0px;
  z-index: 5;
  opacity: 0;
  bottom: 30px;
  visibility: hidden;
  position: absolute;
  transition: 0.4s all ease-in-out;
}
.rx-portfolio-innerbox .rx-portfolio-text span {
  font-size: 14px;
  font-weight: 700;
  color: #c6ac82;
}
.rx-portfolio-innerbox .rx-portfolio-text h3 {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  padding-top: 3px;
}
.rx-portfolio-innerbox .rx-port-icon {
  opacity: 0;
  color: #fff;
  width: 55px;
  z-index: 5;
  right: 0px;
  bottom: 30px;
  height: 55px;
  line-height: 55px;
  visibility: hidden;
  position: absolute;
  background-color: #c6ac82;
  transition: 0.4s all ease-in-out;
}
.rx-portfolio-innerbox .rx-port-icon a {
  width: 100%;
  display: block;
}
.rx-portfolio-innerbox .rx-port-icon:hover i {
  animation: toLeftFromRight 0.3s forwards;
}
.rx-portfolio-innerbox:hover:before, .rx-portfolio-innerbox:hover:after {
  opacity: 1;
  transform: scale(1);
}
.rx-portfolio-innerbox:hover .rx-portfolio-border:before, .rx-portfolio-innerbox:hover .rx-portfolio-border:after {
  opacity: 1;
  transform: scale(1);
}
.rx-portfolio-innerbox:hover .rx-portfolio-img img {
  transform: scale(1.2);
}
.rx-portfolio-innerbox:hover .rx-portfolio-img:before {
  opacity: 1;
  visibility: visible;
}
.rx-portfolio-innerbox:hover .rx-portfolio-text {
  left: 30px;
  opacity: 1;
  visibility: visible;
}
.rx-portfolio-innerbox:hover .rx-port-icon {
  opacity: 1;
  right: 30px;
  visibility: visible;
}

.rx-testimonial-slider .owl-dots, .rx-portfolio-slider .owl-dots {
  margin-top: 30px;
  text-align: center;
}
.rx-testimonial-slider .owl-dots .owl-dot, .rx-portfolio-slider .owl-dots .owl-dot {
  width: 20px;
  height: 20px;
  margin: 0px 5px;
  border-radius: 100%;
  display: inline-block;
  border: 2px solid #cdcdcd;
  transition: 0.3s all ease-in-out;
}
.rx-testimonial-slider .owl-dots .owl-dot.active, .rx-portfolio-slider .owl-dots .owl-dot.active {
  background-color: #000;
  border: 2px solid #000;
}

/*---------------------------------------------------- */
/*Counter area*/
/*----------------------------------------------------*/
.rx-counter-section .background_parallax {
  padding: 95px 0px 110px;
}
.rx-counter-section .background_overlay {
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.8);
}

.rx-counter-icon-text .rx-counter-icon {
  margin-right: 20px;
}
.rx-counter-icon-text .rx-counter-icon i {
  font-size: 50px;
  color: #c6ac82;
}
.rx-counter-icon-text .rx-counter-text {
  color: #fff;
  display: block;
  overflow: hidden;
}
.rx-counter-icon-text .rx-counter-text span {
  line-height: 1;
  font-size: 50px;
  font-weight: 700;
  display: inline-block;
  font-family: "Poppins";
}
.rx-counter-icon-text .rx-counter-text p {
  font-size: 20px;
  font-weight: 700;
  padding-top: 8px;
}
.rx-counter-icon-text .rx-counter-text .odometer-formatting-mark {
  display: none;
}

/*---------------------------------------------------- */
/*Testimonial area*/
/*----------------------------------------------------*/
.rx-testimonial-section {
  padding: 100px 0px;
}
.rx-testimonial-section .rx-section-title {
  margin: 0 auto;
  max-width: 510px;
}
.rx-testimonial-section .rx-testimonial-content {
  padding-top: 70px;
}

.rx-testimonial-img-text .rx-testimonial-img {
  width: 206px;
  height: 206px;
  margin-right: 30px;
  overflow: hidden;
}
.rx-testimonial-img-text .rx-testimonial-img:before {
  top: 0;
  left: 0;
  z-index: 1;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
}
.rx-testimonial-img-text .rx-testimonial-img .rx-testi-quote {
  top: 12px;
  z-index: 2;
  left: 12px;
  color: #fff;
  line-height: 1;
  font-size: 70px;
  position: absolute;
}
.rx-testimonial-img-text .rx-testimonial-text {
  display: block;
  overflow: hidden;
  padding-top: 10px;
}
.rx-testimonial-img-text .rx-testimonial-text p {
  color: #555555;
  font-size: 18px;
  line-height: 1.722;
}
.rx-testimonial-img-text .rx-testimonial-text .rx-testimonial-author {
  margin-bottom: 10px;
}
.rx-testimonial-img-text .rx-testimonial-text .rx-testimonial-author h4 {
  color: #000;
  font-size: 21px;
  font-weight: 700;
  padding-left: 18px;
  position: relative;
  padding-bottom: 8px;
}
.rx-testimonial-img-text .rx-testimonial-text .rx-testimonial-author h4:before {
  left: 0;
  top: 12px;
  content: "";
  height: 3px;
  width: 10px;
  position: absolute;
  background-color: #000;
}
.rx-testimonial-img-text .rx-testimonial-text .rx-testimonial-author span {
  color: #949494;
  font-size: 14px;
  font-style: italic;
}

.rx-testimonial-slider .owl-dots {
  margin-top: 35px;
}

/*---------------------------------------------------- */
/*Contact area*/
/*----------------------------------------------------*/
@keyframes ripple {
  70% {
    box-shadow: 0 0 0 40px rgba(253, 167, 0, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);
  }
}
.rx-contact-section .background_parallax {
  z-index: 2;
  padding: 100px 0px 80px;
}
.rx-contact-section .background_parallax .background_overlay {
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.7);
}

.rx-contact-text {
  padding-top: 40px;
  padding-left: 140px;
}
.rx-contact-text .rx-contact-icon {
  width: 90px;
  height: 90px;
  line-height: 90px;
  padding-top: 12px;
  border-radius: 100%;
  position: relative;
  background-color: #c6ac82;
}
.rx-contact-text .rx-contact-icon:before, .rx-contact-text .rx-contact-icon:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90px;
  height: 90px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  -ms-box-shadow: 0 0 0 0 #c6ac82;
  -o-box-shadow: 0 0 0 0 #c6ac82;
  box-shadow: 0 0 0 0 #c6ac82;
  animation: ripple 3s infinite;
}
.rx-contact-text .rx-contact-icon:before {
  animation-delay: 0.9s;
  content: "";
  position: absolute;
}
.rx-contact-text .rx-contact-icon:after {
  animation-delay: 0.6s;
  content: "";
  position: absolute;
}
.rx-contact-text .rx-contact-icon i {
  color: #fff;
  font-size: 45px;
}

.rx-contact-text-wrap {
  margin-top: 55px;
}
.rx-contact-text-wrap h4 {
  color: #fff;
  font-size: 48px;
  font-weight: 700;
  padding-bottom: 35px;
}
.rx-contact-text-wrap ul li {
  margin-bottom: 15px;
}
.rx-contact-text-wrap ul li i {
  margin-right: 15px;
  color: #c6ac82;
}
.rx-contact-text-wrap ul li a {
  color: #d5d5d5;
}

.rx-contact-form {
  padding: 25px;
  margin-right: 70px;
  background-color: #fff;
}
.rx-contact-form input,
.rx-contact-form textarea {
  width: 100%;
  height: 45px;
  margin-bottom: 15px;
  padding-left: 20px;
  border: 2px solid #e4e4e4;
}
.rx-contact-form textarea {
  height: 95px;
  padding-top: 10px;
}
.rx-contact-form button {
  border: none;
  width: 100%;
  height: 50px;
  font-weight: 700;
  text-transform: uppercase;
  background-color: #c6ac82;
  transition: 0.3s all ease-in-out;
}
.rx-contact-form button i {
  margin-right: 8px;
}
.rx-contact-form button:hover {
  color: #fff;
  background-color: #000;
}
.contact-info p {
    margin-bottom: 0 !important;
}
.choose_form_area p {
  margin-bottom: 0;
}
/*---------------------------------------------------- */
/*Footer area*/
/*----------------------------------------------------*/
.footer_section {
  padding: 115px 0px 100px;
  background-image: url(../images/background/map.png);
}
.footer_section .background_overlay {
  background-color: rgba(51, 51, 51, 0.05);
}
.footer_section .footer_widget {
  padding-left: 40px;
}
.footer_section .widget_footer_text {
  color: #cdcdcd;
  max-width: 310px;
  line-height: 1.75;
}
.footer_section .widget_title {
  margin-bottom: 25px;
}
.footer_section .footer_app_btn {
  margin-top: 25px;
}
.footer_section .footer_app_btn a {
  display: inline-block;
  padding: 20px 40px;
  color: #ffffff;
  border: 2px solid #494949;
  background-color: #343434;
}
.footer_section .practice_list {
  margin-right: -60px;
}
.footer_section .practice_list li {
  width: 50%;
  float: left;
  color: #cdcdcd;
  margin-bottom: 15px;
  position: relative;
  transition: 0.3s all ease-in-out;
}
.footer_section .practice_list li:before {
  left: 0;
  top: 10px;
  content: "";
  width: 0px;
  position: absolute;
  transition: 0.3s all ease-in-out;
  border: 1px dashed #c6ac82;
}
.footer_section .practice_list li:hover {
  padding-left: 20px;
}
.footer_section .practice_list li:hover:before {
  width: 15px;
}
.footer_section .latest-blog-widget .blog-img-content {
  margin-bottom: 20px;
}
.footer_section .latest-blog-widget .blog-img {
  width: 70px;
  float: left;
  height: 56px;
  margin-right: 20px;
}
.footer_section .latest-blog-widget .blog-text .blog-meta {
  font-size: 14px;
  color: #c5c5c5;
  line-height: 1;
}
.footer_section .latest-blog-widget .blog-text h4 {
  font-size: 14px;
  color: #fff;
  line-height: 1.43;
  overflow: hidden;
}

.footer_copyright {
  padding: 28px 0px;
  background-color: #222222;
  border-bottom: 5px solid #c6ac82;
}
.footer_copyright .footer_social {
  margin-top: 5px;
}
.footer_copyright .footer_social li {
  color: #fff;
  width: 60px;
  height: 60px;
  margin-right: 8px;
  line-height: 60px;
  text-align: center;
  border: 2px solid #393939;
  transition: 0.3s all ease-in-out;
}
.footer_copyright .footer_social li:hover {
  color: #fff;
  background-color: #c6ac82;
  border: 2px solid #c6ac82;
}
.footer_copyright .copyright_text {
  color: #fff;
  margin-top: 30px;
}
.footer_copyright .copyright_text a {
  font-weight: 700;
}

.footer_section_2 {
  overflow: visible;
  margin-top: 200px;
  padding-top: 165px;
  overflow-x: initial;
}
.footer_section_2 .background_overlay {
  background-color: #343434;
}
.footer_section_2 .background_waterprint {
  position: absolute;
  left: 0;
  right: 0;
  top: -50px;
}
.footer_section_2 .background_waterprint h2 {
  font-size: 300px;
  color: rgba(255, 255, 255, 0.02);
}
.footer_section_2:before {
  top: -85px;
  position: absolute;
  left: 0;
  content: "";
  width: 103%;
  z-index: -1;
  height: 300px;
  transform: rotate(-5deg);
  background-color: #343434;
}

.footer_section_3,
.footer_section_4 {
  background-image: url(../images/background/map.png);
}
.footer_section_3 .background_overlay,
.footer_section_4 .background_overlay {
  background-color: rgba(255, 255, 255, 0.05);
}
.footer_section_3 .widget_title,
.footer_section_3 .widget_footer_text,
.footer_section_3 .practice_list li,
.footer_section_3 .latest-blog-widget .blog-text h4,
.footer_section_3 .latest-blog-widget .blog-text .blog-meta,
.footer_section_4 .widget_title,
.footer_section_4 .widget_footer_text,
.footer_section_4 .practice_list li,
.footer_section_4 .latest-blog-widget .blog-text h4,
.footer_section_4 .latest-blog-widget .blog-text .blog-meta {
  color: #343434;
}
.footer_section_3 .latest-blog-widget .blog-text .blog-meta i,
.footer_section_4 .latest-blog-widget .blog-text .blog-meta i {
  color: #c6ac82;
}
.footer_section_3 .practice_list li:hover,
.footer_section_4 .practice_list li:hover {
  color: #c6ac82;
}
.footer_section_3 .practice_list li:hover a,
.footer_section_4 .practice_list li:hover a {
  transition: none;
}

.copyright_3 {
  background-color: #f5f5f5;
}
.copyright_3 .footer_social li {
  background-color: #fff;
  border-color: #fff;
  color: #343434;
}
.copyright_3 .footer_social li a {
  transition: none;
}
.copyright_3 .copyright_text {
  color: #343434;
}

.scrollup {
  width: 45px;
  right: 15px;
  z-index: 5;
  height: 45px;
  display: none;
  bottom: 20px;
  position: fixed;
  line-height: 45px;
  background-color: #c6ac82;
}
.scrollup i {
  color: #fff;
}

/*Footer style 4 area*/
/*---------------------*/
.footer_section_4 {
  overflow: hidden;
}
.footer_section_4 .widget_title {
  color: #000;
  font-size: 30px;
  font-weight: 700;
  position: relative;
  display: inline-block;
}
.footer_section_4 .widget_title:after {
  top: 18px;
  width: 42px;
  height: 3px;
  content: "";
  right: -55px;
  position: absolute;
  background-color: #c6ac82;
}
.footer_section_4 .latest-blog-widget .blog-text h4 {
  color: #555555;
  font-size: 14px;
  font-weight: 600;
}
.footer_section_4 .footer_app_btn a {
  padding: 0;
  border: none;
  background-color: #000;
  width: 278px;
}
.footer_section_4 .footer_app_btn a:before {
  border: 2px solid #000;
}
.footer_section_4 .footer_app_btn a:after {
  background-color: #c6ac82;
}
.footer_section_4 .footer_app_btn a:hover:before {
  border: 2px solid #c6ac82;
}
.footer_section_4 .practice_list li:hover a {
  color: #000;
  font-weight: 700;
}
.footer_section_4 .practice_list li::before {
  border: 1px dashed #000;
}

/*---------------------------------------------------- */
/*Responsive area*/
/*----------------------------------------------------*/
@media screen and (max-width: 1199px) {
  .slider_style_four .owl-nav .owl-prev {
    left: 15px;
  }

  .slider_style_four .owl-nav .owl-next {
    right: 15px;
  }

  .header_style_four .header_main_menu_wrap .rx_main_navigation li {
    margin-left: 35px;
  }
}
@media screen and (max-width: 1024px) {
  .header_style_four .header_main_menu_wrap .rx_main_navigation li {
    margin-left: 30px;
  }

  .header_style_four .header_main_menu_wrap .rx_header_btn {
    width: 135px;
  }
}
@media screen and (max-width: 991px) {
  .header_style_four .header_main_menu_wrap .rx_main_navigation {
    display: none;
  }

  .header_style_four .header_main_menu_wrap .rx_header_btn {
    margin-right: 50px;
  }

  .header_style_four .rx-mobile_menu_button {
    display: block;
  }

  .footer_copyright .footer_social {
    margin-top: 0;
    text-align: center;
    margin-bottom: 20px;
  }

  .footer_copyright .footer_social li {
    height: 50px;
    width: 50px;
    line-height: 50px;
  }

  .footer_copyright .copyright_text {
    text-align: center !important;
  }

  .rx-feature-icon-text {
    margin-bottom: 30px;
  }

  .rx-about-img-wrap {
    margin: 0 auto;
    max-width: 570px;
  }

  .rx-counter-icon-text {
    margin-bottom: 30px;
  }

  .rx-contact-text {
    padding-left: 0;
  }

  .rx-contact-text .rx-contact-icon {
    margin: 0 auto;
  }

  .rx-contact-text-wrap {
    text-align: center;
  }

  .rx-contact-form {
    margin-right: 0;
    margin-top: 30px;
  }

  .footer_section_4 .footer_widget {
    padding-left: 0;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 930px) {
  .header_style_four .header_top_content .header_top_contact a {
    font-size: 14px;
    margin-left: 5px;
  }

  .slider_content_wrap .rx_slider_text_img_area .rx_slider_side_img {
    display: none;
  }
}
@media screen and (max-width: 835px) {
  .header_style_four .header_top_content .header_top_contact {
    display: none;
  }

  .slider_style_four .owl-nav .owl-next,
  .slider_style_four .owl-nav .owl-prev {
    left: 0;
    right: 0;
    top: auto;
    width: 45px;
    bottom: 30px;
    height: 45px;
    margin: 0 auto;
    line-height: 45px;
    transform: translateY(0);
  }

  .slider_style_four .owl-nav .owl-prev {
    right: 50px;
  }

  .slider_style_four .owl-nav .owl-next {
    left: 50px;
  }

  .rx-feature-section {
    top: 0;
    padding-top: 60px;
  }

  .slider_content_wrap .rx_slider_text {
    padding-left: 0;
  }
}
@media screen and (max-width: 580px) {
  .slider_content_wrap .rx_slider_text h1 {
    font-size: 45px;
  }

  .rx-section-title h2 {
    font-size: 40px;
  }
}
@media screen and (max-width: 480px) {
  .header_style_four .header_main_menu_wrap .brand_logo {
    width: 150px;
  }

  .header_style_four .header_main_menu_wrap .rx_header_btn {
    margin-left: 0;
    margin-top: 8px;
  }

  .header_style_four .header_main_menu_wrap .rx_header_btn {
    width: 105px;
    font-size: 14px;
    font-weight: 500;
    margin-right: 40px;
  }

  .slider_content_wrap .rx_slider_text h1 {
    font-size: 40px;
  }

  .slider_content_wrap .rx_slider_text_img_area {
    padding: 230px 0px 190px;
  }

  .rx-section-title h2 {
    font-size: 30px;
  }

  .rx-about-text {
    padding-left: 0;
    padding-top: 40px;
  }

  .rx-about-section {
    padding: 50px 0px;
  }

  .rx-practice-section,
  .rx-portfolio-secton {
    padding: 50px 0px;
  }

  .rx-practice-section .rx-practice-content {
    padding-top: 30px;
  }

  .rx-counter-icon-text .rx-counter-text span {
    font-size: 35px;
  }

  .rx-counter-icon-text .rx-counter-icon i {
    font-size: 45px;
  }

  .rx-counter-section .background_parallax {
    padding: 50px 0px;
  }

  .rx-testimonial-section,
  .rx-contact-section .background_parallax {
    padding: 50px 0px;
  }

  .rx-testimonial-img-text .rx-testimonial-img {
    width: 100px;
    height: 100px;
    margin-right: 15px;
  }

  .rx-testimonial-img-text .rx-testimonial-img .rx-testi-quote {
    display: none;
  }

  .rx-testimonial-img-text .rx-testimonial-text {
    padding-top: 0;
  }

  .rx-contact-text-wrap h4 {
    font-size: 38px;
  }

  .footer_section_4 {
    padding: 50px 0px;
  }

  .footer_section_4 .widget_title {
    font-size: 24px;
  }
}
@media screen and (max-width: 380px) {
  .slider_content_wrap .rx_slider_text h1 {
    font-size: 36px;
  }

  .rx-section-title h2 {
    font-size: 28px;
  }

  .rx-practice-icon-text {
    padding: 30px;
  }

  .rx-practice-icon-text .rx-practice-text h3 {
    font-size: 22px;
  }

  .rx-practice-icon-text .rx-practice-icon {
    right: 15px;
  }

  .slider_content_wrap .rx_slider_text p {
    font-size: 16px;
  }

  .rx-about-award-img .rx-about-award-text span {
    font-size: 16px;
  }
}
@media screen and (max-width: 360px) {
  .slider_content_wrap .rx_slider_text h1 {
    font-size: 30px;
  }
}
@media screen and (max-width: 320px) {
  .header_style_four .header_main_menu_wrap .rx_header_btn {
    display: none;
  }

  .rx-about-award-img .rx-about-award-text {
    padding-left: 15px;
  }

  .rx-practice-icon-text .rx-practice-icon {
    height: 40px;
    width: 40px;
  }
  .rx-practice-icon-text .rx-practice-icon i {
    font-size: 25px;
  }

  .footer_copyright .footer_social li {
    height: 40px;
    width: 40px;
    line-height: 40px;
  }
}
/*---------------------------------------------------- */

@media screen and (max-width: 1199px){

  .header_style_two .mobile_menu_content {
    right: auto;
    left: -350px;
    max-width: 350px;
  }

  .header_style_two .mobile_menu_wrap.mobile_menu_on .mobile_menu_content {

    left: 0;
  }
  
  /* .header_style_two .mobile_menu_wrap.mobile_menu_on .mobile_menu_content{
    max-width: 300px;
  } */
}

@media screen and (min-width: 1400px) {
  .header_style_two .site_logo {
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    width: 305px;
    margin: 0 auto;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200px;
    margin-top: 13px;
  }
  
  
}



@media (min-width: 992px ) and (max-width: 1199px) {
  .header_style_two .site_logo {
    margin-top: 0;
    transform: translateX(0);
    max-width: 137px;
    height: 100px;
    display: flex;
    align-content: center;
    align-items: center;
  }
}


@media (min-width: 1200px ) and (max-width: 1500px) {
  .header_style_two .site_logo {
    width: 230px;
    max-width: 125px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}







@media screen and (max-width: 991px) {
  .header_style_two .navbar-brand {
    height: 95px;
    width: 140px;
  }

  
}

@media screen and (max-width: 420px) {
  .header_style_two .site_logo {
    left: auto;
  }
  
}
@media screen and (max-width: 1199px) {
  .header_style_four .rx-mobile_menu_wrap.mobile_menu_on .rx-mobile_menu_content{
    right: 0;
  }

}