/* ---- .grid-item ---- */

.grid-sizer,

.grid-item {

  width: 100%;

  padding: 10px 0;

}



@media screen and (min-width: 576px) {

  .grid-sizer,

  .grid-item {

    width: 50%;

    padding: 10px;

  }

}



@media screen and (min-width: 768px) {

  .grid-sizer,

  .grid-item {

    width: 33.333%;

    padding: 15px;

  }

}



.grid-item {

  float: left;

}



.grid-item img {

  display: block;

  max-width: 100%;

}



.blog.js-powrMark.pad-m.pad-top-l.powrMark {

  display: none;

}



.banner-img-sec .social-media-icon {

  z-index: 9;

}



.banner-img-sec .consultion a {

  z-index: 9;

}



.header .menu {

  z-index: 9;

}



@media screen and (min-width: 768px) {

  .mobile-nav {

    display: none !important;

  }

}



.privacy-sec {

  max-width: 915px;

  margin-left: auto;

  margin-right: auto;

}



.privacy-sec .gallery-items span {

  margin-top: 30px;

  display: block;

  font-weight: 590;

}



.privacy-sec .gallery-items p {

  margin-top: 13px;

  color: gray;

}



.privacy-sec .gallery-items a {

  color: gray;

}



.gallery-sec {

  max-width: 915px;

  margin-left: auto;

  margin-right: auto;

}



.gallery-sec .gallery-items p {

  font-size: 15px;

}



.gallery-sec .gallery-items span {

  font-weight: 590;

  display: block;

  padding-bottom: 25px;

}



.footer-bottom {

  background-color: #202020;

  color: #fff;

  padding: 10px;

}



.footer-bottom p {

  margin-bottom: 0;

}



.footer-bottom a {

  color: #fff;

  font-weight: bold;

}



.header-wrapper .logo-img {

  position: relative;

  /* display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center; */

  margin-bottom: 50px;

}



.header-wrapper .logo-img::after {

  src: url("fonts/EurostileExtended-Black.eot");
  src: url("fonts/EurostileExtended-Black.eot?#iefix") format("embedded-opentype"), url("fonts/EurostileExtended-Black.woff2") format("woff2"), url("fonts/EurostileExtended-Black.woff") format("woff"), url("fonts/EurostileExtended-Black.ttf") format("truetype"), url("fonts/EurostileExtended-Black.svg#EurostileExtended-Black") format("svg");
  font-weight: bold;
  font-family: "Eurostile Extended", sans-serif !important;
  
  content: "architectural services";

  position: absolute;

  top: 100%;

  /* text-align: center; */

  // color: var(--c-white);

  // text-shadow: black 1px 1px 6px;

  font-size: 10px;

  padding-top: 10px;
  
  color: var(--c-primary);


}



@media screen and (min-width: 480px) {

  .header-wrapper .logo-img::after {

    font-size: 10px;

  }

}



@media screen and (min-width: 769px) {

  .header-wrapper .logo-img::after {

    padding-top: 15px;

    font-size: 24px;

  }

}



@media screen and (max-width: 768px) {

  .header .logo-img span {

    display: none;

  }

}



.right-side-content .column-content {

  max-width: 600px;

  margin-left: auto;

  margin-right: auto;

}



.services-sec .left-side-img img {

  max-height: 600px;

  -o-object-fit: cover;

  object-fit: cover;

  -o-object-position: center;

  object-position: center;

}



.logo-img a {

  position: relative;

  display: block;

}



.logo-img a img {

  display: block;

  position: relative;

  z-index: 2;

}



.logo-img a span {

  -webkit-box-shadow: -5px 5px 3px 2px rgba(0, 0, 0, 0.6);

          box-shadow: -5px 5px 3px 2px rgba(0, 0, 0, 0.6);

}



.logo-img a .s1 {

  position: absolute;

  width: 29.5%;

  height: 58.5%;

  left: .5%;

  top: 2%;

}



.logo-img a .s2 {

  position: absolute;

  width: 29.5%;

  height: 58.5%;

  left: 35.25%;

  top: 2%;

}



.logo-img a .s3 {

  position: absolute;

  width: 29.5%;

  height: 58.5%;

  left: 70.15%;

  top: 2%;

}



.logo-img a .s4 {

  position: absolute;

  width: 99%;

  bottom: .5%;

  height: 28.3%;

  left: .5%;

}

.banner-img-sec.homepage {

  position: relative;

}

.banner-img-sec .banner-content-wrapper {

	bottom: 80px;

	position: absolute;

  width: 100%;

}

@media screen and (min-width: 768px) {

  .banner-img-sec .banner-content-wrapper {

    bottom: 50px;

    position: absolute;

  }

}

@media screen and (min-width: 992px) {

  .banner-img-sec .banner-content-wrapper {

    bottom: 60px;

    position: absolute;

  }

}

@media screen and (min-width: 1200px) {

  .banner-img-sec .banner-content-wrapper {

    bottom: 90px;

    position: absolute;

  }

}

@media screen and (max-width: 767px) {

  .consultion {

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all .25s ease-in-out;

    transition: all .25s ease-in-out;

  }

  .show-book .consultion {

      opacity: 1;

      visibility: visible;

  }

}

/*# sourceMappingURL=new.css.map */
#responseModal .modal-content  {
  border-radius: 0;
}
#responseModal .modal-content .modal-header,
#responseModal .modal-content .modal-body {
  border: none;
  border-radius: 0;
}
#responseModal .modal-content .modal-body.center-text {
  text-align: center;
  padding-left: 22px;
  padding-right: 22px;
  padding-bottom: 30px;
}
#responseModal .modal-content .modal-body.center-text h3 {
  color: #3355ff;
}