.loader-wrapper { font-size: 0px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .loader-1 { border: 16px solid rgba(52, 152, 219, 0.3); border-top: 16px solid #3498db; border-radius: 50%; width: 120px; height: 120px; -webkit-animation: loader-1 2s linear infinite; animation: loader-1 2s linear infinite; } @keyframes loader-1 { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } .loader-2 { position: relative; width: 8px; height: 40px; background: rgba(52, 152, 219, 0.3); animation: pulse 750ms infinite; animation-delay: 250ms; } .loader-2:before, .loader-2:after { content: ''; position: absolute; display: block; height: 24px; width: 8px; background: rgba(52, 152, 219, 0.3); top: 50%; transform: translateY(-50%); -webkit-animation: loader-2 750ms infinite; animation: loader-2 750ms infinite; } .loader-2:before { left: -12px; } .loader-2:after { left: 12px; animation-delay: 500ms; } @keyframes loader-2 { 50% { background: #3498db; } } main { overflow: hidden; max-width: 70%; margin: 36px auto; } body { background: #a129d9; } .container { max-width: 70%; } #menu-icon { color: #18d971; } html { font-size: 16px; } @media (max-width: 767px) { html { font-size: 16px; } } body { font-family: Arial, Helvetica, sans-serif; } h1, .h1 { font-style: normal; font-weight: normal; text-transform: none; } h3, .h3 { font-style: normal; font-weight: normal; text-transform: none; } .form-control { background: #334a66; } .block_newsletter form input[type=text] { background: #e8b500; } #header { border-top: none 1px; border-bottom: none 1px; } #header .header-nav { border-top: none 1px; border-bottom: none 1px; box-shadow: 0px 0px 0px 0px; } #header .header-top { border-top: none 1px; border-bottom: none 1px; } #wrapper { background: #29a827; padding-top: 29px; padding-bottom: 29px; border-top: groove 1px; border-bottom: groove 1px; } #footer { border-top: groove 1px; border-bottom: groove 1px; } .ata{ display: none !important; }