/*
	Author: Team90Degree.
	Template Name: Maks - Onepage Multipurpose Responsive HTML5 Template
	Version      : 1.0

*/
/*--------------------------
    CSS INDEX
 ---------------------------
    01. Typography
    02. Preloader
    03. Section Title
    04. Menu
    05. Slider
    06. About
    07. Services
    08. Work
    09. Team
    10. Skill
    11. Video
    12. Pricing
    13. Testmonial
    14. Counter
    15. Blog
    16. Client
    17. Contact
    18. Footer

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



/* ===== 1. Google Fonts Import  ====*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|PT+Sans:400,700');

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* Typography */

h1, h2, h3, h4, h5, h6 {
  color: #444;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: 16px;
  margin-top: 0;
}

body {
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	color: #757575;
	font-size: 15px;
	line-height: 26px;
	letter-spacing:0.4px;
	overflow-x: hidden;
}
.card-title{
  font-size: 18px;
}

p {
	margin-bottom: 10px;
	
}

img {
    max-width: 100%;
    /* height: auto; */
	vertical-align: middle;
	border-style: none;
}
a{
	color:#693814;
    transition: .5s;
    text-decoration: none;
}
a:hover,
a:active {
	color:transparent;
	outline: 0 none;
	text-decoration: none;
	color:#693814;
}

ul, ol{
    list-style: outside none none;
    margin: 0;
    padding: 0
}




/*----- Section Title -----*/

.section_title{
	margin-bottom: 50px;
}
.section_title {
  display: inline-block;
  position: relative;
}
.section_title h2 {
  font-size: 38px;
  font-weight: 600;
  margin-bottom: 0;
  margin-top: 20px;
  text-transform: capitalize;
}
.section_title::after {
  background-image: url("img/separator.png");
  bottom: -14px;
  content: "";
  height: 4px;
  left: 50%;
  margin-left: -73px;
  position: absolute;
  width: 144px;
}
.section_title p {
	margin-top: 10px;
}
.section_padding{
	padding:80px 0;
}
.section_gray{
	background: #f8f8f8;
}

/*----- button -----*/

.main_bg_btn {
  background: #693814 none repeat scroll 0 0;
  border: 1px solid #693814;
  border-radius: 30px;
  box-shadow: 0 0 5px #ddd;
  color: #fff;
  display: inline-block;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 20px;
  overflow: hidden;
  padding: 14px 27px;
  position: relative;
  text-transform: uppercase;
  transition: all 0.5s ease 0s;
  z-index: 1;
}
.main_bg_btn:hover,
.main_bg_btn:focus {
	color: #693814;
	border-color: #693814;
	background:transparent;
}
    

/*----- Menu -----*/

#header {
	top: 0;
	width: 100%;
	position: fixed;
	z-index: 999;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	padding: 10px 0;

}
.logo_area {
	float: left;
}
.logo_area img{
	margin-left: 0;
  height: 60px;
}
#header.menu-shrink {
    background-color: #fff;
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.05);
    width: 100%;
}
#main_menu{
	margin-top: 10px;
}

.nav > li {
	padding: 7px 12px;
	border: 1px solid transparent;
	transition: .5s;
}

.nav > li > a {
  color: #000000;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 500;
  padding: 0;
  text-transform: uppercase;
  transition: all 0.5s ease 0s;
}

/* #header.menu-shrink .nav > li > a{
	color: #757575;
} */
.nav > li > a:hover,
#header.menu-shrink .nav > li > a:hover {

	color: #693814;
}

.nav > li > a:hover, 
.nav > li > a:focus {
	text-decoration: none;
	background-color: transparent;
}
.navbar-toggle {
	position: relative;
	float: right;
	margin-right: 15px;
	padding: 9px 10px;
	margin-top: 19px;
	margin-bottom: 0;
}
.navbar-toggle .icon-bar{
	background-color: #693814;
}



/*----- contact css -----*/
.contact_area {
  background: #0e0e0e none repeat scroll 0 0;
}
.single_contact_info {
  margin-bottom: 0;
  padding: 0;
  overflow: hidden;
}
.single_contact_info i {
  display: inline-block;
  float: left;
  font-size: 36px;
  height: auto;
  line-height: 60px;
 
  width: auto;
}
.single_contact_info p {
  float: left;
  margin-bottom: 0;
  margin-top: 4px;
  padding-left: 16px;
}
#main_form .form-group{
	margin-bottom: 30px;
}
.cform_box {
	width: 100%;
	background: #fff;
	padding: 40px;
	border: 1px solid #fafafa;
	box-shadow: 0 0 20px rgba(0,0,0,0.02);
}
#main_form .form-control {
	font-size: 15px;
	line-height: 20px;
	padding: 12px;
	display: block;
	width: 100%;
	border: 1px solid #ddd;
	padding: 10px 15px;
	outline: none;
	box-shadow: none;
	height: 50px;
	line-height: 50px;
	transition: .5s;
	border-radius: 0;
}
#main_form .form-control:focus{
    border-color: #693814;
	box-shadow:none;
}
#main_form textarea.form-control{
	height: 140px;
	line-height: 25px;
}

