.how-it-drone2-outer .how-it-drone2 .how-it-drone-media2 img { width: auto !important; } #header .header-row { flex-shrink: 0; } #pills-home-tab.active, #pills-profile-tab.active, #pills-contact-tab.active { transform: scale(1.1); border-color: #f6861f #f6861f #f6861f !important; } .fa-chevron-right::before { content: "\f054"; } .fa-chevron-left::before { content: "\f053"; } .owl-nav disabled { display: none; } .owl-carousel .owl-stage-outer { overflow: initial; } .owl-carousel.announcement-carousel .owl-stage-outer { overflow: hidden; } .announcement-carousel .owl-dot, .announcement-carousel .owl-nav .owl-next, .announcement-carousel .owl-nav .owl-prev { display: inline-block; position: absolute !important; margin-top: 0 !important; bottom: 0 !important; } .announcement-carousel .owl-next { right: 16px; } .announcement-carousel .owl-prev { left: 17px; } .left-area { position: absolute; height: 80vh; left: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 999; } .timer-area { position: absolute; bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 20; } .line-blue { position: absolute; bottom: -150px; height: 80vh; left: 50%; width: 15px; background-color: #fff; border-radius: 15px; -webkit-animation-name: example1; animation-name: example1; -webkit-animation-duration: 60s; animation-duration: 60s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .ucak { position: absolute; bottom: -150px; left: -9px !important; color: yellow; -webkit-animation-name: ucak; animation-name: ucak; -webkit-animation-duration: 60s; animation-duration: 60s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; z-index: 99999; width: 34px !important; } .line-blue img.ucak { width: 60px; max-width: none; } .line-red { position: absolute; bottom: -150px; left: 50%; height: 0px; width: 15px; background-color: #FDB400; border-radius: 15px; -webkit-animation-name: line-red; animation-name: line-red; -webkit-animation-duration: 60s; animation-duration: 60s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } @media (max-width: 767.98px) { .left-area { display: none; } } @-webkit-keyframes ucak { 0% { left: 0px; bottom: 0px; } 100% { left: 0px; bottom: 80vh; } } @keyframes ucak { 0% { left: 0px; bottom: 0px; } 100% { left: 0px; bottom: 80vh; } } @-webkit-keyframes line-red { 100% { height: 80vh; } } @keyframes line-red { 100% { height: 80vh; } } .timeline-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .timeline-content .day { margin-right: 15px; } .countdown-content .day .day-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .countdown-content .day .day-content .day-time { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .countdown-content .day .day-content .day-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .timeline-content .hour { margin-right: 15px; } .timeline-content .minutes { margin-right: 15px; } .timeline-content .second { } .countdown-content .hour { margin-right: 15px; } .countdown-content .hour .hour-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .countdown-content .hour .hour-content .hour-time { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .countdown-content .hour .hour-content .hour-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .countdown-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: 0; margin-top: -20px; padding: 20px 0px 0px 0px; } .day-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 15px; } .day-content { 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; } .day-content p { padding: 0 10px; border-radius: 5px; color: #FFFFFF; font-size: 20px; margin: 0; font-weight: 300; line-height: normal; } .day-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .day-text p { color: #FFFFFF; font-size: 13px; margin: 0 0 5px 0; font-weight: 700; line-height: normal; } .mobile-countdown-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .mobile-countdown-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mobile-countdown-number { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #F05022; border-radius: 5px; } .mobile-countdown-number ul { list-style-type: none; } .mobile-countdown-number ul li span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #F05022; border-radius: 5px; } .mobile-countdown-number p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #FFFFFF; font-size: 14px; background-color: #F05022; border-radius: 5px; padding: 10px 20px; margin: 0; } .mobile-countdown-text p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #FFFFFF; font-size: 14px; border-radius: 5px; padding: 10px 20px; margin: 0; } .gray-scale-stakeholders { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); transition: all 0.2s ease-in-out; opacity: 0.8; overflow: initial; } .gray-scale-stakeholders:hover { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%); opacity: 1; transform: scale(1.2); } .announcement-carousel .item .card { height: 560px; } @media only screen and (max-width: 600px) { .day-text p { font-size: 18px; } .countdown-content { margin-top: -50px; } } .timer-new { position: absolute; z-index: 999; left: 50px; display: flex; top: 40%; } .timer-new .timer-new-content { display: flex; flex-direction: column; } .timer-new-content .timer-new-content-space { margin-bottom: 15px; } .timer-new-content .date { background-color: rgb(40, 90, 148); padding: 5px 10px; } .timer-new-content .date p { margin: 0; padding: 0; color: #fff; font-size: 12px; } @media only screen and (max-width: 768px) { .timer-new .timer-new-content { display: flex; flex-direction: row; } .timer-new { width: 100%; display: flex; left: 0; bottom: 50px; justify-content: center; align-items: flex-end; } .date-mobile { position: absolute; bottom: 0; width: 100%; z-index: 999; background-color: rgb(40, 90, 148); padding: 5px 10px; } .date-mobile p { margin: 0; padding: 0; color: #fff; font-size: 12px; text-align: center; } .timer-new-content .timer-new-content-space { margin: 0 20px; } .timer-new-content .date { display: none; } .hades .tp-bullet { display: none; } } @media only screen and (min-width: 768px) { .date-mobile { display: none; } } @media (min-width: 769px) and (max-width: 1410px) { .timer-new { position: absolute; z-index: 999; left: 50px; display: flex; top: 10%; } } #header .header-body { background-color: transparent; } #header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a, #header .header-nav.header-nav-line:not(.header-nav-light-text) nav > ul > li > a { color: #fff; } #header .header-nav-features .header-nav-features-user .header-nav-features-toggle { color: #fff; font-size: 12px; font-weight: 600; text-transform: uppercase; } .how-it-drone2-outer .how-it-drone2:before, .how-it-drone2-outer .how-it-drone2:after { border-color: transparent !important; } #tallModal .modal-body p { margin-bottom: 900px; } .modal.modal-wide .modal-dialog { top: 50px; width: 90%; max-width: 800px; } .modal-wide .modal-body { overflow-y: auto; } #tallModal .modal-body p { margin-bottom: 900px } @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap'); rocket TEKNOFEST | Aviasiya, Kosmik və Texnologiya Festivalı Gün Saat Dəqiqə Saniyə #header .header-nav-features .header-nav-feature a { padding: 2px 5px; background-color: rgba(0, 0, 0, 0.2); font-family: Rajdhani; color: rgb(255, 255, 255); border-radius: 5px; font-size: 12px; font-weight: 600; text-transform: uppercase; } @media (max-width: 767.98px) { #header .header-nav-features .header-nav-features-user .header-nav-features-toggle { color: #fff; font-size: 10px; font-weight: 600; text-transform: uppercase; } #header .header-nav-features .header-nav-feature a { padding: 2px 5px; background-color: rgba(0, 0, 0, 0.2); font-family: Rajdhani; color: rgb(255, 255, 255); border-radius: 5px; font-size: 10px; font-weight: 600; text-transform: uppercase; } }