/* added on 27/02 */
/* cormorant-garamond-300 - latin */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/cormorant-garamond-v5-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Cormorant Garamond Light'), local('CormorantGaramond-Light'),
       url('../fonts/cormorant-garamond-v5-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/cormorant-garamond-v5-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/cormorant-garamond-v5-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/cormorant-garamond-v5-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/cormorant-garamond-v5-latin-300.svg#CormorantGaramond') format('svg'); /* Legacy iOS */
}

/* cormorant-garamond-regular - latin */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/cormorant-garamond-v5-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Cormorant Garamond Regular'), local('CormorantGaramond-Regular'),
       url('../fonts/cormorant-garamond-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/cormorant-garamond-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/cormorant-garamond-v5-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/cormorant-garamond-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/cormorant-garamond-v5-latin-regular.svg#CormorantGaramond') format('svg'); /* Legacy iOS */
}

/* cormorant-garamond-700 - latin */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/cormorant-garamond-v5-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Cormorant Garamond Bold'), local('CormorantGaramond-Bold'),
       url('../fonts/cormorant-garamond-v5-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/cormorant-garamond-v5-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/cormorant-garamond-v5-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/cormorant-garamond-v5-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/cormorant-garamond-v5-latin-700.svg#CormorantGaramond') format('svg'); /* Legacy iOS */
}


/* typography */
body{
  font-family: 'Cormorant Garamond', serif;
  color: #333;
  font-size: 1.375rem;
  font-weight: 400;
}

/* added on 27/02 */
h1, h2, h3, h4, h5, h6{
font-family: 'Cormorant Garamond'
}

h2{
  font-size: 3rem;
  font-weight: 700;
  color: #000422;
  margin-top: 1.25rem;
}

h2 span.lead{
  font-weight: 300;
  font-size: 1.75rem;
  display: block;
}

h3{
  font-size: 1.5rem;
}

a:hover{
  text-decoration: none;
}

.border-right{
  border-right: 1px solid #aaaaaa;
}

/* =============== bootstrap modified  ============== */
.text-primary{
  color: #b7926c  !important;
}

.btn-primary, .bg-primary{
  background-color: #b7926c  !important;
}
.btn-secondary{
  background-color: #fff !important;
}

.btn-primary, .btn-secondary{
  border-radius: 0;
  border: none;
  font-size: 1rem;
  font-weight: 700;
  color: #000422;
  padding: 0.5rem 1.5rem;
}

.btn-secondary{
  background-color: #fff !important;
}

.btn-primary:hover, .btn-secondary:hover{
  color: #333;
  cursor: pointer;
}

.btn-primary i{
  margin-left: 1rem;
}

.form-group input, .form-group textarea{
  padding: 1rem 1rem !important;
}

.btn-hover {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.btn-hover:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #1c63a1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.btn-hover:hover, .btn-hover:focus, .btn-hover:active {
  color: white;
}
.btn-hover:hover:before, .btn-hover:focus:before, .btn-hover:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/* =============== Navigation ============== */

/* fix for admin-bar & sticky header */
.admin-bar .navbar{
  top: 2rem;
}


.navbar{
  background-color: rgba(0,4,34, 0.7);
  margin: 0;
  padding: 0;
  -webkit-box-shadow: 0px 5px 25px 0px rgba(0,4,34,0.09);
  -moz-box-shadow: 0px 5px 25px 0px rgba(0,4,34,0.09);
  box-shadow: 0px 5px 25px 0px rgba(0,4,34,0.09);
  position: fixed;
  top: 0;
  left: 0;

}

.nav-item{
  text-align: center;
  padding: 2rem 0.8rem;
  position: relative;
}

.nav-link{
  color: #fff;
  font-size: 0.875rem;
  text-transform: uppercase;
}

.nav-link:last-child{
  padding-right: 0 !important;
}

.nav-link:hover{
  color: #b7926c ;
}

.nav-link i{
  display: block;
  margin-bottom: 1rem;
  font-size: 1.25rem;
}

.nav-item.active .nav-link{
  color: #b7926c ;
  border-bottom: 1px solid #fff;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 3px;

}

.dropdown-menu{
  min-width: 15rem;
  padding: 0.5rem 1rem;
  background-color: rgba(0,4,34, 0.8);
}

.dropdown-menu .nav-link{
  font-size: 0.875rem;
  color: #fff;
}


.dropdown-menu .nav-link:hover{
  color: #b7926c ;
}

#main-menu li.dropdown:hover > ul.dropdown-menu{
  display: block;
}

.navbar-toggler{
  font-size: 1rem;
}

.navbar-toggler i{
  color: #fff;
  border: 1px solid #fff;
  border-radius: 0.5rem;
  padding: 0.5rem;
}

.navbar-toggler:hover{
  cursor: pointer;
}

/* =============== Home Jumbotron =============== */
.jumbotron{
  padding: 0 0 7rem;
  background-size: auto 100%;
  border-radius: 0;
  margin-bottom: 0;
  position: relative;
}
/*
.jumbotron-title-bg{
    position: absolute;
    top: 29%;
    left: 0;
    height: 250px;
    background-color: #000422;
    width: 100%;
    opacity: 0.7;
}
*/
.jumbotron h1{
  font-size: 3rem;
  font-weight: 700;
  text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.62);
  margin-bottom: 2.25rem;
  background: rgba(0, 0, 0, 0.4);
  padding: 0.5rem 1rem;
  letter-spacing: -1px;
  display: inline-block;
}

