/* Close menu icon */
i.ba-icons.ba-icon-close.ba-overlay-section-close,
.ba-image-modal.instagram-modal i {
  color: #bcbfb4;
  font-size: 110px;
  width: auto;
}

i.ba-icons.ba-icon-close.ba-overlay-section-close:hover,
.instagram-modal i.ba-icon-close:hover {
    transform: rotate(180deg);
}

/* Scroll down button */
.btn-sroll-down {
    transform: rotate(-90deg);
}

/* Portfolio listing */
.portfolio-listing .ba-blog-post-image {
    display: none !important;
}

.portfolio-listing .ba-blog-post {
    margin-top: 0;
}
@media (min-width: 769px){
    .custom-intro-image img {
        height: 100vh;
    }
}

@media (max-width: 768px){
    .custom-intro-image img {
        display: none;
    }   
}

/* Project page */
@media (min-width: 1024px){
.gallery-columns-gutter .ba-instagram-image {
    margin: 50px;
}
}

/* Home */

.knockout-text .headline-wrapper > * {
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(https://www.balbooa.com/demo-content/gridbox/themes/nordman/h2.jpg) !important;
    transform: translate3d(0, 0, 0);
}

/* Recent works */

.recent-work ul.carousel-type li {
		box-sizing: border-box;	
  	padding-left: 100px;
}

p {
  margin-bottom: 10px !important;
}

h1 {
  margin-bottom: 20px !important;
}
h2, h3 {
  margin-top: 15px !important;
  margin-bottom: 5px !important;
}
@media (max-width: 1280px){
	body:not(.com_gridbox) .body {
	     padding: 0!important
	}
}
.headertransp {z-index: 1;}
@media (max-width: 1280px){
    .column-wrapper .ba-grid-column-wrapper {
        flex-grow: 1;
    }
}
.button {
  background-color: #004aad;
  border: none;
  color: white;
  padding: 9px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  margin: 4px 2px;
  cursor: pointer;
}

.button2 {
  background-color: #25D366;
  border: none;
  color: white;
  padding: 9px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  margin: 4px 2px;
  cursor: pointer;
}

.custom-image.ba-item-image {
    text-align: center; /* The value is the same as you set for the image */
}

.custom-image.ba-item-image .ba-image-wrapper {
    border-radius: 9px;
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.25); /* The value is the same as you set for the image */
    display: inline-block;
    overflow: hidden; /* The value is the same as you set for the image */
}

.custom-image.ba-item-image .ba-image-wrapper img {
    transition: all .3s;
    -webkit-transition: all .3s;
}

.custom-image.ba-item-image .ba-image-wrapper img:hover {
    transform: scale(0.85);
    -webkit-transform: scale(0.85);
}