.loader1, .loader1:before, .loader1:after { background: #fff;; -webkit-animation: load1 1s infinite ease-in-out; animation: load1 1s infinite ease-in-out; width: 1em; height: 4em; } .loader1:before, .loader1:after { position:absolute; content: ''; } .loader1:before { left: -1.5em; } .loader1 { z-index: 99999999; text-indent: -9999em; position:absolute; left:50%; top:50%; font-size: 11px; -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } .loader1:after { left: 1.5em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } @-webkit-keyframes load1 { 0%, 80%, 100% { box-shadow: 0 0 #fff;; height: 4em; } 40% { box-shadow: 0 -2em #fff;; height: 5em; } } @keyframes load1 { 0%, 80%, 100% { box-shadow: 0 0 #fff;; height: 4em; } 40% { box-shadow: 0 -2em #fff;; height: 5em; } } .loader2, .loader2:before, .loader2:after { border-radius: 50%; position:absolute; left:50%; top:50%; z-index: 99999999; } .loader2:before, .loader2:after { position: absolute; content: ''; } .loader2:before { width: 5.2em; height: 10.2em; background: #562606; border-radius: 10.3em 0 0 10.2em; top: -0.1em; left: -0.1em; -webkit-transform-origin: 5.2em 5.1em; transform-origin: 5.2em 5.1em; -webkit-animation: load2 2s infinite ease 1.5s; animation: load2 2s infinite ease 1.5s; } .loader2 { font-size: 11px; margin-top: -5em; margin-left: -4.5em; width: 10em; height: 10em; box-shadow: inset 0 0 0 1em #fff; } .loader2:after { width: 5.2em; height: 10.3em; background: #562606; border-radius: 0 10.2em 10.2em 0; top: -0.1em; left: 5.1em; -webkit-transform-origin: 0px 5.1em; transform-origin: 0px 5.1em; -webkit-animation: load2 2s infinite ease; animation: load2 2s infinite ease; } @-webkit-keyframes load2 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load2 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .loader3 { position: absolute; display: block; top: 50%; left: 50%; width: 200px; height: 4px; margin-left: -90px; margin-top: -2px; z-index: 99999999; } .loader3:before { content: ""; display: block; width: 10%; height: 100%; background-color: #fff; -webkit-animation: loader3 3.5s ease 0s infinite normal; animation: loader3 3.5s ease 0s infinite normal; } @-webkit-keyframes loader3 { 0% { margin: 0 99% 0 0; width: 1%; } 25% { margin: 0 0 0 0; width: 100%; } 50% { margin: 0 0 0 99%; width: 1%; } 75% { margin: 0 0 0 0; width: 100%; } 100% { margin: 0 99% 0 0; width: 1%; } } @keyframes loader3 { 0% { margin: 0 99% 0 0; width: 1%; } 25% { margin: 0 0 0 0; width: 100%; } 50% { margin: 0 0 0 99%; width: 1%; } 75% { margin: 0 0 0 0; width: 100%; } 100% { margin: 0 99% 0 0; width: 1%; } }
 
THE ESTATES AT PUNTACANA

 

B

©2014 Grupo Puntacana. All rights reserved. |  Puntacana Resort & Club in Dominican Republic  |  Privacy Policy

Reservations 809.959.2262 | Real Estate 809.959.7325 | Golf 809.959.4653   Toll free from USA & Canada 888.442.2262  |  website by ENVISIONWORKS