.owl-text-overlay {
  position: absolute;
  z-index: 10;
  top: 20rem;
  left: 0;
  right: 0;
  margin: auto;
}

.owl-carousel{
  position: relative;
}
/* =============== Home Section Services =============== */

.hs-services{
  background-color: #fff;
  padding: 2rem 0;
}

.hs-what-we-do{
  font-size: 1.25rem;
  font-weight: 300;
}

.hs-service-title a{
  font-size: 1.25rem;
  font-weight: 300;
  font-family: 'Cormorant Garamond', sans-serif;
  color: #000422;
}

.hs-service-icons{
  text-align: center;
}

.hs-service-icon{
  border: 1px solid #727272;
  border-radius: 99%;
  padding: 1.5rem;
  width: 7rem;
  height: 7rem;
}


.hs-service-icons h4{
  font-size: 1.25rem;
}

/* =============== Home Section  About =============== */
.hs-about-wrap{
  padding: 7.25rem 0 5.25rem;
}

.about-wrap p{
  font-size: 1.25rem;
  font-weight: 300;
}

.hs-about-us{
  position: relative;
}

.hs-about-us a{
  margin-top: 1.325rem;
}

.hs-about-us p{
  color: #333;
  font-weight: 300;
}

.hs-about-big-img-wrap img{
  position: absolute;
  left: 0;
  top: -6rem;
  width: 48%;
  max-width: 750px;
  height: auto;
}

.hs-about-small-img-wrap img{
  position: absolute;
  right: 0;
  bottom: -21.5rem;
}

/* =============== Home Section  Recent Projects =============== */
.hs-recent-projects{
  padding: 15.625rem 0 6.875rem;
  background-color: #dcddd8
}

.hs-recent-projects-wrap{
  margin-top: 3.5rem;
  position: relative;
}

.hs-recent-projects-wrap img{
  display: block;
  width: 100%;
  height: auto;
  max-height: 12rem;
}

.hs-recent-projects-wrap .img-overlay{
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 0.25rem solid #fff;
background: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
background: -o-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
z-index: 2;
}

.hs-recent-projects-wrap p{
  position: absolute;
  left: 1.25rem;
  bottom: 1.25rem;
  font-size: 1.25rem;
  font-weight: 700;
}

/* Owl Carousel */
.hs-recent-projects .owl-prev {
    position: absolute;
    top: 50%;
    left: -5rem;
    font-size: 2rem;
}

.hs-recent-projects .owl-next {
    position: absolute;
    top: 50%;
    right: -5rem;
    font-size: 2rem;
}

/* =============== Home Section Renovation =============== */
.hs-renovation{
  background: #dcddd8 url('../images/interior-bg-1920.png') no-repeat top center;
  background-size: auto 100%;
  padding: 18.75rem 0;
  margin-top: 25rem;
}

.hs-renovation h2 span{
  margin-bottom: 0.5rem;
}

.hs-renovation h2{
  font-size: 2.5rem;
}

.hs-renovation p{
  color: #fff;
}

.hs-renovation a{
  margin-top: 2.5rem;
}

/* =============== Home Section Featured Property =============== */
.hs-featured-property{
  background: #dcddd8 url('../images/home-for-sale-bg.png') no-repeat 100% 15%;
  padding: 7.2rem 0 15rem;
  position: relative;
}

.hs-featured-property h2{
  margin-bottom: 3.125rem;
}

.hs-featured-property img{
  border: 0.5rem solid #fff;
  -moz-box-shadow:    0px 0px 25px #777;
  -webkit-box-shadow: 0px 0px 25px #777;
  box-shadow: 0px 0px 25px #777;
  width: 100%;
  height: auto;
}


.hs-featured-property h3{
  margin-top: 6.625rem;
  font-size: 1.75rem;
  font-weight: 700;
}

.hs-featured-property h3 a{
  color: #333;
}

.hs-featured-property-area{
  font-size: 1.125rem;
  font-weight: 700;
}

.hs-featured-property a{
  margin-top: 1.125rem;
}

/* =============== Home Section What They Say =============== */
.hs-what-they-say{
background: #fff url('../images/testimonials-bg-1920.png') no-repeat top center;
padding: 12rem 0 16rem;
position: relative;
margin-bottom: -22rem;
}

.home .hs-what-they-say{
  background-color: #dcddd8;
}

.hs-what-they-say-slider-wrap{
  position: relative;
  background-color: #fff;
  border-radius: 0.5rem;
  padding: 3rem 4rem;
  margin-top: 6.25rem;
  font-style: italic;
  text-align: center;
}
.hs-what-they-say-icon{
  position: absolute;
  top: -3rem;
  left: 50%;
  border-radius: 99%;
  background-color: #fff;
  width: 5rem;
  height: 5rem;
  -moz-box-shadow:    0px 0px 25px #777;
  -webkit-box-shadow: 0px 0px 25px #777;
  box-shadow: 0px 0px 25px #777;
  padding: 1.5rem;
  margin-left: -2.5rem;
}

.hs-what-they-say-icon i{
  font-size: 2.25rem;
  color: #000422;
  text-align: center;
}

