#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
}

.back-to-top {
position:fixed;
right:30px;
bottom:30px;
transition:.5s;
z-index:99
}

.btn {
font-weight:600;
transition:.5s
}

.btn-square {
width:32px;
height:32px
}

.btn-sm-square {
width:34px;
height:34px
}

.btn-md-square {
width:44px;
height:44px
}

.btn-lg-square {
width:56px;
height:56px
}

.btn-xl-square {
width:66px;
height:66px
}

.btn-square,.btn-sm-square,.btn-md-square,.btn-lg-square,.btn-xl-square {
padding:0;
display:flex;
align-items:center;
justify-content:center;
font-weight:400
}

.btn.btn-primary {
color:var(--bs-white)
}

.btn.btn-primary:hover {
background:#e30a23;
border:1px solid #e30a23
}

.btn.btn-secondary {
color:#e30a23
}

.btn.btn-secondary:hover {
background:#e30a23;
border:1px solid #e30a23
}

.btn.btn-light {
color:#e30a23
}

.btn.btn-light:hover {
color:#fff;
background:#e30a23;
border:1px solid #e30a23
}

@keyframes icon-animat {
0% {
border-radius:67% 33% 29% 71% / 39% 46% 54% 61%
}

25% {
border-radius:69% 31% 19% 81% / 43% 37% 63% 57%
}

50% {
border-radius:67% 33% 16% 84% / 57% 37% 63% 43%
}

75% {
border-radius:77% 23% 61% 39% / 36% 61% 39% 64%
}

100% {
border-radius:67% 33% 29% 71% / 39% 46% 54% 61%
}
}

