/*!

 * Start Bootstrap - Creative v4.0.0-beta.2 (https://startbootstrap.com/template-overviews/creative)

 * Copyright 2013-2017 Start Bootstrap

 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-creative/blob/master/LICENSE)

 */body,html{width:100%;height:100%}body{font-family:Merriweather,'Helvetica Neue',Arial,sans-serif}hr{max-width:50px;border-width:3px;border-color:#f05f40}hr.light{border-color:#fff}a{color:#f05f40;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}a:hover{color:#f05f40}h1,h2,h3,h4,h5,h6{font-family:'Open Sans','Helvetica Neue',Arial,sans-serif}.bg-primary{background-color:#f05f40!important}.bg-dark{background-color:#212529!important}.text-faded{color:rgba(255,255,255,.7)}section{padding:8rem 0}.section-heading{margin-top:0}::-moz-selection{color:#fff;background:#212529;text-shadow:none}::selection{color:#fff;background:#212529;text-shadow:none}img::selection{color:#fff;background:0 0}img::-moz-selection{color:#fff;background:0 0}body{-webkit-tap-highlight-color:#212529}#mainNav{border-bottom:1px solid rgba(33,37,41,.1);background-color:#fff;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}#mainNav .navbar-brand{font-weight:700;text-transform:uppercase;color:#f05f40;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif}#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color:#f05f40}#mainNav .navbar-nav>li.nav-item>a.nav-link,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus{font-size:.9rem;font-weight:700;text-transform:uppercase;color:#212529}#mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:hover{color:#f05f40}#mainNav .navbar-nav>li.nav-item>a.nav-link.active,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active{color:#f05f40!important;background-color:transparent}#mainNav .navbar-nav>li.nav-item>a.nav-link.active:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active:hover{background-color:transparent}@media (min-width:992px){#mainNav{border-color:transparent;background-color:transparent}#mainNav .navbar-brand{color:rgba(255,255,255,.7)}#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color:#fff}#mainNav .navbar-nav>li.nav-item>a.nav-link{padding:.5rem 1rem}#mainNav .navbar-nav>li.nav-item>a.nav-link,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus{color:rgba(255,255,255,.7)}#mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:hover{color:#fff}#mainNav.navbar-shrink{border-bottom:1px solid rgba(33,37,41,.1);background-color:#fff}#mainNav.navbar-shrink .navbar-brand{color:#f05f40}#mainNav.navbar-shrink .navbar-brand:focus,#mainNav.navbar-shrink .navbar-brand:hover{color:#f05f40}#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link,#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus{color:#212529}#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:hover{color:#f05f40}}header.masthead{padding-top:10rem;padding-bottom:calc(10rem - 56px);background-image:url(../img/header.webp);background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}header.masthead hr{margin-top:30px;margin-bottom:30px}header.masthead h1{font-size:2rem}header.masthead p{font-weight:300}@media (min-width:768px){header.masthead p{font-size:1.15rem}}@media (min-width:992px){header.masthead{height:100vh;min-height:650px;padding-top:0;padding-bottom:0}header.masthead h1{font-size:3rem}}@media (min-width:1200px){header.masthead h1{font-size:4rem}}.service-box{max-width:400px}.portfolio-box{position:relative;display:block;max-width:650px;margin:0 auto}.portfolio-box .portfolio-box-caption{position:absolute;bottom:0;display:block;width:100%;height:100%;text-align:center;opacity:0;color:#fff;background:rgba(240,95,64,.9);-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content{position:absolute;top:50%;width:100%;transform:translateY(-50%);text-align:center}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{padding:0 15px;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{font-size:14px;font-weight:600;text-transform:uppercase}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:18px}.portfolio-box:hover .portfolio-box-caption{opacity:1}.portfolio-box:focus{outline:0}@media (min-width:768px){.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{font-size:16px}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:22px}}.text-primary{color:#f05f40!important}.btn{font-weight:700;text-transform:uppercase;border:none;border-radius:300px;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif}.btn-xl{padding:1rem 2rem}.btn-primary{background-color:#f05f40;border-color:#f05f40}.btn-primary:active,.btn-primary:focus,.btn-primary:hover{color:#fff;background-color:#ee4b28!important}.btn-primary:active,.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(240,95,64,.5)!important}



 /* mission section start */


.contact-btn{}
 
.form-control{margin-top: 1%;}


.overlay {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  height: 100%;

  width: 100%;

  opacity: 0;

  transition: .5s ease;

  background-color: rgb(5, 5, 64, 0.9);

}













/* mission section end */

.bg-primary2{background-color: #050551;}







/* line 1, ../../Arafath/CL/january 2020/237. Real Estate/HTML/scss/_quotation.scss */

.quotation_area {

  padding: 120px 0;

  position: relative;

}



/* line 4, ../../Arafath/CL/january 2020/237. Real Estate/HTML/scss/_quotation.scss */

.quotation_area.ex_margin {

  margin-bottom: 180px;

}



@media (max-width: 767px) {

  /* line 4, ../../Arafath/CL/january 2020/237. Real Estate/HTML/scss/_quotation.scss */

  .quotation_area.ex_margin {

    margin-bottom: 80px;

  }

}



@media (max-width: 767px) {

  /* line 1, ../../Arafath/CL/january 2020/237. Real Estate/HTML/scss/_quotation.scss */

  .quotation_area {

    padding: 80px 0;

  }

}



/* line 13, ../../Arafath/CL/january 2020/237. Real Estate/HTML/scss/_quotation.scss */

.quotation_area::before {

  position: absolute;

  width: 50%;

  height: 100%;

  right: 0;

  bottom: 0;

  background-image: url(../img/fire_bg.webp);

  background-repeat: no-repeat;

  content: '';

  background-size: cover;

}



/* line 24, ../../Arafath/CL/january 2020/237. Real Estate/HTML/scss/_quotation.scss */

.quotation_area .quotation_text {

  border: 1px solid #f1f1f1;

  padding: 80px 90px;

  background: rgba(255, 255, 255, 0.9);

}



@media (max-width: 767px) {

  /* line 24, ../../Arafath/CL/january 2020/237. Real Estate/HTML/scss/_quotation.scss */

  .quotation_area .quotation_text {

    padding: 30px;

    display: block  !important;

  }

}



@media (min-width: 768px) and (max-width: 991px) {

  /* line 24, ../../Arafath/CL/january 2020/237. Real Estate/HTML/scss/_quotation.scss */

  .quotation_area .quotation_text {

    padding: 30px 40px;

  }

}



/* line 37, ../../Arafath/CL/january 2020/237. Real Estate/HTML/scss/_quotation.scss */

.quotation_area .quotation_text .quotation_info h3 {

  font-size: 48px;

  color: #000000;

  line-height: 58px;

  text-transform: uppercase;

  font-weight: 400;

  margin-bottom: 0;

}



@media (max-width: 767px) {

  /* line 37, ../../Arafath/CL/january 2020/237. Real Estate/HTML/scss/_quotation.scss */

  .quotation_area .quotation_text .quotation_info h3 {

    font-size: 30px;

    line-height: 40px;

  }

}



@media (min-width: 768px) and (max-width: 991px) {

  /* line 37, ../../Arafath/CL/january 2020/237. Real Estate/HTML/scss/_quotation.scss */

  .quotation_area .quotation_text .quotation_info h3 {

    font-size: 30px;

    line-height: 40px;

  }

}



/* line 53, ../../Arafath/CL/january 2020/237. Real Estate/HTML/scss/_quotation.scss */

.quotation_area .quotation_text .quotation_info p {

  font-size: 16px;

  color: #484848;

  font-weight: 300;

  margin-top: 5px;

  margin-bottom: 55px;

}



@media (max-width: 767px) {

  /* line 53, ../../Arafath/CL/january 2020/237. Real Estate/HTML/scss/_quotation.scss */

  .quotation_area .quotation_text .quotation_info p {

    margin-bottom: 30px;

  }

}



@media (max-width: 767px) {

  /* line 67, ../../Arafath/CL/january 2020/237. Real Estate/HTML/scss/_quotation.scss */

  .quotation_area .quotation_text .sayhello {

    margin-top: 20px;

  }

}



/* line 73, ../../Arafath/CL/january 2020/237. Real Estate/HTML/scss/_quotation.scss */

.quotation_area .quotation_text .sayhello .icon i {

  width: 70px;

  height: 70px;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

  border: 1px solid #cccccc;

  color: #FE3F3F;

  text-align: center;

  line-height: 70px;

  font-size: 36px;

}



@media (max-width: 767px) {

  /* line 73, ../../Arafath/CL/january 2020/237. Real Estate/HTML/scss/_quotation.scss */

  .quotation_area .quotation_text .sayhello .icon i {

    width: 30px;

    height: 30px;

    line-height: 30px;

    font-size: 15px;

  }

}



/* line 91, ../../Arafath/CL/january 2020/237. Real Estate/HTML/scss/_quotation.scss */

.quotation_area .quotation_text .sayhello .num {

  padding-left: 40px;

}



@media (max-width: 767px) {

  /* line 91, ../../Arafath/CL/january 2020/237. Real Estate/HTML/scss/_quotation.scss */

  .quotation_area .quotation_text .sayhello .num {

    padding-left: 20px;

  }

}



/* line 96, ../../Arafath/CL/january 2020/237. Real Estate/HTML/scss/_quotation.scss */

.quotation_area .quotation_text .sayhello .num span {

  display: block;

  font-size: 16px;

  margin-bottom: 0px;

  text-transform: capitalize;

  font-family: "Roboto", sans-serif;

}



/* line 103, ../../Arafath/CL/january 2020/237. Real Estate/HTML/scss/_quotation.scss */

.quotation_area .quotation_text .sayhello .num h3 {

  font-size: 40px;

  font-weight: 700;

  color: #ff2424;

  line-height: 1;

  margin-top: 7px;

}



@media (min-width: 768px) and (max-width: 991px) {

  /* line 103, ../../Arafath/CL/january 2020/237. Real Estate/HTML/scss/_quotation.scss */

  .quotation_area .quotation_text .sayhello .num h3 {

    font-size: 20px;

  }

}



@media (max-width: 767px) {

  /* line 103, ../../Arafath/CL/january 2020/237. Real Estate/HTML/scss/_quotation.scss */

  .quotation_area .quotation_text .sayhello .num h3 {

    font-size: 20px;

  }

}



.accordion>.card>.card-header {

  border-radius: 0;

  margin-bottom: -1px;

}

.btn-color{color:#fff;border:1px solid #8f9092;background:#f05f40}

.btn-color:hover{color:#fff;box-sizing:border-box;background:#050551}





.btn-outline-light:hover {

color: #ffffff;

background-color: #f05f40;

border-color: #f8f9fa;

}



.btn-outline-light{

color: #212529;

background-color: #f8f9fa;

border-color: #f8f9fa; margin: 1%; padding: 1%; width: 30%;

}

.spam { display:none;}



/*!

* Font Awesome Free 5.0.1 by @fontawesome - http://fontawesome.com

* License - http://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)

*/

.fa,.fab,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-envelope:before{content:"\f0e0"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-instagram:before{content:"\f16d"}



/* Contact Section

--------------------------------*/

#contact {

padding: 30px 0;

}



#contact .contact-info {

margin-bottom: 20px;

text-align: center;

}



#contact .contact-info i {

font-size: 48px;

display: inline-block;

margin-bottom: 10px;

color: #f05f40;

}



#contact .contact-info address, #contact .contact-info p {

margin-bottom: 0;

color: #ffffff;

}



#contact .contact-info h3 {

font-size: 18px;

margin-bottom: 15px;

font-weight: bold;

text-transform: uppercase;

color: #ffffff;

}