.hs-what-they-say-reviewer{
  font-size: 1.5rem;
  font-weight: 700;
  margin-top: 1.25rem;
  text-align: center;
  text-transform: uppercase;
}

/* Owl Carousel */
.hs-what-they-say .owl-prev {
    position: absolute;
    top: 50%;
    left: -25rem;
    font-size: 2rem;
}

.hs-what-they-say .owl-next {
    position: absolute;
    top: 50%;
    right: -25rem;
    font-size: 2rem;
}
/* =============== Home Section Blog Posts =============== */
.hs-latest-blog-posts{
  background-color: #b7926c ;
  -webkit-transform: skewY(4.5deg);
  -moz-transform: skewY(4.5deg);
  -ms-transform: skewY(4.5deg);
  -o-transform: skewY(4.5deg);
  transform: skewY(4.5deg);
  padding: 7rem 0 9rem;
  margin-top: -160px;
}

.inner-page .hs-latest-blog-posts{
  margin-top: -2rem;
}

.hs-latest-blog-posts-content{
    -webkit-transform: skewY(-4.5deg);
    -moz-transform: skewY(-4.5deg);
    -ms-transform: skewY(-4.5deg);
    -o-transform: skewY(-4.5deg);
    transform: skewY(-4.5deg);
}

.hs-latest-blog-posts h2{
  margin-bottom: 2rem;
}

.hs-latest-blog-posts-img{
  border: 4px solid #fff;
  position: relative;
  margin-bottom: 1.25rem;
}

.hs-latest-blog-posts-img img{
  -moz-box-shadow:    0px 0px 15px #999;
  -webkit-box-shadow: 0px 0px 15px #999;
  box-shadow: 0px 0px 15px #999;
  width: 100%;
  /* max-height: 20rem; */
  height: auto;
}

 .hs-latest-blog-posts-item h4 a{
   font-size: 1.125rem;
   text-transform: uppercase;
   font-family: 'Cormorant Garamond', sans-serif;
   font-weight: 700;
   color: #333;
 }

 .hs-latest-blog-posts-item ul{
   margin: 0;
   padding: 0;
   list-style-type: none;
 }

 .hs-latest-blog-posts-item span{
   font-size: 0.875rem;
   font-weight: 300;
   display: inline;
   margin-right: 1.25rem;
   text-transform: capitalize;
 }

 .hs-latest-blog-posts-item span a{
   color: #333;
 }

 .hs-latest-blog-posts-item ul li:last{
   margin-right: 0;
 }

.hs-latest-blog-posts-cat{
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 0.875rem;
  text-transform: uppercase;
  color: #fff;
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.7));
  background: -o-linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.7));
  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.7));
  z-index: 2;
  padding: 0.5rem 4rem 0.5rem 1.5rem;
}

/* =============== Home Section Contact Us =============== */
.hs-contact-us{
  background: url('../images/contact-bg-1920.png') no-repeat top center;
  padding: 10rem 0 17.5rem;
  margin-top: 0rem;
}

.form-group{
  margin-top: 1.25rem;
  margin-right: 1.25rem
}

.form-group input, .form-group textarea{
  border-radius: 0;
  padding: 1.25rem 2rem;
  border: 0;
}



/* =============== Home Section Contact Info =============== */
.hs-contact-info{
  background-color: #b7926c ;
  color: #000422;
  padding: 12rem 0;
  -webkit-transform: skewY(4deg);
  -moz-transform: skewY(4deg);
  -ms-transform: skewY(4deg);
  -o-transform: skewY(4deg);
  transform: skewY(4deg);
  margin-top: 8rem;
}
.hs-contact-info-content{
  -webkit-transform: skewY(-4deg);
  -moz-transform: skewY(-4deg);
  -ms-transform: skewY(-4deg);
  -o-transform: skewY(-4deg);
  transform: skewY(-4deg);
}

.hs-contact-info h4{
  font-family: 'Cormorant Garamond', sans-serif;
  margin: 0;
  font-size: 1.5rem;
}

.hs-contact-info i{
  font-size: 1.625rem;
  padding: 1rem 0;
}

.hs-contact-info p{
   font-size: 1.2rem;
}

/* ============== inner page ============ */

.wrapper{
  padding: 5rem 0;
}

.page-header{
  padding: 12rem 0;
  background-color: #b7926c ;
  position: relative;
}

.breadcrumb-overlay{
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
background: -webkit-linear-gradient(rgba(250, 194, 0, 0.6), rgba(250, 194, 0, 0.6));
background: -o-linear-gradient(rgba(250, 194, 0, 0.6), rgba(250, 194, 0, 0.6));
background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));
z-index: 2;
}
.breadcrumb-overlay h1{
  margin-top: 12rem;
  font-weight: 700;
  text-transform: uppercase;
}
.page-header a, .page-header{
  color: #fff;

}

.breadcrumbs{
    list-style:none;
    margin:1rem 0;
    padding: 0;
}

.breadcrumbs li{
    display:inline-block;
    vertical-align:middle;
    margin-right:1rem;
}

.breadcrumbs .separator{
    font-size:18px;
    color:#ccc;
}

/* ============== gallery archive ============ */
.gallery-archive img{
    width: 100%;
    height: auto;
}

.gallery-archive-item img{
  position: relative;
}

