@charset "utf-8";

/*body.box-type .wrapper-container { max-width: 1380px; }
.container { padding-left: 0; padding-right: 0; }*/

#msg { display: none; text-align: center; padding: 20px; margin-bottom: 50px; position: relative; z-index: 110; cursor: default; }
#msg.error { display: block; color: #EB0B0B; border-bottom: 2px solid #EB0B0B; background: #FFF5F5; }
#msg.success { display: block; color: #3EAD0F; border-bottom: 2px solid #3EAD0F; background: #EEFDE8; }

#main-image { position: relative; height: 500px; background: 50% 50% / cover no-repeat; }
#main-image h4 { position: absolute; left: 0; right: 0; top: 50%; text-align: center; transform: translateY(-50%); color: #fff; font-size: 70px; line-height: 60px; padding: 0 30px; z-index: 2; text-shadow: rgba(0,0,0,.7) 0 0 20px, rgba(0,0,0,.8) 0 0 10px, rgba(0,0,0,.9) 0 0 25px; }


@media only screen and (max-width: 600px) {
  #main-image h4 { position: absolute; left: 0; right: 0; top: 50%; text-align: center; transform: translateY(-50%); color: #fff; font-size: 50px; line-height: 60px; padding: 0 30px; z-index: 2; text-shadow: rgba(0,0,0,.7) 0 0 20px, rgba(0,0,0,.8) 0 0 10px, rgba(0,0,0,.9) 0 0 25px; }

}



form.l { position: relative; }
form.l:before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #fff; opacity: .28; z-index: 99; cursor: wait; }
form.l:after { content: 'Please wait...'; position: absolute; bottom: -80px; left: 50%; transform: translateX(-50%); background: rgba(0,0,0,.8); border-radius: 6px; font-family: 'Roboto'; padding: 8px 20px; font-size: 25px; line-height: 30px; color: #fff; text-align: center; z-index: 100; cursor: wait; display: flex; justify-content: center; align-items: center; text-shadow: #000 0 1px 0; font-family: 'Great Vibes',cursive; }

.input-box textarea { height: auto; }