#contact .contact-info a {

color: #ffffff;

}



#contact .contact-info a:hover {

color: #f05f40;

}



#contact .contact-address, #contact .contact-phone, #contact .contact-email {

margin-bottom: 20px;

}



@media (min-width: 768px) {

#contact .contact-address, #contact .contact-phone, #contact .contact-email {

  padding: 20px 0;

}

}



@media (min-width: 768px) {

#contact .contact-phone {

  border-left: 1px solid #ddd;

  border-right: 1px solid #ddd;

}

}



#contact #google-map {

height: 290px;

margin-bottom: 20px;

}



@media (max-width: 576px) {

#contact #google-map {

  margin-top: 20px;

}

}



#contact .form #sendmessage {

color: #f05f40;

border: 1px solid #f05f40;

display: none;

text-align: center;

padding: 15px;

font-weight: 600;

margin-bottom: 15px;

}





.contact-btn[type="submit"] {

background: #f05f40;

border: 0;

border-radius: 3px;

padding: 10px 30px;

color: #fff;

transition: 0.4s;

cursor: pointer;

}



.contact-btn[type="submit"]:hover {

background: #f05f40;

}



/*--------------------------------------------------------------

# Footer

--------------------------------------------------------------*/

#footer {

background: #f2f5f8;

padding: 0 0 30px 0;

font-size: 14px;

}



#footer .copyright {

text-align: center;

padding-top: 30px;

}



#footer .credits {

text-align: center;

font-size: 13px;

color: #555;

}



#footer .credits a {

color: #0c2e8a;

}





.btn-dark{background-color: #f05f40;}

.btn-dark:hover{background-color: #050551}

.btn {

font-weight: 700;

text-transform: uppercase;

border:

none;

border-radius:

300px;

font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;

text-wrap:

wrap; font-size: 1.5rem !important;

}

html{overflow-x: hidden;}

.btn2 {

font-weight: 700;

text-transform: uppercase;

border:

none;

border-radius:

300px;

font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;

text-wrap:

wrap;

}