/********** Template CSS **********/ :root { --primary: #ec3137; --light: #F6F7F8; --dark: #131313; } .fw-medium { font-weight: 500 !important; } .fw-bold { font-weight: 700 !important; } .fw-black { font-weight: 900 !important; } .back-to-top { position: fixed; display: none; right: 45px; bottom: 45px; z-index: 99; } /*** Spinner ***/ #spinner { opacity: 0; visibility: hidden; transition: opacity .5s ease-out, visibility 0s linear .5s; z-index: 99999; } #spinner.show { transition: opacity .5s ease-out, visibility 0s linear 0s; visibility: visible; opacity: 1; } /*** Button ***/ .btn { font-weight: 500; transition: .5s; } .btn.btn-primary, .btn.btn-outline-primary:hover { color: #FFFFFF; } .btn-square { width: 38px; height: 38px; } .btn-sm-square { width: 32px; height: 32px; } .btn-lg-square { width: 48px; height: 48px; } .btn-square, .btn-sm-square, .btn-lg-square { padding: 0; display: flex; align-items: center; justify-content: center; font-weight: normal; } /*** Navbar ***/ .navbar.sticky-top { top: -100px; transition: .5s; } .navbar .navbar-brand, .navbar a.btn { height: 75px; } .navbar .navbar-nav .nav-link { margin-right: 30px; padding: 25px 0; color: var(--dark); font-size: 15px; font-weight: 500; text-transform: uppercase; outline: none; } .navbar .navbar-nav .nav-link:hover, .navbar .navbar-nav .nav-link.active { color: var(--primary); } .navbar .dropdown-toggle::after { border: none; content: "\f107"; font-family: "Font Awesome 5 Free"; font-weight: 900; vertical-align: middle; margin-left: 8px; } @media (max-width: 991.98px) { .navbar .navbar-nav .nav-link { margin-right: 0; padding: 10px 0; } .navbar .navbar-nav { border-top: 1px solid #EEEEEE; } } @media (min-width: 992px) { .navbar .nav-item .dropdown-menu { display: block; border: none; margin-top: 0; top: 150%; opacity: 0; visibility: hidden; transition: .5s; } .navbar .nav-item:hover .dropdown-menu { top: 100%; visibility: visible; transition: .5s; opacity: 1; } } /*** Header ***/ .owl-carousel-inner { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: flex; align-items: center; background: rgba(0, 0, 0, .1); } @media (max-width: 768px) { .header-carousel .owl-carousel-item { position: relative; min-height: 500px; } .header-carousel .owl-carousel-item img { position: absolute; width: 100%; height: 100%; object-fit: cover; } .header-carousel .owl-carousel-item p { font-size: 16px !important; } } .header-carousel .owl-dots { position: absolute; width: 60px; height: 100%; top: 0; right: 30px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .header-carousel .owl-dots .owl-dot { position: relative; width: 45px; height: 45px; margin: 5px 0; background: #FFFFFF; box-shadow: 0 0 30px rgba(255, 255, 255, .9); border-radius: 45px; transition: .5s; } .header-carousel .owl-dots .owl-dot.active { width: 60px; height: 60px; } .header-carousel .owl-dots .owl-dot img { position: absolute; width: 100%; height: 100%; object-fit: cover; padding: 2px; border-radius: 45px; transition: .5s; } .page-header { background: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), url(../images/slider/5.jpg) top center no-repeat; background-size: cover; } .page-header2 { background: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), url(../images/slider/6.jpeg) top center no-repeat; background-size: cover; background-position: bottom; } .page-header3 { background: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), url(../images/slider/9.jpg) top center no-repeat; background-size: cover; background-position: bottom; } .page-header4 { background: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), url(../images/slider/7.jpg) top center no-repeat; background-size: cover; background-position: bottom; } .breadcrumb-item + .breadcrumb-item::before { color: var(--light); } /*** About ***/ @media (min-width: 992px) { .container.about { max-width: 100% !important; } .about-text { padding-right: calc(((100% - 960px) / 2) + .75rem); } } @media (min-width: 1200px) { .about-text { padding-right: calc(((100% - 1140px) / 2) + .75rem); } } @media (min-width: 1400px) { .about-text { padding-right: calc(((100% - 1320px) / 2) + .75rem); } } /*** Service ***/ .service-item { box-shadow: 0 0 45px rgba(0, 0, 0, .08); } .service-icon { position: relative; margin: -50px 0 25px 0; width: 100px; height: 100px; display: flex; align-items: center; justify-content: center; color: var(--primary); background: #FFFFFF; border-radius: 100px; box-shadow: 0 0 45px rgba(0, 0, 0, .08); transition: .5s; } .service-item:hover .service-icon { color: #FFFFFF; background: var(--primary); } /*** Feature ***/ @media (min-width: 992px) { .container.feature { max-width: 100% !important; } .feature-text { padding-left: calc(((100% - 960px) / 2) + .75rem); } } @media (min-width: 1200px) { .feature-text { padding-left: calc(((100% - 1140px) / 2) + .75rem); } } @media (min-width: 1400px) { .feature-text { padding-left: calc(((100% - 1320px) / 2) + .75rem); } } /*** Project Portfolio ***/ #portfolio-flters li { display: inline-block; font-weight: 500; color: var(--dark); cursor: pointer; transition: .5s; border-bottom: 2px solid transparent; } #portfolio-flters li:hover, #portfolio-flters li.active { color: var(--primary); border-color: var(--primary); } .portfolio-img { position: relative; } .portfolio-img::before, .portfolio-img::after { position: absolute; content: ""; width: 0; height: 100%; top: 0; /* background: var(--dark); */ background: #3f3f3f5c; transition: .5s; } .portfolio-img::before { left: 50%; } .portfolio-img::after { right: 50%; } .portfolio-item:hover .portfolio-img::before { width: 50%; left: 0; } .portfolio-item:hover .portfolio-img::after { /* width: 51%; */ width: 50.2%; right: 0; } .portfolio-btn { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; opacity: 0; z-index: 1; transition: .5s; } .portfolio-item:hover .portfolio-btn { opacity: 1; transition-delay: .3s; } /*** Quote ***/ @media (min-width: 992px) { .container.quote { max-width: 100% !important; } .quote-text { padding-right: calc(((100% - 960px) / 2) + .75rem); } } @media (min-width: 1200px) { .quote-text { padding-right: calc(((100% - 1140px) / 2) + .75rem); } } @media (min-width: 1400px) { .quote-text { padding-right: calc(((100% - 1320px) / 2) + .75rem); } } /*** Team ***/ .team-item { box-shadow: 0 0 45px rgba(0, 0, 0, .08); } .team-item img { border-radius: 8px 60px 0 0; } .team-item .team-social { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; background: #FFFFFF; transition: .5s; } /*** Testimonial ***/ .testimonial-carousel::before { position: absolute; content: ""; top: 0; left: 0; height: 100%; width: 0; background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); z-index: 1; } .testimonial-carousel::after { position: absolute; content: ""; top: 0; right: 0; height: 100%; width: 0; background: linear-gradient(to left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); z-index: 1; } @media (min-width: 768px) { .testimonial-carousel::before, .testimonial-carousel::after { width: 200px; } } @media (min-width: 992px) { .testimonial-carousel::before, .testimonial-carousel::after { width: 300px; } } .testimonial-carousel .owl-nav { position: absolute; width: 350px; top: 20px; left: 50%; transform: translateX(-50%); display: flex; justify-content: space-between; opacity: 0; transition: .5s; z-index: 1; } .testimonial-carousel:hover .owl-nav { width: 300px; opacity: 1; } .testimonial-carousel .owl-nav .owl-prev, .testimonial-carousel .owl-nav .owl-next { position: relative; color: var(--primary); font-size: 45px; transition: .5s; } .testimonial-carousel .owl-nav .owl-prev:hover, .testimonial-carousel .owl-nav .owl-next:hover { color: var(--dark); } .testimonial-carousel .testimonial-img img { width: 100px; height: 100px; } .testimonial-carousel .testimonial-img .btn-square { position: absolute; bottom: -19px; left: 50%; transform: translateX(-50%); } .testimonial-carousel .owl-item .testimonial-text { margin-bottom: 30px; box-shadow: 0 0 45px rgba(0, 0, 0, .08); transform: scale(.8); transition: .5s; } .testimonial-carousel .owl-item.center .testimonial-text { transform: scale(1); } /*** Contact ***/ @media (min-width: 992px) { .container.contact { max-width: 100% !important; } .contact-text { padding-left: calc(((100% - 960px) / 2) + .75rem); } } @media (min-width: 1200px) { .contact-text { padding-left: calc(((100% - 1140px) / 2) + .75rem); } } @media (min-width: 1400px) { .contact-text { padding-left: calc(((100% - 1320px) / 2) + .75rem); } } /*** Footer ***/ .footer .btn.btn-social { margin-right: 5px; color: #9B9B9B; border: 1px solid #9B9B9B; border-radius: 38px; transition: .3s; } .footer .btn.btn-social:hover { color: var(--primary); border-color: var(--light); } .footer .btn.btn-link { display: block; margin-bottom: 5px; padding: 0; text-align: left; color: #9B9B9B; font-weight: normal; text-transform: capitalize; transition: .3s; } .footer .btn.btn-link::before { position: relative; content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 10px; } .footer .btn.btn-link:hover { color: #FFFFFF; letter-spacing: 1px; box-shadow: none; } .footer .copyright { padding: 25px 0; border-top: 1px solid rgba(256, 256, 256, .1); } .footer .copyright a { color: var(--light); } .footer .copyright a:hover { color: var(--primary); } .proimg{ height: 300px; overflow: hidden; } /* */ /* */
.dropdown-menu>li>.submenu { display: none; } 
 @media all and (min-width: 992px) { .dropdown-menu li { position: relative; } .nav-item .submenu { /* display: none; */ display: block; position: absolute; right: 100%; top: -7px!important; } .nav-item .submenu-left { left: 100%; right: auto; } .dropdown-menu>li:hover { background-color: #f1f1f1 } 
 .dropdown-menu>li>.submenu {
  display: none!important;
}
.dropdown-menu>li:hover>.submenu { display: block!important; } 
/* .dropdown-menu>li:hover>.submenu { display: none; }  */
}
 /* ============ desktop view .end// ============ */ /* ============ small devices ============ */ @media (max-width: 991px) { .dropdown-menu .dropdown-menu { margin-left: 0.7rem; margin-right: 0.7rem; margin-bottom: .5rem; } } .menusub{ display: block; } .carousel-control-prev, .carousel-control-next{ color: #9B9B9B!important; } .fwj{ height: 250px!important; } .clientimg:hover { transform: scale(1.2, 1.2); } .clientimg { height:100px; } .abtus{ min-height: 400px; } .abtfit{ object-fit: cover; } .customerimg{ max-width: 600px; } .abtimgss{ height:600px; object-fit: fill; } .totoal{ height:300px; } .loadd{ width: 3rem; height: 3rem; } .displays{ font-size: 2.5rem; }

.card-img-top{
    width: 100%;
    height: 18vw;
    object-fit: contain;
}
.card-img-tops{
  width: 100%;
  height: 25vw;
  object-fit: contain;
}
p{
  color: black;
   font-size: 17px;
}
@media (max-width: 425px) {
  .dropdown:hover>.dropdown-menu {
    display: contents!important;
}
  .dropdown-menu>li>.submenu {
    display: block;
    /* width: 72%; */
    font-size: 11px;
}
  .abtimgss{ height:280px; } 
  .card-img-top{
    width: 100%;
    height: 45vw;
    object-fit: contain;
}
.card-img-tops{
  width: 100%;
  height: 55vw!important;
  object-fit: contain;
}
p{
  color: black;
   font-size: 16px;
}
}
.bootom{
  bottom: opx;
}

.redcard:hover{
    box-shadow: 5px 5px 5px #5c5c5c3b;
}
.redcard{
  border: 1px solid #ec3137;
}

.carousel-control-next-icon,.carousel-control-prev-icon{
  background-color: #ec3137;
}

span{
  color: black;

}

.footp{
  color: #9b9b9b;
}
li{
  color: #131313;
}
.booking_ocline {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.carousel-indicators{
  display: none;
}

/* all about header */
.dropdown-menu.show {
  -webkit-animation: fadeIn 0.3s alternate;
  /* Safari 4.0 - 8.0 */
  animation: fadeIn 0.3s alternate;
}

.nav-item.dropdown.dropdown-mega {
  position: static;
}

.nav-item.dropdown.dropdown-mega .dropdown-menu {
  width: 90%;
  top: auto;
  left: 5%;
}

.navbar-toggler {
  border: none;
  padding: 0;
  outline: none;
}

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

.navbar-toggler .hamburger-toggle {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  z-index: 11;
  float: right;
}

.navbar-toggler .hamburger-toggle .hamburger {
  position: absolute;
  transform: translate(-50%, -50%) rotate(0deg);
  left: 50%;
  top: 50%;
  width: 50%;
  height: 50%;
  pointer-events: none;
}

.navbar-toggler .hamburger-toggle .hamburger span {
  width: 100%;
  height: 4px;
  position: absolute;
  background: #333;
  border-radius: 2px;
  z-index: 1;
  transition: transform 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), all 0.2s ease-in-out;
  left: 0px;
}

.navbar-toggler .hamburger-toggle .hamburger span:first-child {
  top: 10%;
  transform-origin: 50% 50%;
  transform: translate(0% -50%) !important;
}

.navbar-toggler .hamburger-toggle .hamburger span:nth-child(2) {
  top: 50%;
  transform: translate(0, -50%);
}

.navbar-toggler .hamburger-toggle .hamburger span:last-child {
  left: 0px;
  top: auto;
  bottom: 10%;
  transform-origin: 50% 50%;
}

.navbar-toggler .hamburger-toggle .hamburger.active span {
  position: absolute;
  margin: 0;
}

.navbar-toggler .hamburger-toggle .hamburger.active span:first-child {
  top: 45%;
  transform: rotate(45deg);
}

.navbar-toggler .hamburger-toggle .hamburger.active span:nth-child(2) {
  left: 50%;
  width: 0px;
}

.navbar-toggler .hamburger-toggle .hamburger.active span:last-child {
  top: 45%;
  transform: rotate(-45deg);
}

.icons {
  display: inline-flex;
  margin-left: auto;
}

.icons a {
  transition: all 0.2s ease-in-out;
  padding: 0.2rem 0.4rem;
  color: #ccc !important;
  text-decoration: none;
}

.icons a:hover {
  color: white;
  text-shadow: 0 0 30px white;
}

/*  */
.dropdown:hover>.dropdown-menu {
  display: block;
}

.dropdown>.dropdown-toggle:active {
  /*Without this, clicking will make it sticky*/
  pointer-events: none;
}
.abtfits{
  object-fit: fill;
  
}
.carousel-controls{
  position:relative; 
   width:300px;
   margin:0 auto;
 }

.headersubmenu{
  height: 150px;
overflow-y: scroll;
}

.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:0 0;border:0;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%;list-style:none}.carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators [data-bs-target]{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:#fff;text-align:center}.carousel-dark .carousel-control-next-icon,.carousel-dark .carousel-control-prev-icon{filter:invert(1) grayscale(100)}.carousel-dark .carousel-indicators [data-bs-target]{background-color:#000}.carousel-dark .carousel-caption{color:#000}.spinner-border,.spinner-grow{display:inline-block;width:var(--bs-spinner-width);height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);border-radius:50%;animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}@keyframes spinner-border{to{transform:rotate(360deg)}}
@media(max-width: 768px){
  .carousel-item{
    height: 350px;
  }
}
.texthome{
  text-shadow: -1px -1px 0px #ec3137, 3px 3px 0px #ec3137, 6px 6px 0px #ec3137;
}
.footp:hover{
  color: #ec3137!important;
}