/* Grid Layout 15 */

.layout-15 h2 { max-width: 1200px; margin: 0 auto 15px; }

.layout-15 .hero { text-align: center; max-width: 1200px; margin: 0 auto 40px; }

.layout-15 aside{ position: relative; overflow: hidden; }

.layout-15 aside .row { display: flex; align-items: center; } 

.layout-15 aside:nth-child(odd) .row { flex-direction: row-reverse; }

.layout-15 aside:nth-child(odd) .row figure { margin-left: 15px; }

.layout-15 aside .content, .layout-15 aside .image{ width: 50%; padding: 50px 70px; }

.layout-15 aside .content { padding-left: 15px; }

.layout-15 aside .image { padding-right: 15px; }

.layout-15 aside:nth-child(odd) .content { padding-right: 0px; padding-left: 70px; }

.layout-15 aside:nth-child(odd) .image { padding-left: 0px;  padding-right: 70px;}

.layout-15 aside .image figure{ border-radius: 20px; overflow: hidden; /*box-shadow: -5px 5px 15px rgba(0,0,0,0.15); background-color: #fff;*/ }

.layout-15 aside .image figure img{ width: 100%;  transition: transform 0.3s ease; }

.layout-15 aside:after { content:''; background-color: #f8f8f8; width: 50%; right: 0; top: 0; height: 100%; position: absolute;   z-index: -1; }

.layout-15 aside:nth-child(odd):after{ right: inherit; left: 0; }

.layout-15 aside h3 { font-size: 30px; font-weight: 700; line-height: 36px; margin-bottom: 15px;}

.layout-15 ul li { position: relative; padding-left: 20px; padding-bottom: 5px; }

.layout-15 ul li:before { position: absolute; top:0; left: 0; content: '\f101'; font-family: fontawesome; color: #018daf; }

.layout-15 aside .content a {  color: #f89824;  }

.layout-15 aside .content a.btn:after { content: '\f178'; font-family: fontawesome; color: #018daf; padding: 9px; position: relative; top: 2px; color: #fff; }

.layout-15 aside .content a.btn {  color: #fff; }

.layout-15 aside .image:hover figure { transform: scale(1.1); transition: transform 1s ease; cursor: pointer;}

.page-id-10897 .layout-15 aside .image figure, .page-id-10988 .layout-15 aside .image figure { background-color: transparent; box-shadow: none; } 

.page-id-12376 .layout-15 aside .image figure {    background: #fff;   box-shadow: 0 0 8px rgba(0,0,0,0.1); }

.page-id-11553 .layout-15 aside .image figure, .page-id-11520 .layout-15 aside .image figure, .page-id-10503 .layout-15 aside .image figure {    background: #fff;   box-shadow: 0 0 8px rgba(0,0,0,0.1); text-align: center; }
.page-id-11553 .layout-15 aside .image figure img, .page-id-11520 .layout-15 aside .image figure img { max-height: 420px; width: auto; padding: 20px; }

.page-id-11553 .layout-15 aside:nth-child(8) .image figure img {   padding:0; width: 100%; }




/* Initial state */
.layout-15 .image figure {
  opacity: 0;
  transform: translateX(100px); /* right → left by default */
  transition: all 1.5s ease;
}

/* Left → right */
.layout-15 .image.from-left figure {
  transform: translateX(-100px);
}

/* Visible state */
.layout-15 .image figure.visible {
  opacity: 1;
  transform: translateX(0);
}







/* Responsive */



@media (max-width: 1199px){ 



}

 



@media (max-width: 991px){ 
.layout-15 aside:after{ content: none; }
.layout-15 aside .row { display: block; }
.layout-15 aside .image{ padding: 50px 70px !important; background-color: #f8f8f8; }
.layout-15 aside .content, .layout-15 aside .image {  width: 100%;     padding: 50px 70px;}


}





@media (max-width: 767px){ 
.layout-15 aside .content, .layout-15 aside .image {  padding: 50px 30px !important; }
.layout-15 aside .content{ padding-bottom: 35px !important; }

}





@media (max-width: 599px){ 



} 



@media (max-width: 479px){ 
.layout-15 aside .content, .layout-15 aside .image {  padding: 50px 15px !important; }
.layout-15 aside h3 {  font-size: 28px;   }

} 

/* Responsive */



@media (max-width: 1299px){ 



}

/* 1299 END */





@media (max-width: 1199px){ 



}

/* 1199 END */ 



@media (max-width: 991px){ 



}

/* 991 END */



@media (max-width: 767px){ 



}

/* 767 END */



@media (max-width: 599px){ 



} 

/* 599 END */





@media (max-width: 479px){ 



} 

/* 479 END */