%PDF- %PDF-
Direktori : /var/www/html/ceaa/wp-content/themes/eduma/assets/css/ |
Current File : /var/www/html/ceaa/wp-content/themes/eduma/assets/css/coming-soon.css |
* { margin: 0; padding: 0; } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html { font-size: 62.5%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: 'Roboto', sans-serif; font-weight: 400; } /* Typography */ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-weight: 400; margin: 30px 0 15px; } h1, .h1 { font-size: 52px; } h2, .h2 { font-size: 36px; } h3, .h3 { font-size: 28px; margin: 20px 0 10px; } h4, .h4 { font-size: 22px; line-height: 40px; } h5, .h5 { font-size: 16px; } h6, .h6 { font-size: 14px; text-transform: uppercase; } p { font-size: 14px; line-height: 1.6180em; } .main { background-position: center center; background-size: cover; height: auto; left: 0; min-height: 100%; min-width: 100%; position: absolute; top: 0; width: auto; color: #fff; } .cover { position: fixed; opacity: 0.5; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; } .cover.black { background: rgba(10, 10, 10, 0.5); } .cover.blue { background-color: rgba(5, 31, 60, 0.6); } .cover.green { background-color: rgba(3, 28, 7, 0.6); } .cover.orange { background-color: rgba(37, 28, 5, 0.6); } .cover.red { background-color: rgba(35, 3, 2, 0.66); } .main .logo { position: relative; text-align: center; margin-top: 150px; z-index: 3; } .main .content { position: relative; z-index: 4; text-align: center; } .main .motto { min-height: 140px; } #video_background { position: fixed; top: 0; right: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 1; overflow: hidden; } .footer { position: relative; bottom: 20px; right: 0; width: 100%; color: #AAAAAA; z-index: 4; text-align: right; margin-top: 50px; } .footer a { color: #FFFFFF; } .footer .heart { color: #FF3B30; } .text-center { text-align: center; } /*from new lester*/ .mc4wp-form form > label { display: none; } .form-control.transparent, .mc4wp-form input { background-color: rgba(255, 255, 255, 0.07); border: 1px solid rgba(238, 238, 238, 0.27); color: #fff; } .form-control, .mc4wp-form input { border-radius: 2px; box-shadow: none; padding: 6px 16px; font-size: 14px; line-height: 1.428571429; vertical-align: middle; width: 100%; display: inline-block; } .mc4wp-form input[type="submit"] { background: #2eb0d1; color: #fff; margin-left: 8px; padding: 8px 20px; border-color: #2eb0d1; width: auto; cursor: pointer; } .mc4wp-form input[type="submit"]:hover { background: #222; color: #fff; border-color: #222; } .form-control::-moz-placeholder, .mc4wp-form input::-moz-placeholder { color: #DDDDDD; opacity: 1; } .form-control::-webkit-input-placeholder, .mc4wp-form input::-webkit-input-placeholder { color: #DDDDDD; opacity: 1; } .form-control:-ms-input-placeholder, .mc4wp-form input:-ms-input-placeholder { color: #DDDDDD; opacity: 1; } .btn { display: inline-block; padding: 8px 16px; margin-bottom: 0; font-size: 12px; font-weight: normal; line-height: 1.228571429; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; border-radius: 2px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .btn:focus, .form-control:focus, input:focus { outline: none; } .info-text { margin-bottom: 30px; } .btn-danger.btn { background-color: #6cb741; border-color: #5da633; color: #fff; margin-left: -3px; } .mc4wp-form .mc4wp_input { position: relative; width: 260px; } .mc4wp-form input[type="email"] { width: 260px; margin: 0 auto; padding: 8px 15px; } .mc4wp-form .mc4wp_input input[type="submit"] { position: absolute; right: 5px; top: 0; background: transparent; border: none; width: 25px; height: 37px; cursor: pointer; color: #fff; } /*coming soon time**/ .counter-group { margin: 100px auto; display: inline-block; } .counter-group:before, .counter-group:after { content: " "; display: table; } .counter-group:after { clear: both; } .counter-block { float: left; margin: 0 10px; } .counter-block .counter { position: relative; width: 90px; height: 75px; overflow: hidden; } .counter-block { border: 2px solid #fff; padding: 15px 40px; } .counter-block .counter .number { padding: 1%; width: 46%; height: 98%; position: absolute; font-size: 70px; line-height: 70px; top: -10000px; } .counter-block .counter .number.tens { left: 0; } .counter-block .counter .number.units { left: 50%; } .counter-block .counter .number.hundreds { display: none; } .counter-block .counter .number.show { top: 0; z-index: 2; } .counter-block .counter .number.hidden-down { top: 100%; } .counter-block .counter .number.hidden-up { top: -100%; z-index: 100; } .counter-block .counter.with-hundreds { width: 110px; } .counter-block .counter.with-hundreds .number { width: 30.66%; } .counter-block .counter.with-hundreds .number.tens { left: 33.33%; } .counter-block .counter.with-hundreds .number.units { left: 66.66%; } .counter-block .counter.with-hundreds .number.hundreds { display: block; left: 0; } .counter-block .counter-caption { font-size: 150%; } .form-group .col-md-4 { margin-bottom: 10px; } @media (min-width: 992px) and (max-width: 1024px) { .main .logo { margin-top: 50px; } #coming-soon-counter { padding-top: 0; } .counter-group { margin: 80px auto; } } @media (min-width: 219px) { .main .subscribe .form-group { width: auto; } .main .subscribe .form-inline .btn { width: 100%; } } @media (min-width: 768px) { .main .subscribe .form-inline .btn { width: auto; } .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } } @media (max-width: 1400px) and(min-width: 1024px) { .main .logo { margin-top: 100px; } } @media (min-width: 991px) { .container { width: 970px; margin: 0 auto; } .row:after { clear: both; display: table; content: " "; } .form-group .col-md-4 { width: 33.33333333333333%; padding-right: 5px; float: left } .footer { position: fixed; bottom: 20px; } } @media (min-width: 1200px) { .main .subscribe .form-group { width: 60%; } } @media (max-width: 992px) { .counter-group { margin: 50px auto; } } @media (max-width: 768px) { .main .logo { margin-top: 50px; } .main .container { margin-bottom: 50px; padding: 0 15px; } .counter-group { margin: 0 auto; } .counter-block { margin-right: 8px; } .counter-block .counter { width: 50px; height: 40px; } .counter-block .counter .number { font-size: 40px; line-height: 36px; } .counter-block .counter.with-hundreds { width: 80px; } .counter-block .counter-caption { font-size: 85%; } } @media (max-width: 480px) { .counter-block .counter { width: 40px; height: 40px; } .counter-block { padding: 10px 15px; margin: 0 5px; } .counter-block .counter .number { font-size: 30px; line-height: 30px; } .counter-block .counter.with-hundreds { width: 70px; } .counter-block .counter-caption { font-size: 70%; } }