/*----- Footer css -----*/
#footer_area {
  background: #693814 none repeat scroll 0 0;
  color: #fff;
  padding: 30px 0;
  width: 100%;
}
.copyright {
  margin-top: 5px;
}
.ftr_social_list li {
    display: inline-block;
    margin: 0 7px;
}

.ftr_social_list a {
    display: inline-block;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #333;
    font-size: 15px;
	border-radius: 50%;
	position: relative;
	z-index: 1;
	background: #fff;
}
.ftr_social_list a:after{
	content: '';
	display: block;
	position: absolute;
	border-radius: 100%;
	width: 0;
	height: 0;
	transition: 0.3s;
	top: 0;
	left: 50%;	
	z-index: -1;
}
.ftr_social_list a:hover:after {
  width: 40px;
  height: 40px;
  margin-left: -20px;
}
.ftr_social_list a:hover{
	color: #fff;
}
.ftr_social_list a i {
}
.copyright p {
	display: inline-block;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #fff;
}
.copyright a {
	color:#fff;
}
.center-block{
	float: inherit;
}
a.f_facebook:after{
    background: #5D82D1;
}
a.f_twitter:after{
    background: #40BFF5;
}
a.f_google:after{
    background: #EB5E4C;
}
a.f_linkedin:after{
    background: #238CC8;
}
a.f_youtube:after{
    background: #CC181E;
}
a.f_skype:after{
    background: #00AFF0;
}
.no_padding{
	padding: 0;
}
.owl-item .slider-animated-2 p {
  margin: 0 auto 25px;
  width: 40%;
}
.purschase-banner {
  background: rgba(151, 144, 144, 0) url("img/cat.jpeg") no-repeat fixed center center / cover ;
  padding: 150px 0;
  text-align: left;
}
.purschase-banner .container > p {
  margin-bottom: 28px;
}
.purschase-banner .container > h2 {
  font-size: 33px;
  letter-spacing: 0;
  margin-bottom: 10px;
  text-transform: capitalize;
}
.contact_area {
  background: #f9f9f9 none repeat scroll 0 0;
}
#module-maps {
  height: 450px;
  position: relative;
  width: 100%;
}
#map {
  height: 100%;
  width: 100%;
}
.content_left_title {
  margin-bottom: 30px;
}
.contact__infos {
  margin-top: 80px;
}
.contact__infos .col-sm-7.col-xs-12 {
  padding-left: 60px;
}
a#scrollUp {
  background: #693814 none repeat scroll 0 0;
  border: 2px solid #693814;
  border-radius: 50%;
  bottom: 80px;
  color: #fff;
  height: 40px;
  line-height: 37px;
  position: absolute;
  right: 50px;
  text-align: center;
  width: 40px;
}
a#scrollUp:hover {
  background: #444 none repeat scroll 0 0;
  border: 2px solid #444;
  color: #fff;
}
.image.display-block-image {
  margin-top: 25px;
}
.contact_area.section_padding.bg_white {
  padding: 75px 0 110px;
}
/*breadcrumb*/
.breadcrumb_area {
  background: rgba(0, 0, 0, 0) url("img/banner__03.jpg") repeat scroll center center / cover ;
  display: block;
  overflow: hidden;
  padding: 150px 0 80px;
  position: relative;
  text-align: center;
  margin-bottom: 90px;
}
.breadcrumb_area::before {
  background: #000 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.55;
  position: absolute;
  top: 0;
  width: 100%;
}
.breadcrumb_area h3 {
  color: #fff;
  font-size: 30px;
  font-weight: 600;
}