.gallery-archive-item a{
  position: absolute;
  right: 3rem;
  bottom: 3rem;
}

/* ============== gallery page ============ */
.gallery-item img{
  margin-bottom: 2rem;
  border: 0.5rem solid #fff;
  -moz-box-shadow: 0px 0px 25px #777;
  -webkit-box-shadow: 0px 0px 25px #777;
  box-shadow: 0px 0px 25px #777;
  width: 100%;
  height: auto !important;
}

/* ============== home for sale page ============ */
.hfs-archive-item img{
  position: relative;
  width: 100%;
  height: auto;
}

.hfs-archive-item a{
  position: absolute;
  right: 3rem;
  bottom: 3rem;
}

/* ============== testimonials page ============ */
.testimonials{
   margin-bottom: 2rem;
   padding: 2rem;
   background-color: #f2f2f2;
   -moz-box-shadow:    0px 0px 25px #ccc;
   -webkit-box-shadow: 0px 0px 25px #ccc;
   box-shadow: 0px 0px 25px #ccc;
   border-radius: 0.5rem;
}

.testimonials blockquote{
  color: #777;
  font-style: italic;
  font-size: 1rem;
}

/* =============== home for sale page =============== */
.home-for-sale-details{
  margin-top: 3rem;
}

.home-for-sale-details h4{
  text-transform: uppercase;
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 2rem;
}

.home-for-sale-details table th{
  background-color: #eee;
}

.hfs-key-features ul{
  margin: 0;
  padding: 0;
}
.hfs-key-features ul li{
  list-style-type: none;
}

.hfs-key-features ul li p{
  background-color: #f9c200;
  padding: 1rem 1.5rem;
  margin: 0 0.5rem 1.5rem 0;
}

.hfs-key-features ul li p i{
  margin-right: 1rem;
}

.hfs-gallery{
  margin-top: 2rem;
}

/* =============== post / page =============== */

/* =============== post title =============== */
.list-entry{
  padding: 1rem 0 2rem;
}

.entry-title{
  font-size: 1.75rem;
  margin-bottom: 0.5rem;
}

.entry-title a{
  color: #333;
  font-weight: normal;
}

.entry-title a:hover{
  color: #666;
}

/* =============== post meta =============== */
.entry-meta{
  font-size: 1rem;
  color: #777;
  margin-bottom: 1rem;
  padding: 0.5rem 0;
  text-transform: uppercase;
}

/* =============== post thumbnail =============== */
.entry-thumbnail{
  margin-bottom: 1rem;
}

.entry-thumbnail img{
  width:100%;
  height: auto;
  border: 0.75rem solid #fff;
  -webkit-box-shadow: 0px 0px 1px 0px rgba(0,4,34,0.75);
  -moz-box-shadow: 0px 0px 1px 0px rgba(0,4,34,0.75);
  box-shadow: 0px 0px 1px 0px rgba(0,4,34,0.75);
}

/* =============== post content =============== */
.entry-content{
  margin-bottom: 2rem;
  text-align: justify;
}

.entry-content img{
  border: 0.75rem solid #fff;
  -webkit-box-shadow: 0px 0px 1px 0px rgba(0,4,34,0.75);
  -moz-box-shadow: 0px 0px 1px 0px rgba(0,4,34,0.75);
  box-shadow: 0px 0px 1px 0px rgba(0,4,34,0.75);
}

/* =============== post tags & categories =============== */
.entry-tags, .entry-categories{
  margin-bottom: 1rem;
  font-size: 1rem;
  font-weight: 300;
  font-style: italic;
  border: 1px solid #ddd;
  padding: 1.5rem;
  background-color: #f9f9f9;
}
.entry-tags i, .entry-categories i{
  margin-right: 0.5rem;
  color: #999;
}
/* =============== post edit link =============== */
.btn-edit-post-link{
  margin: 2rem 0;
}

/* =============== post navigation =============== */
.post-navigation{
  margin: 2rem 0;
}

.nav-previous i{
  margin-right: 1rem;
}

.nav-next i{
  margin-left: 1rem;
}

/* =============== author box =============== */

.author-box{
  border: 1px solid #ddd;
  padding: 1.5rem;
  background-color: #f9f9f9;
}

.author-box h3{
  font-size: 1.25rem;
  color: #333;
  margin-bottom: 2rem;
}

.author-avatar a img{
  border-radius: 99%;
}

.author-title{
  font-size: 1rem;
  text-transform: capitalize;
}

.author-desc{
  color: #777;
  font-size: 1rem;
}

/* =============== related posts =============== */
.related-posts-wrapper{
  margin: 3rem 0;
}
.related-post-thumbnail{
  margin-top: 2rem;
  border: 0.75rem solid #fff;
  -webkit-box-shadow: 0px 0px 1px 0px rgba(0,4,34,0.75);
  -moz-box-shadow: 0px 0px 1px 0px rgba(0,4,34,0.75);
  box-shadow: 0px 0px 1px 0px rgba(0,4,34,0.75);
}

.related-post-thumbnail img{
  width: 100%;
  max-height: 20rem;
}

.related-post-title{
  background-color: #fff;
  padding: 1rem 1.5rem;
  border: 1 solid #fff;
  -webkit-box-shadow: 0px 0px 1px 0px rgba(0,4,34,0.35);
  -moz-box-shadow: 0px 0px 1px 0px rgba(0,4,34,0.35);
  box-shadow: 0px 0px 1px 0px rgba(0,4,34,0.35);
}
.related-post-title a{
  font-size: 1.25rem;
  color: #333;
}

