@keyframes gradient {
            0% {
                background-position: 0% 50%;
                background-size: 200% 200%
            }

            25% {
                background-size: 300% 300%
            }

            50% {
                background-position: 100% 50%;
                background-size: 400% 400%
            }

            75% {
                background-size: 200% 250%
            }

            100% {
                background-position: 0% 50%;
                background-size: 200% 200%
            }
        }
        .wrap-18-years-agreement {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            height: 100vh;
            width: 100vw;
            z-index: 12000;
            overflow: hidden;  
            font-family: 'Open Sans', sans-serif;   
        }
        .wrap-18-years-agreement .gradient {
            display: flex;
            margin: 0 auto;
            width: 100%;
            height: 100%;
            background: rgba(255,255,255,0.1) !important;
			backdrop-filter: blur(10px) !important;
            -webkit-backdrop-filter: blur(10px) !important;  
            background: radial-gradient(50% 123.47% at 50% 50%,#a8a095 0%,#ad871f 100%),linear-gradient(121.28deg,#a8a095 0%,#edb10e 100%),linear-gradient(360deg,#ad871f 0%,#000000 100%),radial-gradient(100% 164.72% at 100% 100%,#ad871f 0%,#a8a095 100%),radial-gradient(100% 148.07% at 0% 0%,#b5b38d 0%,#ad871f 100%);
            background-blend-mode: screen,color-dodge,overlay,difference,normal;
            background-size: 200% 200%;
            animation: gradient 12s ease infinite;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .wrap-18-years-agreement .box {
			background: rgba(0,0,0,0.50) !important;
            padding: 6em;
            border: 1px solid #fff;
            max-width: 686px;
         /*   max-height: 424px;*/
            text-align: center;
            position: relative;
            margin: 0 30px;
        }
        .wrap-18-years-agreement .heading {
            font-size: 35px;
            line-height: 32px;
            font-weight: 300;
            text-transform: uppercase;
            color: #fff;
        }
        .wrap-18-years-agreement .paragraph {
			color: #fff;
            margin: 20px 0;
			/*
            margin-bottom: 0;
            font-size: 16px;
            line-height: 20px;
            font-weight: bold;
			*/
        }
        .wrap-18-years-agreement .wrap-buttons {
            position: absolute;
            bottom: -23px;
            left: 0;
            right: 0;
        }
        .wrap-18-years-agreement .agree-button {
            color: #fff;
            font-weight: 400;       
            font-size: 17px;
            padding: 14px;   
            border-radius: 32px;
            margin: auto;      
            text-transform: none;
            letter-spacing: .1em;
            cursor: pointer;
            text-decoration: none;
            display: inline-block;
            min-width: 180px;
            margin: 0 10px;
        }
        .wrap-18-years-agreement .agree-button.yes {
            background: #D8BE93;
            border: 1px solid #fff;
        }
        .wrap-18-years-agreement .agree-button.yes:hover {
            background: #d8b68a;
        }
        .wrap-18-years-agreement .agree-button.no {
            background: #4f4343;
            border: 1px solid #4f4343;
        }
        .wrap-18-years-agreement .agree-button.no:hover {
            background: #000;
            border: 1px solid #000;
        }
        
        @media (orientation: landscape) and (max-height: 424px) {
            .wrap-18-years-agreement .box {
                padding: 2em 3em;
            }
            .wrap-18-years-agreement .agree-button {
                position: relative;
                display: block;
                margin-bottom: 15px;
            }
            .wrap-18-years-agreement .wrap-buttons {
                position: static;
            }

        }
        @media(max-width: 767px) {
            .wrap-18-years-agreement .box {
                padding: 35px;
            }
            .wrap-18-years-agreement .wrap-buttons {
                position: static;
            }
            .wrap-18-years-agreement .agree-button {
                margin: 5px 0;
                font-size: 15px;
                padding: 10px 0;
            }
        }