/*
@File: Hemo HTML Template

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

This files table contents are outlined below>>>>>

*******************************************
*******************************************
** - Default Btn Style 
** - Section Title Style
** - Top Header Style
** - Navbar Area Style
** - Main Banner Area CSS  Style
** - Inner Banner Style
** - About Area Style
** - Property Features Area Style
** - Employee Features Area Style
** - Property Area Style
** - Cart Wraps Area Style
** - Checkout Area Style
** - House Area Style
** - Features Area Style
** - Service Area Style
** - Gallery Area Style
** - Product Area Style
** - Innovation Area  Style
** - Testimonials Area Style
** - Team Area Style
** - Agent Area Style
** - Blog Area Style
** - Faq Area Style
** - Pagination Area Style
** - Contact Area Style
** - User All Form Style
** - Map Area Style
** - 404 Error Area Style
** - Coming Soon Area Style
** - Footer Area Style
** - Back To Top Button Style
** - Preloader CSS Style
** - Animation CSS Style

*******************************************
/*

/*================================================
Default CSS   this is the real one!! 
=================================================*/
 
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");

p {
    color: rgba(0, 0, 0, 0.8);
}

a {
    display: inline-block;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    text-decoration: none;
}

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

button {
    margin: 0;
    padding: 0;
    outline: 0;
}

button:focus {
    outline: 0;
    border: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
    color: #ffffff;
    line-height: 1.4;
}
p.p1{
    /* font-size: 20px; */
    margin-bottom: 30px;
    color: #ffffff !important;
  
}

.text_inner h1 span {
    color: #eaa958;
}

.content h6 {
    font-weight: 20px;
}

/* h3 {
    font-size: 22px;
} */

.d-table {
    width: 100%;
    height: 100%;
}

.d-table-cell {
    display: table-cell;
    vertical-align: middle;
}

.navbar-brand img {
    object-fit: contain;
    width: 100%;
    /* max-width: 150px;
    height: auto; */
}

img {
    max-width: 100%;
}

.ptb-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.pt-100 {
    padding-top: 100px;
}

.ptb-70 {
    padding-top: 70px;
    padding-bottom: 70px;
}

.pb-100 {
    padding-bottom: 100px;
}

.pb-70 {
    padding-bottom: 70px;
}

.pt-45 {
    padding-top: 45px;
}

.pt-20 {
    padding-top: 20px;
}

.ml-45 {
    margin-left: 45px;
}

.mt-100 {
    margin-top: 100px;
}

.border-radius-50 {
    border-radius: 50px;
}

.bg-color {
    background-color: #FEF9EB;
}
/*================================
Default Btn Style 
===================================*/

.default-btn {
    padding: 12px 34px;
    color: #ffffff;
    text-align: center;
    position: relative;
    overflow: hidden;
    z-index: 1;
    text-transform: capitalize;
    border: none;
    outline: none;
}

.default-btn::before {
    content: '';
    position: absolute;
    top: 0;
    width: 0;
    height: 100%;
    left: 0;
    right: 0;
    opacity: 0;
    z-index: -1;
    -webkit-transition: 0.7s;
    transition: 0.7s;
}

.default-btn:hover::before {
    width: 100%;
    opacity: 1;
}

.btn-bg {
    background-color: rgb(32, 31, 31);
}

.btn-bg::before {
    background-color: rgba(238, 154, 88, 0.8);
}

.btn-bg-2 {
    background-color: #C38F60;
}

.btn-bg-2::before {
    background-color: #FD8980;
}

.btn-bg-3 {
    background-color: #8567FE;
}

.btn-bg-3::before {
    background-color: #C38F60;
}
/*================================
Section Title Style 
===================================*/
/* 
.faci h2,
.faci p {
position: relative;
top: 0px;
left: 400px;
text-align: center !important;
}

.faci span {
position: relative;
top: 0px;
left: 610px;
} */

