* { margin: 0; padding: 0; }

html, body { font-family: 'Poppins', sans-serif; line-height: 28px; background: #fff; }

.header { padding: 20px 0; border-top: 10px #bad169 solid; }
.header .logo { display: flex; align-items: center; text-decoration: none; color: #000; }
.header .logo h1 { margin-left: 20px; font-size: 26px; font-weight: 400; margin-bottom: 0; }
.header .logo h1 span { font-weight: 600; color: #bad169; position: relative; display: inline-table; }
.header .logo h1 span:before { position: absolute; bottom: 0; left: 0; width: 0; height: 3px; content: ''; background: #bad169; transition: all 1s ease-in; }
.header .logo h1 span.open:before { width: 100%; }
.header .logo .logo-image { max-width: 95px; display: flex; align-items: center; }
.header .logo .logo-image img { max-width: 100%; }

.content { padding-bottom: 50px; position: relative;  }
.content:before { position: absolute; left: 0; bottom: 0; width: 100%; height: 0; background: #bad169; content: ''; z-index: 1; transition: all 1s ease-in; }
.content.open:before { height: 200px; }

.content-block { position: relative; z-index: 10; padding-bottom: 200px; background-size: cover; background-position: bottom; border-radius: 15px; }
.content-block .bg-image { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; }
.content-block .bg-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 15px; }
.content-block .block { padding: 40px; background: rgba(240,240,240, 0.8); border-radius: 15px; }
.content-block .block h3 { margin-bottom: 20px; }

.contact-info { padding: 40px; position: relative; z-index: 10;  }
.contact-info h2 { font-size: 24px; font-weight: 400; margin-bottom: 20px; }
.contact-info h2 span { font-weight: 600; color: #bad169; position: relative; display: inline-table; }
.contact-info h2 span:before { position: absolute; bottom: 0; left: 0; width: 0; height: 3px; content: ''; background: #bad169; transition: all 1s ease-in; }
.contact-info h2 span.open:before { width: 100%; }
.contact-info ul { list-style: none; margin: 0; padding: 0; }
.contact-info ul li { position: relative; padding-left: 38px; }
.contact-info ul li span { position: absolute; top: 0; left: 0; width: 20px; display: table; }
.contact-info ul li span img { max-width: 100%; }
.contact-info ul li.special { margin-top: 14px; }
.contact-info a { color: #212529; text-decoration: none; }

/* Images effects */
.img-effect { overflow: hidden; }
.img-effect,.img-effect img { transition: .5s; }
.img-effect img { transform: scale(1.2); opacity: 0; transform-origin: center center; }
.img-effect.visible img { opacity: 1; transform: scale(1); }
/* Images effects */

@media (max-width: 992px) {

    .content.open:before { height: 50px; }
    .contact-info { padding-left: 0; }

}