.nav-bar {
background:linear-gradient(#000000e6,#000000e6)
}

.sticky-top {
transition:1s
}

.navbar-light .navbar-nav .nav-link {
position:relative;
margin-right:25px;
padding:35px 0;
letter-spacing:1px;
color:#fff;
font-size:17px;
font-weight:500;
outline:none;
transition:.5s
}

.sticky-top .navbar-light .navbar-nav .nav-link {
padding-top:30px;
color:#fff
}

.navbar-light .navbar-nav .nav-link:hover,.navbar-light .navbar-nav .nav-link.active {
color:#e30a23
}

.navbar-light .navbar-brand img {
max-height:0;
transition:.5s
}

.sticky-top .navbar-light .navbar-brand img {
max-height:125px
}

.navbar-logo img {
max-height:0;
transition:.5s;
max-height:125px
}

@media screen and (max-width: 600px) {
.navbar-logo img {
max-height:90px
}
}

.navbar .dropdown-toggle::after {
border:none;
content:"\f107";
font-family:"Font Awesome 5 Free";
font-weight:600;
vertical-align:middle;
margin-left:8px
}

.dropdown .dropdown-menu a:hover {
background:#e30a23;
color:var(--bs-white)
}

.navbar .nav-item:hover .dropdown-menu {
transform:rotateX(0deg);
visibility:visible;
margin-top:8px!important;
background:#e30a23;
transition:.5s;
opacity:1
}

@media (min-width: 992px) {
.navbar .nav-item .dropdown-menu {
display:block;
visibility:hidden;
top:100%;
transform:rotateX(-75deg);
transform-origin:0 0;
border:0;
border-radius:10px;
margin-top:8px!important;
transition:.5s;
opacity:0
}
}

@media (max-width: 991px) {
.navbar.navbar-expand-lg .navbar-toggler {
padding:8px 15px;
border:1px solid #e30a23;
color:#e30a23
}

.sticky-top .navbar-light .navbar-nav .nav-link {
padding:12px 0
}
}

.carousel .carousel-item img {
object-fit:cover
}

.carousel .carousel-item,.carousel .carousel-item img {
height:700px
}

.carousel-item .carousel-caption {
position:absolute;
width:100%;
height:100%;
left:0;
bottom:0;
background:#0009;
display:flex;
align-items:center
}

.carousel .carousel-indicators {
left:75%;
top:50%;
margin-right:25%;
transform:translateY(-50%);
flex-direction:column
}

.carousel-indicators [data-bs-target] {
display:flex;
width:15px;
height:15px;
border:6px solid var(--bs-white);
border-radius:15px;
padding:0;
margin-top:10px;
margin-bottom:10px;
background-color:#000;
opacity:1;
transition:.5s
}

.carousel-indicators [data-bs-target].active {
background-color:#e30a23
}

@media (max-width: 992px) {
.carousel-indicators [data-bs-target] {
display:none
}
}

.bg-breadcrumb {
position:relative;
overflow:hidden;
background:linear-gradient(#000000e6,#000000e6);
background-position:center top;
background-repeat:no-repeat;
background-size:cover;
padding:60px 0;
transition:.5s
}

.bg-breadcrumb .breadcrumb {
position:relative
}

.bg-breadcrumb .breadcrumb .breadcrumb-item a {
color:var(--bs-white)
}

.feature {
background:#000
}

.feature .feature-item {
display:flex;
border-radius:10px
}

.feature .feature-item .feature-icon span {
width:90px;
height:90px;
display:flex;
align-items:center;
justify-content:center;
color:#000;
background:#e30a23;
border-radius:67% 33% 29% 71% / 39% 46% 54% 61%;
animation-name:icon-animat;
animation-duration:5s;
animation-delay:1s;
animation-direction:alternate;
animation-iteration-count:infinite;
transition:.5s
}

.about .about-item .about-item-inner {
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
border-radius:10px;
background:#000;
transition:.5s
}

.about .about-item .about-item-inner .about-icon {
width:90px;
height:90px;
border-radius:67% 33% 29% 71% / 39% 46% 54% 61%;
display:flex;
align-items:center;
justify-content:center;
color:#000;
background:#e30a23;
animation-name:icon-animat;
animation-duration:5s;
animation-delay:1s;
animation-direction:alternate;
animation-iteration-count:infinite;
transition:.5s
}

.about .about-img {
position:relative;
overflow:hidden;
width:100%;
height:100%
}

.about .about-img .img-1 {
height:85%;
margin-right:50px
}

.about .about-img .img-2 {
position:absolute;
width:100%;
bottom:0;
right:0;
padding-left:50px;
border-radius:10px
}

.about .about-img::after {
content:"";
position:absolute;
width:10px;
height:98%;
top:0;
right:0;
border-radius:10px;
background:#e30a23;
z-index:-1
}

.about .about-item .text-item {
position:relative;
padding-left:25px
}

.about .about-item .text-item::after {
content:"";
position:absolute;
width:5px;
height:100%;
top:0;
left:0;
border-radius:10px;
background:#e30a23
}

.counter {
background:linear-gradient(#000000e6,#000000e6);
background-position:center center;
background-repeat:no-repeat;
background-size:cover
}

.counter .counter-item .counter-item-icon {
width:90px;
height:90px;
border-radius:67% 33% 29% 71% / 39% 46% 54% 61%;
display:flex;
align-items:center;
justify-content:center;
color:#000;
background:#e30a23;
animation-name:icon-animat;
animation-duration:5s;
animation-delay:1s;
animation-direction:alternate;
animation-iteration-count:infinite;
transition:.5s
}

.service .service-item {
position:relative;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
box-shadow:0 0 45px #0000001a;
border-radius:10px;
background:var(--bs-white);
transition:.5s
}

.service .service-item:hover {
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
border-radius:60px;
background:#e30a23
}

.service .service-item::after {
content:"";
position:absolute;
width:100%;
height:100%;
bottom:0;
left:0;
background:#e30a23;
border-radius:10px;
z-index:-1;
transition:.5s;
opacity:0
}

.service .service-item:hover::after {
opacity:1
}

.service .service-item .service-icon {
width:90px;
height:90px;
border-radius:67% 33% 29% 71% / 39% 46% 54% 61%;
display:flex;
align-items:center;
justify-content:center;
color:#000;
background:#e30a23;
animation-name:icon-animat;
animation-duration:5s;
animation-delay:1s;
animation-direction:alternate;
animation-iteration-count:infinite;
transition:.5s
}

.categories .categories-item {
position:relative;
border:1px solid linear-gradient(#000000e6,#000000e6);
border-radius:10px;
transition:.5s
}

.categories .categories-item:hover {
border:1px solid #e30a23
}

.categories .categories-item .categories-item-inner {
position:relative;
overflow:hidden;
border-radius:10px;
transition:.5s
}

.categories .categories-item .categories-item-inner:hover {
box-shadow:0 0 50px #e30a23
}

.categories .categories-item-inner .categories-img {
background:linear-gradient(#000000e6,#000000e6)
}

.categories .categories-item-inner .categories-content {
border-top:4px solid var(--bs-white);
text-align:center;
background:#000;
padding:5px ,5px ,5px
}

.categories .categories-item-inner .categories-review {
display:flex;
align-items:center;
justify-content:center
}

.categories-carousel .owl-stage-outer {
margin-top:65px;
margin-right:-1px
}

.categories-carousel .owl-nav .owl-prev,.categories-carousel .owl-nav .owl-next {
position:absolute;
top:-65px;
padding:10px 35px;
color:var(--bs-white);
background:#e30a23;
border-radius:50px;
transition:.5s
}

.categories-carousel .owl-nav .owl-prev {
left:0!important
}

.categories-carousel .owl-nav .owl-next {
right:0
}

.categories-carousel .owl-nav .owl-prev:hover,.categories-carousel .owl-nav .owl-next:hover {
background:#e30a23;
color:var(--bs-white)
}

.steps {
background:linear-gradient(#000000e6,#000000e6);
background-position:center center;
background-repeat:no-repeat;
background-size:cover
}

.steps .steps-item {
position:relative;
background:#e30a23;
border-radius:10px
}

.steps .steps-item h4,.steps .steps-item p {
color:var(--bs-white)
}

.steps .steps-item .setps-number {
position:absolute;
width:64px;
height:64px;
bottom:0;
right:40px;
font-weight:900;
border:1px solid var(--bs-white);
border-radius:64px;
transform:translateY(50%);
color:var(--bs-white);
background:#e30a23;
display:flex;
align-items:center;
justify-content:center
}

.blog .blog-item {
border-radius:10px;
transition:.5s
}

.blog .blog-item:hover {
box-shadow:0 0 45px #0003
}

.blog .blog-item .blog-img {
position:relative;
overflow:hidden;
border-top-left-radius:10px;
border-top-right-radius:10px
}

.blog .blog-item .blog-img::after {
content:"";
position:absolute;
width:100%;
height:0;
bottom:0;
left:0;
background:#171717;
transition:.5s
}

.blog .blog-item:hover .blog-img::after {
height:100%
}

.blog .blog-item .blog-img img {
transition:.5s
}

.blog .blog-item:hover .blog-img img {
transform:scale(1.2)
}

.blog .blog-item .blog-content {
position:relative;
background:#e30a23
}

.blog .blog-item .blog-content .blog-date {
position:absolute;
top:0;
left:25px;
transform:translateY(-50%);
padding:12px 25px;
border-radius:10px;
color:var(--bs-white);
background:#e30a23
}

.blog .blog-item .blog-content .blog-comment {
display:flex;
justify-content:space-between
}

.banner .banner-item {
position:relative;
width:100%;
height:100%;
border-radius:10px;
transition:.5s;
z-index:1
}

.banner .banner-item::after {
content:"";
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
border-radius:10px;
background:#0009;
z-index:2
}

.banner .banner-item .banner-content {
position:absolute;
width:100%;
height:100%;
top:0;
right:0;
margin-left:0;
margin-bottom:0;
padding:25px;
border-radius:10px;
display:flex;
flex-direction:column;
justify-content:center;
align-items:end;
z-index:5
}

@media (min-width: 992px) {
.banner .banner-item .banner-content h2 {
font-size:45px;
margin-bottom:20px
}

.banner .banner-item .banner-content h1 {
font-size:72px;
margin-bottom:20px
}

.banner .banner-item .banner-content p {
font-size:40px;
margin-bottom:20px
}
}

.testimonial-carousel .owl-stage-outer {
margin-right:-1px
}

.testimonial .testimonial-item {
position:relative;
margin-top:35px;
border:1px solid #e30a23;
border-radius:10px
}

.testimonial .testimonial-item .testimonial-quote {
position:absolute;
width:70px;
height:70px;
top:0;
right:25px;
transform:translateY(-50%);
border-radius:70px;
color:var(--bs-white);
background:#e30a23;
display:flex;
align-items:center;
justify-content:center
}

.testimonial .testimonial-item .testimonial-inner {
display:flex;
align-items:center;
background:#e30a23;
border-top-left-radius:10px;
border-top-right-radius:10px
}

.testimonial .testimonial-item .testimonial-inner img {
width:100px;
height:100px;
border-radius:100px;
border:4px solid var(--bs-white)
}

.testimonial-carousel .owl-dots {
display:flex;
justify-content:center
}

.testimonial-carousel .owl-dots .owl-dot {
width:30px;
height:30px;
border-radius:30px;
margin:20px 10px 0;
background:#e30a23;
transition:.5s
}

.testimonial-carousel .owl-dots .owl-dot.active {
width:30px;
height:30px;
border-radius:30px;
background:#e30a23;
transition:.5s
}

.testimonial-carousel .owl-dots .owl-dot span {
position:relative;
margin-top:50%;
margin-left:50%;
transform:translate(-50%,-50%);
display:flex;
align-items:center;
justify-content:center;
text-align:center
}

.testimonial-carousel .owl-dots .owl-dot.active span::after {
background:#e30a23
}

.testimonial-carousel .owl-dots .owl-dot span::after {
content:"";
width:15px;
height:15px;
border-radius:15px;
position:absolute;
top:50%;
left:0;
transform:translateY(-50%);
display:flex;
align-items:center;
justify-content:center;
text-align:center;
background:var(--bs-white);
transition:.5s
}

.contact .contact-add-item {
border-radius:10px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
background:#e30a23
}

.contact .contact-add-item .contact-icon {
width:90px;
height:90px;
border-radius:67% 33% 29% 71% / 39% 46% 54% 61%;
display:flex;
align-items:center;
justify-content:center;
color:var(--bs-dark);
background:#e30a23;
animation-name:icon-animat;
animation-duration:5s;
animation-delay:1s;
animation-direction:alternate;
animation-iteration-count:infinite;
transition:.5s
}

.footer {
background:#000
}

.footer .footer-item a {
line-height:35px;
color:var(--bs-body);
transition:.5s
}

.footer .footer-item p {
line-height:35px
}

.footer .footer-item a:hover {
letter-spacing:1px;
color:#e30a23
}

.footer .footer-item .footer-btn a,.footer .footer-item .footer-btn a i {
transition:.5s
}

.footer .footer-item .footer-btn a:hover {
background:var(--bs-white)
}

.footer .footer-item .footer-btn a:hover i {
color:#e30a23!important
}

.copyright {
border-top:1px solid #ffffff14;
background:#000
}