@media (min-width: 500px) {
    .center {
        position: relative;
        top: 0px;
        left: 20%;
        width: 100%;
    }
}

.center1 {
    /* left: 10%; */
    width: 100%;
}

.top-inside-divider {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSI2MHB4IiB2aWV3Qm94PSIwIDAgMTI4MCAxNDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI2UwOTkwMCI+PHBhdGggZD0iTTAgMTQwbDY0MC03MCA2NDAgNzBWMEw2NDAgNzAgMCAwdjE0MHoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNMCAxNDBoMTI4MEw2NDAgNzAgMCAxNDB6Ii8+PC9nPjwvc3ZnPg==);
    background-size: 100% 60px;
    top: 0;
    height: 60px;
    z-index: 1;
    transform: rotateX(180deg);
}

.bottom-divider {
    transform: rotatey(-180deg) !important;
}

.top-divider,
.bottom-divider {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNlMDk5MDAiPjxwYXRoIGQ9Ik0wIDE0MGgxMjgwQzU3My4wOCAxNDAgMCAwIDAgMHoiIGZpbGwtb3BhY2l0eT0iLjMiLz48cGF0aCBkPSJNMCAxNDBoMTI4MEM1NzMuMDggMTQwIDAgMzAgMCAzMHoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNMCAxNDBoMTI4MEM1NzMuMDggMTQwIDAgNjAgMCA2MHoiLz48L2c+PC9zdmc+);
    background-size: 100% 100px;
    top: 0;
    height: 100px;
    z-index: 1;
    transform: rotateX(180deg);
}

.top-divider-right {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNlMDk5MDAiPjxwYXRoIGQ9Ik0wIDE0MGgxMjgwQzU3My4wOCAxNDAgMCAwIDAgMHoiIGZpbGwtb3BhY2l0eT0iLjMiLz48cGF0aCBkPSJNMCAxNDBoMTI4MEM1NzMuMDggMTQwIDAgMzAgMCAzMHoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNMCAxNDBoMTI4MEM1NzMuMDggMTQwIDAgNjAgMCA2MHoiLz48L2c+PC9zdmc+);
    background-size: 100% 100px;
    top: 0;
    height: 100px;
    z-index: 1;
    transform: rotate(-180deg);
}
/* 
@media (max-width: 700px) {
.center {
    margin-right: 10%;
    margin-left: 10%;
}
.speciality-item {
    max-width: 70%;
}
} */

.section-text-color {
    color: #ffffff !important;
    font-size: 16px;
}

.section-title.faci {
    text-align: center !important;
    /* position: absolute;
transform: translate(10px, -100px); */
}

.section-title span {
    line-height: 0;
    text-transform: capitalize;
    padding-bottom: 5px;
    margin: 0;
}

/* .section-title h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 25px;
    font-weight: normal !important;
    margin-top: 5px;
    letter-spacing: 5px;
    line-height: 1.4;
    color: #e9a558 !important;
} */

.section-title p {
    padding-top: 10px;
    margin-bottom: 0;
    font-size: 15px;
    /* color: #000000;
    line-height: 1.2; */
}

.sp-color {
    color: #C38F60;
}

.sp-color-2 {
    color: #C38F60;
}

.sp-color-3 {
    color: #8567FE;
}
/*================================
Section Title Style End
===================================*/

/*==================================
Preloader CSS End
=====================================*/
/*==================================
Animation CSS
====================================*/

@-webkit-keyframes rotated360 {
    0% {
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }
    100% {
        -webkit-transform: rotateZ(-360deg);
        transform: rotateZ(-360deg);
    }
}

@keyframes rotated360 {
    0% {
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }
    100% {
        -webkit-transform: rotateZ(-360deg);
        transform: rotateZ(-360deg);
    }
}

@-webkit-keyframes opacity-option {
    0% {
        opacity: 1;
    }
    50% {
        opacity: .05;
    }
    100% {
        opacity: 1;
    }
}

