*{
    padding:0;
    margin:0;
}

a, a:hover {
    text-decoration: none;
    color: #1c4693;
}

body {
    font-family: 'Quicksand', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color:#3b4249;
    background: #f4f4f4;
}

h1, h2, h3, h4, h5 {font-weight: 700;}

p:last-child {margin-bottom: 0;}
p:empty {display: none;}

.container {padding:0 8px;}
.row {margin:0 -8px;}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {padding:0 8px;}

.header {
    width: 100%;
    position: relative;
    z-index: 999;
    transition: 0.5s ease-in-out;
}
.header .row {align-items: center;}


header.header.sticky {
    width: 100%;
    position: fixed;
    left:0;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    top:0;
    background: #fff; box-shadow: 0 0 4px 1px #00000038;  -webkit-box-shadow: 0 0 4px 1px #00000038;
}
header.header.sticky .logo_container h2 {color: #000;}
header.header.sticky .menu_wraper p {color: #000;}
header.header.sticky .nav_toggle span {background: #000;}

.logo_container h2{color: #fff; margin:0;}
.logo_container h2 a{color:inherit}

.header .top_bar {width: 100%; display: flex; -webkit-transition: 0.2s;
    -o-transition: 0.2s; padding:7px 20px; background-color: rgba(28, 70, 147); justify-content: space-between; align-items: center;}
.header .top_bar p {margin: 0; color: #fff; width: calc(100% - 655px);}
.header .top_bar .loc_select {
    display: inline-flex;
    align-items: center;
    width: 136px;
    border: none;
    background: transparent;
    color: #000;
    font-weight: bold;
    background: #fff;
    padding-right: 5px;
    position: relative;
    border-radius: 5px;
    height: 28px;
}
.header .top_bar .loc_select i {color: #000; position: absolute; left: 10px;}
.header .top_bar .loc_select select {background:transparent; padding-left: 20px; width: 100%; color:#000; border:none;}
.header .top_bar .loc_select select:focus {box-shadow: none; outline: none;}
header.header.sticky .top_bar {background-color:rgb(28, 70, 147) ;}

label.interested_in_label{
padding: 6px;
    margin-right: 5px;
    position: relative;
    min-width: 64px;
    height: 34px;
    text-align: center;
}
label.interested_in_label span {width: 100%; height: 100%; top:0; left: 0; padding: 6px; border: 1px solid #000;}
 label.interested_in_label input {
    position: absolute; width: 100%;
     height: 100%; border:none; box-shadow: initial;
      top:0; left: 0; z-index: 1;
      opacity: 0;
       background:transparent;
  }
 label.interested_in_label input:checked + span {
color: #fff;
background: #eb6e83;
border-color: #eb6e83;
}

.modal form#_jsContactInquiry .form-group {position: relative;}
.modal form#_jsContactInquiry .form-group input[type="text"],
.modal form#_jsContactInquiry .form-group input[type="email"] {
    border: 1px solid #000; width: 100%; padding:10px 10px 10px 40px;
    box-shadow: initial!important;
    outline: initial!important;
    color:#000!important;
}
.modal form#_jsContactInquiry .form-group i {position: absolute; top:13px; left: 13px;}
.modal form#_jsContactInquiry .form-group .error {width: 100%; color: red; border-color: red!important; margin: 0;}

.modal .modal-title + span {display: block; margin-bottom: 15px;}

.modal .content_block .btn {margin-top: 10px;
        display: block;
    width: 191px;
    margin: auto;
    margin-top: 12px;
    border-radius: 0;
    padding: 9px;
}
.modal.show .modal-dialog {margin-top: 90px;}

.modal  .select_block {margin-left: 0; width: auto;}
form#_jsContactInquiry {
    text-align: center;
}

.header .menu_wraper {display: flex; padding:15px 0; justify-content: flex-end; align-items: center;}
.header .nav_toggle {
width: 30px;
cursor: pointer;
 -webkit-transition: 0.2s;
-o-transition: 0.2s; display:block;
 height: 40px; position: relative;
  margin-left: 15px;
}
.header .nav_toggle span {display: block; width: 100%; height: 3px; margin:7px 0; background: #fff;}


.contact-us {margin-bottom: 50px;}

.contact-us .faq_inner {background: #fff; padding: 35px;}

.contact-us .faq_inner form {padding-right: 25px;}

.contact-us .faq_inner form#_jsLeadForm .btn {
width: 200px;
    border-radius: 0;
    height: 45px;
    margin-left: 8px;
}
.contact-us .faq_inner .col-6.custom-file-upload + .col-6 + .btn {margin: auto;}



ul.fo_dec05 {display: block;width: 100%;}
ul.fo_dec05 li {display: block; margin-bottom: 7px; font-size: 16px;}

.contact-us .form-group .form-control {
    border: 1px solid #000;
    width: 100%;
    padding: 10px 10px 10px;
    box-shadow: initial!important;
    outline: initial!important;
    color: #000!important;
    border-radius: 0;
    height: 45px!important;
}
.contact-us .form-group textarea.form-control {height: auto!important;}

.contact-us .col-6.custom-file-upload,
.contact-us .col-6.custom-file-upload + .col-6 {
    max-width: 100%;
    width: 100%;
    flex: 0 0 100%;

}

.contact-us .faq_inner form .form-group .error {width: 100%; color: red; border-color: red!important; margin: 0;}

.contact-us .faq_inner form ul {
    display: none;
   background: #fbeeee;
    margin-bottom: 15px;
    padding: 12px;
}

.contact-us .faq_inner form .validation-message ul li {display: block; position: relative; color: red; padding-left: 20px; }
.contact-us .faq_inner form .validation-message ul li:before {content: "\f00d"; position: absolute; top:0; left: 0;
  font-family:"Font Awesome 5 Pro";}
 


body.m-open .header .nav_toggle span.arrow_tow {display: none!important;}
body.m-open .header .nav_toggle span.arrow_one {transform:rotate(45deg); position: absolute; top:12px;}
body.m-open .header .nav_toggle span.arrow_three {transform:rotate(-45deg); position: absolute; top:12px;}
 
.header .menu_wraper p {margin: 0; color: #fff; font-weight: 600; margin-right: 15px;}

.main_menu {
width:250px;
height:100vh;
background: #fff;
position: fixed;
top: 0;
padding: 0;
right: -250px;
z-index: 999;
-webkit-transition: 0.2s;
-o-transition: 0.2s; display:block;
}

.main_menu ul li {display: block; width:100%; border-bottom: 1px solid #f4f4f4;}
.main_menu ul li a {display: block; padding:20px 35px!important; background: #fff; font-size: 18px; font-weight: bold; color:#000;}

.main_menu ul li:hover a {color: #1c4693;}
.main_menu ul li.active a {background: #1c4693; color: #fff;}
.main_menu ul li .icon {
display: inline-block;
    vertical-align: middle;
    padding-right: 3px;
    max-width: 31px;
}
.main_menu ul li .icon i {font-size: 24px;}


body.m-open {
overflow: hidden; 
-webkit-transition: 0.2s;
-o-transition: 0.2s; display:block;
}

body.m-open .main_menu {right:0;box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.14); -webkit-box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.14);}
body.m-open .header .menu_wraper {
    margin-right: 250px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;

}

.btn {padding:6px 20px; border:1px solid #1c4693; font-weight: 600; display: inline-block; background:#1c4693; color:#fff; border-radius:5px;}
.btn:hover {background:#1c4693; color:#fff;}
.btn-2 {padding:6px 20px; border:1px solid #1c4693;font-weight: 600; background:#fff;display: inline-block; color:#1c4693; border-radius: 5px;}
.btn-2:hover {background:#1c4693; color:#fff;}
.btn:focus,
.btn-2:focus {outline: none;}

.home_slider {
    margin-top: -112px;
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 750px;
    background: url(../images/webn.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.home_slider .text_content {
    position: absolute;
    text-align: center;
    top:79%; left:50%;
    z-index: 2;
    transform:translate(-50%, -50%);
}
.home_slider .text_content h1{
    color: #fff;
}
.home_slider .text_content p{
    margin-bottom: 35px;
    color: #fff;
    font-size: 18px;
}

.home_slider .middle_form {
    display: inline-block;
    position: relative;
    width: 920px;
    margin:auto;
   /* padding:20px;
    background: rgba(0, 0, 0, 0.56);*/
}
.home_slider form {width:100%; font-size: 16px; display: inline-flex; border-radius: 6px;-webkit-border-radius: 6px; background: #fff; justify-content: space-between;  align-items: center;}
.home_slider form .btn {
    border-radius: 0;
    margin-right: -1px;
    padding:12px 20px;
    border:none;
    -webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}

.home_slider form .loc_select {border:none; outline: none; padding:5px 15px;}

.home_slider form .form-control {width:100%; border:none;}
.home_slider form .form-control:focus {outline: none;box-shadow: none;}
.home_slider form .form_item:nth-child(1) {width:123px;}
.home_slider form .form_item:nth-child(2) {width:calc(100% - 215px);}
.home_slider form .form_item:nth-child(3) {width:90px;}
.home_slider:after {
    position: absolute;
    width:100%;
    content:"";
    bottom:0;
    left:0;
    height:34%;
    background: rgba(0, 0, 0, 21%);

}

.home_slider .list-item {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top:25px;
}
.home_slider .list-item li {display: inline-block; margin: 0 10px;}
.home_slider .list-item li .img_box {display: inline-block; vertical-align: middle;}
.home_slider .list-item li a {display: inline-block; vertical-align: middle; margin-left: 5px; color:#fff; font-size: 16px;}
.home_slider .list-item li a:hover {color:#1c4693;}
.top_builder {
    width: 100%;
    height: auto;
    padding:50px 0;
    overflow: hidden;
    position: relative;
}

.top_builder .slick-prev,
.top_builder .slick-next {
    top: -60px;
    right: 10px;
    width: initial;
    height: initial;
    font-size: 14px;
    left: auto;
    bottom: auto;
    color: #1c4693;
  padding: 14px 15px;
    border: 1px solid #1c4693;
    text-align: center;}
    .top_builder .slick-prev {right:80px;}

    .top_builder .slick-prev:before,
    .top_builder .slick-next:before {display:none;}

    .top_builder .slick-prev:hover,
    .top_builder .slick-next:hover {color:#fff; background: #1c4693;}


.top_builder .slick-slider {
    margin:0 -5px;
}
.top_builder .slick-slide {
    text-align:center;
    margin-right:5px;
    margin-left:5px;
}

.builder_block { width:100%; display: inline-block; border-radius: 5px; -webkit-border-radius: 5px; border-right: 2px solid #f4f4f4; background: #fff;}

.builder_block .bottom_block {display: flex; display: -webkit-flex; padding:10px; justify-content: space-between; align-items: center; min-height: 85px;}
.builder_block .bottom_block .btn-2 {padding:6px 10px;}



.builder_block .top_block {margin-bottom: 10px; position: relative; padding:15px; border-bottom:1px solid #f4f4f4;}
.builder_block .top_block:after {
    width: 1px;
    background: #f4f4f4;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translatex(-50%);
    position: absolute;

}


.builder_block .top_block h4 {font-size: 18px;  margin:0;margin-top: 10px;}
.builder_block .top_block .img {max-width: 100%;}
.builder_block .top_block .img img{max-width: 100%; margin:auto; max-height: 75px;}

.builder_block .bottom_block h4 {font-size: 16px; max-width: 100px;}


.title_block {width:100%; margin-bottom: 35px;}
.title_block h2 {font-size: 24px; color:#3b4249;}
.title_block p {}



.featured_project {
    padding:0 0 50px;
}

.featured_project .btn-ground {
    float: right;
}
.btn_bottom {text-align: center;}

.featured_project .btn-ground a {margin-left: 10px;background: transparent; border-radius: initial;}
.featured_project .btn-ground a:hover {background: #f15e75;}





.featured_block {
    width: 100%;
     -webkit-transition: 0.2s;
    -o-transition: 0.2s; display:block;
     background: #fff;
      margin-bottom: 25px;
      border-radius: 6px;
      border-radius: 6px;
      overflow: hidden;
    }
.featured_block:hover {
    box-shadow: 0 6px 12px 0 rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 6px 12px 0 rgba(0,0,0,0.15);
}

.featured_block .img_block {
    width: 100%;
    position: relative;
    padding-top: 65%;
        -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s; overflow: hidden; display:inline-block; position: relative; }
.featured_block .img_block:after {content:""; position: absolute; width:100%; height:100%; top:0; left:0; 
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(0%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.75)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.75) 100%);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.75) 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.75) 100%);
}
.featured_block .img_block .tag {position: absolute;padding:4px 10px; color:#fff; border-radius: 5px; background: #1c4693; top:15px; left:15px;z-index: 1;}
.featured_block .img_block a.tag.tow {background: #000;}
.featured_block .img_block img {
    width: 100%;height:100%;
     position: absolute; 
     top:0; left:0; object-fit: cover;
      object-position: center;
      -webkit-transition: 0.2s;
      -o-transition: 0.2s;
      transition: 0.2s;
    }

.featured_block .img_block:hover img{
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
        -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.featured_block .content_block {padding:15px;}
.featured_block .content_block h2{font-size: 20px;}
.featured_block .content_block h2:hover {color:#cccbcb;}
.featured_block .content_block h2 a{display: inline-block; color: initial;}
.featured_block .content_block span {display:block; margin-bottom: 10px;}
.featured_block .content_block span a {color:initial}
.featured_block .content_block span a:hover {color:#1c4693;}
.featured_block .content_block span.category {color: #1c4693;}
.featured_block .content_block span.category i{color: initial;}
.featured_block .content_block p {max-width: 300px;}

.featured_block .content_block h3{font-size: 16px;}
.featured_block .price_box {display: flex; justify-content: space-between; align-items: center; padding-bottom: 10px;}
.featured_block .bottom {padding-top: 15px; display: flex; justify-content: space-between; align-items: center; border-top:1px solid #f4f4f4;}

.featured_block .price_box span.more {display: inline-block; font-weight: 700;}
.featured_block .price_box span.more i {display: inline-block; width: 15px; text-align: center; cursor: pointer;}
.featured_block .list-item {display: flex; margin:0; display: -webkit-flex; justify-content: flex-start; align-items: center;}
.featured_block .list-item li {display: inline-block; margin-right: 10px;}
.featured_block .list-item li span {display: inline;}


.featured_block.grid_row {display: flex; position: relative; justify-content: flex-end; align-items: flex-start;}
.featured_block.grid_row .img_block {position: absolute; top:0; padding:0; left:0; width:40%; height: 100%;;}
.featured_block.grid_row .content_block {width: 60%;}

.filter_result .project_filter_type {display: flex; padding:15px 0 20px; justify-content: space-between; align-items: center;}
.filter_result .select_list_type span {font-weight: bold; font-size: 16px;}
.filter_result .select_list_type select {border:none; background:transparent; box-shadow: none; font-size: 16px;;}
.filter_result .select_list_type select:focus {box-shadow: none; outline: none;}

.featured_block.grid_row .content_block .btn-group a{border-radius: 0; padding:5px 15px; margin-left: 5px;}
.call-to-action {border-radius: 0; padding:50px; margin-bottom:25px; text-align: center; font-size: 32px; display:block; width:100%;}

.new_lunch {
    display: block;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 670px;
}

.lunch_box {
    width:700px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    z-index: 2;
    padding:40px;
    position: absolute;
    top:50%;
    transform:translatey(-50%);
    background: rgba(255, 255, 255, 0.58);
}

.lunch_box span {display:block; font-size: 24px; margin-bottom: 25px; text-transform: capitalize;}


.lunch_box a.btn {position: absolute; top:-15px;}
.lunch_box p {max-width: 350px;}

.lunch_box h2 {font-size: 32px; margin-top:15px;}
.lunch_box .btn-2 {background: transparent;}
.lunch_box .btn-2:hover {background: #1c4693;}

.lunch_box span.side_logo {
    float: right;
    display:inline-block;
    max-width: 150px;
    margin-top: 15px;
}
.lunch_box span.side_logo img{width: 100%;}

.img_block {display: inline-block; width:100%;}
.img_block img {width: 100%;}
.desktop_hide {display: none;}
.mobile_hide {display:block;}
.featured_collection {
    padding:50px 0;
    width:100%;
    overflow: hidden;
}
.featured_collection .img_block {
    margin-bottom: 15px;
    position: relative;
    height: 270px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    overflow: hidden;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.featured_collection .img_block img {width:100%;
     height:100%; object-fit: cover;
     -webkit-transition: 0.2s;
     -o-transition: 0.2s;
     transition: 0.2s;
      object-position: center;}
.featured_collection .img_block:hover img {
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.featured_collection .img_block:after {content:""; position: absolute; width:100%; height:100%; top:0; left:0; 
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(0%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.75)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.75) 100%);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.75) 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.75) 100%);
}

.featured_collection .img_block a {display:block; z-index: 2; font-weight: bold; color:#fff; font-size: 16px; position: absolute; bottom:15px;left:0; width:100%; text-align: center;}
.testimonials {
    position: relative;
    width:100%;
    z-index: 2;
}
.testimonials:after {
    content: "";
    position: absolute;
    top:0;
    left:0;
    z-index: 1;
    width:100%;
    height:100%;
    background: rgba(0, 0, 0, 0.253);
}
.sec_bg {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover!important;
    background-repeat: no-repeat!important;
}
.testimonials_slider {z-index: 2; max-width: 1000px; padding:100px 0; margin:auto;}

.testimonials  button.slick-prev.slick-arrow {display: none!important;}
.testimonials  button.slick-next.slick-arrow {display: none!important;}


.testimonials .testi_content{
text-align: center;
position: relative;
z-index: 5;
}

.testimonials .testi_content p {
    color: #fff;
    font-size: 17px;
    margin-bottom: 30px;
}
.testimonials .testi_content .play_btn {
    display: inline-block;
    cursor: pointer;
    width: 120px;
    height: 120px;
    border-radius: 100%;
    border: 4px solid #fff;
    overflow: hidden;
}
.testimonials .testi_content .play_btn img {width: 100%; height: 100%; object-fit: cover;}


.testimonials .testi_content p img {display:inline; max-width: 25px; margin:0 10px;}

.testimonials .testi_content h4 {color: #fff;}
.testimonials .testi_content span {display:block; margin: 15px 0 30px; color: #fff;}
.slider-next {
    position: initial;
    display: inline-block;
    margin: 0;
    outline: none!important;
    color: white;
    font-size: 19px;
    font-weight: bold;
    width: auto;
    cursor: pointer;
}
.slider-next i{font-size: 120%; vertical-align: middle;}

.testimonials .testi_content .slider-next:before {display: none;}



.blog_news {
    width:100%; height: auto;
    position: relative;
    padding:50px 0 30px;
}

.blog_news .btn-group {float:right;}

.blog_category ul {margin: 0; margin-top: 10px;}
.blog_category ul li {display: block;}
.blog_category ul li a {display: block; padding: 5px 7px; margin:3px 0; color: #222; border-bottom: 1px dashed #222;}



.play_btn {display:inline-block; cursor: pointer; width:100px;}
.play_btn img{width: 100%;}
footer {
    background: #fff;
    padding:35px 0;
    overflow: hidden;
    color:#000000;
}

footer .top_footer {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 25px;
}
footer .top_footer li{display: inline-block; width: 20%; position: relative;}
footer .top_footer li:last-child ul li {padding-left: 20px;} 

footer .top_footer li:last-child ul li i{position: absolute; left:0; top:2px;} 
footer .top_footer li:last-child ul li a {color: #f15e75; text-decoration: underline;}

footer .top_footer li li {display: block; width: 100%;font-weight: bold; margin:10px 0;}
footer .top_footer li li a {color: initial;}
footer .top_footer li li:hover a {color: #1c4693;}
footer .top_footer h2 {font-size: 18px; padding-bottom: 10px; margin-bottom: 15px; position: relative;}
footer .top_footer h2:after {content:""; width:200px; height: 2px; bottom:0; left:0; position: absolute; background: #1c4693;}

footer .middle_footer {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: flex-start;
    margin:25px 0;
}
footer .middle_footer li{display: inline-block; width: 25%; position: relative;}
footer .middle_footer li ul {padding-top: 50px; position: relative;}
footer .middle_footer li li {display: block; width: 100%; font-weight: bold; margin:10px 0;}
footer .middle_footer li li a {color: initial;}
footer .middle_footer li li:hover a {color: #f15e75;}
footer .middle_footer h2 {font-size: 18px; padding-bottom: 10px; position: absolute; top:0; left:0; margin-bottom: 15px;}
footer .middle_footer h2:after {content:""; width:200px; height: 2px; bottom:0; left:0; position: absolute; background: #f15e75;}

footer .bottom_footer {display: block; clear: both; padding-top: 15px; margin-top: 15px; border-top: 2px solid #f4f4f4;}
footer .bottom_footer .top_block {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 25px;
}
footer .bottom_footer .top_block p.t_c a {color:initial;}
footer .bottom_footer .top_block p.t_c a:hover {color:#1c4693;}

ul.social_links {display: flex; justify-content: space-between; width: 450px;}
.social_links li{display: inline-block; font-size: 20px; color:#3b4249; margin-right: 3px;}
.social_links li a{color: initial; margin:0 5px; display: inline-block;}
.social_links li:hover a {color: #1c4693;}
footer .bottom_footer .bottom_block {text-align: center;}
footer .bottom_footer .bottom_block p {max-width: 845px; margin: auto;}



/* about mega realty */

.about {
    padding:50px 0;
    background:#fff;
    overflow: hidden;
    position: relative;
    text-align:center;
}
.about_content { 
       display: block;
    width: 100%;
    text-align: center;}

.about .left_block {
        display: inline-block;
        top:-7px;
        left:-70px;
    position: absolute;
    width: 35%;}

.about .right_block {
    display: inline-block;
    position: absolute;
    top: 0;
    right: -20px;
    width: 32%;
}

.about .left_block img {width: 100%;}
.about .right_block img {width: 100%;}


.about .middle_block {max-width: 535px; display: inline-block; margin:auto; margin-top:50px; margin-bottom: 80px; padding-bottom: 60px;position: relative; text-align: center;}
.about .middle_block:after {
    content: "";
    width:80%;
    left: 50%;
    transform: translatex(-50%);
    bottom:0;
    height: 5px;
    position: absolute;
    background: #f4f4f4;
}
.about .middle_block span.title {font-size: 50px;font-weight: 600; margin-bottom: 20px;}
.about .middle_block p {font-size: 17px;}

.about .inside {width:270px; display: inline-flex; margin-top: 40px; justify-content: space-between; align-items: center;}
.about .inside .img{display:block; max-width: 65px;}
.about .inside .img img {width: 100%;}
.about .inside span {display: inline-block; width:60px; font-size: 72px; line-height: 1;}
.about .middle_block .inside p {
    line-height: 20px;
    display: inline-block;
    width: 115px;
    font-weight: bold;
    font-size: 24px;
    text-align: left;
}
.about .slider-content .slider-next {
    position: initial;
    display: inline-block;
    margin: 0;
    margin-top: 35px;
    outline: none!important;
    color: #1c4693;
    font-size: 19px;
    font-weight: bold;
    width: auto;
    cursor: pointer;
 }
.customer_slider {max-width: 1000px; margin: auto;}
.customer_block {text-align: center;background: #fff;}
.customer_block .img_block {max-width: 70px; margin-bottom:15px;}
.customer_block h4 {font-size: 18px;}
.customer_block span {font-size: 16px;}
.customer_slider .slick-slide {
    padding-right:2px;
    text-align:center;
    background: #f4f4f4;
}

.customer_slider .slick-list {width: calc(100% - 2px);}
/* blog page */

.header_inner {background: #fff; box-shadow: 0 0 4px 1px #00000038;  -webkit-box-shadow: 0 0 4px 1px #00000038;}
.header_inner .logo_container h2 {color: #000;}
.header_inner .menu_wraper p {color: #000;}
.header_inner .nav_toggle span {background: #000;}
.header_inner .top_bar {background-color:rgb(28,70,147) ;}


.breadcumbs {padding:25px 0;}
.breadcumbs p {text-transform: capitalize;}
.blog_page {
    width: 100%;
    overflow: hidden;
}

.blog_wraper {display: inline-block; margin-bottom: 30px; background: #fff; width: 100%;}
.blog_wraper .img_block {width: 100%; padding-top: 75%; position: relative;}
.blog_wraper .img_block img{position: absolute; top:0; left:0; width:100%; height:100%; object-position: center; object-fit: inherit;}
ul.admin_list {display: inline-flex; justify-content: flex-start; align-items: center;}
ul.admin_list li{display: inline-block; margin-right: 26px;}
ul.admin_list .img {width: 40px; height:40px; display: inline-block; vertical-align: middle; margin-right: 10px; border-radius: 100%; overflow: hidden;}
ul.admin_list li span {display: inline-block; vertical-align: middle;}
ul.admin_list li span a {color: #3b4249;}
ul.admin_list li span a:hover {color:#f15e75;}
ul.admin_list .img img {width: 100%; height:100%; object-fit: cover; object-position: center;}

.blog_wraper .blog_content {padding:25px;}
.blog_wraper .bottom { width: calc(100% + 50px); margin-left: -25px; display: flex; border-top:1px dashed #f4f4f4; padding:25px; padding-bottom: 0; display: -webkit-flex; justify-content: space-between; align-items: center;}

.blog_page aside {width:100%; display:block; }

.post_aera {
width:100%;
padding:23px 25px;
background: #fff;
margin-bottom: 30px;
}


.listing_details .img_block a img{width: 100%; position: absolute; height: 100%; object-fit: cover; object-position: center; top: 0; left: 0;}
.listing_details .col-md-8>.img_block {position: relative; padding-top:67%;}
.listing_details .col-md-8>.img_block img {position: absolute; width: 100%; height: 100%; top:0; left:0; object-fit: cover; object-position: center;}

.project_listing .middle_form {width: 100%; border:10px solid #3b4249; position: relative; border-radius: 3px; margin-bottom: 25px;}
.project_listing .middle_form .form_item {width: calc(100% - 150px);}
.project_listing .middle_form .form_item input {border-radius: 0;}
.project_listing .middle_form .form_item + .form_item {width: 150px;position: absolute; height: 100%;
    top: 0;
    right: 0;}
    .project_listing .middle_form .form_item + .form_item .btn {width: 100%; height: 100%; border-radius: 0;}

h1.blog_title {font-size: 20px;}
h1.blog_title a {color: inherit;}
h1.blog_title:hover a{color:#939aa0;}
.blog_post { padding:15px 0; display: flex; display: -webkit-flex; justify-content: space-between; align-items: flex-start;}
.blog_post .img {width:100px;}
.blog_post .img img{width:100%;}
.blog_post .text {width: calc(100% - 115px);}
.blog_post h5 {font-size: 14px;}
.blog_post h5 a {color:#3b4249;}
.blog_post h5:hover a {color:#939aa0;} 
.blog_post .extra {display: block; margin-bottom: 5px;}

.speak-to-expert {width:100%; height:auto; position: relative; background: #fff; padding:15px;}
.speak-to-expert .img {width:100%; height:350px; position: relative;}
.speak-to-expert .img img{position: absolute; width:100%; height:100%; top:0; left:0; object-fit:cover;object-position: center;}
.speak-to-expert .img:after {content:""; position: absolute; background: rgba(0, 0, 0, 0.301); top:0; left:0; width:100%; height:100%;}

.speak-to-expert .text {position: absolute; z-index: 2; width:100%; padding:70px; text-align: center; height:100%; top:30px; left:0; object-fit:cover;object-position: center;}
.speak-to-expert .text p {color: #fff;}
.speak-to-expert .text h4 {color: #fff; max-width: 270px; margin:auto; margin-bottom: 15px; font-size: 24px;}


.pagination {margin:30px 0;}
.pagination ul {display: flex; display: -webkit-flex; width:100%; justify-content: center; align-items: center;}
.pagination ul li {display: inline-block; margin:0 5px;}
.pagination ul li a {width:40px; height:40px; border-radius: 100%; background: #fff; display: inline-flex; justify-content: center; align-items: center; color:#000; border:1px solid #e0e0e0;}
.pagination ul li.active a{background: #f15e75; color:#fff; border-color:#f15e75;}


.blog_detail .blog_wraper .bottom {
    
    border: none;
    width: 100%;
    margin: 0;
    padding: 0;
    padding-top: 20px;
}

.blogimage_row {display: flex; justify-content: space-between; align-items: flex-start;}
.blogimage_row li {width:calc(25% - 4px); display: inline-block;}
.blogimage_row li img {width:100%;}

.important_text {display:block; font-size: 18px; padding:10px 0 10px 20px; border-left: 4px solid #f4f4f4;}
.important_text li {display: inline;}


.doted_text li {margin: 7px 0;}
.doted_text {padding-left: 25px;}
.doted_text ul {list-style-type: lower-alpha; padding-left: 25px;}

.blog_tags {width:calc(100% + 50px); margin-left: -25px; border-top:2px dashed #f4f4f4; padding:25px; padding-bottom:0;}
.blog_tags h4 {font-size: 20px; margin-bottom: 25px;}


.blog_tags a {display: inline-block;
padding:7px 15px; border:1px solid #1c4693;
background: #1c4693; color:#fff; margin-right: 5px;}

.post_slider {margin-bottom: 35px;}
.post_slider .post_block{background:#fff; overflow: hidden; border-radius: 6px;  -webkit-border-radius: 6px;;}
.post_slider .post_block .img_block {width:100%; padding-top:50%; position: relative;}
.post_slider .post_block .img_block img {position: absolute; top:0; left:0; width:100%; height:100%; object-fit: cover; object-position: center;}
.post_slider .post_block .content_block {padding:15px;}
.post_slider .post_block .content_block h4 {font-size: 14px;display:inline-block; max-width: 270px;}
.post_slider .post_block .content_block h4 a {color: #1c4693;}
.post_slider .post_block .content_block h4:hover a {color: #1c4693;}
.blog_wraper .blog_content {padding:30px;}
.post_slider .post_block span {display: block; margin-bottom: 10px; cursor: pointer;}
.post_slider .post_block span a { color:inherit;}
.post_slider .post_block.right {text-align: right;}
.post_slider .slider_inner {display: inline-flex!important; width: 100%; justify-content: space-between; align-items: flex-start;}
.post_slider .slider_inner .post_block {width:calc(50% - 10px);}
.faq .container ul, .blog_wraper .blog_content ul, .blog_wraper .blog_content ol {margin: 0px 0px 16px;padding: 0px;list-style: none outside none;}
.faq .container ul li, .blog_wraper .blog_content ul li, .blog_wraper .blog_content ol li {position: relative;padding-left: 15px;}
.faq .container ul li:before, .blog_wraper .blog_content ul li:before, .blog_wraper .blog_content ol li:before {position: absolute;content: "";background: #393939;width: 7px;height: 7px;border-radius: 50%;top: 6px;left: 0px;}


.blog_wraper .blog_content ul.admin_list li {position: inherit; padding-left: 0px;}
.blog_wraper .blog_content ul.admin_list li:before {display: none;}

.bg-gray {background: #f4f4f4;}
.user_comment {display: block; padding:25px 25px; clear: both; width:100%; position: relative; background: #fff; margin-bottom: 35px;}
.user_comment h4.title {padding:0 25px 25px; width:calc(100% + 50px); margin-left: -25px; border-bottom: 1px solid #f4f4f4; margin-bottom: 15px;}

.comments_block {display: flex; padding:25px; display: -webkit-flex; justify-content: space-between; align-items: flex-start;}
.comments_block .img {width: 70px; height: 70px; border-radius: 100%; overflow: hidden;;}
.comments_block .img img{width:100%; height: 100%; object-fit: cover; object-position: center;}

.comments_block .content {width:calc(100% - 85px);}

.comments_form {width:100%; background: #fff; margin-bottom: 40px; padding-bottom: 25px;}
.comments_form h4 {padding: 25px 30px; border-bottom: 1px solid #f4f4f4; margin-bottom: 25px;}

.comments_form form{margin: 0; padding:0 30px;}
.comments_form .form-group {margin-bottom: 20px;}
.comments_form .form-control {border-radius: 0; box-shadow: initial;}
.comments_form .form-control:focus {box-shadow: none;}
.comments_form .form-control.btn {display: inline-block; width:initial; font-weight: 500;}

ul#ui-id-1 {max-height: 450px; overflow-x: hidden; overflow-y: auto;}
.ui-menu .ui-menu-item {border-bottom: 1px solid #ddd;}
.ui-menu .ui-menu-item:hover {border-top:none!important; color: #fff!important; background: #e2586e;}
.ui-menu .ui-menu-item:last-of-child {border-bottom: initial;}
.ui-menu .ui-menu-item div::first-line {font-weight: bold;}
.ui-menu .ui-menu-item div:last-of-line {font-weight: normal;}
/* project filter page  */

.project_filter {
    background: #fff;
    margin-bottom: 25px;
}
.project_filter + .speak-to-expert {margin-bottom: 35px;}


.project_filter h2.title {font-size: 18px; margin-bottom: 15px;}

.project_filter .list_title_block h2.title {font-size: 20px;}
.project_filter .list_title_block {width:100%; padding:25px; position: relative;}

.project_filter .list_title_block a.clear_btn {
    position: absolute;
    top: 22px;
    right: 15px;
    font-weight: bold;
    display: inline-block;
    font-size: 16px;
}
.project_filter .search_unit span {display:inline-block; padding:3px 7px; background: #6a6a6a; color:#fff; border-radius: 3px; margin:0 5px 5px 0;}
.project_filter .search_unit span i {padding-right: 3px;}

.category_box {padding:25px; border-top: 1px solid #f4f4f4;}
.category_box .category_wapper {max-height: 290px; overflow-y: auto; overflow-x: hidden;}
 .select_block {position: relative; margin:5px 0; padding-left: 30px; display:inline-block; width:100%; margin-left: 15px; z-index: 1;}
 .select_block input {position: absolute; opacity: 0; width:18px; height:18px; z-index: 1; left:0; top:0;}
 .select_block span.custom_radio {position: absolute; z-index: -1; left:0; top:0; width:18px; height:18px; border-radius: 100%; background: transparent; border:1px solid #000;}

 .select_block input:checked + span.custom_radio:after {
    content:"";
    position: absolute;
    left: 4px;
    top: 4px;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #e2586e;}

 .select_block label {margin:0;}

.model .select_block span.custom_checkbox {top:2px;}

 .select_block span.custom_checkbox {position: absolute; left:0; top:0; width:16px; height:16px; background: transparent; border:1px solid #000; z-index: -1;}
 .select_block input:checked + span.custom_checkbox {background: #e2586e; border-color: #e2586e;}
 .select_block input:checked + span.custom_checkbox:after {
    content:"";
    position: absolute;
    left: 3px;
    top: 0px;
    border-right: 2px solid;
    border-bottom: 2px solid;
    border-color: #fff;
    width: 7px;
    height: 11px;
    z-index: 5;
    transform: skew(-7deg) rotate(31deg);
}

.slidecontainer {
    width: 100%;
  }

  .slidecontainer p {display: flex; font-weight: 400; font-size: 20px;  margin-bottom: 15px; display: -webkit-flex; justify-content: space-between; align-items: center;}
  .ui-widget {font-family: inherit;}
  .slidecontainer  .ui-state-default,
  .slidecontainer  .ui-widget-content .ui-state-default,
  .slidecontainer  .ui-widget-header .ui-state-default {border-radius: 100%; background:#fff; border:2px solid #e2586e;}
  .slidecontainer .ui-slider-horizontal .ui-slider-range-min {background:#000;}
   
  .slidecontainer .ui-slider {border:none; background: #f4f4f4; height: 7px; border-radius: 7px;}
  .slidecontainer .ui-slider:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    top: -6px;
    right: -10px;
    border-radius: 100%;
    background: #ad9599;
    border: 2px solid #e2586e;
  }
  .slidecontainer .ui-slider:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    top: -6px;
    left: -10px;
    border-radius: 100%;
    background: #ad9599;
    border: 2px solid #e2586e;
  }


  .slidecontainer  span.slide_value {
    font-weight: 400;
}
.slidecontainer  span#currentVal {position: absolute; top:-45px; right:25px; font-weight: bold; font-size: 20px;}


.other_porperty {
      padding:50px 0;
      background:#fff;
      margin-bottom: 5px;
  }

  .other_porperty h1 {font-size: 20px; margin-bottom:35px;}
  .other_porperty h4 {font-size: 16px; margin-bottom: 15px;}

  .other_porperty ul {display: block; width:100%;}
  .other_porperty ul li.title {font-weight: bold; font-size: 16px;}
  .other_porperty ul li{display: flex; padding:5px; display: -webkit-flex; justify-content: space-between; align-items: flex-start;}

 .category_wapper::-webkit-scrollbar-track {
      border-radius: 5px;
      -webkit-border-radius:5px;
  }
  
  .category_wapper::-webkit-scrollbar{
      width: 8px;
      border-radius: 5px;
      -webkit-border-radius:5px;
      background-color: #f4f4f4;
  }
  
  .category_wapper::-webkit-scrollbar-thumb{
      height: 150px;
    border-radius: 5px;
    -webkit-border-radius:5px;
      background-color: #f4f4f4;
  }
  .category_wapper::-webkit-scrollbar-thumb:focus{box-shadow: none; outline: none;}

  .slide_menu {display: none;}

/* ===================== */
/* Customize website's scrollbar like Mac OS
Not supports in Firefox and IE */

/* total width */
.category_wapper::-webkit-scrollbar {
    background-color:#fff;
    width:16px;
    height: 150px;
}

/* background of the scrollbar except button or resizer */
.category_wapper::-webkit-scrollbar-track {
    background-color:#000
}
.category_wapper::-webkit-scrollbar-track:hover {
    background-color:#000
}

/* scrollbar itself */
.category_wapper::-webkit-scrollbar-thumb {
    background-color:#babac0;
    border-radius:16px;
    height: 150px;
    border:5px solid #fff
}
.category_wapper::-webkit-scrollbar-thumb:hover {
    background-color:transparent;
    border:4px solid #f4f4f4
}

/* set button(top and bottom of the scrollbar) */
.category_wapper::-webkit-scrollbar-button {display:none}


/* faq page  */
  .faq {width:100%; display:block; margin-bottom: 50px;}
  .faq .faq_inner {padding:40px; background: #fff;}

  .faq_content_block {padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #f4f4f4;}
  .faq_content_block:last-child {border:none; margin-bottom: 0; padding-bottom: 0;}
  .faq_content_block h2{font-size: 20px; margin-bottom: 30px;}

  .faq_collapse .card{border:initial; box-shadow: initial; padding-left: 40px; margin:20px 0; background: transparent;}
  .faq_collapse h4.title {font-size: 16px; position: relative; cursor: pointer;}
  .faq_collapse h4.title:before {content:""; width:20px; height:4px; background: #ccc; position:absolute; top:50%; left:-40px; transform:translatey(-50%);}
  .faq_collapse h4.title.collapsed:after {content:""; width:4px; height:20px; background: #ccc; position:absolute; top:50%; left:-32px; transform:translatey(-50%);}

  /* career page  */

  .banner_section {width:100%; position: relative;}
  .banner_section .img_block {width:100%; height:415px;}
  .banner_section .img_block img {width:100%; height: 100%; object-fit: cover; object-position: center;}
  .work-with-us {
      width:100%;
      position: relative;
      background: #fff;
      padding:60px 0 30px;
      margin:60px 0;
  }

.modal-header {padding: 0;}
.modal-header h2.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    background: #e2586e;
    color: #fff;
    width: calc(100% + 32px);
    margin: -16px -16px 0 -16px;
    padding: 7px;
    text-align: center;
}

  .work-with-us .row {align-items: center;}
  .work-with-us .title_block {padding-right: 15px;}
  .work-with-us .img_block {max-width:80px; margin-bottom: 15px;}
  .work-with-us ul {display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between; width:100%; margin:0;}
  .work-with-us ul li {display: inline-block; width:calc(50% - 30px); margin-bottom: 30px;}
  .work-with-us h4 {font-size: 18px;}

  .open_position {width:100%; display: block; position: relative; margin:60px 0;}
.open_position .page_title h1 {margin-bottom: 30px;}

  ul.job_list {display: flex; display: -webkit-flex; flex-wrap: wrap; width:100%; margin:0;}
  ul.job_list li {
    display: inline-block; 
    width:calc(33% - 16px);
    margin: 0 8px;
    height: 265px;
    margin-bottom: 16px;
    perspective: 1000px;
   }
ul.job_list li .flip_box {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  -webkit-transition: transform 0.8s;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
}


ul.job_list li:hover .flip_box{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
}


ul.job_list .content.front {
  background-color: #e2586e;
  color: black;
}


ul.job_list .content.back {
  background-color: #e2586e;
  color: white;
  transform: rotateY(180deg);
}

ul.job_list .content.front,
ul.job_list .content.back{
    color: #fff;
    padding: 50px 0;
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}



  ul.job_list li h4 {font-size: 22px;}
  ul.job_list li p {font-style: 16px;}
  ul.job_list li a.view_more {display: inline-block; padding:7px 12px; background: #3b4249; color:#fff; border-radius: 5px; }

.vacancy_content {padding: 35px 0;}
.vacancy_content h4 {color: #e2586e; font-size: 22px;}

.contact-us .col-6.custom-file-upload + .col-6 .g-recaptcha {
    transform: scale(.85);
    margin: auto;
}


  ul.job_list li:nth-child(2) .content {background: #3b4249;}
  ul.job_list li:nth-child(3) .content {background: #0c466c;}
  ul.job_list li:nth-child(4) .content {background: #ff0028;}
  ul.job_list li:nth-child(5) .content{background: #2aa1ef;}
  ul.job_list li:nth-child(6) .content{background: #416089;}
  ul.job_list li:nth-child(7) .content {background: #ce5a17;}
  ul.job_list li:nth-child(8) .content{background: #e91dda;}
  ul.job_list li:nth-child(9) .content{background: #6c5052;}
  ul.job_list li:nth-child(10) .content{background: #ff0028;}


  .quich_tabs {width:100%; position: relative; margin:30px 0 60px}

  .quich_tabs ul.nav-tabs {display: flex; margin-bottom: 35px; justify-content: center; align-items: center; border:none;}
  .quich_tabs ul.nav-tabs li a {display: inline-block;margin:10px 15px; border-bottom: 2px solid transparent; padding:5px; color:inherit; font-size: 18px; font-weight: bold;}
  .quich_tabs ul.nav-tabs a.active {border-bottom: 2px solid #1c4693; color:#1c4693;}
  .quich_tabs .tab-content>.active {
    display: block;
    opacity: 1;
}

.quich_tabs .tab-content {text-align: center;}
.quich_tabs .tab-content .img_block {max-width: 700px; display:inline-block; margin-top: 25px;}


.career_intro {display: block; clear: both; width:100%; text-align: center; margin:60px 0;}
.career_intro .container {max-width: 700px;}
.our_team {display: block; clear: both; width:100%; margin:60px 0;}
.our_team .first_row {margin-bottom: 60px;}
.our_team .first_row span{display:block; margin-bottom: 15px;}

.our_team_member {display:block; width:100%; padding:60px 0 30px; clear: both; background: #fff; margin-bottom: 10px;}
.our_team_member .team_block {width:100%; display:inline-block; margin-bottom: 20px;}
.our_team_member h2.title.text-center {margin-bottom: 15px;}
.our_team_member .content{padding:15px 0;}
.our_team_member .content h4{font-size: 18px;}
.our_compeny  {margin:60px 0; display:block; width:100%;}

.welcome_text {margin:60px 0; text-align: center;}
.welcome_text .container {max-width: 700px;}

.about_megarealty {padding:60px 0;}
.award-reward {margin:60px 0; width:100%; display:block; clear: both;}
.award-reward .reward_block {width:100%; margin-bottom: 16px; display:inline-block; background: #fff;}
.award-reward .reward_block .content {clear: both;}
.award-reward .reward_block .content p {display:block; padding:10px; color:#3b4249}
.award-reward .reward_block .content a {display:block; padding:10px; color:#3b4249}
.award-reward .reward_block .content a:hover {background: #e2586e; color:#fff}

.success_principles {padding:60px 0;}
.success_principles ul {display: flex; margin:0; display: -webkit-flex; align-items: flex-start;}
.success_principles ul li {width: calc(20% - 7px); display: inline-block; margin: 0 7px; padding:10px 10px 30px; background: #f4f4f4;}
.success_principles ul li h4 {font-size: 20px;}

.our_mission {padding:60px 0;}
.our_mission ul {display: flex; margin:0; position: relative; display: -webkit-flex; justify-content: space-between; align-items: flex-start;}
.our_mission ul li {width: calc(50% - 55px); font-size: 17px; display: inline-block;}
.our_mission ul:after {content:""; width:1px; height: 100%; position: absolute; top:0; left: 50%; transform: translatex(-50%); background: #000;}
.our_mission ul li h4 {font-size: 24px;}


.listing-content {width:100%; padding:15px; background: #fff; margin-top: 20px;}
.listing-content h4 {font-size: 18px; margin:15px 0;}

.clearfix.border {width:calc(100% + 30px); margin:10px 0; border: 1px solid #f4f4f4!important; margin-left: -15px;}

ul.west_overview {display: flex; text-align: center; flex-wrap: wrap; display: -webkit-flex; }
ul.west_overview li {display: inline-block; margin: 8px 7px; text-align: center; width:calc(33% - 14px); border:1px solid #f4f4f4; padding:35px 15px;}
ul.west_overview li h5 {font-size: 16px;}
ul.west_overview li span {font-size: 14px;}

ul.west_amenities {text-align: center;}
ul.west_amenities li{
    display: inline-block;
    width: 49%;
    float: left;
    padding: 5px;
    position: relative;
    text-align: left;
}

.flore_plan {display: block; clear: both;}
.flore_plan .link_flet {display: block; }
.flore_plan .link_flet li {display: inline-block; padding:2px; margin: 3px;}

.flore_plan ul.flore_design {display: flex; text-align: center; flex-wrap: wrap; display: -webkit-flex;}
.flore_plan ul.flore_design li {display: inline-block; width: calc(33% - 8px);}
.flore_plan ul.flore_design li .img {width:100%; border:1px solid #f4f4f4;}
.flore_plan ul.flore_design li .img img {width: 100%;}
.flore_plan ul.flore_design li .content {padding: 10px;}


ul.mem_gallery {display: flex; text-align: center; flex-wrap: wrap; display: -webkit-flex;}
ul.mem_gallery li {display: inline-block; position: relative; padding-top:170px; width: calc(25% - 4px); margin:2px;}
ul.mem_gallery li img {position: absolute; background-repeat: no-repeat;  top:0; left: 0; width: 100%;height: 100%; object-fit: cover; object-position: center;}


ul.mem_vedio {display: flex; text-align: center; flex-wrap: wrap; display: -webkit-flex; }
ul.mem_vedio li {display: inline-block; position: relative; width: calc(33% - 8px); margin:7px;}
ul.mem_vedio li span.timer {display: inline-block; padding:3px 5px; color:#fff; background: #000; position: absolute; bottom:10px; right:10px;}
ul.mem_vedio li .vedio_box {position: relative; padding-top: 56.5%;}
ul.mem_vedio li iframe {position: absolute; background-repeat: no-repeat;  top:0; left: 0; width: 100%;height: 100%; object-fit: cover; object-position: center;}
ul.mem_vedio li .content {padding:10px;}
ul.mem_vedio li .content p {font-weight: 600;}


ul.mem_download {display: flex; text-align: center; margin-top: 40px; flex-wrap: wrap; display: -webkit-flex;}
ul.mem_download li {display: inline-block; position: relative; width: calc(33% - 8px); border:1px solid #f4f4f4; padding:30px 15px 15px; margin:7px 0;}
ul.mem_download li .icon {width: 65px; height: 65px; border-radius: 100%; position: absolute; top:-35px; left:50%; transform: translatex(-50%);}
ul.mem_download li .icon img {width: 100%; height: 100%;}

.location_map {width: 100%; height: auto; display: block; clear: both;}
.location_map iframe {width: 100%!important;}

.more_projects {width:100%; margin: 25px 0;}
.more_projects h2.title {margin-bottom: 15px;}

.about_mem ul {display: block; width: 100%;}
.about_mem ul li {display: inline-block; vertical-align: text-top;}
.about_mem ul li:first-child {width: 40px; margin-right: 10px;}
.about_mem ul li img {width: 100%;}

.about_mem ul li ul {display: block; margin:0;}
.about_mem ul li ul li {display: inline-block; width: auto!important; padding:5px;}

.ascide_details .gallery_box {width:100%; margin-bottom: 25px;}

.ascide_details .gallery_box .img_box {padding-top: 65%; position: relative;}
.ascide_details .gallery_box .img_box img{width: 100%; height: 100%; position: absolute; top:0; left:0; object-fit: cover; object-position: center;}
.ascide_details .gallery_box .img_box:after {content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.445); position: absolute; top:0; left:0;}

.ascide_details .gallery_box .img_box h4 {position: absolute;text-align: center; font-weight: 500; font-size: 22px; top:50%; z-index: 1; color:#fff; left:50%; transform: translate(-50%, -50%);}
.ascide_details .gallery_box .img_box h4 span {display: block;}
.ascide_details .gallery_box .img_box h4 a {color: inherit;}

.inquery_form {width:100%; background: #fff; margin-bottom: 25px;}
.inquery_form  h4 {background: #4c4d50; color:#fff; margin-bottom: 18px; padding:10px 15px; font-size: 16px;}
.inquery_form form {display: block; width: 100%; padding:0 15px;}

.inquery_form form .form-group {display: inline-block; width: 100%; position: relative;}
.inquery_form form .form-group input {box-shadow: none; outline: none; width:100%; height: 40px; border:1px solid #2b2d33; border-radius: 3px; padding:7px 20px; padding-left: 35px; font-size: 16px;}
.inquery_form form .form-group .error {
    width: 100%;
    color: red;
    border-color: red!important;
    margin: 0;
}

.inquery_form form .form-group i {position: absolute; top:15px; left:10px; color:#4c4d50}
.inquery_form form  h5 {font-size: 16px;}
.inquery_form form .content_block a.btn-2 {border-radius: initial; margin:10px 0;}
.inquery_form form .content_block {padding-bottom: 15px;}
.inquery_form form .content_block .btn {width:100%; padding:10px; font-weight: 400; border-radius: 3px; margin-top: 15px;;}

.inquery_form form .content_block .select_block {margin-left: 0;}

span.featured {
    display: inline-block;
    font-size: 12px;
    color: #fff;
    padding: 2px 6px;
    background: #1c4693;
    border-radius: 6px;
    font-weight: 400;
}

ul.locate_project {margin:0; font-size: 16px; display: block;}
ul.locate_project li {display: block; margin:5px 0;}

.page_title .btn_group {display: block; margin-top: 7px;}

.social_sharing {padding:15px; background: #fff; margin-top: 25px;}
.social_sharing ul {width:100%; display: block; padding:25px 15px; flex-wrap: wrap; margin:0; background: #f4f4f4;}

.social_sharing ul li a {width:35px; height:35px; margin:0; text-align: center; border-radius: 100%;padding: 6px 2px;
    font-size: 16px; display: inline-block; color:#fff; background: #f15e75;}
    .social_sharing ul li:hover a {color: #fff; background: #da6173;} 
.social_sharing ul h5 {display: block; font-size: 16px; width: 100%;}
.page_title .btn_group a {padding:11px 20px; line-height: 1;}

.page_title .btn_group .btn-2 {background: transparent;}
.page_title .btn_group .btn-2:hover {background: #f15e75;} 
.page_title .btn_group .btn-2 img:first-child{display: none;}
.page_title .btn_group .btn-2 img:nth-child(2){display: inline-block;}
.page_title .btn_group .btn-2:hover img:first-child{display: inline-block;}
.page_title .btn_group .btn-2:hover img:nth-child(2){display: none;}


/* 404 page  */

.page_404 {padding:60px 0;}
.page_404 .container {max-width: 850px;}
.page_404 .row {align-items: center;}
.page_404 .content {max-width: 300px;}
.page_404 .content h2 {font-size: 24px;}
.page_404 .content h4 {font-size: 18px; margin:10px 0;} 
.page_404 .content p {font-size: 16px; font-weight: 600;} 
.page_404 .content span {display: block; margin-bottom: 7px;} 

.page_404 .content ul li {display: block; font-size: 16px; font-weight: 600;}
.page_404 .content ul li a{display: inline-block; color: #da6173; padding:2px 0;}
.page_404 .content ul li a:hover {text-decoration: underline;}
.page_404 .img_box {max-width: 340px;}
.page_404 .img_box img {width: 100%;}


.mem_builder {padding:15px; width:100%; background: #fff; margin-bottom: 25px;}
.mem_builder .about_mem ul {display: flex; justify-content: flex-start; align-items: center;}
.mem_builder .about_mem ul li:first-child {width: 130px; margin-right: 25px;}
.mem_builder .about_mem ul li {font-weight: 700;}
.mem_builder .about_mem ul li h5 {font-size: 24px;}
.mem_builder .about_mem ul li p span {display: block; line-height: 1;}

.about_mem_builder {margin-bottom: 45px;}


.thank_you {
    text-align: center;
    position: relative;
    padding-top: 35px;
    margin-bottom: 35px;
    padding-bottom: 35px;
    background: #fff;
}
.thank_you .content {
    display: inline-block;
    margin-bottom: 15px;
}
.thank_you .content .image_block {
    width: 150px;
    margin: auto;
}

.thank_you .content .image_block img{width: 100%;}

.thank_you .content h3 {
    margin: 10px 0 15px;
}
.thank_you .content p {font-size: 16px; font-weight: 700;}


.thank_you .nav_links p {
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: 700;
}

#chooseCity {  pointer-events:none; }
 
#chooseCity .modal-dialog { text-align: center; }

#chooseCity .modal-header { border: none; background: #333; color: #fff; justify-content:center; }

#chooseCity .modal-dialog { margin-top: 150px; }


@media (min-width: 768px) and (max-width: 991px) {
.header .top_bar p {
    width: calc(100% - 50%);
}
}

@media (min-width: 992px) and (max-width: 1199px) {
.header .top_bar p {
    width: calc(100% - 50%);
}
}

@media(max-width: 767px){

    .top_builder .slick-slider {margin-top: 70px;}
    .lunch_box {margin-top: 50px;}
}