Table Of Index
------------------
1. Base css
2. Topbar Css
3. Header Css
4. Slider Css
5. Slider Video Css
6. Custom slider
7. Properties Css
8. Popular Css
9. Property Rent Css
10. Perfect Home Css
11. Our Team Css
12. Footer Css 
13. Blog Css
14. Tags Css
15. Contact Css
16. 404 page Css
17. Faqs page Css
18. Pricing Tables Css
19. Featured Plan Css
20. Property Listing Css
21. Agent Css
22. Property Submit Css
23. Testimonials Css
24. Media Screen Css
------------------------------------------*/




*{margin:0; padding:0;}
body{font-family: 'Open Sans', sans-serif; overflow-x: hidden;}
h1, h2, h3, h4, h5, h6{font-family: 'Poppins', sans-serif;}

a{-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
ul, ol{list-style:none;}
img{max-width:100%;}
p{font-size:14px; line-height:24px; color:#333;}
.style_none{list-style:none; margin-bottom:0;}
ul.tick{ list-style: none;}
ul.tick li{position:relative; padding-left:28px; font-size: 15px; font-weight: 600; flex-basis: 50%;}
ul.tick li:before{  
    font-family: 'Font Awesome 5 Free'; font-weight: bold;
    content: '\f14a'; 
    position:absolute; top:0; left:0;
    color:#24aae1;
}
ul.tick li{margin-bottom:10px;}
.style_none{list-style:none;}
.readmore{margin-bottom: 30px;}
.readmore a{text-decoration: none; font-size: 16px; color: #fff; display: inline-block; font-weight: bold; text-transform: uppercase; background: #24aae1; padding: 16px 40px;}
.readmore a:hover{background: #231f20;}
.title {
  margin-bottom: 50px;
  position: relative;
  text-align: center;
}
.title h1 {
  font-size: 46px;
  color: #272627;
  margin: 0;
  font-weight: bold;
}
.title:after {
  background: #231f20;
  content: "";
  width: 56px;
  height: 2px;
  position: absolute;
  bottom: -18px;
  left: 0;
}
.title h1 span {
  display: block; font-size: 16px;
}
.title_center:after{left: 50% !important; margin-left: -28px;}





/********************************************
	   == Topbar Css Start ==
********************************************/
.topbar-wrap{background: #231f20;}
.social_media{padding:10px 0; margin-bottom: 0;}
.social_media li{display:inline-block; padding:0 1px;}
.social_media li a{font-size:14px; color:#fff; border:1px solid #fff; width:30px; height:30px; line-height:30px; text-align:center; border-radius:100%; display:block;}
.topbar_phone{display: inline-block; padding-top: 12px;}
.topbar_phone a{font-size: 18px; font-weight: bold; color: #fff; text-decoration: none;}
.topbar_phone i{padding-right: 6px; font-size: 20px;}
.topbar_login{display: inline-block; margin-left: 10px;}
.topbar_login a{text-decoration: none; background: #24aae1; color: #000; font-weight: bold; padding: 13px 26px; display: block;}
.topbar_login i{padding-right: 7px;}
.top_right{text-align: right;}



/********************************************
	   == Header Css Start ==
********************************************/
.header-wrap{}
.navbar{padding:0;}
.navbar-brand{display:none;}
.navbar li{line-height:inherit; padding: 22px 0;}
.navbar-light .navbar-nav .nav-link{font-size:14px; padding: 12px 16px; color:#212529; text-transform:uppercase; z-index:1000; font-weight:bold;}
.caret{display: inline-block !important;
    font-size: 16px !important; color: #adadad !important;
    padding-left: 7px;}
.navbar-light .navbar-nav .active>.nav-link{color: #212529 !important;}
.header_logo img{width: 270px;}
.navbar li span{display: block; text-align: center; font-size: 24px;}
.header-wrap .dropdown a{border-radius:6px; position:relative; z-index:1000;}
.header-wrap .dropdown-menu:before{content:""; width: 0; height: 0; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom: 10px solid #fff; position: absolute; left: 50%; margin-left: -5px; z-index:1000; top:-10px;}
.navbar li a{position:relative;}
.navbar li:last-child a:after{border-radius:30px;}
.navbar-light .navbar-nav .nav-item:hover .nav-link, .navbar-light .navbar-nav .nav-link:hover{color:#fff !important; background: #24aae1; }
.tp-bannertimer{display:none;}
.navbar{float: right;}
.navbar-light .navbar-nav .nav-item:hover .nav-link .caret, .navbar-light .navbar-nav .nav-link:hover .caret{color: #fff !important;}
.close-toggler{display: none;}
.submenu li:last-child{border: none;}
.navbar-nav > li:hover > ul {
    top: 100%;
    opacity: 1;
    visibility: visible;
}

.navbar-nav > li > ul > li {
    position: relative;
    float: none;
    width: 100%;
    border-bottom: 1px solid #e8e8e8;
    padding: 0;
}

.submenu>li:hover>a {
    background: #24aae1;
    color: #fff !important; 
}

.navbar-nav > li > ul > li > a {text-decoration:none;
    position: relative;
    display: block;
    padding: 10px 20px;
    font-weight: 600;
    font-size: 14px;
    color: #000 !important;
    word-wrap: break-word;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
.navbar-nav li> .submenu >li a+i{display: none;
    position: absolute;
    right: 15px;
    top: 7px;
    font-size: 24px;
    cursor: pointer;
    color: #0b3c5d;
    background: #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;}

.navbar-nav>li>a+i{
    display: none;
    position: absolute;
    right: 15px;
    top: 7px;
    font-size: 24px;
    cursor: pointer;
    color: #0b3c5d;
    background: #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    z-index: 1000;
}
.navbar-nav li{position: relative;}
.navbar-nav > li > ul {list-style: none;
    position: absolute;
    left:0;
    top: 200%;
    width: 240px;
    padding: 0px;
    z-index: 100;
    background: #fff !important;
    visibility: hidden;
    opacity: 0;
    border-radius: 0px 2px 2px 2px;
    -ms-border-radius: 0px 2px 2px 2px;
    -webkit-border-radius: 0px 2px 2px 2px;
    -moz-border-radius: 0px 2px 2px 2px;
    -o-border-radius: 0px 2px 2px 2px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.38);
}

.submenu li .submenu_right{display: none;}
.submenu_right{background:#fff; position: absolute; top: 0; left: 100%; width: 200px;}
.submenu_right li{padding-bottom: 0; padding: 0px; border-bottom: 1px solid #e8e8e8;}
.submenu_right li a{display: block; font-size: 14px; font-weight: 600; padding: 10px 20px; color: #000; text-decoration: none;}
.submenu_right li a:hover{background: #24aae1; color: #fff !important;}
.submenu li:hover .submenu_right{display: block;}
.right_angle{position: absolute; top:8px; right: 10px; font-size: 18px !important;}





/********************************************
	   == Slider Css Start ==
********************************************/
.slider-wrap{background:url(../images/banner-bg.html) no-repeat top; background-size:cover; padding:70px 0 80px 0;}
.sliderTxt h1{font-size:60px; color:#fff; text-transform: uppercase; font-weight: 600; margin-top:0; text-align:center;}
.sliderTxt p{font-size:18px; color:#fff; letter-spacing: 2px; text-align:center;}
.form-wrap{background: rgba(255, 255, 255, 0.14); padding: 25px;}
.slider-wrap .input-group .form-control{border:none; font-size: 14px; border-radius:0 !important; height: 48px;}
.slider-wrap .input-group .dropdown{height: 46px; width:100%; border: none; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none;}
.slider-wrap .input-group .dropdown option{height: 40px !important; padding: 10px 10px !important;}
.input-btn{text-align:right;}	
.sbutn{background: #24aae1; border: none; cursor: pointer; padding:13px 0px 12px 0; width:100%; text-transform: uppercase; font-size: 14px; color: #000; border-radius: 0; font-weight: bold;}
.sbutn:hover{background:#000; color: #fff;}
.sbutn i{padding-right: 6px;}
.origin, .destination, .date_start{margin-bottom: 6px;}
.input-group{width:100%;}
.form-wrap .col-lg-5{padding-right:3px;}
.form-wrap .col-lg-4{padding:0 3px;}
.form-wrap .col-lg-3{padding-left:3px;}
.form-wrap .col-lg-2{padding-left:3px;}
.end_date{padding-left:15px !important; padding-right: 3px;}
.economy{padding:0 3px !important;}
.formWrp{padding:60px 0;}
.map-wrap iframe{margin-bottom:-5px;}
.slidrWrp{background:#c1030a url(../images/new%20pattern.html) repeat; padding:50px 0;}
.slidrWrp .form-wrap{background: rgba(255, 255, 255, 0.41);}

.form-wrap .input-group select:focus{outline: none !important;}
.nav>li>a:hover, .nav>li>a:focus {
    text-decoration: none;
    background-color: #24aae1;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
    color: #fff;
    background-color: #24aae1;
}
.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px; color: #fff;
}

.nav-pills{margin-top: 44px;}
.nav>li>a.active{background: #24aae1;}



.form_sec{background: #41444c; padding: 30px 0;}


/*********************************************
    Slider Video wrap start
*********************************************/
.videoWrp{background:none; position:relative; padding:0; height:600px;}
.hero-wrapper{height:600px; min-width: 100%; position: absolute; top:0px; left:0; width:100%;}
.video{position:relative;}
.hero-wrapper:before {content: ''; position: absolute; top: -60px; z-index: -1; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
.hero-image {width: 100%; height: 100%; overflow: hidden; z-index: -1; top: 0; background-position: center center; background-size: cover;}
.hero-image #bgvid { display: block; min-height: 100%; min-width: 100%; max-width: inherit;}
.videohover{position:absolute; top:60px; left:0; width:100%; z-index:99;}
.video_hoverText{margin-top: 50px;}



/*********************************************
    Custom slider options
**********************************************/
.tp-banner-container {
    position: relative;
    z-index: 1;
    padding: 0;
    width: 100%;
}
.tp-banner {
    position: relative;
    width: 100%;
}
.tp-caption {
    line-height:normal !important
}
.tp-caption a {
    color: inherit !important;
}
.tp-bullets.simplebullets.round .bullet {
    border: 3px #fff solid;
    border-radius: 50%;
    background-image: none !important;
}
.tparrows {
    width: auto !important;
    height: auto !important;
    background-image: none !important;
}
.tp-arr-allwrapper {
    margin: 0 10px;
    width: 50px;
    height: 60px;
    background: rgba(255,255,255,0.5);
}
.tp-arr-allwrapper:hover .tp-arr-iwrapper {
    color: #fff;
}
.tp-leftarrow .tp-arr-allwrapper {
}
.tp-rightarrow .tp-arr-allwrapper {
}
.tp-arr-iwrapper {
    color: #000;
    text-align: center;
    font-size: 30px;
    font-family: 'Font Awesome 5 Free'; font-weight: 600;
    line-height: 60px;
}
.tp-leftarrow .tp-arr-iwrapper {
}
.tp-leftarrow .tp-arr-iwrapper:before {
    content: "\f104";
}
.tp-rightarrow .tp-arr-iwrapper:before {
    content: "\f105";
}
.tp-rightarrow .tp-arr-iwrapper {
}
.slide-h1 {
    margin: 5px 0 !important;
    padding: 0 0 10px !important;
    padding-bottom: 5px !important;
    color: #444;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 57px;
}
.slide-h2 {
    margin: 5px 0 !important;
    padding: 0 0 10px !important;
    padding-bottom: 5px !important;
    color: #555;
    font-weight: bold;
    font-size: 55px;
    line-height: 100%;
}
.big-font {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 60px;
}
.large-desc {
    font-size: 16px;
}
.slide-h3 {
    color: #fff;
    font-size: 31px;
    line-height: 100%;
}
.slide-h3 span {
    text-transform: uppercase;
    font-weight: bold;
}
.slide-head {
    text-transform: uppercase;
    font-weight: 900;
    font-size: 30px;
}
.slide-desc {
    font-size: 22px;
    line-height: 150%;
}
.main-title {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 70px;
}
.icon-cont {
    padding: 15px 40px;
    border-radius: 10px;
    text-align: center;
}
.icon-cont:after {
    position: absolute;
    bottom: -10px;
    left: 40%;
    z-index: 5;
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 10px 10px 0 10px;
    border-style: solid;
    content: "";
}
.icon-cont i {
    margin-bottom: 10px;
    color: #fff;
    font-size: 50px;
}
.icon-cont span {
    display: block;
    padding: 0 0 5px;
    color: #fff;
    text-align: center;
    font-size: 18px;
}
a.wit-btn {
    background: #fff;
    color: #333 !important;
    text-transform: uppercase;
}
.wit-line {
    width: 5%;
    height: 1px;
    background: #fff;
}
.vert-line {
    min-height: 270px;
    width: 1px;
    background: #fff;
}
.subTxt {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 17px;
    color: #333;
}
.large-title {
    color: #222;
    font-size: 60px;
    font-weight: 800;
    text-transform: uppercase !important;
}
.large-light-title {
    color: #787878 !important;
    font-size: 70px;
    font-weight: lighter;
    text-transform: uppercase;
    letter-spacing:2px
}
.large-text {
    font-size: 20px;
    color: #000;
    font-weight: lighter;
}
.larger-text {
    font-size: 24px;
    font-weight: lighter;
    text-transform: uppercase;
}
.witTxt {
    color: #fff !important;
}
.light-font {
    font-weight: lighter !important;
    font-size: 50px;
}
.black-bg{
    background:rgba(0,0,0,.63);
    color:#a8a8a8;
    text-transform:none;
}
.lft-list {
    padding: 10px;
    font-size: 18px;
    color: #fff;
}
.wit-border {
    border: 1px #fff solid;
    padding: 15px 60px;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
}
.rounded-bord {
    margin-right: 15px;
    border: 1px #fff solid;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 13px;
    border-radius: 50%;
}
#vertical-ticker{
    height:120px;
    overflow:hidden;
}
#vertical-ticker li{
    padding:15px 20px;
    display:block;
    text-align:center;
}
.to-bottom i.fa{
    font-size: 30px;
    border:2px #a8a8a8 solid;
    padding:20px 22px;
    border-radius:50%;
    -webkit-animation: bounce 2s infinite linear;
    animation: bounce 2s infinite linear;
}

.slidertext_hover{font-size: 18px; color: #fff;font-weight: 300; letter-spacing: 4px;}
.slidertext2{color:#fff; font-size:72px; font-weight:bold !important; padding:15px 0; text-transform:none !important; font-family: 'Poppins', sans-serif; text-align:center;}
.slidertext3{color:#fff; font-size:20px; font-weight:normal !important; padding:15px 0; text-transform:inherit !important; font-family: 'Poppins', sans-serif; text-align:left; line-height:32px !important;}
.slidertext4 a{color:#fff !important; font-size:18px; font-weight:700; padding:20px 42px; border-radius:30px; text-transform:uppercase !important; text-align:center; background:none; font-family:'OpenSans', sans-serif; 
  
    border-radius: 0px;
    background-color: #24aae1;

    }


.slider_btn a{background: none !important; border: 1px solid #fff; color: #fff !important;}
.slider_btn a:hover{background: #24aae1 !important; border-color: #24aae1;}

.slidertext4 i{padding-left:6px; font-size:24px;}

.slidertext4 a:hover{background: #231f20;}
a.slidebtn{background:#e76ba9; color:#fff !important; padding:15px 30px; font-size:16px; text-align:center; font-weight:normal !important; text-transform:none !important; display:inline-block; font-family:'OpenSans', sans-serif;}
a.slidebtn i{margin-left:10px;}


@-webkit-keyframes bounce {
    0% {
        transform:translateY(0%);
    }
    50% {
        transform:translateY(-30%);
    }
    100% {
        transform:translateY(0);
    }
}

/* Mozilla Firefox 15 below */
@-moz-keyframes bounce {
  0% {
        transform:translateY(0%);
    }
    50% {
        transform:translateY(-30%);
    }
    100% {
        transform:translateY(0);
    }
}

/* Opera 12.0 */
@-o-keyframes bounce {
    0% {
        transform:translateY(0%);
    }
    50% {
        transform:translateY(-30%);
    }
    100% {
        transform:translateY(0);
    }
}

/* W3, Opera 12+, Firefox 16+ */
@keyframes bounce {
    0% {
        transform:translateY(0%);
    }
    50% {
        transform:translateY(-30%);
    }
    100% {
        transform:translateY(0);
    }
}



/*---------------------------------------
  About Css              
-----------------------------------------*/
.about-wrap {position: relative; background: #f7fbff;
  padding: 60px 0;
}
.aboutImg {
  margin-bottom: 15px;
}
.about-wrap .readmore {
  margin-top: 40px;
}
.about-wrap .title{text-align: left;}
.title p{font-size: 18px; letter-spacing: 4px; text-transform: uppercase; font-weight: 500; color: #24aae1; margin-bottom: 8px;}
.about-wrap .title h1 span{font-size: 46px;}
.about_box {
  margin-left: 30px;
}
.subText {
  font-size: 18px;
  font-weight: 600;
  color: #24aae1;
  font-family: 'Montserrat', sans-serif;
  margin-bottom: 15px;
}




/********************************************
       == Properties Start ==
********************************************/
.services-wrap{padding: 80px 0 100px 0;}

.services_box{background: #fff; padding: 10px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);margin-top: 20px;}
.servicesImg{position: relative; overflow: hidden;}
.servicesImg img{width: 100%; -webkit-transform: scale(1);
  transform: scale(1); 
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;}
.services_box h3{margin-top: 14px; line-height: 24px; min-height: 52px; margin-top: 20PX;}
.blog-wrap{padding: 70px 0 40px 0;}
.services_box h3 a{text-decoration: none; font-size: 22px; color: #000; font-weight: 500;}
.services_box h3 a:hover{color: #24aae1;}
.service-price{text-align: right;
    margin-top: -24px;
    z-index: 99;
    position: relative;
    margin-right: 20px;}
.service-price span{
    display: inline-block;
    font-weight: 700;
    text-align: center;
    text-align: right;
    border-radius: 30px;
    letter-spacing: 0px;
    padding: 2px 12px;
    background-color: #24aae1;
    color: #fff;
}
.service_dollar{text-align: left; margin-top: 10px; margin-bottom: 30px;}
.services-wrap p{font-family: 'Poppins', sans-serif; font-weight: 300; margin-bottom: 0; color: #a7a7a7;}
.services_box:hover .servicesImg img{-webkit-transform: scale(1.1);
  transform: scale(1.1);}



.work-wrap .title h1{color: #fff;}
.icon-holder{margin-bottom: 20px; border: 4px solid #fff; width: 150px; height: 150px; border-radius: 100%; display: inline-block; line-height: 150px;}
.work-wrap{background: url(../images/work-bg.jpg) no-repeat top; text-align: center; background-size: cover; padding: 60px 0; text-align: center;}
.work-wrap h4 a{color: #ffffff; font-weight: 600; font-size: 20px; text-decoration: none;}
.work-wrap p{font-size: 14px; line-height: 26px; margin-top: 25px; color: #fff;}
.start_btn span{}
.start_btn a{text-decoration: none; font-size: 16px; font-family: 'Poppins', sans-serif; border: 1px solid transparent; color: #000; display: inline-block; font-weight: 400; background: #24aae1; padding: 16px 34px;}
.start_btn{margin-top: 34px;}
.start_btn a:hover{
    background: transparent; border: 1px solid #fff; color: #fff;
}

/********************************************
       == popular_wrap Start ==
********************************************/
.popular_wrap {
    padding: 60px 0px 70px 0px;
}
.popular_wrap h1{
    font-size: 46px;
    font-weight: 400;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    color: #000;
}
.popular_wrap span{
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    color: #000;
    margin-bottom: 40px;
    display: block;
}

.popular_wrap .popular_img{
    overflow: hidden;
}
.popular_wrap .popular_img:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: -270px;
    content: "";
    background-color: rgba(0, 0, 0, 0.6);
    width: 0;
    height: 130%;
    -webkit-transform: skewX(-36.01deg);
    -ms-transform: skewX(-36.01deg);
    transform: skewX(-36.01deg);
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    z-index: 0;
}
.popular_wrap .popular_img .popular_img_text{
    font-size: 18px;
    color: #FFFFFF;
    position: absolute;
    bottom:0;
    right: 0px;
    top: inherit;
    left: 0px;  
    z-index: 1;
    background-color: transparent;
    background-image: linear-gradient(transparent, #000);
    padding:8px 20px;
}
.popular_wrap .mt{
    margin-top: 18.5px;
}
.popular_img .popular_img_text a{
    font-size: 24px;
    color: #fff;
    text-decoration: none;
}
.popular_img .popular_img_text a:hover{
    color: #24aae1;
}

.popular_img:hover:before{
    width: 230%; }
/********************************************
       == property_rent Css Start ==
********************************************/
.property_rent{
    background: url(../images/property_rent_bg.html) no-repeat;
    background-size: cover;
}

/********************************************
       == perfect_home_wrap Css Start ==
********************************************/
.perfect_home_wrap{
    background: url(../images/perfect_bg.html) no-repeat top; background-size: cover;
    padding: 52px 0px;
}
.perfect_home_wrap h1{
    font-size: 36px;
    font-family: bold;
    color: #fff; text-transform: uppercase;
    margin-bottom: 15px;
    font-family: 'Poppins', sans-serif;
}
.perfect_home_wrap span{
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    font-style: italic;
    font-family: 'Poppins', sans-serif;
}
.perfect_home_wrap .readmore{margin-bottom: 0;
    text-align: right;
}
.perfect_home_wrap .readmore a{
    text-decoration: none;
    color: #000;
    background: #fff;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    padding: 15px 40px;
}
.perfect_home_wrap .readmore a:hover{
    background: #000;
    color: #fff;
}




/*---------------------------------------
   gallery section              
-----------------------------------------*/
.gallery-wrap {position: relative;
  text-align: center;
  padding: 60px 0;
}

.left_colors{position: absolute; bottom: 0; left: 0; z-index: -1;}
.right_boxes{position: absolute; top: 0; right: 0; z-index: -1;}

.gallery-wrap .title {
  margin-bottom: 65px;
}
.title_center {
  text-align: center;
}
.title_center:after {
  left: 50%;
  margin-left: -26px;
}
.galleryImg {
  position: relative;
}
.gallery-wrap .col-lg-4:nth-child(2) .galleryImg + .galleryImg {
  margin-top: 30px;
}
.gallery_style1 .col-lg-4:nth-child(4) .galleryImg {
  margin-top: 30px;
}
.gallery_style1 .col-lg-4:nth-child(5) .galleryImg {
  margin-top: 30px;
}
.gallery_style1 .col-lg-4:nth-child(6) .galleryImg {
  margin-top: 30px;
}
.gallery_style1 .col-lg-3:nth-child(5) .galleryImg {
  margin-top: 30px;
}
.gallery_style1 .col-lg-3:nth-child(6) .galleryImg {
  margin-top: 30px;
}
.gallery_style1 .col-lg-3:nth-child(7) .galleryImg {
  margin-top: 30px;
}
.gallery_style1 .col-lg-3:nth-child(8) .galleryImg {
  margin-top: 30px;
}
.gallery_style1 .col-lg-6:nth-child(3) .galleryImg {
  margin-top: 30px;
}
.gallery_style1 .col-lg-6:nth-child(4) .galleryImg {
  margin-top: 30px;
}
.portfolio-overley {
    z-index: 1000;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0, .60);
        opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 450ms ease-out 0s;
    transition: all 450ms ease-out 0s;
    -webkit-transform: rotateY(180deg) scale(0.5,0.5);
    transform: rotateY(180deg) scale(0.5,0.5);
}
.gallery-wrap ul li{margin-bottom: 30px;}
.gallery-wrap .galleryImg:hover .portfolio-overley, .galley_inner .galleryImg:hover .portfolio-overley {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: rotateY(0deg) scale(1,1);
    transform: rotateY(0deg) scale(1,1);
}
.gallery-wrap .content .image-link, .galley_inner .content .image-link {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 50px;
    height: 50px;
    color: #ffffff;
    line-height: 50px;
    background: #231f20;
    display: block;
    font-size: 16px;
    z-index: 1;
    text-align: center;
    border-radius: 100%;
}
.gallery_info{position: absolute; top: 50%; left: 0; width: 100%; margin-top: -20px;}
.gallery-wrap h3{color: #fff; font-size: 22px;}
.gallery-wrap p{font-size: 14px;   font-weight: 300; letter-spacing: 3px; color: #fff;}

.portfolio-details {
    border: 1px solid #ebebeb;
    border-radius: 4px;
    margin-bottom: 30px;
    padding: 40px;
}
.portfolio-details ul.rtin-portfolio-info li .rtin-label {
    color: #231f20;
    font-weight: 600;
    display: inline-block;
    margin-right: 25px;
    position: relative;
    width: 115px;
}
.portfolio-details ul.rtin-portfolio-info li span:after {
    content: ":";
    font-size: 18px;
    color: #444;
    font-weight: 500;
    position: absolute;
    top: -1px;
    right: 0;
}
.portfolio-details ul.rtin-portfolio-info li {
    margin-bottom: 15px;
}
ul.rating li {
    display: inline;
    color: #eee;
}
ul.rating li.star-rate i {
    color: #ffc800;
}
.portfolio-details ul {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
}



/********************************************
       == Commerial Start ==
********************************************/
.commerial_wrap{position: relative;}
.commerialWrp{background: url(../images/commerial-bg.jpg); background-size: cover; padding: 130px 150px 130px 80px;}
.commerial_wrap .col-lg-6{padding: 0;}
.commerial_wrap h3{font-size: 60px; color: #fff; margin-bottom: 20px;}
.commerial_wrap p{font-size: 20px; color: #fff; left: 2px; line-height: 30px; font-family: 'Montserrat', sans-serif; font-style: italic;}
.commerial_wrap p span{display: block; font-size: 24px; text-transform: none;}
.learnmore{margin-top: 40px;}
.learnmore a{text-decoration: none; font-size: 18px; text-transform: uppercase; color: #000; border-radius: 36px; background: #fff; font-weight: bold; padding: 18px 46px; display: inline-block;}
.learnmore a:hover{background: #000; color: #fff;}
.residence_bg{background: url(../images/residential-bg.jpg); background-size: cover; padding: 130px 70px 130px 150px;}
.residence_bg .learnmore a:hover{background: #000; color: #fff;}
.hover_logo{position: absolute; top: 50%; left: 50%; margin-top: -163px; margin-left: -163px;}




/********************************************
       == Appointment Start ==
********************************************/
.appointment-area {
    z-index: 1; background: url(../images/appointment-bg.jpg) no-repeat top; background-size: cover; padding: 80px 0 100px 0;
}
.appointment-area .title:after{margin-bottom: -20px;}
.appointment-area .title h1{color: #fff;}
.appointment-form .form-group{margin: 30px 0;}
.appointment-form .form-group input {
    background: rgb(255 255 255 / 12%);
    color: #fff;
    border: 2px solid #9ab5c5;
    border-radius: 40px;
    height: 66px;
    padding: 0 30px;
    font-size: 14px;
    width: 100%;
}
.appointment-form .form-group .select_option {
    background: rgb(255 255 255 / 12%);
    color: #fff;
    border: 2px solid #9ab5c5;
    border-radius: 40px;
    height: auto;
    line-height: 64px;
    padding: 0 30px;
    width: 100%;
    height: 66px;
}
input[type=date]{color: #fff !important;}
.appointment-form .nice-select .list{color: #000;}
.appointment-form .form-group input::-webkit-input-placeholder {
    color: #fff;
    opacity: 1;
}
.appointment-form .form-group input::-moz-placeholder {
    color: #fff;
    opacity: 1;
}
.appointment-form .form-group input:-ms-input-placeholder {
    color: #fff;
    opacity: 1;
}
.appointment-form .form-group input::-ms-input-placeholder {
    color: #fff;
    opacity: 1;
}
.appointment-form .form-group input::placeholder {
    color: #fff;
    opacity: 1;
}
.appointment-form .form-group {
    position: relative;
    margin-bottom: 0;
}
.appointment-form .form-group label {
    position: absolute;
    right: 40px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    top: 50%;
    color: #fff;
}
.appoint_btn{text-align: center;}
.appointment-form .submit-btn {
    padding: 0px 45px;
    border: none;
    height: 66px;
    text-transform: uppercase;
     font-weight: 600; border-radius: 40px;
    background: #231f20;
    color: #fff;
    cursor: pointer; 
}




/********************************************
       == Get In Touch Start ==
********************************************/
.get-wrap{padding: 60px 0; text-align: center; background: url(../images/phone-bg.jpg) no-repeat top; background-size: cover;}
.get-wrap .title{margin-bottom: 60px;}
.get-wrap .title h1{font-size: 62px; color: #000; font-weight: bold;}
.get-wrap .title:after{left: 50%; margin-left: -28px; bottom: -24px;}
.get-wrap p{color: #000; font-size: 16px; padding: 0 140px;}
.callText{font-size: 24px; color: #000; font-family: 'Montserrat', sans-serif;}
.get-wrap .phonewrp{position: relative; display: inline-block; padding-left: 85px; margin-top: 20px;}
.get-wrap .phonewrp a{text-decoration: none; font-size: 50px; color: #231f20; font-family: 'Montserrat', sans-serif; font-weight: 600;}
.get-wrap .phonewrp:before{content: ""; background: url(../images/phone_icon.png) no-repeat top; background-size: cover; width: 63px; height: 63px; position: absolute; top: 10px; left: 0;}
.get-wrap .phonewrp a:hover{color: #24aae1;}







/********************************************
       == our_team_wrap Css Start ==
********************************************/

section.our_team_wrap {
    padding: 60px 0px;
}
section.our_team_wrap h1{
    font-size: 46px;
    font-weight: 400;
    text-align: center;
    font-weight: bold;
    font-family: 'Poppins', sans-serif;
    color: #000;
}
section.our_team_wrap span{
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    color: #000;
    margin-bottom: 50px;
    display: block;
}
.team_img{text-align: right;}
.team_img img{width: 100%;}
section.our_team_wrap .team_member{
    position: relative; text-align: center;
    
}
.team_wrp{position: relative;}
.team_icons{}


.team_icons ul li{display: inline-block; margin: 0 4px;}
.team_icons ul li a{
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: #f1f1f1;
    border-radius: 100%;
    text-align: center;
}
.team_icons ul li a:hover{
    background: #24aae1;
}
.team_icons ul li a{
    color: #000;
}
.team_icons ul li:nth-child(1) a{background: #3c5c8d; color: #fff;}
.team_icons ul li:nth-child(2) a{background: #55acef; color: #fff;}
.team_icons ul li:nth-child(3) a{background: #c23287; color: #fff;}

.team_member .team_name h3{
    color: #000;
    margin-top: 15px; text-align: center;
    font-size: 24px;
    font-weight: 400;
}
.insta_pics{margin-bottom: 0;}
.insta_pics li{display: inline-block; padding-right: 5px; margin-bottom: 9px;}
.team_wrp p{font-size: 14px; text-transform: uppercase; letter-spacing: 2px; text-align: center;}


.team_img{position: relative;}
.team_icons{position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    background-color:#0071c24d;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all .3s linear 0s;}

.our_team_wrap .team_wrp:hover .team_icons{
    opacity: 1;
    visibility: visible;
}



/*********************************************
        Newsletter css
*********************************************/
.newsletter-wrap{background: #24aae1; padding: 35px 45px; z-index: 1000; position: relative;}
.newsletter-wrap .title{margin-bottom: 0; text-align: left;}
.newsletter-wrap .title:after{display: none;}
.newsletter-wrap .title h1{font-size: 36px; color: #fff; margin-bottom: 0;}
.newsletter-wrap .title h1 span{font-weight: 600; color: #fff; font-size: 24px;}
.newsletter-wrap form {
    position: relative;
}
.news-info{margin-top: 10px;}
.newsletter-wrap .form-control {
    border:none;
    border-radius: inherit;
    box-shadow: inherit;
    padding: 26px 22px 26px 78px;
    font-size: 20px;
}

.newsletter-wrap form input[type="submit"] {
        background: #231f20 none repeat scroll 0 0;
        border: medium none;
        z-index: 1000;
        color: #ffffff;
        font-size: 20px;
        cursor: pointer;
        font-weight: bold;
        padding: 0 30px;
        position: absolute;
        right: 10px;
        bottom: 10px;
        border-radius: 0;
        top: 10px;
        transition: all 0.35s ease-in-out;
        -webkit-transition: all 0.35s ease-in-out;
        -moz-transition: all 0.35s ease-in-out;
        -ms-transition: all 0.35s ease-in-out;
        -o-transition: all 0.35s ease-in-out;
}
.newsletter-wrap form input[type="submit"]:hover{background: #000;}
.newsletter-wrap .form_icon{font-size: 36px; position: absolute; top: 50%; z-index: 1000; color: #e1e2e5; margin-top: -17px; line-height: 0; left: 25px;}






/********************************************
	   == Footer Css Start ==
********************************************/
.footer{
   background:#24aae1; padding: 50px 0 20px 0;
}


.widget-content .images{
    margin-top: 10px
}





.footer-widget h3{margin-bottom:40px;}
.footer-widget h3.title {
    color: #000;
    font-size: 22px;
    text-transform: capitalize;
    text-align: left;
}
.footer.bg-style .footer-widget h3.title:before{
    content: "";
    background: #231f20;
    width: 40px;
    height: 1px;
    position: absolute;
    bottom: -15px;
    left: 0;
}
.footer.bg-style .footer-widget h3:after{display: none;}
.footer .readmore{margin-bottom: 0;}
.footer .readmore a{padding: 14px 28px; background: #fff; color: #000;}
.footer-widget.quick-links ul li a {
    font-size: 14px;
    line-height: 38px;


}
.footer-widget.quick-links ul li a:hover {
    color: #d62929;
}
.footer-widget.contact-widget input,
.footer-widget.contact-widget textarea {
    width: 100%;
    height: 50px;
    border: none;
    outline: none;
    padding: 0 20px;
}
.copyright{text-align: center; border-top: 1px solid #bde2f1; margin-top: 20px; padding-top: 15px; color: #212529;}
.footer-widget.contact-widget textarea {
    height: 100px;
    padding-top: 15px;
    margin-bottom: 5px;
}
.property_sec{list-style: none;}
.property_sec li{border-bottom: 1px solid #bde2f1; padding: 18px 0;}
.property_sec li:first-child{padding-top: 0;}
.property_sec li:last-child{padding-bottom: 0; border: none;}
.rec_proprty{display: flex;}
.property_info{margin-left: 16px;}
.property_info p{margin: 0; font-size: 14px;}
.priceWrp{color: #fff; margin-top: 10px; font-size: 16px; font-weight: bold; background: #231f20; padding: 3px 14px; display: inline-block;}
.property_info h4{margin-bottom: 0px; line-height: 14px;}
.property_info h4 a{font-size: 18px; color: #fff; text-decoration: none;}
.property_info h4 a:hover{color: #24aae1;}

.footer-widget .property_info h4 a{color: #231f20;}


.footer-widget.contact-widget .column{
    padding:0 10px;
}

.footer.bg-style .footer .footer-upper {
    padding: 75px 0 65px;
}
.footer.bg-style .footer-widget h3.title {
    position: relative;
    font-weight: 500;
    color: #000;
}
.footer.bg-style .footer-widget.quick-links ul li {
   
    margin-bottom: 8px;
}
.footer.bg-style .footer-widget.quick-links ul li a {text-decoration: none;
    font-size: 14px;
    color: #000;
    line-height: 22px;
    padding-bottom: 7px;
    padding-left: 15px;
    position: relative;
    font-weight: 400;
}
.footer.bg-style .footer-widget.quick-links ul li a:before {
    color: #231f20;
    content: '\f0da';
    font-family: 'Font Awesome 5 Free'; font-weight: 600;
    font-size: 12px;
    left: 0;
    line-height: 16px;
    position: absolute;
    top: 2px;
}
.footer.bg-style .footer-widget.quick-links ul li a:hover {
    color: #24aae1;
    
}
.footer.bg-style .footer-widget.quick-links ul li a:hover:before{
    color:#24aae1;
}

.footer.bg-style .footer-widget.contact-widget input,
.footer.bg-style .footer-widget.contact-widget textarea {
    background: rgba(119, 119, 119, 0.35);
    color: #fff;
}

.footer.bg-style .footer-widget.contact-widget input {
    height: 50px;
    font-size: 14px;
    font-weight: 400;
    color: #adadad;
    margin-bottom: 10px;
    font-family: 'Open Sans', sans-serif;
}

.footer.bg-style .footer-widget.contact-widget textarea {
    height: 90px;
    font-size: 14px;
    font-weight: 400;
    color: #adadad;
    margin: 5px 0px 20px;
    font-family: 'Open Sans', sans-serif;
}

.footer.bg-style .footer-widget.contact-widget button {
    height: 50px;
    line-height: 45px;
}
.footer-widget.opening-hour{
    color:#adadad;
}
.footer-widget.opening-hour span{
    font-size: 14px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    color: #adadad;

}
.footer-widget.opening-hour .day-time{
    margin-top: -12px;
}
.footer-widget.opening-hour .day-time li{
    font-size: 14px;
    line-height: 22px;
    padding: 13px 0px;
    border-bottom: 1px solid #3b3a4c;
}
.footer-widget.opening-hour .day-time span{
    float:right;
}
.footer-widget.opening-hour .day-time li:last-child{
    border-bottom:none;
}
.footer-widget.opening-hour .day-time li:nth-child(3) span{
    color:#fc7013;
}
.footer-widget.opening-hour .day-time li:nth-child(4) span{
    color:#fc7013;
}

.footer-widget .contact-info li{
  position:relative;
  color:#bdbcc0;
  padding-left:30px;
  margin-bottom:5px;
  line-height:24px;
  font-size:14px;
  font-weight:400;
  font-family: 'Open Sans', sans-serif;
}

.footer-widget .contact-info li .icon{
  position:absolute;
  left:0px;
  top:0px;
  line-height:24px;
  font-size:14px; 
}

.footer-widget .widget-content{
    margin-top:-3px;
}
.footer-widget .widget-content p{
    margin-bottom:15px;
}


.footer-bottom .social-links a{
    
    display:inline-block;
    font-size:13px;
    font-weight:normal;
    color: #d1d1d1;
    padding: 0px 15px;
    line-height:26px;
    
}

.footer-bottom a:hover{
    color:#7aba1e;  
}
.footer-bottom .copyright-text{
    font-family: 'Open Sans', sans-serif;
    font-weight:400;
    font-size:14px;
    color:#333;
}


.footer-widget .social {
    list-style: none; margin-top: 20px;
}
.footer-widget .social li {
    display: inline-block;
}
.footer-widget ul li {
     padding-right: 4px;
}
.footer-widget .social li a {border: 1px solid #fff; font-size: 16px;
    color: #bdbcc0; display: block; width: 30px; height:30px; text-align: center; line-height: 30px; border-radius: 100%;
}
.social li a {
    color: #fff; 
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

.footer-bottom{padding: 14px 0;}


.footer .footer_contact .footr{
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    padding-left: 20px;
    margin-bottom: 10px;
    display: block;
}
.footer .footer_contact a:hover, .footer .footer_contact a:hover:before{
    color: #24aae1;
}

.footer-adress{list-style:none;}
.footer-adress li{margin:0;  padding-bottom: 15px; display: flex;}
.footer-adress li > i{vertical-align:top; font-size:16px; color:#231f20; width:30px; padding-top: 3px;}
.footer-adress li span a, .footer-adress li span{font-size: 14px; color: #000; text-decoration: none;}
.footer-adress li span a:hover{color: #77dda7;}
.footer_phone a{font-size: 20px !important; font-weight: bold;}
.footer_address i, .footer_phone i{font-size: 24px !important;}

.footer_icon{text-align: left;}
.footerLinks li{position:relative; padding-left:16px;}
.footerLinks li a{font-size:14px; color:#fff; line-height:30px; text-decoration:none;}
.footerLinks li:before{content:"\f105"; font-family: 'FontAwesome'; position:absolute; top:4px; left:0; font-size:14px; color:#fff;}
.footerLinks li a:hover{color:#79c401;}
.social-icons ul li{display:inline-block; margin-right:3px;}
.social-icons ul li a{border:1px solid #fff;
    display:block;
     font-size:18px; text-align: center;
     color:#fff;
     width:38px;
     height:38px;
     line-height:38px;
     border-radius:100%;
}

.social-icons ul li:nth-child(1) a{background: #3c599b; border-color: #3c599b;}
.social-icons ul li:nth-child(2) a{background: #1ea1f3; border-color: #1ea1f3;}
.social-icons ul li:nth-child(3) a{background: #cd2e80; border-color: #cd2e80;}
.social-icons ul li:nth-child(4) a{background: #fb000f; border-color: #fb000f;}


input:focus{outline: none !important;}
.innerHeading{background: url(../images/arkaic.jpg); padding: 40px 0; background-size: cover; text-align: center;}
.innerHeading h1{color: #fff; font-size: 36px; font-weight: 600;}
.innercontent{padding: 80px 0;}
.innercontent .about-wrap{background: none; padding: 0;}
.innercontent .gallery-wrap{padding: 0;}
.innercontent ..gallery-wrap ul li{margin: 15px 0 !important;}


/*********************************************
    Blog Css
**********************************************/
.single-widgets {
    border: 1px solid #e5e8f3;
    padding: 30px 28px 35px;
    margin: 0 0 40px;
}
.blog_post .readmore a{font-size: 14px; padding: 14px 26px;}
.single-widgets:hover{border-color: #24aae1;}
.single-widgets.widget_search form {
    position: relative;
}
.thumb-blog-default h3 a{font-size: 24px; text-decoration: none; color: #000;}
.thumb-blog-default h3 a:hover{color: #24aae1}
.thumb-blog-default p{font-size: 14px; line-height: 24px;}
.post-meta > span {
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #e1e1e1;
}
.blog_details .services_box h3{min-height: inherit;}
.post-meta span {
    color: #a5a5a5;
    font-size: 13px;
}
.post-meta > span:last-child {
    border-right: none;
}
.single-widgets h4 {
    line-height: 26px;
    font-size: 21px;
}
.media {
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
}
.thumb-blog-default{margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #e5e8f3;}
.post-meta{margin-bottom: 10px;}
.post-image{max-width: 48%;
    margin-right: 25px;}
.blog_post .readmore{margin-bottom: 0;}
.single-widgets.widget_search form input[type="search"] {
    border-radius: 4px;
    border: 1px solid #ebedf5;
    background: #f9fafc;
    font-size: 12px;
    padding: 10px 70px 10px 16px;
    height: 60px;
    width: 100%;
}
.thumb-blog-default .readmore{}
.thumb-blog-default .readmore a{font-size: 14px; text-decoration: none; background: #24aae1; color: #fff; padding: 14px 36px; border-radius: 30px; display: inline-block; text-transform: uppercase; font-weight: bold;}
.thumb-blog-default .readmore a:hover{background: #000;}
.single-widgets.widget_search form button {
    position: absolute;
    right: 5px;
    top: 5px;
    bottom: 0px;
    cursor: pointer;
    border-radius: 4px;
    background: #24aae1;
    color: #ffffff;
    border: 0;
    font-size: 14px;
    line-height: 50px;
    height: 50px;
    width: 52px;
}
.single-widgets.widget_search form button:focus{outline: none !important;}

.single-widgets.widget_category ul {
    padding: 0;
    list-style: none;
}
.single-widgets.widget_category ul li {
    display: block;
    border-bottom: 1px solid #eaeaea;
    padding: 11px 0;
}
.single-widgets.widget_category ul li a{text-decoration: none; color: #000; font-size: 14px;}
.single-widgets.widget_category ul li a:hover{color: #24aae1;}
.single-widgets.widget_category ul li:first-child {
    border-top: none;
}
.single-widgets.widget_category ul li a span {
    float: right;
}

.blog_post .services_box{margin-top: 0; margin-bottom: 30px;}
.blog-pagination a {display: inline-block;
    width: 50px;
    height: 50px;
    text-align: center; text-decoration: none;
    line-height: 50px;
    color: #24aae1;
    border: 1px solid #24aae1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 3px;
}
.porperty_listWrp .services_box{min-height: auto;}
.blog-pagination a:hover, .blog-pagination a.active {
    background: #24aae1;
    color: #ffffff;
}

.blog_del{border: none;}
.blog_del .post-image{margin-bottom: 30px; max-width: inherit; margin-right: 0}
.blog_del h3 {margin-top: 10px;
    line-height: 26px;
    font-size: 26px;
}
blockquote {
    font-size: 14px;
    font-style: italic;
    line-height: 24px;
    background: #f3ffe0;
    padding: 25px;
    border-left: 8px solid #24aae1;
    margin: 20px 0;
}
.blog_post p{margin-bottom: 0; min-height: 72px;}
.single-widgets.widget_category ul{margin-bottom: 0;}
.single-widgets.widget_category ul li:last-child, .property_sec li:last-child{border: none; padding-bottom: 0;}
.single-widgets.widget_category .property_info h4 a{font-size: 16px !important;}
.single-widgets.widget_category .property_info p{line-height: 15px;}
.porperty_listWrp .services_box h3{min-height: inherit;}
.porperty_listWrp .readmore{margin-top:20px;}



/*********************************************
     Tags
**********************************************/
.tags:after{display:table; clear:both; content:'';}
.tags li {display: inline-block; float: left; border: none !important; padding: 0 !important}
.tags a {font-size: 13px; color: #969595; border: 1px solid #dadada; padding: 7px 10px; display: inline-block; margin-right: 5px; margin-bottom: 5px;}
.tags a:hover {border: 1px solid #24aae1; background:#24aae1; color: #fff !important; text-decoration:none;}


.blog_details .services_box{margin-top: 0;}



.bullet_icons{display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; list-style: none;}
.bullet_icons li{margin: 20px 0; position: relative; padding-left:54px; font-size: 15px; flex-basis: 50%; font-family: 'Poppins', sans-serif;}
.bullet_icons li:before {content: '\f00c'; 
    width: 40px;
    height: 40px;
     font-family: 'Font Awesome 5 Free'; font-weight: bold;
    background: #231f20; color: #fff;
    text-align: center;
     position:absolute; top:-8px; left:0;
    line-height: 40px;
    border-radius: 50%;
    -webkit-box-shadow: 0 6px 12px 0px #d3dbe33d;
    box-shadow: 0 6px 12px 0px #d3dbe33d;
    margin-right: 20px;
}




/*********************************************
    Contact Css
**********************************************/
.formcol .form-control{border-radius:0; height:48px; font-size:14px;}
.formcol textarea.form-control{height: 200px !important;}
.contact-btn .sub{margin-top:10px !important; font-size:20px;
    color: #fff;
    font-weight: bold;
    padding: 16px 36px;
    display: inline-block;
    text-decoration: none;
    background-color: #7ba0c5;
    -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.3);
    -moz-box-shadow: 0 5px 5px rgba(0,0,0,.3);
    box-shadow: 0 5px 5px rgba(0,0,0,.3);
    background: #222f3c; box-shadow:none; cursor:pointer; border:none;}
    .contact-btn .sub:hover{background:#7ba0c5;}
.contact-btn .sub i{margin-left:10px;}
.getTouch{font-size:36px; font-weight:bold; margin-bottom:30px;}
button:focus{outline: none;}
.aboutWrap h3{text-align: left;}
.innerTeamWrp .team_wrp{margin: 40px 0;}


/*********************************************
     404 page
**********************************************/
.four-zero-page{text-align:center;
  padding: 0 0 50px 0;
}
.four-zero-page h2 {
  font-size: 300px;
  color: #323040; text-shadow: 0 0 20px rgba(0, 0, 0, 0.21);
  font-weight: 800;
}
.four-zero-page h3 {
  color: #111111;
  font-weight: 600;
  font-size: 30px;
  letter-spacing: 10px;
}
.four-zero-page p{letter-spacing: 2px; padding:0 250px;}
.four-zero-page .readmore{margin-top:30px;}

.typghrapyWrp h1 span{font-size: 44px; margin: 20px 0;}
.mt40{margin-top: 40px;}

/*********************************************
     faqs page
**********************************************/
.faqs {
    margin-bottom: 30px;
}
.faqs .panel-default>.panel-heading {
    background: none;
    border: none;
    padding: 0;
}
.panel-heading h4{margin-bottom: 0;}
.faqs h4 a {
    padding:15px 55px 15px 15px;
    display: block;
    background: #24aae1;
    color: #fff;
    font-size: 18px;
    position: relative;
    
}
.panel-group h3{font-size:30px; margin-bottom:10px; margin-top:15px;}
.panel-group .panel {
    border-radius: 0;
    margin-bottom: 20px;
    border:1px solid #eee;
}
.panel-group .panel-body {
    line-height: 24px;
    color: #555;
    padding:15px;
    font-size: 14px;
}
.faqs h4 .collapsed:hover, .faqs h4 a:hover, .faqs h4 a:active {
    text-decoration: none;
    background: #24aae1;
    color: #fff;
}
.faqs h4 a:before {
    content: "\f068";
    background: #fff;
    font-family: 'FontAwesome';
    width: 30px;
    padding: 6px 0;
    color: #24aae1;
    position: absolute;
    right: 15px;
    top: 11px;
    font-size: 16px;
    display: inline-block;
    text-align: center;
    transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -webkit-transition: 0.3s ease-in;
    -ms-transition: 0.3s ease-in;
    line-height:18px;
    border-radius:50%;
}
.faqs h4 .collapsed:before {
    content: "\f067";
    font-family: 'FontAwesome';
    background: #24aae1;
    width: 30px;
    padding: 6px 0;
    color: #fff;
    position: absolute;
    right: 15px;
    top: 11px;
    font-size: 16px;
    display: inline-block;
    text-align: center;
    transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -webkit-transition: 0.3s ease-in;
    -ms-transition: 0.3s ease-in;
    text-decoration: none;  
}
.faqs h4 a.collapsed {
    background: #fff;
    color: #666;
    text-decoration: none;
}


.faqs h4 .collapsed:hover:before {background: #fff; color: #24aae1;}



.btn-facebook {
    background-color: #3b5999; border-radius: 0; padding: 12px 0;
}

/*********************************************
   Login page
**********************************************/
.login-wrap{max-width: 800px; margin: 0 auto; background: #e7f8ff; border: 1px solid #231f20; padding: 50px;}
.loginWrp{border-top: 1px solid #231f20; margin-top: 40px; padding-top: 30px;}
.loginWrp .form-group .form-control{height: 50px; border-radius: 4px; font-size: 14px; border-color: #f9eccd;}
.loginWrp .form-group{margin-top: 15px; margin-bottom: 0;}
.loginWrp .send_btn{width: 100%; letter-spacing: 0; font-weight: 600;}
.forgot_password{text-align: center;}
.forgot_password a{color: #000;}
.form-group .btn {
    background: #231f20;
    display: inline-block;
    border-radius: 30px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    padding: 16px 40px;
}

.form-group .btn:hover {
    background: #24aae1;
    color: #fff;
}

/*********************************************
   RegisterWrp page
**********************************************/
.registerWrp{border-top: none; padding-top: 0; margin-top: 0;}
.passnote {
    margin-bottom: 0px;
    font-size: 14px;
    margin-top: 10px;
    font-family: 'Open Sans', sans-serif;
    color: #ababab;
}
.form_set{margin-bottom: 30px;}
.already_account{text-align: center;}
textarea.form-control{height: 150px !important;}
.map{margin-left: 30px;}


/* ---------------------------------- 
     Pricing Tables
------------------------------------- */
.pricing-container {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    position: relative;
}

.plan {
    flex: 1;
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.1);
    text-align: center;
    position: relative;
    z-index: 9;
}

.plan-price {
    width: 100%;
    background: #474752;
    padding: 45px 30px;
    padding-top: 48px;
}

.plan:first-child .plan-price { border-radius: 3px 0 0 0; }
.plan:first-child { border-radius: 3px 0 3px 3px; }

.plan:last-child .plan-price { border-radius: 0 3px 0 0; }
.plan:last-child { border-radius: 0 3px 3px 0; }

.plan-price h3 {
    margin: 0;
    color: #fff;
    font-size: 22px;
}

.plan-price .value {
    display: block;
    font-size: 37px; font-weight: bold;
    line-height: 35px;
    padding: 22px 0 0 0;
    color: #fff;
}

.plan-price .period {
    color: #fff;
    margin-top: 20px;
    padding: 0 5%;
    display: block;
}

.plan-features {
    padding: 35px 30px;
    background: #fff;
}

.plan-features ul {
    list-style: none;
    padding: 0;
}

.plan-features ul li {
    padding: 8px 0;
    font-size: 14px;
    border-bottom: 1px solid #ececec;
}
.plan-features ul li:last-child{border: none;}

.plan-features a.button {
    margin-top: 20px;
}

.featured .readmore{margin-bottom: 0;}

/*********************************************
    featured plan
**********************************************/
.plan.featured {
    transform: translateY(-12px);
    border-radius: 0 0 3px 3px;
    z-index: 11;
}

.plan.featured .plan-price {
    background: linear-gradient(to bottom, rgba(255,255,255,0.1) 0%, transparent);
    background-color: #24aae1;
    padding: 50px 30px;
    border-radius: 3px 3px 0 0;
}

.plan.featured .plan-price h3 {
    color: #fff;
}

.plan.featured .plan-price .value {
    color: #fff;
}

.plan.featured .plan-price .period {
    line-height: 23px;
}

.plan.featured .plan-features { padding: 36px 30px 45px 30px; }


.plan.featured .listing-badges .featured {
    background: #fff;
    color: #66676b;
}



/* ---------------------------------- 
     Property Listing Css
------------------------------------- */
.sidebar_form{}
.sidebar_form .input-group{border-right: none; position: relative; margin: 7px 0;}
.sidebar_form .form-control{font-size: 13px; border-radius: 0; font-family: 'Poppins', sans-serif; height: 52px; padding-right: 46px;}
.hover_icon{position: absolute; top: 9px; right: 14px; z-index: 99;}
.hover_icon a{text-decoration: none; color: #000; font-size: 18px;}
.nice-select{border-radius: 0; height: 44px; border: 1px solid #ced4da;}
.nice-select:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}

.listing_wrap .services_box{margin-top: 0; margin-bottom: 30px;}
.advanceWrp h4 a.collapsed, .advanceWrp h4 a{background: none !important; color: #24aae1 !important;}
.advanceWrp h4 .collapsed:hover:before{background: #24aae1 !important; color: #fff !important;}
.advanceWrp h4 a:before{background: #24aae1 !important; color: #fff !important;}
.advanceWrp h4 a:before, .advanceWrp h4 .collapsed:before{left: 0px !important; right: auto;}
.advanceWrp h4 a{padding: 15px 15px 15px 40px !important; display: inline-block;}
.advanceWrp .panel-group .panel{border: none; margin-bottom: 0;}
.advanceWrp .panel-body{padding: 0 !important;}
.advanceWrp{margin-bottom: 0 !important;}
.checkbox{margin-top:16px !important; padding-left:30px;}

.checkbox input[type=checkbox] {
    display: none;
}
.checkbox input[type=checkbox] + label {
    width: 20px;
    height: 20px;
    border: 1px solid #24aae1;
    background: #ffe6a4;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
}
.checkbox input[type=checkbox]:checked + label:before {
    content: '\f00c';
    font-family: 'FontAwesome';
    color: #24aae1;
    padding-left: 2px;
    position: relative;
    top: -3px;
}
.sidebar_form .input-group textarea.form-control{height: 150px !important;}
.submit{background: #24aae1; cursor: pointer; padding: 14px 36px; font-weight: bold; text-transform: uppercase; width: 100%; border: none; color: #fff;}
.submit:hover{background: #000;}
.sortWrp{border: 1px solid #e6e6e6; padding: 12px 16px;}
.sortWrp .dropdown-toggle{font-size: 16px; color: #000; text-decoration: none;}
.sortWrp .title-text{color: #24aae1; font-weight: bold;}

.sortWrp{margin-bottom: 30px;}
.sortWrp li a.nav-link{border: 1px solid #e8e8e8; color:#24aae1;}
.sortWrp li a.nav-link:hover{color: #fff !important;}
.sortWrp li a.active{background: #24aae1; color: #fff;}
.sortWrp li a{padding: 6px 10px;}
.blog-pagination{margin-top: 30px;}
.blog-pagination a {display: inline-block;
    width: 50px;
    height: 50px;
    text-align: center; text-decoration: none;
    line-height: 50px;
    color: #24aae1;
    border: 1px solid #24aae1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 3px;
}
.blog-pagination a:hover, .blog-pagination a.active {
    background: #24aae1;
    color: #ffffff;
}
.blog_details .services_box{padding: 0; box-shadow: none; background: none;}

.property_listWp > li{margin-bottom: 30px;}
.cleaning_details{margin-top: 20px;}
.cleaning_details h3{font-weight: 600;}
.property_address{font-size: 14px; color:#333;}
.cleaning_details .heart_info{float: right;}
.cleaning_details .cleaning_price{font-size: 26px; line-height: 26px; font-weight: bold; color: #24aae1;}
.property_head{margin-bottom: 30px;}
.desc_head{font-size: 20px; color: #24aae1; border-bottom: 1px solid #dadada; padding-bottom: 15px; margin-bottom: 20px;}
.property_list{list-style: none;}
.property_list li{font-size: 14px; font-weight: normal; line-height: 24px; margin-bottom: 15px;}
.property_list li span{font-weight: bold; color: #666; width: 50%; float: left;}
.prop_del{margin-bottom: 20px;}
.cleaning_widget{margin-top: 20px;}
.property_listWp .services_box h3{min-height: inherit;}
.icon-checkbox {
    -moz-columns: 3;
    columns: 3;
    -moz-column-gap: 20px;
    column-gap: 20px;
    margin-bottom: 0;
}
.icon-checkbox li{font-size: 16px; padding: 8px 0; position: relative;}
.icon-checkbox li::before {
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-right: 10px;
    top: -1px;
    position: relative;
    content: "\f00c";
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 12px;
    background: #24aae1;
    color: #fff;
    text-align: center;
    line-height: 15px;
    border: 2px solid transparent;
    transition: border-color 0s;
    border-radius: 2px;
}


.floor_plans{margin-top: 40px;}
.floorImg{text-align: center; margin-bottom: 20px;}
.mt30{margin-top: 30px;}
.innercontent .card:hover{border-color: #24aae1;}



/* ---------------------------------- 
     Agent Css
------------------------------------- */
.agentWrp h3 span{display: block; font-size: 14px; font-weight: 300; color: #b1b1b1;}
.agent_box a{text-decoration: none; color: #000;}
.agent_box a:hover i{color: #24aae1;}
.agentWrp > li{margin-bottom: 30px;}
.agent_icons{margin-top: 30px;}
.agent_details textarea.form-control{height: 144px !important;}
.agent_tabs li a{border:1px solid #dee2e6 !important; color: #000;}
.agent_tabs li a.active{background: #24aae1 !important; color: #fff !important;}
.agent_tabs li a:hover{color: #fff !important;}
.agent_content{border: 1px solid #dee2e6; padding: 25px; border-top: none;}
.agent_details h3{min-height: inherit;}
.agency_del .services_box{margin-bottom: 0 !important;}

/* ---------------------------------- 
     Property Submit Css
------------------------------------- */
.property_submit .desc_head{margin-bottom: 30px;}
.property_submit .form-control, .property_submit .nice-select{height: 52px; font-size: 14px;}
.property_submit .nice-select{line-height: 52px;}

.uploadphotobx {
    border: 3px dashed #ddd;
    background: #eee;
    padding: 50px 30px;
    text-align: center;
}
.uploadphotobx i {
    font-size: 50px;
    color: #999;
    display: block;
    margin-bottom: 15px;
}
.uploadphotobx h4 {
    font-size: 30px;
    color: #777
}
.uploadphotobx p {
    font-size: 18px;
    margin-top: 5px;
}
.uploadphotobx .uploadBox input[type="file"] {
    cursor: inherit;
    display: block;
    font-size: 1px;
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
    cursor: pointer;
}
.uploadphotobx .uploadBox {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    padding: 10px 20px;
    margin: 20px 0 0 0;
    overflow: hidden;
    background: #555;
    display: inline-block;
    position: relative;
}
.uploadphotobx .uploadBox:hover {
    background: #1e90ff;
    box-shadow: 0 0 10px #ccc;
    color: #fff;
}




/* ---------------------------------- 
     Testimonials Css
------------------------------------- */
.testimonialswrp{text-align: center;}
.testi-info {
    box-shadow: none;
    background: #fdfdfd;
    border: 1px solid #dcdcdc;
    padding: 40px;
    position: relative;
    margin-bottom: 30px;
}

.testi-info:before{content: "\f10d"; font-family: 'FontAwesome'; background: #79c401; position: absolute; top: 65px; left: 0; width: 50px; height: 50px; color: #fff; text-align: center; line-height: 50px; font-size: 24px;}
.testimonialswrp li:last-child .testi-info{margin-bottom: 0;}
.testimonialswrp ul{list-style: none;}
.client_rating{margin-bottom: 0px;}
.client_rating li{display: inline-block; font-size: 18px; margin: 0 2px; color: #ffb901;}
.testi-info p {margin-top: 15px;
    position: relative;
    line-height: 24px;
    font-style: italic;
    color: #676767;
}
.client-image {margin-bottom: 10px;
}
.client-image img {
    border-radius: 100%;
    border: 1px solid #77dda7;
}
.testimonialswrp .name {
    font-size: 18px;
    color: #79c401;
    margin-top: 16px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 22px;
}
.testimonialswrp .name span {
    display: block;
    text-transform: none;
    font-size: 16px;
    color: #676767;
    font-weight: normal;
}


.map_list iframe{border-width: 0;}




/* ---------------------------------- 
     Media Screen Css
------------------------------------- */

@media screen and (max-width: 1440px){
.commerial_wrap h3{font-size: 40px;}
}


@media screen and (max-width: 1200px){
    .single-widgets h4{line-height: 15px;}
.cleaning_details .property_price{font-size: 20px;}
.residence_bg, .commerialWrp{padding: 80px;}
.commerial_wrap h3{font-size: 32px;}
.commerial_wrap p{font-size: 16px;}
.learnmore a{font-size: 16px; padding: 18px 40px;}
.slidertext1, .slidertext2, .slidertext3, .slidertext4, .slidertext5, .slidertext_hover{margin-left: 60px !important;}
.title h1{font-size: 38px;}
.about-wrap .title h1 span{font-size: 38px;}


}

@media screen and (max-width: 990px){
    .hero-image{height: 400px; width: 100%;}
    .hero-wrapper:before{top: 0;}
    .work-wrap{padding: 60px 0 30px 0;}
    .work-wrap ul{margin-bottom: 0;}
    .services-wrap{padding: 60px 0;}
    .about_box{margin-left: 0;}
    .about-wrap{padding: 90px 0 60px 0;}
    .get-wrap p{padding: 0;}
    .videohover{position: static;}
    .commerial_wrap{text-align: center;}
    .services_box{max-width: 329px; margin: 15px auto;}
    .single-working-steps-box{margin: 15px 0;}
    .videoWrp{height: auto; padding-bottom: 100px;}
.sbutn{padding: 15px 0px 15px 0; font-size: 11px;}
.ulockd-team .offset-3{margin-left: 0;}
.header-wrap{padding: 20px 0;}
.navbar-nav {clear: both;}
.perfect_home_wrap .readmore, .perfect_home_wrap{text-align: center;}
.popular_img .popular_img_text a{font-size: 16px;}
.hotelLinks li{width: 25%;}
.economy, .form-wrap .col-lg-4{padding: 0 15px !important;}
.end_date, .form-wrap .col-lg-5{padding-right: 15px;}
.form-wrap .col-lg-2, .form-wrap .col-lg-3{padding-left: 15px;}
.form-wrap .input-group{margin-bottom: 6px;}
.sliderTxt h1{font-size: 48px;}
.story_box h3, .story_box p, .story_box{text-align: center;}
.story_box p{margin-bottom: 30px;}
.story-wrap{padding: 90px 0 40px 0;}
.navbar{float: none;}
.navbar-toggler{position: absolute;
    top: 10px;
    right: 0; border: 1px solid #eee;}

    .navbar-collapse {
    position: fixed;
    top: 0px;
    bottom: 0;
    left: 100%;
    width: 60%;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    visibility: hidden;
    background-color: rgba(0,0,0,0.8);
    transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, visibility .3s ease-in-out;
    transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
    z-index: 10000;
}
.navbar-nav > li > ul {width: 100%; position: static; display: none; margin-left: 0; opacity: 1; visibility: visible;}
.navbar-collapse.show {
    visibility: visible;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}
.close-toggler {
    background: none;
    color: #fff;
    padding: 5px;
    border: none;
    margin-top: 10px;
    font-size: 24px;
    float: right;
    display: block;
}
.perfect_home_wrap .readmore{margin-top: 30px; display: inline-block;}
.navbar-nav li a+i {
    display: block;
}
.team_wrp{max-width: 375px; margin: 0 auto;}
.insta_pics img{width: 80px;}
.about-widget, .footer_button{text-align: center;}
.navbar-light .navbar-nav .nav-link{color: #fff;}
.blog_post .services_box{min-height: inherit;}
.navbar li{padding: 0;}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{color: #fff !important;}
.navbar li span{display: inline-block; width: 30px; padding-right: 10px;}
.navbar-nav > li > ul > li > a:hover{background: #24aae1;}
.buy-wrap p{padding: 0px;}
section.our_team_wrap .team_member{margin-bottom: 20px; margin-left: auto; margin-right: auto;}
.caret{display: none !important;}
.plan.featured{transform: none; margin: 30px 0;}
.listing_wrap .services_box{max-width: inherit;}
.four-zero-page p{padding: 0;}
.innerTeamWrp .team_wrp{margin: 15px 0;}
.innerTeamWrp .team_member{margin-bottom: 0 !important;}
.blog-pagination{margin-bottom: 30px;}
.innercontent .faqs{margin-bottom: 0;}
.panel-group h3{margin-top: 0;}
.porperty_listWrp .services_box{max-width: inherit;}
.blog_post p{min-height: inherit;}
}

@media screen and (max-width: 767px){
    .hero-image{height: 300px; width: 100%;}
.popular_wrap .mt_md{margin-top: 20px;}
.col-sm-4.pr-0{padding-right:15px !important;}
.popular_wrap .row .col-md-4:nth-child(1) .popular_img{margin-bottom: 15px;}
.cleaning_details .heart_info{float: none;}
.icon-checkbox{columns: 2;}
     .slidertext3{line-height: 18px !important;}
     section.our_team_wrap h1{font-size: 30px;}
     .innerTeamWrp .team_wrp{margin: 0 auto !important;}
     .four-zero-page h2{font-size: 150px;}
     .four-zero-page h3{font-size: 24px; letter-spacing: 5px;}
     .four-zero-page{padding-bottom: 0;}
}
@media screen and (max-width: 480px){
    .four-zero-page p{letter-spacing: 0;}
    .four-zero-page h3{font-size: 18px; letter-spacing: 2px;}
    .four-zero-page h2{font-size: 70px;}
    .slidertext3{line-height: 12px !important;}
    .login-wrap{padding: 20px;}
    .forgot_password a, .form-group .btn{font-size: 14px;}
    .newsletter-wrap{padding: 35px 20px;}
    .newsletter-wrap form input[type="submit"]{position: static; width: 100%; padding: 16px 0; margin-top: 10px; background: #000;}
    .newsletter-wrap .title h1{text-align: center; font-size: 22px;}
    .newsletter-wrap .title h1 span{font-size: 18px;}
    .portfolio-details ul.rtin-portfolio-info li{font-size: 14px;}
    .portfolio-details ul.rtin-portfolio-info li .rtin-label{width: 90px; margin-right: 13px;}
    .newsletter-wrap .form-control{padding: 16px 22px 16px 78px;}
.topbar-wrap{text-align: center;}
.about_box .title h1, .about-wrap .title h1 span{font-size: 24px;}
.about-wrap .readmore{margin-top: 10px;}
.bullet_icons li{flex-basis: 100%;}
.icon-checkbox{columns: 1;}
.residence_bg, .commerialWrp{padding:80px 40px;}
.commerial_wrap p{line-height: 24px;}
.copyright{font-size: 14px;}
.get-wrap .title h1{font-size: 34px;}
.get-wrap .phonewrp a{font-size: 30px;}
.topbar_phone{display: block; margin-bottom:6px;}
.top_right{text-align: center;}
.navbar{padding: 0 15px;}
.navbar-toggler{right: 15px;}
.topbar_phone{padding-top: 0;}
.nav>li>a{padding: 10px 8px; font-size: 14px;}
.get-wrap .phonewrp{padding-left: 0; margin-top: 70px;}
.callText{margin-bottom: 30px; font-size: 18px;}
.get-wrap .phonewrp:before{top: -70px; left: 50%; margin-left: -32px;}
.hotelLinks li{width: 50%;}
.header_logo{width: 200px;}
    .popular_wrap h1, .buy-wrap h1, .title h1, .perfect_home_wrap h1, .sliderTxt h1{
        font-size: 28px;
    }
    .sliderTxt p{font-size: 14px; letter-spacing: 1px;}
    .services_box h3 a{font-size: 18px;}
    .property_location i{font-size: 14px;}
.title h1 span{font-size: 14px; line-height: 24px; margin-top: 6px; font-weight: normal;}
    .start_btn a {
    display: block;
    margin-top: 20px;
    width: 220px;
    margin-left: auto;
    margin-right: auto;
    }
    section.our_team_wrap .team_member:hover .team_img img{
        right: -15px;
    }
}

/* Arama kutusunun ve telefonun yan yana durmasını sağlamak için */
.top_right {
    display: flex; /* İçindeki öğeleri yatay hizalar */
    align-items: center; /* Öğeleri dikeyde ortalar */
    justify-content: flex-end; /* Öğeleri sağa yaslar */
    gap: 15px; /* Öğeler arasında boşluk bırakır */
}

/* Yeni kompakt arama alanı konteyneri */
.topbar_search-compact {
    /* Özel bir genişliğe ihtiyacı yok, içeriğe uyum sağlayacak */
    padding: 0;
    margin: 0;
}

/* Formun içeriğini yan yana (inline) tutar */
.search-form-inline {
    display: flex;
    align-items: center;
		margin-top: 10px;
}

/* Arama giriş kutusu */
.form-control-compact {
    width: 170px; /* Görselinizdeki gibi daha kısa bir genişlik */
    height: 30px; /* Telefon alanıyla aynı yüksekliği korumak için */
    padding: 5px 10px;
    border: 1px solid #ccc;
    border-right: none; /* Butonla birleşmesi için sağ kenarlığı kaldır */
    border-radius: 4px 0 0 4px; 
    font-size: 14px;
}

/* Arama butonu */
.search-button-compact {
    height: 30px; /* Giriş kutusuyla aynı yükseklik */
    width: 30px; /* Kare bir buton için */
    padding: 0; 
    border: 1px solid #ccc;
    background-color: #f8f8f8; /* Hafif bir arka plan rengi */
    color: #333;
    cursor: pointer;
    border-radius: 0 4px 4px 0; 
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s;
}

.search-button-compact:hover {
    background-color: #eaeaea;
}

/* Telefon ikonu ve numarasının stilini koruyun */
.topbar_phone {
    display: flex;
    align-items: center;
}