*{
	margin: 0;
	padding: 0;
}

a{
	text-decoration: none !important;
}

:root{
  /*===== Colores =====*/
  --first-color: #591909;

  /*===== google fonts & size=====*/
  --body-font: 'Open Sans', sans-serif;
  --body-font2: 'Roboto', sans-serif;
}


/*header section*/
.header{
	margin: 0;
}

.header .navbar-nav .nav-item{position: relative;}
.header .navbar-nav .nav-item:after{
	content: "";
	position: absolute;
	width: 0%;
	height: 2px;
	background: var(--first-color);
	bottom: 0px;
	left: 0;
	transition: all .5s;
}

.header .navbar-nav .nav-item:hover:after {width: 100%;}
.header .navbar-nav .nav-item.active:after{width: 100%;}
.header .navbar-nav .active .nav-link {color: #000 !important;}

.top_sec_top{
	background-color: var(--first-color);
}

.top_sec{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 5px 0;
}

.top_sec i{
	font-size: 13px;
	margin-right: 5px;
	color: #fff;
}

.top_icon i{
	border: 1px solid #fff;
	padding: 2px 6px;
}

.top_email a{
	color: #fff;
	font-size: 14px;
	font-family: var(--body-font);
}

.top_email a:hover{
	color: #fff;
}

/*nav bar*/
.navbar{
	padding: 0px 0!important;
	border-bottom: 1px solid #f1f1f1;
	background-color: #fff;
}

.navbar-brand img{
     max-height:112px;
    max-width:170px;
}

.nav-link{
	/*margin-right: 10px;*/
	padding: 5px 10px !important;
	font-size: 16px;
	font-family: var(--body-font);
	color: var(--first-color) !important;
}

.nav-link:hover{
	color: #000 !important;
}

.navbar-toggler:focus{
	box-shadow: none !important;
}

.navbar-light .navbar-toggler{
	border: 1px solid #fff !important;
	border-color: #fff !important;
	padding: 5px !important;
}

.dropdown-menu{
	margin-left: -25px !important;
	margin-top: 9px !important;
	border: 1px solid #f1f1f1;
	border-radius: 0 !important;
	padding: 0px 0px !important;
	border-bottom: none;
}

.dropdown-item{
	padding: 8px 0px !important;
	border-bottom: 1px solid #f1f1f1 !important;
	margin: 0px !important;
	text-align: center !important;
}

.dropdown-item:hover{
	background-color: var(--first-color) !important;
	color: #fff !important;
}

/*carousel section*/
.slider{
	margin-top: 7.4rem !important;   
   /* margin-top: 110px; */
}
@media (min-width: 768px){
	.carousel-item img{
		max-height: 600px !important;
	}
}
.carousel-item img{
	width: 100%;
	/*height: 50vh;*/
	/*filter: brightness(0.5);*/
}

.carousel-caption{
	top: 30%;
}

.carousel-caption h5{
	font-size: 30px;
	color: #fff;
	font-family: var(--body-font);
	font-weight: 900;
	letter-spacing: 1px;
}

.carousel-caption h5 span{
	color: var(--first-color);
}

.carousel-caption p{
	font-size: 18px;
	color: #fff;
	font-family: var(--body-font2);
	font-weight: 500;
	letter-spacing: 1px;
	margin-top: 10px;
}

.c_btn{
	margin-top: 25px;
}

.c_btn a{
	border: 1px solid var(--first-color);
	border-radius: 20px;
	padding: 10px 40px;
	color: #fff;
	font-family: var(--body-font2);
	background-color: var(--first-color);
	letter-spacing: 1px;
	font-weight: 500;
	font-size: 16px;
	transition: 0.5s all; 
}

.c_btn a:hover{
	border: 1px solid var(--first-color);
	color: var(--first-color);
	background-color: initial;
}

/*feature section start*/
.feature{
	padding: 2rem 0;
}

.head_line{
	font-size: 24px;
	font-weight: 900;
	font-family: var(--body-font);
	color: #000;
	text-align: center;
	letter-spacing: 1px;
	margin-bottom: 2.2rem;
}

.head_line span{
	color: var(--first-color);
}

.head_line::after{
	content: '';
	display: block;
	height: 2px;
	width: 50px;
	background-color: var(--first-color);
	margin: 10px auto;
}

.f_box{
	margin: 10px 0;
	padding: 0px 0 10px 0;
	border-bottom: 2px solid var(--first-color);
	border-radius: 10px;
}

.f_box:hover{
	box-shadow: 2px 2px 8px var(--first-color);
}

.f_box img{
	width: 100%;
	height: 35vh;
}

.f_box h3{
	font-size: 18px;
	font-family: var(--body-font);
	text-align: center;
	font-weight: 700;
	margin-top: 10px;
	color: var(--first-color);
}

.f_box p{
	font-size: 16px;
	font-family: var(--body-font2);
	margin: 10px 0;
	padding: 0 10px;
	color: #4d4d4d;
	text-align: justify;
	font-weight: 400;
}

.feat_btn{
	justify-content: center;
	margin: 15px 0;
	display: flex;
	/*flex-wrap: wrap;*/
}

.feat_btn a{
	font-size: 14px;
    color: #fff; 
	/*background-color: var(--first-color);*/
	padding: 6px 0.3rem;
	box-shadow: 2px 3px 5px #4d4d4d;
	border: 1px solid var(--first-color);
	font-weight: 400;
	margin: 4px 2px;
}

.feat_btn a:hover{
	color: var(--first-color); !important;
	box-shadow: none;
	/*background-color: #fff;*/
}


/* Bounce To Top */
.feat_btn a{
  display: block;
  width: 100%;
  text-align: center;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  background-color: var(--first-color);

}
.feat_btn a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.feat_btn a:hover, .feat_btn a:focus, .feat_btn a:active {
  color: #000;
  /*background: #fff;*/
}
.feat_btn a:hover:before, .feat_btn a:focus:before, .feat_btn a:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.feature .feat_btn a{width: 120px;}
/*about sections starts*/
.about_us{
	padding: 2rem 0;
	background-color: #f1f1f1;
}


.about img{
	width: 90%;
	/*height: 50vh; */
	text-align: center;
}

.about h2{
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 1px;
	color: #000;
	font-family: var(--body-font);
}

.about h2 span{
	color: var(--first-color);
}

.about p{
	font-size: 16px;
	color: #4d4d4d;
	margin: 10px 0;
	text-align: justify;
	font-family: var(--body-font2);
}

.ab_btn{
	margin: 25px 0;
}

.ab_btn a{
	padding: 8px 35px;
	font-size: 16px;
	color: #fff;
	/*background-color: var(--first-color);*/
	font-family: var(--body-font2);
	border: 1px solid var(--first-color);
	box-shadow: 2px 4px 5px #4d4d4d;
}

.ab_btn a:hover{
	color: var(--first-color);
	/*background-color: #fff;*/
	box-shadow: none;
}


/* Bounce To Top */
.ab_btn a{
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  background-color: var(--first-color);

}
.ab_btn a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.ab_btn a:hover, .ab_btn a:focus, .ab_btn a:active {
  /*color: white;*/
  /*background: #fff;*/
}
.ab_btn a:hover:before, .ab_btn a:focus:before, .ab_btn a:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}