.related-post-title a:hover{
  color: #666;
}


/* =============== pagination =============== */
.pagination{
  margin-top: 3rem;
}

.page-item.active .page-link{
  background-color: #1c63a1;
}

.page-link{
  color: #333;
}

/* =============== comments =============== */
.comments-area{
  margin: 2rem 0;
}

.comment-list{
  list-style-type: none;
  padding: 0;
  margin: 2rem 0;
}

.comment-list .comment{
  margin-bottom: 4rem;
}

.comment-author, .comment-author a{
  text-transform: uppercase;
  color: #333;
  font-size: 1rem;
}

.comment-metadata{
  margin-top: 1rem;
}

.comment-metadata, .comment-metadata a{
  color: #999;
  font-size: 0.75rem;
}

.comment-author .avatar{
  border-radius: 99%;
  margin-right: 1rem;
}

.comment-reply-link{
  border: 1px solid #ccc;
  padding: 0.5rem 1.5rem;
  font-size: 1rem;
}

.comment-content p{
  font-size: 1rem;
  margin-top: 1rem;
  color: #777;
}
/* =============== comment form =============== */
.comment-form label{
  display: block;
  font-size: 1rem;
}

.comment-form .form-control{
  border: 1px solid #ccc;
}

.comment-notes{
  font-size: 1rem;
  color: #777;
}

/* =============== contact us =============== */
.service-wrap{
  padding: 5.25rem 0 5.25rem;
}

.service-content{
  margin-bottom: 3rem;
  position: relative;
}

.service-img-wrap img{
  position: absolute;
  left: 0;
  top: -3rem;
  width: 48%;
  max-width: 750px;
  height: auto;
  -webkit-box-shadow: 20px 50px 25px 0px rgba(0,4,34,0.09);
  -moz-box-shadow: 20px 50px 25px 0px rgba(0,4,34,0.09);
  box-shadow: 20px 50px 25px 0px rgba(0,4,34,0.09);
}

.service-content-two, .service-content-five{
  margin: 6rem 0;
}

.service-content-five .service-img-wrap img{
  left: auto;
  right: 0;
}

.service-content-six{
  margin-top: 13rem;
}


