#tinker-photo-side { position: absolute; left: -428px; top: -360px; z-index: 52; } h2 { background-color: transparent !important; } .tinker-testimonial { background-color: #f2f1f1; padding: 12px; font-style: italic; } input.wpcf7-submit, input.wpcf7-submit:focus{ height: auto; font-size: 25px; line-height: 25px; padding: 14px 58px; } .wpcf7-form input[type=submit][disabled=disabled],.wpcf7-form input[type=submit]:disabled{ background-color: #0b4cc24d; } input.wpcf7-form-control:not(.wpcf7-submit), textarea.wpcf7-form-control{ color: #000; border: solid 1px #CACACA; background: #ffffff; margin: 0 0 10px 0; } .book-block{ display: block; position:relative; } .book-overlay{ transition: all 0.15s ease-out; overflow: hidden; position: absolute; top:0; left:0; width: 100%; height:0; background: rgba(255,255,255,0.7); } .book-block:hover .book-overlay{ height: 100%; } .book-overlay a{ position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width: 180px; } /* Modal */ .stop-scroll { height: 100%; overflow: hidden; } .mediabox-wrap { position: fixed; width: 100%; height: 100%; background-color: rgba(255,255,255,0.8); top: 0; left: 0; opacity: 0; z-index: 999; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: mediabox; animation-name: mediabox; z-index:10000; } @-webkit-keyframes mediabox { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes mediabox { 0% { opacity: 0; } 100% { opacity: 1; } } .mediabox-content { max-width: 853px; display: block; margin: 0 auto; height: 100%; position: relative; z-index:10000000; } .mediabox-content iframe { max-width: 100% !important; width: 100% !important; display: block !important; height: 480px !important; border: none !important; position: absolute; top: 0; bottom: 0; margin: auto 0; } .mediabox-hide { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: mediaboxhide; animation-name: mediaboxhide; } @-webkit-keyframes mediaboxhide { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes mediaboxhide { 0% { opacity: 1; } 100% { opacity: 0; } } .mediabox-close { position: absolute; top: 0; cursor: pointer; bottom: 528px; right: 0px; margin: auto 0; width: 24px; height: 24px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAElBMVEUAAAAAAAAAAAAAAAAAAAAAAADgKxmiAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAABPYAAAT2AZgOJlQAAAAHdElNRQflBQ4MOB8x75C4AAAAVklEQVQY022Qyw0AIAhDubgfl+6/igKVFKPRIDxSPmZuPOtcXAduANEC8hWIKFEFiRhLc7PTts75tEygBoEaJPK/o2lDQKVHUW1nNKojjOGesWUhuqoNn4Uh3y8CeqIAAAAASUVORK5CYII=') no-repeat; background-size: 24px 24px; } .mediabox-close:hover { opacity: 0.5; } @media all and (max-width: 768px) { .mediabox-content { max-width: 90%; } } @media all and (max-width: 600px) { .mediabox-content iframe { height: 320px !important; } .mediabox-close { bottom: 362px; } } @media all and (max-width: 480px) { .mediabox-content iframe { height: 220px !important; } .mediabox-close { bottom: 262px; } };