* {
    box-sizing: border-box;
}
video {
    width: 100%;
    height: auto;
}
html,body{
    scroll-behavior: smooth;     
}
body {
    margin: 0;
    font-family: Arial;
    font-size: 17px;
    scroll-behavior: smooth;   
}

*{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;}
a:hover{text-decoration: none;}
ul, ol{list-style:none;}
img{max-width:100%;}
p{font-size:14px; line-height:24px; color:#333;}
.jumbotron{margin-bottom: 0px;}


/********************************************
	   == Topbar Css Start ==
********************************************/
.topbar-wrap{background: #414042;}
.social_media{padding:10px 0; margin-bottom: 0;}
.top_left{padding-top: 5px;}
.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;}
.topbar_phone a{font-size: 13px;
    font-weight: 400;
    color: #ffffff;
    text-decoration: none;
    margin-left: -14px;}
.topbar_phone i{padding-right: 6px; font-size: 14px;}
.topbar_login{display: inline-block; margin-left: 10px;}
.topbar_login a{
    text-decoration: none;
    text-decoration: none;
    text-decoration: none;
    background: #f5821f;
    color: #fff8f8;
    font-weight: bold;
    padding: 5px 26px;
    display: block;
    /* border-left: 3px solid #fff; */
   
}
.topbar_login i{padding-right: 7px;}
.top_right{text-align: right;}



/********************************************
	   == Header Css Start ==
********************************************/
.header-wrap{
    padding: 5px 0px;
    background: aliceblue;
}
.is-sticky{
    position: fixed !important;
    width: 100%;
    background: #ffffff;
    -webkit-box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;
    top: 0;
    z-index: 9;
}
.navbar{padding:0;}
.navbar-brand{display:none;}
.navbar li{line-height:inherit; padding: 5px 0;}
.navbar-light .navbar-nav .nav-link{font-size:14px; padding: 12px 16px; color:#414042; text-transform:uppercase; z-index:1000; font-weight:bold;}
.caret{display: inline-block !important;
    font-size: 16px !important; color: #011b58 !important;
    padding-left: 7px;}
.navbar-light .navbar-nav .active>.nav-link{
    color: #f5821f !important;
    /* background: #212529; */
    border-radius: 13px;
}
.header_logo img{width: 72px;}
.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: #f8f7f9 !important;
    background: #f5821f;
    border-radius: 15px;}
.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: #f5821f;
    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: #ffb900; color: #fff !important;}
.submenu li:hover .submenu_right{display: block;}
.right_angle{position: absolute; top:8px; right: 10px; font-size: 18px !important;}


/* slider */
.top-container{
    width: 100%;
    display: flex;
    justify-content: center;    
    align-items: stretch;
    flex-wrap: wrap;   
    margin: auto;
}
.top-container-item{
    align-items: center;    
}
.top-container-item.w70{
    width: 73%;
    margin: 0.5%;
}
.top-container-item.w30{    
    width: 24%;
    background: #f5821f;
    margin: 0.5%;  
}

@media (min-width: 1200px){
    .top-container{
        max-width: 1440px;
    }
    .topbar-wrap .container,
    .header-wrap .container{
        max-width: 1440px;
    }
}

#myVideo {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
}
.content {
    position: fixed;
    bottom: 0;
    background: #0e56a8;
    color: #f1f1f1;
    width: 100%;
    padding: 7px;
    font-size: 14px;
}
.Logo {
    position: fixed;
    top: 0;
    left: 0;
    color: #f1f1f1;
    padding: 20px;
    z-index: 999;
}
.banner-img{
    max-width: 100%;
}
#myBtn {
    width: 200px;
    font-size: 18px;
    padding: 10px;
    border: none;
    background: #000;
    color: #fff;
    cursor: pointer;
}
#myBtn:hover {
    background: #ddd;
    color: #000;
}
video::-webkit-media-controls-play-button {
    display: flex !important;
}
.claerfix {
    clear: both;
}
.slide_form_mobl {
    position: fixed;
    width: 100%;
    background-color: #336bac;
    bottom: 0;
}
.enquiryform {
    width: 1300px;
    max-width: 96%;
    margin: 0 auto;
}
.slide_form_mobl h3,
.close_frm_frm_close {
    display: none;
}
input,
select {
    width: 100%;
    border: 1px solid #3175c2;
    background-color: #fff;
    color: #414141;
    padding: 6px;
    height: 30px;
    border-radius: 4px;
}
.form-group {
    width: 25%;
    float: left;
    margin: 1%;
}
.form-group2 {
    width: 12%;
    float: left;
    margin: 1%;
}
.btn_valid {
    background-color: #1d5596;
    border: 1px solid #1d5596;
    color: #fff;
    padding: 6px;
    width: 100%;
    cursor: pointer;
    height: 30px;
}
.btn_valid:hover,
.btn_valid:visited,
.btn_valid:focus {
    background-color: #336bac;
    border: 1px solid #336bac;
    color: #fff;
    transition: all 0.2s;
}
@media only screen and (max-width: 768px) {
    .Logo {
        position: static;
        padding: 0;
    }
    #myVideo {
        position: static;
    }
    .slide_form_mobl {
        position: static;
        bottom: 29px;
        padding: 15px 0;
        margin-top: -5px;
    }
    .form-group {
        width: 98%;
        float: none;
        margin: 0% auto 2%;
    }
    .form-group2 {
        width: 127px;
        float: none;
        margin: 0 auto;
    }
    .content {
        position: static;
        padding: 8px 0;
        font-size: 13px;
    }
}