/* =============== contact us =============== */
.contact-page{
  background-image: url("../images/contact.png");
  height: 1200px;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

/*
.contact-page:after{
  content: ' ';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left:0;
  background-color: rgba(0, 0, 0, 0.5);
}
*/
.entry-content .form-group input, .entry-content .form-group textarea{
  padding: 1rem !important;
}

.contact-page .entry-content .form-group textarea{
  height: 5rem;
}
/*
.contact-page + .hs-latest-blog-posts{
  -webkit-transform: skewY(2deg);
  -moz-transform: skewY(2deg);
  -ms-transform: skewY(2deg);
  -o-transform: skewY(2deg);
  transform: skewY(2deg);
}

.contact-page + .hs-latest-blog-posts .hs-latest-blog-posts-content{
  -webkit-transform: skewY(-2deg);
  -moz-transform: skewY(-2deg);
  -ms-transform: skewY(-2deg);
  -o-transform: skewY(-2deg);
  transform: skewY(-2deg);
}
*/
.contact-item{
  margin-bottom: 4rem;
  padding: 2rem;
  background-color: rgba(250, 194, 0, 0.8);
}

.contact-item h3{
  font-size: 1.25rem;
  text-transform: uppercase;
  font-weight: 700;
  border-bottom: 1px solid #fff;
  padding-bottom: 1rem;
}

.contact-item h3 i{
  margin-right: 1rem;
}

.contact-item p{
  /* font-size: 1rem;
  color: #333; */
}

.contact-form{
  padding: 2rem;
  background-color: #fff;
}

.entry-content .wpcf7-form label{
  font-size: 1.25rem;
  color: #777;
}

.entry-content .wpcf7-form-control{
  margin-top: 0.5rem;
  border: 1px solid #ccc !important;
}

/* =============== Footer =============== */
.site-footer{
  background: url('../images/footer-bg-1920.png') no-repeat top center;
  padding: 9rem 0 3rem;
  margin-top: -4.5rem;
}

.footer-social{
  margin: 0;
  padding: 0;
  margin-top: 2rem;
  list-style-type: none;
}

.footer-social li{
  display: inline;
  margin-right: 1rem;
}

.footer-social li:last{
  margin-right: 0;
}

.footer-social a{
  color: #fff;
  padding: 0.75rem 1rem;
  border: 1px solid #fff;
  border-radius: 99%;
  text-align: center;
}

.footer-social a i{
  font-size: 1.25rem;
  color: #c0c0c0;
}

.site-info{
  margin-top: 4rem;
  color: #fff;
  font-size: 1rem;
}

.site-info a{
  color: #fff;
  text-decoration: underline;
}

.site-footer h4{
  font-size: 1.125rem;
  font-family: 'Cormorant Garamond', sans-serif;
  color: #fff;
  margin-bottom: 1.5rem;
  margin-top: 3.5rem;
  text-transform:uppercase;
}

.footer-quick-links{
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: inline-block;
}

.footer-quick-links li{
  margin-bottom: 1.5rem;
  margin-right: 1rem;
  float: left;
}

.footer-quick-links li a{
  color: #c0c0c0;
}

/* =============== Widgets =============== */

.widget {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	margin: 0 auto 9.09090%;
	width: 100%;
	word-wrap: break-word;
}

.widget pre {
	line-height: 1.2;
}

.widget button,
.widget input,
.widget select,
.widget textarea {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
}

.widget button,
.widget input {
	line-height: normal;
}

.widget button,
.widget input[type="button"],
.widget input[type="reset"],
.widget input[type="submit"] {
	font-size: 1.2rem;
	padding: 0.7917em 1.5833em;
}

.widget input[type="text"],
.widget input[type="email"],
.widget input[type="url"],
.widget input[type="password"],
.widget input[type="search"],
.widget textarea {
	padding: 0.375em;
}

.widget-title {
	color: #333;
	font-family: "Noto Sans", sans-serif;
	margin: 0 0 1.6em;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.widget > :last-child {
	margin-bottom: 0;
}

.widget_calendar table {
	margin: 0;
}

.widget_calendar td,
.widget_calendar th {
	line-height: 2.3333;
	text-align: center;
	padding: 0;
}

.widget_calendar caption {
	font-family: "Noto Serif", serif;
	font-weight: 700;
	margin: 0 0 1.6em;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.widget_calendar tbody a {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
	background-color: #333;
	color: #fff;
	display: block;
	font-weight: 700;
}

.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
	background-color: #707070;
	background-color: rgba(51, 51, 51, 0.7);
	color: #fff;
}

.widget_archive a,
.widget_categories a,
.widget_links a,
.widget_meta a,
.widget_nav_menu a,
.widget_pages a,
.widget_recent_comments a,
.widget_recent_entries a {
	border: 0;
}

.widget_archive ul,
.widget_categories ul,
.widget_links ul,
.widget_meta ul,
.widget_nav_menu ul,
.widget_pages ul,
.widget_recent_comments ul,
.widget_recent_entries ul {
	list-style: none;
	margin: 0;
}

.widget_archive li,
.widget_categories li,
.widget_links li,
.widget_meta li,
.widget_nav_menu li,
.widget_pages li,
.widget_recent_comments li,
.widget_recent_entries li {
	border-top: 1px solid #eaeaea;
	border-top: 1px solid rgba(51, 51, 51, 0.1);
	padding: 0.7667em 0;
}

.widget_archive li:first-child,
.widget_categories li:first-child,
.widget_links li:first-child,
.widget_meta li:first-child,
.widget_nav_menu li:first-child,
.widget_pages li:first-child,
.widget_recent_comments li:first-child,
.widget_recent_entries li:first-child {
	border-top: 0;
	padding-top: 0;
}

.widget_archive li:last-child,
.widget_categories li:last-child,
.widget_links li:last-child,
.widget_meta li:last-child,
.widget_nav_menu li:last-child,
.widget_pages li:last-child,
.widget_recent_comments li:last-child,
.widget_recent_entries li:last-child {
	padding-bottom: 0;
}

.widget_categories .children,
.widget_nav_menu .sub-menu,
.widget_pages .children {
	border-top: 1px solid #eaeaea;
	border-top: 1px solid rgba(51, 51, 51, 0.1);
	margin: 0.7667em 0 0 0.8em;
	padding-top: 0.7667em;
}

.widget_recent_entries .post-date {
	display: block;
}

.widget_rss ul {
	list-style: none;
	margin: 0;
  padding: 0;
}

.widget_rss li {
	margin-bottom: 1.6em;
}

.widget_rss ul:last-child,
.widget_rss li:last-child {
	margin-bottom: 0;
}

.widget_rss .rsswidget {
	border: 0;
	font-weight: 700;
}

.widget_rss .rsswidget img {
	margin-top: -4px;
}

.widget_rss .rss-date,
.widget_rss cite {
	font-size: 1.2rem;
	font-style: normal;
	display: block;
	line-height: 2;
	opacity: 0.8;
}

.textwidget > :last-child {
	margin-bottom: 0;
}

.textwidget a {
	border-bottom: 1px solid #333;
}

.textwidget a:hover,
.textwidget a:focus {
	border-bottom: 0;
}

.textwidget ul,
.textwidget ol {
	margin-left: 1.6em;
}

.tagcloud ul {
	list-style-type: none;
}

.tagcloud ul li {
	display: inline-block;
}
/* =============== Responsive CSS =============== */

/* lg */
@media (min-width: 1200px) {
  .hs-renovation{
    background: #dcddd8 url('../images/interior-bg-1920.png') no-repeat top center;
  }

  .hs-what-they-say{
    background: #fff url('../images/testimonials-bg-1920.png') no-repeat top center;
  }

  .hs-contact-us{
    background: url('../images/contact-bg-1920.png') no-repeat top center;
  }

  .site-footer{
    background: url('../images/footer-bg-1920.png') no-repeat top center;
  }
}

/* lg */
@media (max-width: 1199px) {
  .logo img{
    width: 12.5rem;
    height: auto;
  }

  .jumbotron{
    padding: 0 0 7rem;
  }

  .owl-text-overlay{
    top: 10rem;
  }

  .jumbotron h1{
    font-size: 3rem;
    padding: 1rem;
  }

  .hs-about-small-img-wrap img{
    width: 35%;
    bottom: -13rem;
  }

  .hs-renovation{
    background: url('../images/interior-bg-1200.png') no-repeat top center;
    padding: 15.75rem 0;
    margin-top: 17rem;
  }

  .hs-what-they-say{
    background: #fff url('../images/testimonials-bg-1200.png') no-repeat top center;
  }

  .hs-featured-property{
    background: #dcddd8;
    padding: 7.2rem 0 8rem;
  }

  .hs-latest-blog-posts{
    -webkit-transform: skewY(6.5deg);
    -moz-transform: skewY(6.5deg);
    -ms-transform: skewY(6.5deg);
    -o-transform: skewY(6.5deg);
    transform: skewY(6.5deg);
  }

  .hs-latest-blog-posts-content{
    -webkit-transform: skewY(-6.5deg);
    -moz-transform: skewY(-6.5deg);
    -ms-transform: skewY(-6.5deg);
    -o-transform: skewY(-6.5deg);
    transform: skewY(-6.5deg);
  }

  .hs-contact-info{
    webkit-transform: skewY(6.5deg);
    -moz-transform: skewY(6.5deg);
    -ms-transform: skewY(6.5deg);
    -o-transform: skewY(6.5deg);
    transform: skewY(6.5deg);
    padding-top: 8rem;
  }

  .hs-contact-info-content{
    -webkit-transform: skewY(-6.5deg);
    -moz-transform: skewY(-6.5deg);
    -ms-transform: skewY(-6.5deg);
    -o-transform: skewY(-6.5deg);
    transform: skewY(-6.5deg);
  }

  .hs-contact-us{
    background: url('../images/contact-bg-1200.png') no-repeat top center;
  }

  .site-footer{
    background: url('../images/footer-bg-1200.png') no-repeat top center;
  }

  .hs-contact-info h4{
    font-size: 1.25rem;
  }

  .nav-item{
    text-align: right;
    padding: 0.5rem 2rem;
  }

  .nav-item.active .nav-link{
    border: 0;
  }

  .dropdown-menu{
    text-align: right;
    border: 0;
  }

}

/* md */
@media (max-width: 991px) {

  .nav-link i{
    display:inline;
    margin-right: 1rem;
  }

  .nav-item{
    text-align: right;
    padding: 0.5rem 2rem;
  }

  .dropdown-menu{
    text-align: right;
    border: 0;
  }

  .logo img{
    width: 12.5rem;
    height: auto;
    top: 2.5rem;
  }

  .nav-item.active .nav-link{
    border: 0;
  }

  .hs-what-we-do{
    font-size: 1rem;
  }

  .hs-service-icons{
    margin-bottom: 2rem;
  }

  .hs-service-icon{
    width: 6rem;
    height: 6rem;
  }

  .hs-service-icons h4{
    font-size: 1.125rem;
  }

  .hs-featured-property{
    background: #dcddd8;
    padding: 3rem 0 7rem;
  }

  .hs-featured-property h3{
    margin-top: 2.625rem;
  }

  .hs-what-they-say{
    padding: 11.25rem 0 15rem;
  }

  .hs-what-they-say .owl-prev {
    display: none;
  }

  .hs-what-they-say .owl-next{
    display: none;
  }

  .hs-about-big-img-wrap img{
    width: 40%;
    max-width: 550px;
    height: auto;
  }

  .hs-about-small-img-wrap img{
    width: 40%;
    height: auto;
    max-width: 400px;
    bottom: -12rem;
  }

  .hs-recent-projects{
    padding: 5rem 0 3rem;
  }

  .hs-contact-info{
     padding: 8rem 0;
  }

  .hs-latest-blog-posts{
    -webkit-transform: skewY(7.5deg);
    -moz-transform: skewY(7.5deg);
    -ms-transform: skewY(7.5deg);
    -o-transform: skewY(7.5deg);
    transform: skewY(7.5deg);
  }

  .hs-latest-blog-posts-content{
    -webkit-transform: skewY(-7.5deg);
    -moz-transform: skewY(-7.5deg);
    -ms-transform: skewY(-7.5deg);
    -o-transform: skewY(-7.5deg);
    transform: skewY(-7.5deg);
  }

  .hs-contact-info{
    webkit-transform: skewY(7deg);
    -moz-transform: skewY(7deg);
    -ms-transform: skewY(7deg);
    -o-transform: skewY(7deg);
    transform: skewY(7deg);
    padding-top: 2rem;
  }

  .hs-contact-info-content{
    -webkit-transform: skewY(-7deg);
    -moz-transform: skewY(-7deg);
    -ms-transform: skewY(-7deg);
    -o-transform: skewY(-7deg);
    transform: skewY(-7deg);
  }

  .jumbotron{
    padding: 0 0 5rem;
  }

  .owl-text-overlay{
    top: 8rem;
  }

  .jumbotron h1{
    font-size: 2.5rem;
    padding: 1rem;
  }

  .service-img-wrap img{
    display: none;
  }

  .hs-renovation{
    margin-top: 17rem;
  }


}

/* sm */
@media (max-width: 767px) {

  .navbar{
    padding: 0;
  }

  .hs-renovation{
    background: #dcddd8 url('../images/interior-bg-800.png') no-repeat top center;
  }

  .hs-what-they-say{
    background: #fff url('../images/testimonials-bg-800.png') no-repeat top center;
  }

  .hs-contact-us{
    background: url('../images/contact-bg-800.png') no-repeat top center;
  }

  .site-footer{
    background: url('../images/footer-bg-800.png') no-repeat top center;
  }

  h2{
    font-size:2rem;
  }

  .border-right{
    border: 0;
  }
  /* .jumbotron h1{
      font-size: 2.5rem;
  }
  */

  .hs-services h2{
    font-size: 2.5rem;
  }

  .hs-service-icons{
      text-align: left;
  }

  .hs-service-icons img, .hs-service-icons h4{
    float: left;
  }

  .hs-service-icon{
    width: 4.5rem;
    height: 4.5rem;
    padding: 1rem;
  }

  .hs-service-title{
    margin-left: 1.5rem;
    margin-top: 1.75rem;
    font-size: 1rem;
  }

  .hs-about-wrap{
    padding: 3.25rem 0 5.25rem;
  }

  .hs-about-big-img-wrap img{
    top: -3rem;
  }

  .hs-about-small-img-wrap img{
    bottom: -8rem;
  }

  .hs-renovation{
    margin-top: 12rem;
  }

  .hs-recent-projects-wrap img{
    max-height: 18rem;
  }

  .hs-contact-info{
    padding: 6rem 0;
  }

  .site-footer{
    padding: 9rem 0 1rem;
  }

  .site-info{
    margin-top: 0;
  }

  .site-footer h4{
    margin-top: 2rem;
  }

  .footer-quick-links li{
    margin-bottom: 0.5rem;
  }

  .hs-latest-blog-posts{
    -webkit-transform: skewY(10.5deg);
    -moz-transform: skewY(10.5deg);
    -ms-transform: skewY(10.5deg);
    -o-transform: skewY(10.5deg);
    transform: skewY(10.5deg);
  }

  .hs-latest-blog-posts-content{
    -webkit-transform: skewY(-10.5deg);
    -moz-transform: skewY(-10.5deg);
    -ms-transform: skewY(-10.5deg);
    -o-transform: skewY(-10.5deg);
    transform: skewY(-10.5deg);
  }

  .hs-contact-info{
    webkit-transform: skewY(10.5deg);
    -moz-transform: skewY(10.5deg);
    -ms-transform: skewY(10.5deg);
    -o-transform: skewY(10.5deg);
    transform: skewY(10.5deg);
    padding-top: 2rem;
  }

  .hs-contact-info-content{
    -webkit-transform: skewY(-10.5deg);
    -moz-transform: skewY(-10.5deg);
    -ms-transform: skewY(-10.5deg);
    -o-transform: skewY(-10.5deg);
    transform: skewY(-10.5deg);
  }

  .footer-social a i{
    font-size: 1rem;
  }

  .footer-quick-links li a{
    font-size: 0.85rem;
  }


}

/* xs */
@media (max-width: 575px) {

  .navbar-brand{
    margin-left: 1rem;
  }

  .logo img{
    width: 10rem;
    height: auto;
    top: 3rem;
  }

  .navbar-toggler{
    font-size: 0.75rem;
    padding: .25rem 2.75rem;
  }

  .hs-renovation{
    margin-top: 9rem;
    padding: 16rem 0;
  }

  .hs-renovation h2{
    font-size: 1.5rem;
  }

  .hs-featured-property{
    padding: 3rem 0;
  }

  .hs-service-icons{
    margin-bottom: 1rem;
  }

  .hs-service-icons:last-child{
    margin-bottom: 3rem;
  }

  .hs-about-wrap{
    padding: 17rem 0 5.25rem;
  }

  .hs-about-big-img-wrap img{
    width: 50%;
    top: -2rem;
  }

  .hs-about-wrap{
    padding: 13rem 0 5.25rem;
  }

  .hs-about-us p{
    font-size: 1rem;
  }
  .hs-about-small-img-wrap img{
    bottom: -5rem;
    width: 55%;
  }

  .hs-contact-info{
    margin-top: 4rem;
  }

  .hs-contact-info h4{
    font-size: 1rem;
  }

  .footer-logo img{
    width: 80%;
  }

  .breadcrumb-overlay h1{
    font-size: 1.5rem;
  }

  .breadcrumbs{
    font-size: 1rem;
  }

  .service-img-wrap img{
    width: 60%;
  }

  .entry-thumbnail img{
    max-height: 10rem;
    height: 10rem;
  }

  .contact-page{
    height: auto;
  }

  .contact-form{
    background-color: rgba(255,255,255, 0.9);
    width: 90%;
    margin: 0 auto;
  }

  .nav-item.active .nav-link{
    border: 0;
  }

  .service-img-wrap img{
    display: none;
  }

  .jumbotron{
    padding: 0 0 5rem;
  }

  .owl-text-overlay{
    top: 4rem;
  }

  .jumbotron h1{
    font-size: 1rem;
    padding: 1rem;
  }

  .hs-renovation{
    position: relative;
  }

  .hs-renovation h2, .hs-renovation p{
    color: #333 !important;
  }

  .hs-what-they-say{
    padding: 7.25rem 0 14rem;
  }

  .hs-what-they-say-slider-wrap{
    padding: 3rem 4rem;
  }

}
