Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* Popup */
- #getQuot {
- height: 100vh;
- width: 100%;
- z-index: 9999;
- position: fixed;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- top: 0;
- left: 0;
- background: #00173C;
- overflow: auto;
- -webkit-transform: scale(0);
- transform: scale(0);
- -webkit-transition: all linear 0.3s;
- transition: all linear 0.3s;
- }
- #getQuot #popupClose {
- color: #F26722;
- font-size: 35px;
- position: absolute;
- top: 20px;
- right: 30px;
- cursor: pointer;
- z-index: 999999;
- }
- #getQuot h2 {
- font-family: "Do Hyeon", sans-serif;
- font-size: 35px;
- margin-bottom: 30px;
- color: #ffffffff;
- position: relative;
- display: inline-block;
- }
- #getQuot h2::before {
- position: absolute;
- content: '';
- padding: 10px 20px;
- top: 0;
- left: 0;
- -webkit-transform-origin: center;
- transform-origin: center;
- border: 2px solid #F26722;
- -webkit-animation: borderAmin 4s linear infinite;
- animation: borderAmin 4s linear infinite;
- }
- #getQuot form .input-group-text {
- background: #00173C;
- }
- #getQuot form i {
- color: #F26722;
- }
- #getQuot form .btn-primary {
- padding: 10px 30px !important;
- background: #F26722;
- font-family: "Do Hyeon", sans-serif;
- border: 0;
- -webkit-transition: all linear 0.4s;
- transition: all linear 0.4s;
- }
- #getQuot form .btn-primary:hover {
- background: #F8F8F8;
- color: #00173C;
- }
- #getQuot form .btn-primary:hover i {
- -webkit-transform: translateX(10px);
- transform: translateX(10px);
- color: #F26722;
- }
- #getQuot form .btn-primary i {
- color: #ffffffff;
- -webkit-transition: all linear 0.3s;
- transition: all linear 0.3s;
- }
- .activePopup {
- -webkit-transform: scale(1) !important;
- transform: scale(1) !important;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement