h1, h2, h3, h4, h5, h6 { font-weight: 700; font-family: Montserrat, 'Helvetica Neue', Arial, Helvetica, sans-serif, Arial, sans-serif } .body { font-family: 'Open Sans', sans-serif; font-weight: 400; } p { font-family: 'Roboto Slab', 'Helvetica Neue', Arial, Helvetica, sans-serif, Arial, sans-serif } #mainNav { -webkit-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15); box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15); background-color: #fff } .dropdown li { cursor: pointer; border: solid 1px #fff } .dropdown li a { text-decoration: none; color: #fff; font-weight: 600 } .dropdown ul { font-size: 14px; margin: 0; padding: 0; list-style: none; transition: all .5s ease; display: block; overflow: hidden; height: 0; border: 1px solid transparent; opacity: 0; } .dropdown-submenu ul { left: 100%; overflow: hidden; transition: all .5s ease; margin-top: -33px; height: 0; opacity: 0; } .dropdown ul li { display: block; position: relative } .dropdown-submenu li { border-top: 1px solid transparent !important; border-bottom: 1px solid transparent !important; } .dropdown ul li a { display: block; text-decoration: none; color: #fff; padding: 5px 15px 5px 15px; background: #092a4e; white-space: nowrap; transition: all .25s } .dropdown ul li a:hover { background: #2084c5 } .dropdown li:hover li { float: none; /*font-size: 11px*/ } #mainNav .navbar-nav .nav-item .nav-link { color: #6c757d; font-family: "Merriweather Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-weight: 600; font-size: .9rem; padding: .75rem 0; transition: all .25s } #basket-weight { position: absolute; left: 25px; top: -14px; color: #f4364c; display: none } #header { /*padding: 75px 0;*/ position: relative; } .enroll input { text-align: left; } .enroll h3 { font-size: 14px } .enroll ul li { margin: 0 } #heading-captions { float: right; color: #fff; text-align: center } .widget .widget-test a.toggle-off { position: absolute; display: none; text-indent: -9999px; overflow: hidden; width: 206px; height: 26px; right: 0; top: 0 } .widget .widget-test a.toggle-on { position: absolute; display: block; text-indent: -9999px; overflow: hidden; width: 206px; height: 26px; right: 0; top: 0 } .widget-location .widget-options { width: 420px } .widget-location .widget-options ul { width: 205px; float: left } .widget-location .widget-options ul li { width: 100%; overflow: hidden; margin: 4px 0 0 } .locationULOverride { width: 300px; float: left } .locationLIOverride { width: 300px; overflow: hidden; margin: 4px 0 0 } .widget-location .widget-options ul li img { float: left; margin: 0 } .widget-location .widget-options ul li a { float: left; margin: 0 4px 0 0 } .widget .widget-test .widget-options { width: 440px; margin: 0 } .widget .widget-test .widget-options .course { float: left; width: 190px; overflow: hidden; padding: 10px } .widget .widget-test .widget-options .course h3 { color: #444 } .widget .widget-test .widget-options ul { width: 200px; padding: 0 0 0 5px } .widget .widget-test .widget-options ul li { width: 200px } .widget-options { display: none; position: absolute; border: 4px solid #ccc; background: #fff; width: 547px } .widget-options ul { width: 517px; margin: 0; padding: 10px 15px } .widget-options ul li { list-style: none; width: 120px; float: left; margin: 0 !important; padding: 0 } .widget-options ul li a { color: #069afb; text-decoration: none; font-size: 11px; font-family: verdana } .widget-options .close { clear: both; width: 100%; text-align: center; float: left; margin: 15px 0 0 } .widget-options .close a { display: block; width: 100%; text-decoration: none; background: #e8f6ff; color: #4b90cd; font-weight: 700; padding: 5px 0 } .widget-controls a { display: block; width: 55px; height: 26px; background: transparent url(/assets/../images/go-button.jpg) no-repeat 0 0; text-indent: -9999px; overflow: hidden; margin: 10px 0 0 } .widget-options a:hover { background: #c12515; color: #fff; text-decoration: none } .widget-options a.current { background: #c12515; color: #fff } .widget-test .widget-options .course_0, .widget-test .widget-options .course_2 { width: 45%; padding: 2.5%; float: left } .widget-test .widget-options .course_1, .widget-test .widget-options .course_3 { width: 45%; padding: 2.5%; float: right } .other-options { clear: both; width: 100%; text-align: left; float: left; margin: 15px 0 0; font-size: 13px } .other-options p { float: left; width: 837px; border-top: 1px solid #b8c9da; margin: 0 15px; padding: 12px 0 0; font-size: 13px } .other-options p span { color: #333; float: left; line-height: 22px } .widget-location .widget-options ul li.international { color: #444; border-bottom: 1px solid #ccc; margin-top: 100px; font-weight: 700 } .international { color: #444; border-bottom: 1px solid #ccc; margin-top: 10px; padding-left: 5px; font-weight: 700 } div.quick-close { height: 20px; position: absolute; right: 0; top: 0; width: 20px } div.quick-close a { background: none repeat scroll 0 0 #ccc; color: #fff; display: block; font-family: verdana; font-size: 14px; font-weight: 700; height: 20px; width: 24px !important; padding: 0 0 0 6px } div.quick-close a:hover { background: none repeat scroll 0 0 #ccc; color: #000 } div.widget-overlay { background: none repeat scroll 0 0 transparent; display: none; height: 100%; position: absolute; width: 100%; z-index: 3 } .banner { margin: 0 auto; margin-top: 10px; display: block; width: 206px; font-size: 24px; text-align: center; color: #fff; font-weight: 600; background: #f4364c; border-radius: 4px; box-shadow: 0 0 0 rgba(0, 0, 0, .15) inset, 0 5px 15px rgba(0, 0, 0, .15); -webkit-animation: main 250ms; -moz-animation: main 250ms; -ms-animation: main 250ms; animation: main 250ms } @-webkit-keyframes main { 0% { -webkit-transform: scaleX(0) } 100% { -webkit-transform: scaleX(1) } } @-webkit-keyframes back { 0%, 50% { -webkit-transform: scaleX(0) } 100% { -webkit-transform: scaleX(1) } } .enroll { height: 100%; width: 100%; position: relative } .enroll::after { background: repeating-linear-gradient(45deg, #fff, #fff 10px, #fff 0, #082a4e 20px, #fff 0, #fff 30px, #fff 0, #1f84c5 40px); position: absolute; top: 0; left: 0; height: 100%; width: 100%; content: ""; z-index: 0 } .enroll .enroll-container { background-color: #e4f0f8; position: absolute; top: 5px; left: 5px; height: calc(100% - 10px); width: calc(100% - 10px); z-index: 1; border-radius: 10px } #enroll-widget { height: 215px; width: 285px; background: #fff; box-shadow: 0 0 15px rgba(0, 0, 0, .5) } .enroll input { box-shadow: 0 0 15px rgba(0, 0, 0, .1); margin-bottom: 10px; font-weight: 600; cursor: pointer } .search { width: 100%; display: flex } #searchBox { font-weight: 600 } .searchTerm:focus { color: #00b4cc } .searchButton { color: #2084c5; cursor: pointer; font-size: 24px; width: 0; margin-left: -30px; padding-top: 7px } .wrap { width: 100% } #wrapper { list-style: none; width: 100%; position: absolute; z-index: 10; background-color: #fff; margin-block-start: 0; max-height: 300px; padding-left: 0; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none; padding-top: 5px; margin-top: -5px; border: 1px solid #ced4da; border-top: none } #container::-webkit-scrollbar { display: none } #wrapper li { display: none; padding-left: 10px; font-size: 15px; padding-bottom: 10px } #wrapper li:hover { background-color: #81d1ff } #wrapper li a { text-decoration: none; color: #6c757d !important; font-weight: 600 } #search-box { top: 37%; float: right; position: relative } #wrapper li b { color: #000; font-weight: 700; font-style: normal } .product-container { display: flex; flex-wrap: wrap; margin-left: 0; margin-right: -43px } #product-listing { padding: 30px 0; box-shadow: 0 1px 2px rgba(63, 85, 72, .3); overflow: hidden; } #product-listing a { text-decoration: none } #product-listing a:hover { color: white; border: 2px solid #2084c5; background-color: #2084c5; box-shadow: 0 2px 2px transparent } .product-option { font-size: 18px; font-weight: 700; color: white; width: 150px; height: 3em; margin: 20px 42px 20px 0; display: flex; align-items: center; justify-content: center; text-transform: uppercase; box-shadow: 0 2px 2px rgba(0, 0, 0, .5); /*border: 2px solid #fff;*/ border-radius: 4px; transition: all .25s ease-out; background-color: #092a4e } .video-display .display-hover { width: 100%; height: 100%; position: absolute; -webkit-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s; opacity: 0; background-color: rgba(128, 210, 255, .7) } .video-display .display-hover:hover { opacity: 1; cursor: pointer; width: 100%; height: 100% } .video-display .display-hover .display-hover-content { font-size: 20px; position: absolute; top: 50%; width: 100%; height: 20px; margin-top: -12px; text-align: center; color: #fff } .video-display .display-hover .display-hover-content i { margin-top: -12px } .video-display { text-align: center; top: 25%; overflow: hidden; position: relative } .option-title { color: #092a4e } .featured-option-image { width: 350px; height: 210px } #perfect-scorers { padding: 60px 0; position: relative; } .box { position: relative; max-width: 600px; height: 280px; background: #fff no-repeat center center; background-image: url(/images/results.png); background-size: 475px; box-shadow: 0 0 15px rgba(0, 0, 0, .1); margin-top: 15px } .ribbon { width: 150px; height: 150px; overflow: hidden; position: absolute } .ribbon::after, .ribbon::before { position: absolute; z-index: -1; content: ''; display: block; border: 5px solid #999 } .ribbon span { position: absolute; display: block; width: 225px; padding: 15px 0; background: #36D1DC; /* fallback for old browsers */ background: -webkit-linear-gradient(to right, #5B86E5, #36D1DC); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, #5B86E5, #36D1DC); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ box-shadow: 0 5px 10px rgba(0, 0, 0, .1); color: #fff; font: 700 18px/1 Lato, sans-serif; text-shadow: 0 1px 1px rgba(0, 0, 0, .2); text-transform: uppercase; text-align: center } .ribbon-top-left { top: -10px; left: -10px } .ribbon-top-left::after, .ribbon-top-left::before { border-top-color: transparent; border-left-color: transparent } .ribbon-top-left::before { top: 0; right: 0 } .ribbon-top-left::after { bottom: 0; left: 0 } .ribbon-top-left span { right: -25px; top: 30px; transform: rotate(-45deg) } .ribbon-top-right { top: -10px; right: -10px } .ribbon-top-right::after, .ribbon-top-right::before { border-top-color: transparent; border-right-color: transparent } .ribbon-top-right::before { top: 0; left: 0 } .ribbon-top-right::after { bottom: 0; right: 0 } .ribbon-top-right span { left: -25px; top: 30px; transform: rotate(45deg) } .animated-svg { overflow: hidden; display: flex; align-items: center; justify-content: center; } .jssorl-009-spin img { animation-name: jssorl-009-spin; animation-duration: 1.6s; animation-iteration-count: infinite; animation-timing-function: linear } @keyframes jssorl-009-spin { from { transform: rotate(0); } to { transform: rotate(360deg); } } .jssorb051 .i { position: absolute; cursor: pointer } .jssorb051 .i .b { fill: rgba(0,0,0,0.7); fill-opacity: .5; transition: all .5s; } .jssorb051 .i:hover .b { fill-opacity: .7 } .jssorb051 .iav .b { fill-opacity: 1 } .jssorb051 .i.idn { opacity: .3 } .jssora051 { display: block; position: absolute; cursor: pointer } .jssora051 .a { fill: none; stroke: #fff; stroke-width: 360; stroke-miterlimit: 10 } .jssora051:hover { opacity: .8 } .jssora051.jssora051dn { opacity: .5 } .jssora051.jssora051ds { opacity: .3; pointer-events: none } #stay-connected:before { right: 100%; content: ""; position: absolute; top: 0; border-right: 15px solid #999; border-top: 25px solid transparent } #stay-connected { width: 175px; background-color: #2084c5; font-size: 1.2rem; text-align: center; padding: 10px; margin-top: -55px; margin-bottom: 25px; font-family: Pacifico, cursive; position: relative } #footer-top { background-color: #092a4e; padding-top: 30px; position: relative; color: #fff; font-size: 13px } #footer-top a { text-decoration: none; color: #fff } #footer-top hr { border-top: 1px solid rgba(250, 235, 215, .1) !important } #footer-bottom { background-color: #051327; color: #fff !important; vertical-align: middle; font-size: 14px } #footer-bottom a { color: #fff } #social-section div a i { padding: 12px; width: 40px; border-radius: 25px; margin-left: 3px; color: #fff; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out } .fa-facebook-f:hover { background: #0043d2 !important } .fa-twitter:hover { background: #008dc3 !important } .fa-youtube:hover { background: #d60000 !important } .fa-google-plus-g:hover { background: #484848 !important } .fa-linkedin-in:hover { background: #00669c !important } #phone::after { left: 100%; content: ""; position: absolute; top: 0; border-left: 25px solid #ffb3b3; border-top: 45px solid transparent } #phone { position: fixed; bottom: 0; right: 25%; background-color: #f4364c; padding: 10px; text-decoration: none; font-weight: 600; color: #fff; font-size: 13px; font-family: Montserrat, sans-serif; -webkit-animation: phone .5s; -moz-animation: phone .5s; animation: phone .5s } @-webkit-keyframes phone { 0% { -webkit-transform: translateY(40px) } 100% { -webkit-transform: translateY(0) } } @-moz-keyframes phone { 0% { -moz-transform: translateY(40px) } 100% { -moz-transform: translateY(0) } } @-ms-keyframes phone { 0% { -ms-transform: translateY(40px) } 100% { -ms-transform: translateY(0) } } @keyframes phone { 0% { transform: translateY(40px) } 100% { transform: translateY(0) } } #phone:hover { box-shadow: 0 0 15px rgba(0, 0, 0, 1) } #mainNav .navbar-nav .nav-item .nav-link { color: #0e7ec2; padding: 0 .75rem; text-align: center } @media(min-width:768px) { #search-box { width: 285px; float: none } .product-option { font-size: 17px; width: 140px; margin: 10px 43px 20px 0 } #social-section div a i { padding: 4px; width: 23px } .featured-option-left img { width: 95%; padding-top: 10px } .featured-option-image { width: 100%; height: 130px } .option-description { height: 280px } #phone { display: none } #mobile-phone { display: block } .mobile-nav { display: block } } @media (min-width:992px) { #search-box { display: block; width: 185px } #mainNav .navbar-nav .nav-item .nav-link { font-size: .83rem } #mainNav { -webkit-box-shadow: none; box-shadow: none; background-color: transparent } #mainNav .navbar-nav .nav-item .nav-link:hover { color: #f4364c } #mainNav .navbar-nav .nav-item .dropdown:hover { color: red } #mainNav .navbar-nav .nav-item:last-child .nav-link { padding-right: 0 } #mainNav.navbar-scrolled { -webkit-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15); box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15); background-color: #fff } #mainNav.navbar-scrolled .navbar-brand { color: #212529 } #mainNav.navbar-scrolled .navbar-brand:hover { color: #f4623a } #mainNav.navbar-scrolled .navbar-nav .nav-item .nav-link { color: #212529 } #mainNav.navbar-scrolled .navbar-nav .nav-item .nav-link:hover { color: #f4623a } .product-option { font-size: 18px; width: 135px; margin: 20px 27px 20px 0 } .featured-option-left img { width: 95%; padding-top: 15px } .featured-option-image { width: 100%; height: 180px } .option-description { height: 180px } #social-section div a i { padding: 10px; width: 35px } #phone { display: block } #mobile-phone { display: none } .mobile-nav { display: none } #navbarResponsive { opacity: 1 !important; z-index: 2 } #side-nav { transition: all 0s } #footer-top { padding-bottom: 15px } } @media(min-width:1200px) { #mainNav .navbar-nav .nav-item .nav-link { color: #0e7ec2; padding: 0 1rem; font-size: .9rem } #search-box { width: 260px } .product-option { font-size: 18px; width: 150px; margin: 20px 42px 20px 0 } #social-section div a i { padding: 14px; width: 43px } .featured-option-left img { width: 90%; padding-top: 20px } .featured-option-image { width: 100%; height: 210px } .option-description { height: 180px } #phone { display: block } #mobile-phone { display: none } .mobile-nav { display: none } #side-nav { transform: translateX(0) !important } #navbarResponsive { opacity: 1 !important; z-index: 2 } } @media(max-width:767px) { .dropdown-submenu ul { margin-top: 0px; left: 0; position: relative!important; border: none; border-radius: 0!important; } .dropdown-submenu ul li a { background-color: white; color: #082a4e; font-weight: 700; } .dropdown-submenu li { border-right: 0; border-left: 0; } .product-container { width: 120%; margin: 0 auto } .product-option { width: 37%; } #enroll-widget { margin: 0 auto } #heading-captions { display: none } #search-box { width: 285px; margin: 0 auto; float: none } .video-display { top: 0 } #perfect-scorers { display: none } #footer-top .row div { margin: 15px 0 } #footer-bottom { text-align: center } .featured-option-image { width: 100%; height: unset } #phone { display: none } #mobile-phone { display: block } .mobile-nav { display: block } #_hj_feedback_container { display: none } .widget-options ul { width: 270px; } .widget-location .widget-options, .widget .widget-test .widget-options, .widget-options { width: 250px } } @media(max-width:375px) { #mainNav .navbar-nav .nav-item .nav-link { padding: 0 .5rem } #home-logo { width: 105px!important; } #enroll-widget, #search-box { width: 260px; } .banner { width: 190px; font-size: 23px; } .product-container { width: 120%; } .product-option { width: 35%; } } @media(max-width:991px) { .col-md-0 { display: none } #navbarResponsive { position: fixed; z-index: 3 } #mobile-background { width: 100vh; height: 100vh; position: fixed; top: 0; left: 0; opacity: 0; z-index: -1; background-color: #00000075 } #mobile-background.active { opacity: 1; z-index: 2 } #side-nav { position: fixed; right: 0; top: 0; width: 250px; height: 100vh; background-color: #fff; margin-top: 0 !important; transform: translateX(100%); z-index: 3; } .nav-in { transition: all .25s ease-out; transform: translateX(0) !important; } .nav-out { transition: all .25s ease-out; transform: translateX(100%); } #side-nav .nav-link { padding-bottom: 15px !important; padding-left: 20px !important; color: #0085cf !important; font-weight: 700 !important } #side-nav li a { text-align: left !important } .side-nav-header { width: 100%; height: 135px; background-image: url(/images/header.jpg); margin-bottom: 30px } .side-nav-header img { width: 75px; border-radius: 50% } #side-nav .nav-link:focus{ transition: all 0s !important; padding-bottom: 0 !important } } .slideup { -webkit-animation: slideup 1.75s; -moz-animation: slideup 1.75s; animation-name: slideup; animation-duration: 1.75s } .slideright { -webkit-animation: slideright 1.75s; -moz-animation: slideright 1.75s; animation: slideright 1.75s } .slideleft { -webkit-animation: slideleft 1.75s; -moz-animation: slideleft 1.75s; animation: slideleft 1.75s } @-webkit-keyframes main { 0% { -webkit-transform: scaleX(0) } 100% { -webkit-transform: scaleX(1) } } @-webkit-keyframes back { 0%, 50% { -webkit-transform: scaleX(0) } 100% { -webkit-transform: scaleX(1) } } @-moz-keyframes main { 0% { -moz-transform: scaleX(0) } 100% { -moz-transform: scaleX(1) } } @-moz-keyframes back { 0%, 50% { -moz-transform: scaleX(0) } 100% { -moz-transform: scaleX(1) } } @keyframes main { 0% { transform: scaleX(0) } 100% { transform: scaleX(1) } } @keyframes back { 0%, 50% { transform: scaleX(0) } 100% { transform: scaleX(1) } } @-webkit-keyframes slideup { 0% { -webkit-transform: translateY(120px); opacity: 0 } 100% { -webkit-transform: translateY(); opacity: 1 } } @-moz-keyframes slideup { 0% { -moz-transform: translateY(120px); opacity: 0 } 100% { -moz-transform: translateY(); opacity: 1 } } @keyframes slideup { 0% { opacity: 0; transform: translateY(120px) } 100% { opacity: 1; transform: translateY(0) } } @-webkit-keyframes slideright { 0% { -webkit-transform: translateX(120px); opacity: 0 } 100% { -webkit-transform: translateX(); opacity: 1 } } @-moz-keyframes slideright { 0% { -moz-transform: translateX(120px); opacity: 0 } 100% { -moz-transform: translateX(); opacity: 1 } } @keyframes slideright { 0% { transform: translateX(120px); opacity: 0 } 100% { transform: translateX(); opacity: 1 } } @-webkit-keyframes slideleft { 0% { -webkit-transform: translateX(-120px); opacity: 0 } 100% { -webkit-transform: translateX(); opacity: 1 } } @-moz-keyframes sideleft { 0% { -moz-transform: translateX(-120px); opacity: 0 } 100% { -moz-transform: translateX(); opacity: 1 } } @keyframes slideleft { 0% { transform: translateX(-120px); opacity: 0 } 100% { transform: translateX(); opacity: 1 } } @-webkit-keyframes cap1 { 0% { -webkit-transform: scaleX(0); } 20% { -webkit-transform: scaleX(1); } } @-webkit-keyframes cap2 { 0%, 25% { -webkit-transform: scaleX(0); } 45% { -webkit-transform: scaleX(1); } } @-webkit-keyframes cap3 { 0%, 50% { -webkit-transform: scaleX(0); } 70% { -webkit-transform: scaleX(1); } } @-webkit-keyframes cap4 { 0%, 75% { -webkit-transform: scaleX(0); } 100% { -webkit-transform: scaleX(1); } } @keyframes cap1 { 0% { transform: scaleX(0); } 20% { transform: scaleX(1); } } @keyframes cap2 { 0%, 25% { transform: scaleX(0); } 45% { transform: scaleX(1); } } @keyframes cap3 { 0%, 50% { transform: scaleX(0); } 70% { transform: scaleX(1); } } @keyframes cap4 { 0%, 75% { transform: scaleX(0); } 100% { transform: scaleX(1); } } @-moz-keyframes cap1 { 0% { -moz-transform: scaleX(0); } 20% { -webkit-transform: scaleX(1); } } @-moz-keyframes cap2 { 0%, 25% { -moz-transform: scaleX(0); } 45% { -webkit-transform: scaleX(1); } } @-moz-keyframes cap3 { 0%, 50% { -moz-transform: scaleX(0); } 70% { -webkit-transform: scaleX(1); } } @-moz-keyframes cap4 { 0%, 75% { -moz-transform: scaleX(0); } 100% { -moz-transform: scaleX(1); } }@-webkit-keyframes cap1 { 0% { -webkit-transform: scaleX(0); } 20% { -webkit-transform: scaleX(1); } } @-webkit-keyframes cap2 { 0%, 25% { -webkit-transform: scaleX(0); } 45% { -webkit-transform: scaleX(1); } } @-webkit-keyframes cap3 { 0%, 50% { -webkit-transform: scaleX(0); } 70% { -webkit-transform: scaleX(1); } } @-webkit-keyframes cap4 { 0%, 75% { -webkit-transform: scaleX(0); } 100% { -webkit-transform: scaleX(1); } } @keyframes cap1 { 0% { transform: scaleX(0); } 20% { transform: scaleX(1); } } @keyframes cap2 { 0%, 25% { transform: scaleX(0); } 45% { transform: scaleX(1); } } @keyframes cap3 { 0%, 50% { transform: scaleX(0); } 70% { transform: scaleX(1); } } @keyframes cap4 { 0%, 75% { transform: scaleX(0); } 100% { transform: scaleX(1); } } @-moz-keyframes cap1 { 0% { -moz-transform: scaleX(0); } 20% { -webkit-transform: scaleX(1); } } @-moz-keyframes cap2 { 0%, 25% { -moz-transform: scaleX(0); } 45% { -webkit-transform: scaleX(1); } } @-moz-keyframes cap3 { 0%, 50% { -moz-transform: scaleX(0); } 70% { -webkit-transform: scaleX(1); } } @-moz-keyframes cap4 { 0%, 75% { -moz-transform: scaleX(0); } 100% { -moz-transform: scaleX(1); } }