@media screen and (max-width: 990px){
    .navbar-nav {clear: both;}
    .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: 100%;
    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;
}
.caret{
    opacity: 0;
}
.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;
}
.about-widget, .footer_button{text-align: center;}
.navbar-light .navbar-nav .nav-link{color: #fff;}
.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: #ffb900;}
 
}


/********************************************
	   == Slider Css Start ==
********************************************/
.slider-wrap{background:url(../images/7T9364v.gif) no-repeat top; background-size:cover; padding:70px 0 80px 0; min-height: 600px;}
.sliderTxt{position: absolute;margin: auto;top: 30%;}
.sliderTxt .sliderTxtTitle{font-size:40px; color:#fff; text-transform: uppercase; font-weight: 600; margin-top:0; text-align:left;}
.sliderTxt p{font-size:18px; color:#fff; letter-spacing: 2px; text-align:left;}
.btn-color {
    
}
.r-btn {
    padding: 12px 30px 10px;
    letter-spacing: 1.5px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 3px;
    background: #f9c322;
    border-color: #f9c322;
    color: #011b58;
}
.text-uppercase{
    color: #011b58;
}

.padding {
    padding: 80px 0;
}



/* ---- ABOUT US Seven --- */
.about-sev-img img{
    width: 100%;
}
.about-sev-tag h4{
    font-style: italic;
    font-weight: normal;
    margin-bottom: 15px;
    font-size: 15px;
    color: #f9c322;
}
.about-sev-tag p {
    padding-bottom: 15px;
    line-height: 24px;
}
.about-sev-tag ul{
    margin-bottom: 15px;
}
.about-sev-tag ul li {
    font-weight: 400;
    font-style: italic;
    line-height: 32px;
    display: inline-block;
    width: 47%;
    font-size: 13px;
}
.about-sev-tag ul li i {
    font-size: 16px;
    display: inline-block;
    padding-right: 15px;
}
.about-sev-tag .founder-text {
    padding-left: 40px;
    position: relative;
    border-left: 2px solid #ddd;
    padding-top: 32px;
    padding-bottom: 0px;
}
.about-sev-tag .founder-text::before {
    position: absolute;
    top: 0;
    left: 10px;
    font-family: "FontAwesome";
    content: "\f10d";
    color: #f0f0f0;
    font-size: 22px;
}
.about-sev-tag .founder-text p {
    font-size: 16px;
    font-weight: 300;
    line-height: 28px;
    font-style: italic;
    margin: 0;
}
.about-sev-tag .founder-text h3 {
    font-size: 18px;
    font-weight: 400;
    margin: 14px 0 0;
}
.about-sev-tag ul li i {
    color: #021854;
}


.download-apps {
    background: rgba(0, 0, 0, 0) url("../images/download.jpg") no-repeat scroll center center / cover;
    padding: 59px 0 23px;
    position: relative;
  }
  
  .download-apps-desc {
    margin-top: 14px;
  }
  .download-apps-caption-img img {
    position: absolute;
    bottom: -15px;
  }
  .overlay-blue:before {
    position: absolute;
    content: "";
    background: rgba(0, 67, 149, 0.95);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  
  .fun-fact.overlay-black::before {
    background: rgba(0, 0, 0, 0.95) none repeat scroll 0 0;
  }
  
  .fun-fact.no-bg {
    background-color: #9e9e9e;
    background-image: none;
  }
  
  .download-app-inner {
    position: relative;
    z-index: 9;
    overflow: hidden;
  }
  
  .download-apps-title .h3-title {
    color: #f9c322;
    font-size: 26px;
  }
  
  .download-apps-title .h3-title.title-1 {
    margin-bottom: 6px;
  }
  
  .download-apps-bottom>p {
    color: #eee;
    font-weight: 300;
  }
  
  .download-apps-bottom>a {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid rgba(0, 0, 0, 0);
    color: #0d4c9a;
    display: inline-block;
    height: 40px;
    line-height: 38px;
    margin-top: 11px;
    padding: 0 21px;
    border-radius: 10px;
  }
  
  .download-apps-bottom>a:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-color: #f9c322;
    color: #f9c322;
  }
  
  .download-apps-title h3.title-2 {
    margin-bottom: 16px;
  }
  

  /** Contact from start **/
.contact-from{
    padding: 30px 32px;
    margin: auto;
    border-radius: 5px;
}

.form-group {
    width: 100%;
    margin-bottom: 25px;
}

.contact-from .form-control {
    width: 100%;
    padding: 10px 20px;
    font-size: 15px;
    outline: 0;
    height: 50px;
    background: #fff;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.15);
    border-radius: 50px;
    border: 1px solid transparent;
}

.contact-from .btn-color {
    height: 50px;
    border-radius: 50px;
    background: #212529;
    display: inline-block;
    color: #fff;
}

.contact-from h3{
    margin-bottom: 20px;
    font-size: 20px;
    text-align: left;
    color: white;
}

.cf-2{
    max-width: 100%;
    background: #fff;
    padding: 20px 25px;
    margin:20px auto 0;
    border-radius: 3px;
}

.cf-2 .form-group {
     width: 100%;
     margin-bottom: 0;
 }

.cf-2 .pad-10{
    padding: 0 7.5px;
}

.cf-2 .form-control {
    width: 100%;
    padding: 10px 20px;
    font-size: 15px;
    outline: 0;
    height: 50px;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #d8d8d8;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .06);
}

.cf-2 .btn-color {
    border-radius: 3px;
}

.cf-3{
    display: none;
}

.contact-from-2{
    max-width: 500px;
}

.contact-from-2 form .form-control {
    width: 75%;
    padding: 10px 25px;
    font-size: 15px;
    outline: 0;
    height: 55px;
    border: #fff;
    border-radius: 50px 0 0 50px;
}

.contact-from-2 .btn {
    width: 25%;
    padding: 11px 13px;
    font-size: 15px;
    font-weight: 500;
    height: 55px;
    background: red;
    color: #fff;
    letter-spacing: 1px;
    border-radius: 0 50px 50px 0;
}

.contact-from-2 .btn:hover{
    background: red;
}

.mrg-auto{
    margin: 0 auto;
}

.mrg2-auto{
    margin: 0 0 0 auto;
}





/********************************************
       == Properties Start ==
********************************************/
.property-wrap{padding: 20px 0;}
.title{text-align: center;}
.title h1{font-size: 46px; color: #000;}
.title h1 span{display: block; font-size: 16px;}
.property_box{background: #fff; padding: 18px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);}
.propertyImg{overflow: hidden;}
.propertyImg img{width: 100%; -webkit-transform: scale(1);
  transform: scale(1); 
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;}
.property_box h3{margin-top: 10px;
    line-height: 24px;
    min-height: 30px;}
.property_box h3 a{text-decoration: none; font-size: 20px; color: #000; font-weight: normal;}
.property_box h3 a:hover{color: #ffb900;}
.property_location i{padding-right: 6px; font-size: 14px; color: #b7b7b7;}
.property_location{font-size: 14px; color:#626262;}
.heart_info{display: flex; margin-top: 15px;}
.heart_icon{margin-right: 5px;}
.heart_icon a{font-size: 14px; color: #a5a5a5; width: 30px; display: block; text-align: center; line-height: 30px; height: 30px; border: 1px solid #f0efef; background: #f9f9f9;}
.property_price{font-size: 20px; color: #ffb900; font-weight: bold; margin-left: 15px;}
.propert_info{text-align: center; margin-top: 15px; border: 1px solid #efefef; padding: 7px;}
.propert_info h5{font-size: 12px; margin-bottom: 0; font-family: 'Open Sans', sans-serif; color: #000; margin-top: 5px;}
.propert_info ul li{position: relative;}
.propert_info ul li:before{content: ""; background: #efefef; width: 1px; height: 58px; position: absolute; top: -8px; left: 0;}
.propert_info ul li:first-child:before{display: none;}
.property_box:hover .propertyImg img{-webkit-transform: scale(1.1);
  transform: scale(1.1);}
.property_box{margin-top: 30px;}
.rent_info{display: flex; margin-top: 15px;}
.apart{background: #ffb900; z-index: 1000; position: relative; padding: 10px 18px; width: 55%; color: #000; font-size: 16px; font-family: 'Poppins', sans-serif;}
.apart:after{content: ""; background:#ffb900; z-index: -1; width: 40px; height: 100%; transform: skew(-30deg); position: absolute; top: 0; right: -15px;}
.sale{background: #2b2727; padding: 10px; text-align: center; color: #fff; width: 45%; font-size: 16px; font-weight: 300; font-family: 'Poppins', sans-serif;}





.buy-wrap{background: url(../images/house-bg.jpg) no-repeat top; text-align: center; background-size: cover; padding: 60px 0;}
.buy-wrap h1{color: #fff; font-weight: bold;}
.buy-wrap p{font-size: 14px; font-style: italic; padding: 0 150px; 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: #ffb900; padding: 16px 34px;}
.start_btn{margin-top: 34px;}
.start_btn a:hover{
    background: transparent; border: 1px solid #fff; color: #fff;
}



.bg-grea {
    background: #f9f9f8;
}
.content-area {
    padding: 100px 0 70px;
}
.main-title {
    text-align: center;
    margin-bottom: 50px;
}
.main-title .title_h {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 10px;
    letter-spacing: 1px;
    color: #333;
}
.text-justify {
    text-align: justify!important;
}
 
.footer {
    background: #171c26;
    padding: 10px 10px 5px 10px;
    background-size: cover;
    text-align: center;
}
.footer p{
    color: #fff;

}

.modal-box {
    font-family: Lato, sans-serif
}

.modal-box .show-modal {
    color: #f1731e;
    background-color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 10px 25px;
    margin: 80px auto 0;
    border: none;
    outline: 0;
    box-shadow: 15px 15px 30px rgba(0, 0, 0, .3);
    display: block;
    transition: all .3s ease
}

.modal-box .show-modal:hover {
    color: #850b6f;
    background-color: transparent;
    border: none;
    box-shadow: 15px 15px 30px rgba(0, 0, 0, .3) inset
}

.modal-backdrop.in {
    opacity: 0
}

.modal-box .modal {
    top: 90px !important
}

/* .modal-box .modal-dialog {
    width: 570px;
    margin: 20px auto 0
} */

.modal-box .modal-dialog .modal-content .close {
    color: #fff;
    /* background-color: #3b3b3b; */
    font-size: 30px;
    text-shadow: none;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    opacity: 1;
    position: absolute;
    left: auto;
    top: 0px;
    right: 0px;
    z-index: 1;
    transition: all .3s;
}

.modal-box .modal-dialog .modal-content .close span {
    margin: -2px 0 0 0;
    display: block
}

.modal-box .modal-dialog .modal-content .close:hover {
    color: #d9b067
}

.modal-box .modal-dialog .modal-content .modal-body {
    padding: 0px !important
}

.modal-box .modal-dialog .modal-content .modal-body .title {
    color: #222;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    text-transform: capitalize;
    margin: 0
}

.modal-box .modal-dialog .modal-content .modal-body .icon {
    color: #e71d36;
    font-size: 100px;
    width: 100px;
    margin: 0 17px 0 0;
    vertical-align: top;
    display: inline-block
}

.modal-box .modal-dialog .modal-content .modal-body .inner-content {
    width: 100%;
    display: inline-block
}

.modal-box .modal-dialog .modal-content .modal-body .description {
    color: #999;
    font-weight: 400;
    margin: 0 0 20px
}

.modal-box .modal-dialog .modal-content .modal-body .form-control {
    color: #222;
    background: #fff;
    font-size: 16px;
    letter-spacing: 1px;
    text-align: center;
    height: 40px;
    padding: 2px 15px 2px 25px;
    border-radius: 4px;
    transition: all .3s;
    border: 1px solid #ff9800;
}

.modal-box .modal-dialog .modal-content .modal-body .form-control:focus {
    box-shadow: none;
    border: 1px solid #e2e2e2
}

.modal-box .modal-dialog .modal-content .modal-body .form-control::placeholder {
    color: #909090;
    font-size: 16px
}

.modal-box .modal-dialog .modal-content .modal-body #btn1 {
    color: #fff;
    background: linear-gradient(to right, #94157d, #d9b067);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    width: 100%;
    padding: 13px 20px;
    border: none;
    border-radius: 50px;
    transition: all .3s
}

.modal-box .modal-dialog .modal-content .modal-body #btn1:hover {
    text-shadow: 3px 3px 3px #000;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, .4)
}

.modal-box .modal-dialog .modal-content .modal-body #btn1 i {
    margin-left: 10px
}

span.main-txt {
    display: block;
    text-align: center;
    padding-bottom: 16px;
    font-size: 40px;
    color: #850c70;
    font-weight: 600;
    text-shadow: 2px 2px 4px rgb(0 0 0 / 14%)
}

@media only screen and (max-width:576px) {
    .modal-dialog {
        width: 100% !important
    }
    .modal-box .modal-dialog .modal-content .modal-body .title {
        font-size: 16px;
        margin: 0
    }
    span.main-txt {
        display: block;
        text-align: center;
        padding-bottom: 16px;
        font-size: 26px
    }
    .modal-box .modal-dialog .modal-content .modal-body .icon {
        margin: 0 auto;
        display: block
    }
    .modal-box .modal-dialog .modal-content .modal-body .inner-content {
        text-align: center;
        width: 100%
    }
}

button.btn.btn-primary.btn-lg.show-modal {
    position: fixed;
    bottom: 15px;
    right: 20px;
    z-index: 12;
    background: #414042;
    color: #e9ecef;
}

.carousel-item.active.item-bg.banner-max-height img {
    display: none
}

@media(max-width:768px) {
    .carousel-item.active.item-bg.banner-max-height video {
        display: none
    }
}

.whatsapp-new {
    position: fixed;
    z-index: 21;
    right: -2px;
    top: 500px
}

.max-100 {
    max-width: 100%
}

#myModal10 .modal-content {
    margin: 0;
    padding: 0;
    background: 0 0;
    border: none;
    position: relative
}

#myModal10 .modal-body {
    padding: 0
}

#myModal10 .close {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: 1;
    position: absolute;
    right: -12px;
    top: -15px;
    background: #2b0142
}

#myModal .modal-content {
    background: none;
    border: 0;
}

.form-new-model {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: stretch
}

.form-new-model-item {
    width: 50%;
    align-items: center
}

.form-image-mob {
    display: none;
    max-width: 100%
}

.form-image-dox {
    max-width: 100%
}

#dwnld-form .form-group {
    margin-bottom: 5px
}

.secbtn {
    margin-top: 20px
}

.secbtn a.tag1 {
    background: 0 0;
    color: #fff;
    border-radius: 20px;
    border: 2px solid #fff;
    -webkit-animation: whatapp-bg infinite;
    -webkit-animation-duration: 3.5s;
    animation: whatapp-bg infinite;
    animation-duration: 3.5s
}

.secbtn a.tag2 {
    background: #4d9f7b !important;
    background: 0 0;
    color: #fff;
    border-radius: 20px;
    border: 2px solid #fff
}

.animate012 {
    -webkit-animation: whatapp-bg infinite;
    -webkit-animation-duration: 1.5s;
    animation: whatapp-bg infinite;
    animation-duration: 1.5s
}
.modal-body .contact-from{
    background: url(../images/16.jpg) no-repeat;
    background-size: cover;
    background-position-x: center;
    margin-bottom: 30px;
    position: relative;
}
.modal-body .contact-from::before{
    content: '';
    width: 100%;
    position: absolute;
    height: 100%;
    background: rgb(24 26 27 / 65%);
    left: 0;
    top: 0;
}
.contact-from-re{
    position: relative;
}
.modal-body .contact-from h3{
    text-align: center;
    color: #f9c322;
    margin: 0;
}
.modal-body .contact-from .pay-form{
    color: #fff;
    text-align: center;
    font-weight: 600;
    margin-top: 10px;
    font-size: 20px;
}
.modal-box .modal-dialog .modal-content .modal-body .title {
    font-size: 25px;
    color: #f4f5f6;
    padding-bottom: 15px;
    FONT-WEIGHT: 100;
    font-weight: bold;
    line-height: 33px;
    text-transform: capitalize;
    margin: 0 0 5px 0;
}
.modal-box .modal-dialog .modal-content .modal-body .sub-title {
    color: #ffffff;
    /* font-family: 'Satisfy', cursive; */
    font-size: 30px;
    text-transform: capitalize;
    margin: 0 0 10px 0;
}
.modal-box .modal-dialog .modal-content .modal-body .description {
    color: #fff;
    font-weight: 400;
    letter-spacing: 1px;
    margin: 0 0 5px;
    text-align: center;
}
.modal-box .contact-from .btn-color{
    height: 40px;
    border-radius: 50px;
    background: #f5821f;
    display: inline-block;
    color: #fff;
    width: auto;
}
.modal-box .contact-from .btn-color:hover{
    background: #ffb900;
}
.modal-box .contact-from .form-group{
    margin-bottom: 10px;
}
.enq_btn {
    position: absolute;
    display: grid;
    width: 100%;
    grid-template-columns: 50% 50%;
    bottom: 0;
    left: 0;
    z-index: 99;
}
.enq_btn .call-buttun, .whatsapp-btn {
    padding: 5px; 
    text-align: center;
    color: #fff;
  
}
.enq_btn .call-buttun{
    border-right: 1px solid #fff;
    background: #2196f3;
}
.enq_btn .whatsapp-btn {
    border-left: 1px solid #fff;
    background: #07bc4c;
}
.enq_btn .call-buttun a, .whatsapp-btn a{
    color: #fff;
}


.scale-down-top {
	-webkit-animation: scale-down-top 0.8s ease-in-out infinite alternate-reverse backwards;
	        animation: scale-down-top 0.8s ease-in-out infinite alternate-reverse backwards;
}
.scale-up-center {
	-webkit-animation: scale-up-center 0.8s ease-in-out infinite alternate-reverse backwards;
	        animation: scale-up-center 0.8s ease-in-out infinite alternate-reverse backwards;
}
 
 @-webkit-keyframes scale-down-top {
    0% {
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-transform-origin: 50% 0%;
              transform-origin: 50% 0%;
    }
    100% {
      -webkit-transform: scale(0.5);
              transform: scale(0.5);
      -webkit-transform-origin: 50% 0%;
              transform-origin: 50% 0%;
    }
  }
  @keyframes scale-down-top {
    0% {
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-transform-origin: 50% 0%;
              transform-origin: 50% 0%;
    }
    100% {
      -webkit-transform: scale(0.5);
              transform: scale(0.5);
      -webkit-transform-origin: 50% 0%;
              transform-origin: 50% 0%;
    }
  } 
 
@-webkit-keyframes scale-up-center {
    0% {
      -webkit-transform: scale(0.5);
              transform: scale(0.5);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  @keyframes scale-up-center {
    0% {
      -webkit-transform: scale(0.5);
              transform: scale(0.5);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  

  .slide-top {
	-webkit-animation: slide-top 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) infinite alternate forwards;
	        animation: slide-top 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) infinite alternate forwards;
}

 @-webkit-keyframes slide-top {
    0% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
    100% {
      -webkit-transform: translateY(-30px);
              transform: translateY(-30px);
    }
  }
  @keyframes slide-top {
    0% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
    100% {
      -webkit-transform: translateY(-30px);
              transform: translateY(-30px);
    }
  }
  
  
  
@keyframes whatapp-bg {
    to {
        background: #850c70;
        color: #fff;
        border: 2px solid #850c70 !important
    }
    from {
        color: #850c70;
        border: 2px solid #850c70 !important;
        background: 0 0
    }
}



  /* about-back-image */

  .about-back-image{
    background: url('../images/aboutback-img.jpg');
    width: 100%;
    background-size: cover;
    position: relative;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.about-back-image::before{
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    background: rgb(0 0 0 / 77%);
    top: 0px;
    left: 0px;
}
.about-footer-con{
  position: relative;
  padding: 50px 0px;
}
.about-history-sec{  
  display: flex;
  justify-self: center;
  justify-content: center;
  flex-wrap: wrap;
  margin: auto;
}
.about-history-sec-item{
  width: 30.33%;
  align-items: stretch;
  margin: 15px 0px;
  position: relative;
}
.about-history-sec-item::before{
  content: '';
  position: absolute;
  width: 70%;
  border: dotted 1px #969696;
  bottom: 0;
  left: 0;
}
.section_gap-sm{
    margin: 80px 0px 0px 0px;
}
.about-history-sec-item::after{
  content: '';
  position: absolute;
  height: 90px;
  border: dotted 1px #969696;
  right: 50px;
  top: 10%;
}
.about-history-sec-item p{
    color: #fff;
    margin: 0px;
    padding: 0px;
}
.about-history-sec-item .about-history-title{
  font-weight: 600;
  margin-bottom: 8px;
}
.about-history-sec-item .about-history-title span{
  display: block;
  font-size: 21px;
  padding: 8px 0px;
  color: #f5821f;
}
.color-white{
    color: #fff;
}
.one-section-title {
    font-weight: 700;
    font-size: 40px;
    margin-bottom: 40px;
    text-align: center;
}
.footer-logo{
  margin: auto;
  text-align: center;
  display: block;
  background-color: #fffffff0;
  padding: 5px;
  margin-bottom: 22px;
  border-radius: 3px;
  width: 90px;  
}

.site-heading {
    margin-bottom: 0;
    overflow: hidden;
    margin-top: -5px;
}
.site-heading .llis {   
    font-weight: 700;
    font-size: 28px;
    color: #f5821f;
    text-transform: capitalize;
    padding: 0;
    position: relative;
}
.site-heading .llis span {
    display: inline-block;
    font-weight: 700;
    padding-bottom: 5px;
    position: relative;
    text-transform: uppercase;
    color: #414042;
    font-family: 'Poppins', sans-serif;
}

.llis::before {
    background: #f76e0b none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    width: 20px;
}
.llis::after {
    background:#f76e0b none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 2px;
    left: 50%;
    margin-left: -25px;
    position: absolute;
    width: 20px;
}
/* project  */
.porject-item{
    position: relative;
    border: 1px solid #efefef;
    box-shadow: 3px 6px 4px 1px rgb(23 20 20 / 11%);
    border-radius: 5px;
    background: #f9fafb;
    display: inline-block;
    margin-bottom: 20px;
    
}
.project-item-img{
    position: relative;
    overflow: hidden;
   
}
.project-item-img img{
    width: 100%;  
    position: relative;  
    overflow: hidden;
    transition: all 0.5s ease-in-out;
    transform: scale(1);
    
    
}
.porject-item:hover .project-item-img img{
    transform: scale(1.2);
    
}
.project-item-img::before{
    content: '';
    position: absolute;
    border: 2px solid #ebeef1;
    padding: 20px;
    left: 3%;
    top: 3%;
    width: 95%;
    height: 95%;
    z-index: 1;   
}
.project-item-contact{
    padding: 5px 8px;
}
.project-item-contact .project-name{
    font-size: 22px;
    color: #414042;
    text-transform: uppercase;
}
.project-item-contact p{
    margin-bottom: 2px;
}
.project-item-details{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.project-item-details .type-item{
    color: #222;
}
.project-item-details .price-item{
    color: #f5821f;
    font-size: 20px;
    font-weight: 500;
}
.project-item-img .project-name{
   
}
.project-item-img .project-name span{
  
}


@media (max-width: 998px) {
  .about-back-image{			
  padding: 35px 35px;
  }
}
@media (max-width: 778px) {
  .about-back-image{
      height: auto;
      padding: 10px;		
  padding: 35px 15px;
  }
  .about-history-sec-item {
      width: 90%;
      align-items: stretch;
      margin: 15px 0px;
      position: relative;
      margin-left: 30px;
  }
}

@media (min-width:576px) {
    .modal-dialog {
        max-width: 450px;
        margin: 1.75rem auto;
    }
}

@media (max-width:768px) {
    .form-new-model {
        flex-wrap: wrap
    }
    .form-new-model-item {
        width: 100%;
        align-items: center
    }
    .form-image-dox {
        display: none
    }
    .form-image-mob {
        display: block;
        margin-bottom: 15px
    }
    .modal-box .modal {
        top: 40px !important
    }
    .top-container-item.w70 {
        width: 100%;
        margin: 0;
    }
}

@media only screen and (max-width: 768px) {
    .top_left{
        display: none;
    }
    .navbar-toggler{
        position: absolute;
        top: 15px;
        right: 11px;
        border: 1px solid #eee;
        background: #f5821f;
    }
    .xs-d-none{
        display: none !important;
    }
    .sliderTxt {
        position: relative;      
        top: 20%;
    }
    .topbar_login a{
        background: #011b58;
    color: #fffefd;
    }
    .padding {
        padding: 20px 0;
    }
    .content-area {
        padding: 20px 0 20px;
    }
    .about-sev-tag ul li{
        width: 100%;
    }
    .download-apps-caption-img img {
        position: relative;
        bottom: auto;
      }
      .header_logo img{
        margin: 5px 15px;
      }
      .top_right {
        text-align: center;
    }
    .show-modal{
        display: none !important;
    }

}

.footer-mobile{
    position: fixed;
    width: 100%;
    display: none;
    bottom: 0px;  
    z-index: 99; 
}
.footer-mobile-item{
    width: 50%;
    text-align: center;
}
.footer-call{
    background: #011b58;
    display: block;   
    color: #fff;
    height: 51px;
    align-items: center;
    display: flex;
    justify-content: center;
    border-right: 2px;
    font-size: 15px;
}
.footer-btn{
    background: #f9c322;
    display: block;    
    color: #000;
    height: 51px;
    align-items: center;
    display: flex;
    justify-content: center;
    border-right: 2px;   
}
.footer-call i,.footer-btn i{
margin-right: 5px;
}
@media only screen and (max-width: 768px) {
    .footer-mobile{
        display: flex;
    }
    .h2, h2 {
        font-size: 1.5rem;
    }
    .main-title .title_h{
        margin-bottom: -35px;
        font-size: 21px;
    }
    .contact-from{
        margin: auto;
    }
    .modal-dialog{
        margin: auto !important;
    }
    .footer{
        padding: 10px 10px 40px 10px;
    }
    
}