@keyframes opacity-option {
    0% {
        opacity: 1;
    }
    50% {
        opacity: .05;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes scale {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
    35% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0.8;
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}

@keyframes scale {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
    35% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0.8;
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}

.footer-area {
    background-image: url(/assets/custom_images/home-one/Homepage.jpg); 
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.image-fade{
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0,0,0,9), rgba(0,0,0,0));
    position: absolute;
 
}
/* logo map start */

.image_wrap {
    display: inline-block;
    position: relative;
    max-width: 100%;
}
/* map start */

@media(min-width: 981px) {
    .footer-widget .Googlemap:last-child {
        margin-right: 0!important;
    }
}
/* map end */
/*# sourceMappingURL=style.css.map */

/* slide animation */


/* .bg-half-260 {
    padding-top: 263px !important;
    background-size: cover;
    align-self: center;
    position: relative;
    background-position: center center;
    /* height: 500px; */
/* } */ 
.bg-overlay {
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
}

.bg-overlay .section-title{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin: 100px 40px;
}
/*===================
animation01
====================*/

.animation01 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
   
}

.animation01 div {
    width: 20%;
    height: 100%;
    animation: animation01 0.275s ease-in forwards;
    transform-origin: bottom;
    opacity: 0;
}

.animation01 div:nth-child(1) {
    background-image: url(/files/bg6.jpg);
    animation-delay: 1s;
    background-repeat: no-repeat;
    background-size: cover;
	background-position:48%;
}

.animation01 div:nth-child(2) {
    background-image: url(/files/bg2.jpg);
    animation-delay: 0.8s;
    background-repeat: no-repeat;
	background-position: center;
    background-size: cover;
}

.animation01 div:nth-child(3) {
    background-image: url(/files/bg5.jpg);
    animation-delay: 0.6s;
    background-size: cover;
    /* background-repeat: no-repeat; */
	background-position: center;
}

.animation01 div:nth-child(4) {
    background-image: url(/files/bg4.jpg);
    animation-delay: 0.4s;
    background-size: cover;
    background-repeat: no-repeat;
	background-position: center;
}

.animation01 div:nth-child(5) {
    background-image: url(/files/bg1.jpg);
    animation-delay: 0.2s;
    /* background-size: 2367px ; */
    background-size: cover;
    background-repeat: no-repeat;
	background-position: 39%;
}

@keyframes animation01 {
    0% {
        transform: scale3d(1, 0, 1);
        opacity: 1;
    }
    100% {
        transform: scale3d(1, 1, 1);
        opacity: 1;
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 1140px !important;
    }
}


@media screen and (min-width: 280px) and (max-width: 400px){
   
    .bg-overlay .section-title{
        margin: 64px 40px !important;
    }

    
}
@media screen and (min-width:280px) and (max-width: 638px ){
    .blog-layout {
        flex-direction: column;
    }
}
.bg{
    display: flex;
    text-align: center;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
}
.side-bar-widget .title,
.side-bar-widget .widget-popular-post .item .info .title-text a,.side-bar-widget .widget-popular-post .item .info p{
    color: white !important;
}
.blog-detail-size{
    color:#d1d8dd;
}

.side-bar-widget .widget-popular-post .item .thumb .full-image{
    width: 100%;
    height: 100%
}
.blog-layout{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
}
.side-bar-widget .widget-popular-post .item{
    margin-left: 0px
}
.pre-animate {
    display: none;
  }
.slidein {
    -webkit-animation: slidein 1s ease-out;
    animation: slidein 1s ease-out;
  }
  @-webkit-keyframes slidein {
      from {
        opacity: 0;
        -webkit-transform: translate(100%);
        transform:         translate(100%);
        background: transparent;
      }
      to {
        opacity: 1;
      }
  }
  @keyframes slidein {
      from {
        opacity: 0;
        -webkit-transform: translate(100%);
        transform:         translate(100%);
      }
      to {
        opacity: 1;
      }
  }
  .container{
    max-width: 90%;
  }