#blog-post-no-sidebar .blog-post-no-sidebar .content article .article-content ul {
    margin: 27px 0 0;
    text-align: left;
}
#blog-post-no-sidebar .blog-post-no-sidebar .content article .article-content ul li {
    display: inline-block;
    margin-right: 10px;
}
#blog-post-no-sidebar .blog-post-no-sidebar .content article .article-content ul li i.fa {
  color: #693814;
  width: 20px;
}
#blog-post-no-sidebar .blog-post-no-sidebar .content article .article-content h4 {
  font-size: 22px;
  margin: 19px 0 20px;
}
.leave-comment h5 {
  font-size: 22px;
  margin-bottom: 1px;
}
#blog-post-no-sidebar .blog-post-no-sidebar .content article .article-content blockquote {
    border-left: 0 solid #bebebe;
    color: #080808;
    font-style: italic;
    font-weight: 600;
    margin-left: 40px;
}
#blog-post-no-sidebar .blog-post-no-sidebar .content .leave-comment {
    margin-top: 50px;
}
#blog-post-no-sidebar .blog-post-no-sidebar .content .leave-comment input {
    border: 1px solid #bebebe;
    height: 40px;
    margin: 1% 1% 1% 0;
    padding: 5px 10px;
    width: 32%;
}
#blog-post-no-sidebar .blog-post-no-sidebar .content .leave-comment textarea {
    border: 1px solid #bebebe;
    height: 150px;
    margin: 10px 0 19px;
    padding: 5px 10px;
    width: 99%;
}
#blog-post-no-sidebar .blog-post-no-sidebar .content .leave-comment button, #contact .contact .contact-form button {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #bebebe;
    font-weight: 600;
    padding: 11px 34px;
    text-transform: uppercase;
    transition: all 0.6s ease-out 0s;
}
#blog-post-no-sidebar .blog-post-no-sidebar .content .leave-comment button:hover, #contact .contact .contact-form button:hover {
    background: #3e3e3e none repeat scroll 0 0;
    border: 1px solid #3e3e3e;
    color: #fff;
}
#blog-post-no-sidebar .blog-post-no-sidebar .content article .article-content blockquote {
  background: #693814 none repeat scroll 0 0;
  border-left: 3px solid #000;
  color: #fff;
  font-style: italic;
  font-weight: 300;
  margin-bottom: 13px;
  margin-left: 40px;
}
.container.blog-post-no-sidebar {
  margin-bottom: 90px;
}
#blog-post-no-sidebar .blog-post-no-sidebar .content .leave-comment button, #contact .contact .contact-form button {
  background: #693814 none repeat scroll 0 0;
  border: 1px solid #693814;
  color: #fff;
  font-size: 19px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 23px;
  padding: 12px 28px 11px;
  text-transform: capitalize;
  transition: all 0.6s ease-out 0s;
}
.article-content a {
  color: #757575;
}
.article-content a:hover {
  color: #693814;
}


/* Contact-message-modal  css start */
.cr-contact-message-modal {
position: fixed;
top: auto;
bottom: 0;
left: 0;
right: auto;
width: 100%;
background: rgba(25, 25, 25, 0.95);
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
visibility: hidden;
opacity: 1;
z-index: -9;
-webkit-transition: 0.5s ease-out 0s;
-moz-transition: 0.5s ease-out 0s;
-ms-transition: 0.5s ease-out 0s;
-o-transition: 0.5s ease-out 0s;
transition: 0.5s ease-out 0s;
padding: 30px;
padding-right: 60px;
-webkit-box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.2);
box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.2); }
.cr-contact-message-modal .form-messege {
	font-size: 14px;
	margin-bottom: 0;
	line-height: 1.3;
}
.cr-contact-message-modal .form-messege.error {
  color: #f6644F; }
.cr-contact-message-modal .form-messege.success {
  color: #47BB8F; }
.cr-contact-message-modal.is-visible {
opacity: 1;
visibility: visible;
z-index: 99999;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0); }
.cr-contact-message-modal button {
position: absolute;
right: 25px;
top: 30px;
height: 30px;
width: 30px;
text-align: center;
line-height: 30px;
background: transparent;
color: #ffffff;
outline: none;
border: none;
font-size: 20px; }

@media only screen and (max-width: 767px) {
.cr-contact-message-modal {
padding-right: 40px; }
.cr-contact-message-modal button {
	right: 14px;
	top: 24px;
} }
  



#video_area {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 750px;
}

#responsive_video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Responsive Design for Mobile View */
@media (max-width: 768px) {
  #video_area {
      height: 40vh; /* Full height for mobile screens */
  }

  #responsive_video {
      width: 100%;
      height: 100%;
      object-fit: cover; /* Ensures video fills the screen without distortion */
  }
}


.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  display: none;
  /* Hidden by default */
}

/* Popup content */
.popup-content {
  background: #fff;
  padding: 20px;
  border-radius: 8px;
  text-align: center;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
  max-width: 400px;
  width: 90%;
}

.popup-content img {
  max-width: 100%;
  height: auto;
  margin-bottom: 10px;
  border-radius: 8px;
}

/* Close button */
.popup-close {
  background: #f44336;
  color: white;
  border: none;
  padding: 5px 10px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  margin-top: 10px;
}

.popup-close:hover {
  background: #d32f2f;
}




.box {
  background-color: #eea020;
  border: 1px solid #eea020;
  border-radius: 8px;
  padding: 20px;
  text-align: center;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  flex: 0 1 calc(33.33% - 15px);
}

.box:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
}

.box h3 {
  margin: 0;
  color: #333;
  font-size: 1.2em;
}

@media (max-width: 768px) {
  .box {
      flex: 0 1 calc(50% - 15px);
  }
}

@media (max-width: 480px) {
  .box {
      flex: 0 1 100%;
  }
}
/* end css */