/*services sections*/
.services{
	padding: 2rem 0;
}

.serv_box{
	margin: 10px 10px;
	padding: 0;
}

.serv_box img{
	width: 100%;
	height: 200px;
	/*object-fit: cover;*/
	/*object-position: top;*/
}

.serv_box h3{
	text-align: center;
	font-size: 18px;
	color: var(--first-color);
	font-family: var(--body-font2);
	margin: 15px 0;
}

.serv_box p{
	font-family: var(--body-font2);
	font-size: 16px;
	color: #4d4d4d;
	text-align: justify;
}

/*.owl-theme .owl-dots{
	display: none !important;
}*/

.owl-theme .owl-nav{
	padding: 0 !important;
	display: flex;
	justify-content: space-between;
	margin: 0 !important;
	position: absolute;
	top: 45%;
	width: 100%;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{
	padding: 0px !important;
	margin: 0px !important;
	border-radius: 50px;
	background: var(--first-color) !important;
	width: 32px;
	height: 32px;
}
.owl-carousel .owl-nav button.owl-next i, .owl-carousel .owl-nav button.owl-prev i{
	color: #fff;
}

.owl-theme .owl-nav span{
	background-color: #000;
	padding: 0px 10px;
	font-size: 2rem;
	color: #fff;
	font-weight: 700;
	background-color: var(--first-color);
}


/*gallery sections*/
.gallery{
	padding: 2rem 0;
	background-color: #f1f1f1;
}

.popup-gallery img{
	width: 100%;
	height: 35vh;
	object-fit: cover;
	object-position: top;
	margin: 10px 0;
	border: 2px solid var(--first-color);
}

.popup-gallery img:hover{
	box-shadow: 3px 5px 10px #000;
}

img.mfp-img{
	height: 80vh;
	text-align: center;
}

/*videos sections*/
.videos{
	padding: 2rem 0;
	background-color: #f1f1f1;
}

.videos_box{
	margin: 10px 0;
}

/*section testimonial*/
.testimonial{
	padding: 2rem 0;
}

.testi_box{
	border: 1px solid #000;
	padding: 1rem;
	cursor: pointer;
}

.testi_details img{
	width: 90px;
	height: 90px;
	border-radius: 50%;
}

.t_details{
	display: none;
}

.star{
	margin: 0;
}

.star i{
	font-size: 14px;
	color: #ff9900;
}

.testi_details p{
	font-size: 11px;
	color: #4d4d4d;
	font-weight: 400;
	margin: 3px 0;
	padding: 0;
	font-family: var(--body-font2);
}

.testi_details h2{
	font-size: 18px;
	font-weight: 600;
	color: #000;
	margin-top: 5px;
	font-family: var(--body-font);
}

.testi_details h2 span{
	font-size: 14px;
	color: #4d4d4d;
	font-weight: 400;
	margin-left: 10px;
}

.testi_details h4{
	font-size: 13px;
	padding: 0;
	margin: 0;
	color: var(--first-color);
	font-family: var(--body-font2);
}

.t_details{
	padding: 1rem;
	border: 1px solid #000;
	border-top: none;
}

.t_details p{
	font-size: 13px;
	font-family: var(--body-font2);
	text-align: justify;
	color: #4d4d4d;
}

/*contact section*/
.contact{
	padding: 1rem 0;
	background-color: #f1f1f1;
}

.contact_box{
	margin: 10px 0;
}

.c_box i{
	font-size: 25px;
	margin: 0;
	color: var(--first-color);
}

.c_box h3{
	font-size: 18px;
	color: #000;
	font-family: var(--body-font);
	font-weight: 700;
}

.c_box p{
	font-size: 14px;
	color: #4d4d4d;
	font-family: var(--body-font2);
}

.form-group input{
	margin-bottom: 13px;
	border: 1px solid #4d4d4d;
	border-radius: 0px !important;
	font-size: 14px;
	color: #4d4d4d;
	font-family: var(--body-font2);
}

.form-group textarea{
	margin-bottom: 13px;
	border: 1px solid #4d4d4d;
	border-radius: 0px !important;
	font-size: 14px;
	color: #4d4d4d;
	font-family: var(--body-font2);
}

.form-control:focus{
	box-shadow: none !important;
}

.contact_box button{
	font-family: var(--body-font2);
	font-size: 14px;
	padding: 7px 35px;
	margin-top: 10px;
	border-radius: 0px !important;
	text-align: center;
}

/*section footer*/
footer{
	padding: 2rem 0 0 0;
	background-color: var(--first-color);
}

.footer_box{
	margin: 0;
}

.footer_box h2{
	font-size: 18px;
	font-weight: 700;
	color: #fdfbfb;
	font-family: var(--body-font);
}

.footer_box p{
	font-size: 14px;
	color: #fdfbfb;
	font-family: var(--body-font2);
	margin-top: 10px;
}

.footer_box ul{
	list-style-type: none;
	padding-left: 0px;
}

.footer_box ul a{
	color: #fff;
	font-size: 14px;
	font-family: var(--body-font2);
}

.footer_box ul li{
	font-family: var(--body-font2);
	color: #fff;
}

.copyright{
	background-color: #000;
	padding: 0.5rem 0;
	margin-top: 1rem;
}

.copyright p{
	padding: 0;
	margin: 0;
	font-size: 14px;
	font-family: var(--body-font2);
	text-align: center;
	color: #fff;
}


#toTop {bottom: 0; display: none;position: fixed; bottom: 15px; cursor: pointer; right: 15px;}
#toTop i{font-size: 24px;}
.pageBanner{margin-top: 60px; background:var(--first-color); padding: 1.2rem 0;}
.pageBanner .breadcrumb .breadcrumb-item a{color: #fff}
.pageBanner .breadcrumb .breadcrumb-item.active{color: rgba(255,255,255, 0.8);}
.pageBanner .breadcrumb-item+.breadcrumb-item::before{color: #fff}
.pageBanner h1{color: #fff; font-size: 2rem;}
.serviceList .serv_box {border-bottom: 2px solid var(--first-color); margin-bottom: 0px !important; transition: 0.5s all; border-radius: 10px; display: block;}
.serviceList .serv_box:hover{box-shadow: 2px 2px 8px var(--first-color);}
.serviceList .serv_box p{font-size: 14px; text-align: center; padding: 0 10px;}
.serviceList .feat_btn{margin-bottom: 0 !important; margin-left: 5px; margin-right: 5px;}
/*.serviceList .feat_btn a{padding-left: 0; padding-right: 0; display: inline-block; width: 100%;}*/
/*.serviceList .serv_box:hover a{border-color: #000;}*/
.detailsPage{min-height: 350px; padding: 1.5rem 0;}
.detailsPage p{text-align: justify;}
.detailsPage ul{margin: 0; padding: 0;}
.detailsPage ul li{display: block;}
 .detailsPage .feat_btn a{max-width: 180px;}
.sdimg{max-width: 100%; max-height: 430px;}
.btnFixed{position: fixed;right: 0; bottom: 15%;z-index: 9;}
.btnFixed ul{margin: 0; padding: 0;}
.btnFixed ul li{display: block;}
.btnFixed ul li a{transition: 0.5s all; display: inline-block; float: right; color: #fff; padding: 10px; margin-top: 4px;}
.btnFixed ul li:hover a{padding-right: 1.5rem;}
.btnFixed .whatsapp{background-color: #25d366;}
.btnFixed .phone{background-color: #ef2853;}
.dgallery .carousel-item img{max-height: 400px; height: auto;}

.dgallery .carousel-indicators{position: relative; margin-left: 0; flex-wrap: wrap!important; margin-right: 0;}
.dgallery .carousel-indicators [data-bs-target]{width: 100px !important; height: 45px;}
.dgallery .carousel-indicators img{height: 60px !important; object-fit: cover !important;}

/*.whats-app {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    right: 15px;
    line-height: 60px;
    background-color: #25d366;
    color: #FFF !important;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
}

*/


.teambox{border-bottom: 2px solid var(--first-color); transition: 0.5s all; border-radius: 10px; display: block;}
.teambox:hover{box-shadow: 2px 2px 8px var(--first-color);}
.team4 .font-weight-medium {
	font-weight: 500;
}

.team4 h5 {
    line-height: 22px;
    font-size: 18px;
}

.team4 .subtitle {
    color: #8d97ad;
    line-height: 24px;
		font-size: 13px;
}
.team4 ul {margin: 0; padding: 0;}
.team4 ul li{display: block; text-align: center;}
.team4 ul li a {
  color: #8d97ad;
  padding-right: 15px;
  -webkit-transition: 0.1s ease-in;
  -o-transition: 0.1s ease-in;
  transition: 0.1s ease-in;
}

.team4 ul li a:hover {
  -webkit-transform: translate3d(0px, -5px, 0px);
  transform: translate3d(0px, -5px, 0px);
	color: #316ce8;
}



.contactbtn button{
	border: 1px solid var(--first-color);
	border-radius: 50px;
	padding: 8px 40px;
	color: #fff;
	font-family: var(--body-font2);
	background-color: var(--first-color);
	letter-spacing: 1px;
	font-weight: 500;
	font-size: 16px;
	transition: 0.5s all; 
}

.contactbtn button:hover{
	border: 1px solid var(--first-color);
	color: var(--first-color);
	background-color: initial;
}
.TeamStyle{padding: 2rem 0;}
  .txt-center {
    text-align: center;
}

.hide {
    display: none;
}

.clear {
    float: none;
    clear: both;
}

.rating {

    unicode-bidi: bidi-override;
    direction: rtl;
    text-align: center;
    position: relative;
    float: left;
}

.rating > label {
    float: revert;
    display: inline;
    padding: 0;
    margin: 0;
    position: relative;
    width: 1.1em;
    cursor: pointer;
    color: #000;
    font-size:30px;
}

.rating > label:hover,
.rating > label:hover ~ label,
.rating > input.radio-btn:checked ~ label {
    color: transparent;
}

.rating > label:hover:before,
.rating > label:hover ~ label:before,
.rating > input.radio-btn:checked ~ label:before,
.rating > input.radio-btn:checked ~ label:before {
    content: "\2605";
    position: absolute;
    left: 0;
    color: #FFD700;
}