< mark="aboveNavInjectionCSS" type="text/css">
#nav-flyout-ewc .nav-flyout-buffer-left { display: none; } #nav-flyout-ewc .nav-flyout-buffer-right { display: none; } div#navSwmHoliday.nav-focus {border: none;margin: 0;}
< type="text/css">
#navbar-main #navbar #nav-belt { background: #131921; } #navbar-main #navbar #nav-main { background: #232f3e; } #navbar-main #navbar .nav-a-2 .nav-line-1.nav-a-2 .nav-line-2#nav-search-label { color: #fff; } #navbar-main #navbar #nav-cart-count#nav-ewc-cart-count { color: #f08804; top: 7px; } #navbar-main #navbar #nav-search { .nav-search-scope { background-color: #e6e6e6; border-left: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; } .nav-search-scope:hover.nav-search-scope:focus.nav-search-scope.nav-focus { background-color: #d4d4d4; border-left-color: #d4d4d4; border-top-color: #d4d4d4; border-bottom-color: #d4d4d4; } .nav-searchbar.nav-active.nav-searchbar.nav-focus { box-shadow: 0 0 0 2px #ff99000 0 0 3px rgba(25515300.5); z-index: 1; } .nav-searchbar.nav-active .nav-search-scope.nav-searchbar.nav-focus .nav-search-scope.nav-searchbar.nav-active .nav-search-field.nav-searchbar.nav-focus .nav-search-field { border-top: 1px solid #febd69; border-bottom: 1px solid #febd69; } .nav-searchbar.nav-active .nav-search-scope.nav-searchbar.nav-focus .nav-search-scope { border-left: 1px solid #febd69; } .nav-search-submit { background-color: #febd69; } .nav-search-submit:hover.nav-search-submit:focus.nav-search-submit.nav-focus { background-color: #f3a847; } } #navbar-main #navbar .nav-icon.nav-arrow { border-top-color: #a7acb2; } #navbar-main #navbar .nav-icon-flipped.nav-arrow { border-bottom-color: #a7acb2; } #navbar-main #navbar #nav-flyout-ewc .nav-flyout-head { background-color: #232f3e; } #navbar-main #navbar #nav-logo-borderfade .nav-fade-mask { background-color: #232f3e; width: 195px; }
<>
section {
padding: 10px 20px;
}
.block-container {
position: relative;
max-width: 1440px;
margin: 0 auto;
}
.loading section.hero {
background-color: #0064F9;
height: 266px;
}
.loading section.plan-content {
background-color: #F5F3EF;
}
.column {
flex-basis: 100%;
margin: 0 5px;
padding: 15px;
background-color: #FFFFFF;
border-bottom: none;
}
.column:first-child {
min-width: 50px;
border-bottom: none;
}
.row {
height: 90px;
}
.row.header {
height: 141px;
border-top: none;
}
.row.header .column {
height: 200px;
transform: translateY(-50px);
}
.loading h1 {
height: 33px;
background: rgba(0000.120);
margin-bottom: 18px;
border-radius: 20px;
}
.loading h3 {
height: 27px;
background-size: 390px 27px;
margin-bottom: 10px;
}
.loading h2 {
height: 27px;
background-size: 390px 27px;
margin-top: 18px;
margin-bottom: 18px;
}
.loading p {
min-height: 25px;
}
@media screen and (min-width: 800px) {
.row {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
.with-marging-top {
margin-top: 100% !important;
}
.row:last-of-type .column {
border-bottom: none;
border-radius: 3px;
}
.row:first-of-type .column {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.row:first-of-type .column span {
width: 80%;
height: 60px;
background: rgba(000.15);
display: block;
margin: 50px auto;
border-radius: 8px;
animation: lightFlickerAnimation 2s ease-in-out infinite;
}
.column {
flex: 1;
}
}
@keyframes flickerAnimation {
0% {
opacity: 0.35;
}
50% {
opacity: 0.95;
}
100% {
opacity: 0.35;
}
}
.loading h1,
.loading h2,
.loading h3,
.loading p {
background: rgba(0000.223);
animation: flickerAnimation 2s ease-in-out infinite;
border-radius: 3px;
height: 28px;
}
.loading h1 {
width: 430px;
}
.loading p:first-of-type {
max-width: 200px;
}
.hero .loading p {
width: 200px;
}
@keyframes lightFlickerAnimation {
0% {
opacity: 0.15;
}
50% {
opacity: 0.5;
}
100% {
opacity: 0.15;
}
}
.plan-content .block-container h2,
.plan-content .block-container .row .column h3,
.plan-content .block-container .row .column p {
background-image: linear-gradient(rgba(000.15) 27pxtransparent 0);
animation: lightFlickerAnimation 4s -.5s ease-in-out infinite;
}
