/* ------------------------------------------------- * Name : Coles - Coming Soon Template * Version : 1 * Build Date : 01 Oktober 2018 * Last Update : N/A * Author : Cipeget * Primary use : Coming Soon * Generated by Cipeget * w: https://cipeget.com, * t: @cipeget * * Copyright (C) 2018 Cipeget --------------------------------------------------- */ @import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,700');body{color:#333;font-family:'Poppins',sans-serif;margin:0;padding:0;overflow-x:hidden;background:#00c6ff}a,a:focus,a:hover{color:#fff;text-decoration:none}img{width:100%}.100wh{width:100wh}.100vh{height:100vh}.bg-opacity-white{background-color:rgba(255, 255, 255, 0.2)}.loader-img img{height:40px}.coles-header-fly{position:absolute;top:0;width:95%;padding:15px 0}.coles-brand{margin-bottom:0;width:100%;max-width:130px}.coles-header{position:relative;top:0;width:95%;padding:30px}.footer{color:rgba(255, 255, 255, .9);position:fixed;bottom:0;padding:0 10px}.footer p{font-size:13px;font-weight:400;text-shadow:1px 1px 1px #555}.section-coles-animation{margin:auto 0;width:100%;position:fixed;top:50%;left:0;transform:translate(0%, -50%);overflow:hidden}.section-coles-animation ._animation-content{padding:15px}.section-coles-animation ._animation-content .__animation-heading{font-family:'Poppins',sans-serif;font-size:3rem;font-weight:700;text-transform:uppercase;color:#fff;text-shadow:1px 1px 1px #555;width:100%;display:block}.section-coles-animation ._animation-content .__animation-lead{font-size:15px;font-weight:normal;color:#fff;text-shadow:1px 1px 1px #555;line-height:1.3;margin-bottom:0}.section-coles-bussines ._bussines-content{top:20%;padding:5rem;position:absolute;width:100%}.section-coles-bussines ._bussines-content .__bussines-heading h2{font-family:'Poppins',sans-serif;font-size:3rem;font-weight:700;text-transform:uppercase;color:#fff;text-shadow:1px 1px 1px #555;width:100%;display:block}.section-coles-bussines ._bussines-content .__bussines-lead p{font-size:15px;font-weight:normal;color:#fff;text-shadow:1px 1px 1px #555;line-height:1.3}._countdown{overflow:hidden;position:relative}._countdown.pas{height:100vh}._countdown .__bg-images{height:100%;overflow:hidden;position:relative;background:rgba( 0, 198, 255, .6)}._countdown .__bg-images img{width:100%;height:100%;object-fit:cover;position:absolute;z-index:-1}._countdown .__time{width:100%;top:30%;padding:1rem;position:absolute;z-index:2;display:block}._countdown .__time-single{color:#fff;width:100%;top:30%;padding:4rem;position:absolute;z-index:2;display:block}._countdown .__time-single .__countdown_time .___time label{font-size:15px;font-weight:700;color:#fff;padding-top:10px;margin-bottom:0}._countdown .__time #clockdiv{color:#fff;text-shadow:1px 1px 1px #555;width:200px;height:200px;display:inline-block}._countdown .__time .timelounch{font-size:1.5rem;font-weight:700;color:#fff;text-transform:uppercase;text-shadow:1px 1px 1px #555;display:inline-block}._countdown{color:#fff}._countdown #clockdiv{color:#fff;text-shadow:1px 1px 1px #555}._countdown .timelounch{color:#fff;text-transform:uppercase;text-shadow:1px 1px 1px #555}._countdown .__countdown_time{width:100%;display:inline-block;text-shadow:1px 1px 1px #555;padding:15px}._countdown .__countdown_time .___time{padding:10px}._countdown .__countdown_time .___time label{font-size:12px;color:#fff;margin-bottom:0}.section-coles-animation ._social{display:block}.mobile-countdown{width:100%;display:block;margin-bottom:20px}.mobile-countdown .countdown__title{font-size:15px;color:#fff;margin-bottom:10px;display:inline-block;text-shadow:1px 1px 1px #555}.mobile-countdown .timelounch{color:#fff;text-shadow:1px 1px 1px #555}.form-subscribe{padding:5px;display:inline-block}.form-subscribe input{color:#fff;background-color:rgba(255, 255, 255, 0.2);outline:none;box-shadow:none;border:0px solid #ced4da;border-bottom:1px solid #eee;border-radius:0}.form-subscribe input:focus{color:#fff;background:none;outline:none;box-shadow:none;border-bottom:1px solid #eee}.form-subscribe ::placeholder{color:#eee;opacity: .8}.form-subscribe :-ms-input-placeholder{color:#eee;opacity: .8}.form-subscribe ::-ms-input-placeholder{color:#eee;opacity: .8}.form-subscribe input:focus::placeholder{color:#eee;opacity: .2}.form-subscribe input:focus::-ms-input-placeholder{color:#eee;opacity: .2}.form-subscribe input:focus:-ms-input-placeholder{color:#eee;opacity: .2}​ .form-subscribe .success-message{color:#fff !important;font-size:12px !important}​ .__social_link{color:#fff;padding:0;list-style:none;margin:0;display:block}.__social_link ul{list-style:none;display:inline-block;padding-left:0;margin-bottom:0}.__social_link li{float:left}.__social_link a{width:55px;height:55px;border-radius:55px;display:inline-block;margin-right:5px;border:0px solid #ebebeb;text-align:center;vertical-align:middle;text-decoration:none}.__social_link a:hover .fa{text-shadow:1px 1px 2px #555;-webkit-animation:rotate-90-ccw 0.5s ease-in-out both;animation:rotate-90-ccw 0.5s ease-in-out both}.__social_link a:hover .fa-facebook{color:#3b5998}.__social_link a:hover .fa-twitter{color:#00aced}.__social_link a:hover .fa-google-plus{color:#d34836}.__social_link a:hover .fa-instagram{color:#e4405f}.__social_link a:hover .fa-youtube-play{color:#cd201f}.__social_link a:hover .fa-linkedin{color:#0077B5}.__social_link a:hover .fa-dribbble{color:#ea4c89}.__social_link a:hover .fa-behance{color:#131418}.__social_link a:hover .fa-flickr{color:#ff0084}.__social_link a:hover .fa-foursquare{color:#f94877}.__social_link a:hover .fa-pinterest{color:#bd081c}.__social_link a:hover .fa-reddit{color:#ff5700}.__social_link a:hover .fa-quora{color:#b92b27}.__social_link a:hover .fa-skype{color:#00AFF0}.__social_link a:hover .fa-snapchat{color:#FFFC00}.__social_link a:hover .fa-soundcloud{color:#f30}.__social_link a:hover .fa-slideshare{color:#0077b5}.__social_link a:hover .fa-stumbleupon{color:#eb4924}.__social_link a:hover .fa-weibo{color:#df2029}.__social_link a:hover .fa-vimeo{color:#1ab7ea}.__social_link a:hover .fa-vk{color:#4c75a3}.__social_link a:hover .fa-weixin{color:#09b83e}.__social_link a:hover .fa-whatsapp{color:#25D366}.__social_link a:hover .fa-yelp{color:#af0606}.__social_link a:hover .fa-tumblr{color:#34465d}.animation-wrapper{bottom:0;left:0;position:fixed;right:0;top:0;background:#00c6ff;background:-webkit-linear-gradient(to left, #00c6ff, #0072ff);background:linear-gradient(to left,#00c6ff,#0072ff);z-index:-1}.swing{animation:swing ease-in-out 1s infinite alternate}object.city{width:100%;position:fixed;bottom:0}object.trees{width:30%;position:fixed;bottom:0}canvas.celeb{width:100%;height:100%;display:none}.cloud{background:url("../img/graphic/cloud.png") no-repeat;width:95px;height:53px}.sky{height:200px;bottom:0;left:0;padding-top:50px;position:fixed;right:0;top:0}.parachute{position:absolute;width:100%;max-width:500px;height:94vh;margin:0 auto}.sun{background:url("../img/graphic/sun.png") no-repeat;width:87px;height:87px;position:fixed;right:10%;top:10%}.parachute__img{content:"";display:block;position:absolute;width:60px;height:90px;background:url("../img/svg/ballon2.svg") no-repeat;transform-origin:center -20px}.plane{background:url("../img/svg/aeroplane.svg") no-repeat;width:108px;height:108px;position:absolute;top:16px;left:-10px;transform:scale(0.5, 0.5);animation:right linear 30s infinite}.car1{background:url("../img/svg/car1.svg") no-repeat;width:126px;height:46px;position:absolute;bottom:5px;right:-10px;transform:scale(0.5, 0.5);animation:left linear 25s infinite}.car2{background:url("../img/svg/car2.svg") no-repeat;width:170px;height:63px;position:absolute;bottom:-12px;right:-10px;transform:scale(0.5, 0.5);animation:right-car linear 30s infinite}.car3{background:url("../img/svg/car3.svg") no-repeat;width:106px;height:50px;position:absolute;bottom:-12px;right:-10px;transform:scale(0.5, 0.5);animation:right-car1 linear 30s infinite}.car4{background:url("../img/svg/car4.svg") no-repeat;width:126px;height:65px;position:absolute;bottom:-12px;right:-10px;transform:scale(0.5, 0.5);animation:right-car2 linear 50s infinite}.car5{background:url("../img/svg/car5.svg") no-repeat;width:117px;height:53px;position:absolute;bottom:6px;right:-10px;transform:scale(0.5, 0.5);animation:left-car-5 linear 20s infinite}.car6{background:url("../img/svg/car6.svg") no-repeat;width:223px;height:83px;position:absolute;bottom:3px;right:-10px;transform:scale(0.5, 0.5);animation:left-car-6 linear 50s infinite}.x1{-webkit-animation:animateCloud 65s linear infinite;-moz-animation:animateCloud 65s linear infinite;animation:animateCloud 65s linear infinite;-webkit-transform:scale(0.65);-moz-transform:scale(0.65);transform:scale(0.65)}.x2{-webkit-animation:animateCloud 40s linear infinite;-moz-animation:animateCloud 40s linear infinite;animation:animateCloud 40s linear infinite;-webkit-transform:scale(0.3);-moz-transform:scale(0.3);transform:scale(0.3);opacity:0.65}.x3{-webkit-animation:animateCloud 45s linear infinite;-moz-animation:animateCloud 45s linear infinite;animation:animateCloud 45s linear infinite;-webkit-transform:scale(0.5);-moz-transform:scale(0.5);transform:scale(0.5);opacity:0.80}.x4{-webkit-animation:animateCloud 30s linear infinite;-moz-animation:animateCloud 30s linear infinite;animation:animateCloud 30s linear infinite;-webkit-transform:scale(0.4);-moz-transform:scale(0.4);transform:scale(0.4);opacity:0.75}.x5{-webkit-animation:animateCloud 45s linear infinite;-moz-animation:animateCloud 45s linear infinite;animation:animateCloud 45s linear infinite;-webkit-transform:scale(0.55);-moz-transform:scale(0.55);transform:scale(0.55);opacity:0.90}.fade-in{-webkit-animation:fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;animation:fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both}.fade-in-bottom{-webkit-animation:fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;animation:fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both}.individual-bubble{position:absolute;border-radius:100%;bottom:10px;background-color:#fff;z-index:1}@-webkit-keyframes animateCloud{0%{margin-left:-1000px}100%{margin-left:100%}}@-moz-keyframes animateCloud{0%{margin-left:-1000px}100%{margin-left:100%}}@keyframes animateCloud{0%{margin-left:-1000px}100%{margin-left:100%}}@-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fade-in-bottom{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-bottom{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes swing{0%{transform:rotate(1deg)}100%{transform:rotate(-1deg)}}@keyframes right{0%{left:-108px}100%{left:calc(100% + 108px)}}@keyframes right-car{0%{left:-100px}100%{left:calc(100% + 100px)}}@keyframes right-car1{0%{left:-400px}100%{left:calc(100% + 400px)}}@keyframes right-car2{0%{left:-800px}100%{left:calc(100% + 100px)}}@keyframes left{0%{right:-126px}100%{right:calc(100% + 126px)}}@keyframes left-car-5{0%{right:-500px}100%{right:calc(100% + 500px)}}@keyframes left-car-6{0%{right:-600px}100%{right:calc(100%+600px)}}.rotate-90-ccw{-webkit-animation:rotate-90-ccw 0.5s ease-in both;animation:rotate-90-ccw 0.5s ease-in both}@-webkit-keyframes rotate-90-ccw{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(-30deg) scale(3, 3);transform:rotate(-30deg) scale(3, 3)}}@keyframes rotate-90-ccw{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(-30deg) scale(3, 3);transform:rotate(-30deg) scale(3, 3)}}@media (max-width: 575.98px){.section-coles-animation ._animation-content{padding:15px}.section-coles-animation ._animation-content .__animation-heading{font-size:2rem}.section-coles-animation ._animation-content .__animation-lead{font-size:13px}.section-coles-bussines{height:100vh}.section-coles-bussines ._bussines-content{top:15%;padding:1rem;display:block;position:fixed}.section-coles-bussines ._bussines-content .__bussines-heading h2{font-size:2rem}.section-coles-bussines ._bussines-content .__bussines-lead p{font-size:13px}._countdown .__countdown_time{padding:0px}._countdown .__countdown_time .___time label{font-size:10px}.mobile-countdown .__countdown_time{padding:0px}.mobile-countdown .__countdown_time{width:100%;display:inline-block;text-shadow:1px 1px 1px #555;padding:0px}.mobile-countdown .__countdown_time .___time{padding:10px}.mobile-countdown .__countdown_time .___time label{font-size:10px;color:#fff;margin-bottom:0}.__social_link a{width:40px;height:40px}.form-subscribe input{font-size:11px}.car1{background:url("../img/svg/car1.svg") no-repeat;width:126px;height:46px;position:absolute;bottom:-14px;right:-10px;transform:scale(0.2, 0.2);animation:left linear 25s infinite}.car2{background:url("../img/svg/car2.svg") no-repeat;width:170px;height:63px;position:absolute;bottom:-23px;right:-10px;transform:scale(0.2, 0.2);animation:right-car linear 30s infinite}.car3{background:url("../img/svg/car3.svg") no-repeat;width:106px;height:50px;position:absolute;bottom:-20px;right:-10px;transform:scale(0.2, 0.2);animation:right-car1 linear 30s infinite}.car4{background:url("../img/svg/car4.svg") no-repeat;width:126px;height:65px;position:absolute;bottom:-25px;right:-10px;transform:scale(0.2, 0.2);animation:right-car2 linear 50s infinite}.car5{background:url("../img/svg/car5.svg") no-repeat;width:117px;height:53px;position:absolute;bottom:-16px;right:-10px;transform:scale(0.2, 0.2);animation:left-car-5 linear 20s infinite}.car6{background:url("../img/svg/car6.svg") no-repeat;width:223px;height:83px;position:absolute;bottom:-28px;right:-10px;transform:scale(0.2, 0.2);animation:left-car-6 linear 50s infinite}}@media (min-width: 576px){.section-coles-animation ._animation-content .__animation-heading{font-size:2rem}.section-coles-animation ._animation-content .__animation-lead{font-size:13px}.__social_link a{width:40px;height:40px}.form-subscribe input{font-size:11px}.car1{background:url("../img/svg/car1.svg") no-repeat;width:126px;height:46px;position:absolute;bottom:-6px;right:-10px;transform:scale(0.3, 0.3);animation:left linear 25s infinite}.car2{background:url("../img/svg/car2.svg") no-repeat;width:170px;height:63px;position:absolute;bottom:-18px;right:-10px;transform:scale(0.3, 0.3);animation:right-car linear 25s infinite}.car3{background:url("../img/svg/car3.svg") no-repeat;width:106px;height:50px;position:absolute;bottom:-18px;right:-10px;transform:scale(0.3, 0.3);animation:right-car1 linear 30s infinite}.car4{background:url("../img/svg/car4.svg") no-repeat;width:126px;height:65px;position:absolute;bottom:-18px;right:-10px;transform:scale(0.3, 0.3);animation:right-car2 linear 50s infinite}.car5{background:url("../img/svg/car5.svg") no-repeat;width:117px;height:53px;position:absolute;bottom:-6px;right:-10px;transform:scale(0.3, 0.3);animation:left-car-5 linear 20s infinite}.car6{background:url("../img/svg/car6.svg") no-repeat;width:223px;height:83px;position:absolute;bottom:-12px;right:-10px;transform:scale(0.3, 0.3);animation:left-car-6 linear 50s infinite}}@media (min-width: 768px) and (max-width: 991.98px){.car1{background:url("../img/svg/car1.svg") no-repeat;width:126px;height:46px;position:absolute;bottom:-8px;right:-10px;transform:scale(0.3, 0.3);animation:left linear 25s infinite}.car2{background:url("../img/svg/car2.svg") no-repeat;width:170px;height:63px;position:absolute;bottom:-18px;right:-10px;transform:scale(0.3, 0.3);animation:right-car linear 25s infinite}.car3{background:url("../img/svg/car3.svg") no-repeat;width:106px;height:50px;position:absolute;bottom:-18px;right:-10px;transform:scale(0.3, 0.3);animation:right-car1 linear 30s infinite}.car4{background:url("../img/svg/car4.svg") no-repeat;width:126px;height:65px;position:absolute;bottom:-18px;right:-10px;transform:scale(0.3, 0.3);animation:right-car2 linear 50s infinite}.car5{background:url("../img/svg/car5.svg") no-repeat;width:117px;height:53px;position:absolute;bottom:-9px;right:-10px;transform:scale(0.3, 0.3);animation:left-car-5 linear 20s infinite}.car6{background:url("../img/svg/car6.svg") no-repeat;width:223px;height:83px;position:absolute;bottom:-17px;right:-10px;transform:scale(0.3, 0.3);animation:left-car-6 linear 50s infinite}}