@charset "UTF-8";
/* BEGIN /opt/icb/css/micro-common.css */
/* BEGIN /opt/icb/css/default/buttons-default.css */
.button, button {
display: inline-block;
padding: 1em;
text-align: center;
font-size: 1em;
font-weight: 700;
border: none;
text-decoration: none;
}
.button.buy, button.buy {
background-color: #ddb840;
border-radius: .3em;
color: #fff;
}
.button.buy:hover, button.buy:hover {
background-color: #e5c86b;
}
.button.buy:active, button.buy:active {
transform: translateY(0.25rem);
}
.button.secondary, button.secondary {
background-color: #e7ecef;
border: 1px solid #c2ced6;
border-radius: .3em;
color: #006487 !important;
}
.button.secondary:hover, button.secondary:hover {
background-color: #f6f8f9;
border: 1px solid #c2ced6;
}
.button.secondary:active, button.secondary:active {
transform: translateY(0.25rem);
}
.button.stretch, button.stretch {
display: block;
width: 100%;
padding-top: 0.75em;
padding-bottom: 0.75em;
padding-left: inherit;
padding-right: inherit;
}
.button.disabled, button.disabled {
background-color: #c2ced6 !important;
border: 1px solid #aabbc6 !important;
color: #8ba2b2 !important;
cursor: not-allowed !important;
}
.button.disabled:hover, button.disabled:hover {
background-color: #c2ced6 !important;
border: 1px solid #aabbc6 !important;
}
.button.disabled:active, button.disabled:active {
transform: none;
}
button .buy {
background-color: #ddb840;
border-radius: .3em;
color: #fff;
}
button .buy:hover {
background-color: #e5c86b;
}
button .buy:active {
transform: translateY(0.25rem);
}
button .secondary {
background-color: #e7ecef;
border: 1px solid #c2ced6;
border-radius: .3em;
color: #006487 !important;
}
button .secondary:hover {
background-color: #f6f8f9;
border: 1px solid #c2ced6;
}
button .secondary:active {
transform: translateY(0.25rem);
}
button .stretch {
display: block;
width: 100%;
padding-top: 0.75em;
padding-bottom: 0.75em;
padding-left: inherit;
padding-right: inherit;
}
button .disabled {
background-color: #c2ced6 !important;
border: 1px solid #aabbc6 !important;
color: #8ba2b2 !important;
cursor: not-allowed !important;
}
button .disabled:hover {
background-color: #c2ced6 !important;
border: 1px solid #aabbc6 !important;
}
button .disabled:active {
transform: none;
}
/* END /opt/icb/css/default/buttons-default.css */
/* BEGIN /opt/icb/css/widgets/mobile-nav.css */
.simple .header-container > nav {
position: fixed;
z-index: 151;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.65);
transition: background-color 2s;
top: 0;
right: 0;
display: none;
padding-top: 0;
}
.simple .header-container > nav .nav-menu-container {
position: absolute;
display: block;
top: 0;
left: -20rem;
width: 85%;
max-width: 20em;
height: 100%;
background-color: #ebebeb;
padding: 1em;
transition: left 200ms;
}
.simple .header-container > nav .nav-menu-container ul {
padding: 0;
margin: 0;
}
.simple .header-container > nav .nav-menu-container ul > li {
display: block;
border-top: 1px solid #aaa;
margin: 0;
padding: 0 .5em;
}
.simple .header-container > nav .nav-menu-container ul > li:first-child {
border-top: none;
}
.simple .header-container > nav .nav-menu-close {
position: absolute;
top: 0;
font-size: 2em;
color: #aaa;
}
.simple .header-container > nav .nav-menu-container ul > li > a {
display: inline-block;
font-size: 1.125rem;
font-weight: 400;
text-decoration: none;
color: #333;
line-height: 1.125rem;
padding: 0.75rem 0;
text-transform: initial;
border-bottom: none;
margin: 0;
}
.simple .menu-helper {
display: none;
}
.simple .menu-close-bg {
position: absolute;
display: block;
width: 100%;
height: 100%;
}
@media only screen and (max-width: 66em) {
.complex .header-container > nav {
position: fixed;
z-index: 151;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.65);
transition: background-color 2s;
top: 0;
right: 0;
display: none;
padding-top: 0;
}
.complex .header-container > nav .nav-menu-container {
position: absolute;
display: block;
top: 0;
left: -20rem;
width: 85%;
max-width: 20em;
height: 100%;
background-color: #ebebeb;
padding: 1em;
transition: left 200ms;
}
.complex .header-container > nav .nav-menu-container ul {
padding: 0;
margin: 0;
}
.complex .header-container > nav .nav-menu-container ul > li {
display: block;
border-top: 1px solid #aaa;
margin: 0;
padding: 0 .5em;
}
.complex .header-container > nav .nav-menu-container ul > li:first-child {
border-top: none;
}
.complex .header-container > nav .nav-menu-close {
position: absolute;
top: 0;
font-size: 2em;
color: #aaa;
}
.complex .header-container > nav .nav-menu-container ul > li > a {
display: inline-block;
font-size: 1.125rem;
font-weight: 400;
text-decoration: none;
color: #333;
line-height: 1.125rem;
padding: 0.75rem 0;
text-transform: initial;
border-bottom: none;
margin: 0;
}
.complex .menu-helper {
display: none;
}
.complex .menu-close-bg {
position: absolute;
display: block;
width: 100%;
height: 100%;
}
}
@media only screen and (min-width: 66.063em) {
.complex .main-nav .nav-menu-close,
.complex .menu-container .menu-close-bg {
display: none;
}
.menu-helper {
display: block;
}
}
/* END /opt/icb/css/widgets/mobile-nav.css */
/* BEGIN /opt/icb/css/widgets/signin-dropdown.css */
.show_when_not_logged_in, .show_when_logged_in {
display: none;
}
ul.icon-menu {
list-style-type: none;
padding: 0;
margin: 0;
}
ul.icon-menu > li {
line-height: 1.5em;
}
ul.icon-menu > li > a {
display: block;
position: relative;
z-index: 2;
text-align: center;
}
ul.icon-menu > li > a .icon {
font-size: 1.5em;
}
ul.icon-menu > li > a .title {
font-size: 0.8em;
color: #000;
float: left;
}
ul.icon-menu > li > a .title .in {
line-height: 1;
}
ul.icon-menu > li > a .opener {
font-size: 1.25em;
color: #006487;
margin-left: 0.25em;
float: left;
}
.icon-menu-dropdown {
position: absolute;
background-color: #fff;
padding: 1.25em;
box-shadow: 0 0.25em 0.25em 0 rgba(0, 0, 0, 0.25);
z-index: 1;
right: 0;
width: 100%;
}
.profile-link {
color: #006487;
font-size: 0.8em;
}
.fake-padding-right {
padding-right: 0.5em !important;
}
.fake-padding-left {
padding-left: 0.5em !important;
}
#menudrop-user #account-signin,
#menudrop-user #account-manage {
height: 3.25rem;
line-height: 3.25rem;
background-color: #006487;
border: 1px solid #00516e;
color: #fff;
display: block;
width: 100%;
transition: all 0.4s ease 0s;
margin-bottom: 1em;
padding: 0;
}
#menudrop-user #create_account,
#menudrop-user #account-logout {
height: 3.25rem;
line-height: 3.25rem;
display: block;
width: 100%;
background-color: #e7ecef;
border: 1px solid #c2ced6;
color: #006487;
font-size: 0.9em;
transition: all 0.4s ease 0s;
margin-bottom: 1em;
padding: 0;
}
#menudrop-user a {
text-decoration: none;
}
@media only screen and (min-width: 44.063em) {
ul.icon-menu > li {
position: relative;
}
.icon-menu-dropdown {
width: 20em;
}
ul.icon-menu > li > a .opener {
display: inline-block !important;
}
}
@media only screen and (max-width: 66em) {
.icon-menu-dropdown {
top: 2.7em;
}
}
@media only screen and (min-width: 66.063em) {
.icon-menu-dropdown {
top: 1.8em;
}
ul.icon-menu > li > a .icon {
margin-right: 0.25em;
}
ul.icon-menu > li > a .icon {
float: left;
}
}
@media only screen and (max-width: 20em) {
.icon-menu-dropdown {
right: -3.4em;
}
}
/* END /opt/icb/css/widgets/signin-dropdown.css */
/* BEGIN /opt/icb/css/widgets/cart-flyout.css */
.cart-dropdown {
position: fixed;
top: 0;
left: 0;
z-index: 101;
width: 100%;
height: 100%;
}
.cart-dropdown .cart-close-bg {
position: absolute;
display: block;
height: 100%;
width: 100%;
background-color: rgba(0, 0, 0, 0.5);
}
.cart-container {
position: absolute;
right: -20rem;
top: 0;
background-color: #fff;
width: 20em;
height: 100%;
transition: right 200ms;
overflow-y: auto;
text-align: left;
}
.cart-container.animate {
right: 0;
}
.cart-header {
display: flex;
align-items: center;
background-color: #f0f3f5;
padding: 1rem;
}
.cart-header > div:first-child {
order: 1;
flex-basis: 15%;
}
.cart-header > div:nth-child(2) {
order: 2;
flex-basis: 70%;
}
.cart-header > div:last-child {
order: 3;
flex-basis: 15%;
}
.cart-header .cart-close {
text-align: center;
}
.cart-header .cart-close i {
font-size: 1.5rem;
}
.cart-header h3 {
margin: 0;
}
.cart-header .cart-checkout {
position: relative;
}
.cart-header .cart-checkout.disabled {
pointer-events: none;
opacity: 0.5;
-moz-opacity: 0.5;
-webkit-opacity: 0.5;
}
.cart-header .cart-checkout span {
font-size: 0.8em;
display: block;
position: relative;
}
.cart-header .cart-checkout i {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 1.5em;
}
.cart-items {
list-style-type: none;
margin: 0 1em 1em 1em !important;
padding: 0;
}
.cart-items > li {
border-bottom: 1px solid #dde5eb;
position: relative;
display: block !important;
}
.cart-items.waiting {
color: #ccc;
}
.cart-items.waiting i {
display: block;
font-size: 4rem;
text-align: center;
}
.cart-items.error {
color: #ff0000;
}
.cart-items.empty {
color: #21a6d5;
}
.cart-item {
padding: 0.75rem 0;
border-bottom: 1px solid #dde5eb;
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
}
.cart-item .item-content {
order: 2;
flex-basis: 85%;
max-width: 80%;
}
.cart-item .item-content .domain-group {
display: flex;
justify-content: space-between;
}
.cart-item .item-content .domain-item {
line-height: 1;
flex-basis: 50%;
}
.cart-item .item-content .domain-item > span {
display: inline;
word-break: break-word;
}
.cart-item .item-content .ext_price {
font-size: .8rem;
}
.cart-item .item-content ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.cart-item .item-content ul li {
font-size: 0.8rem;
line-height: 1rem;
}
.cart-item .item-content ul li:before {
content: "+";
}
.cart-item .item-action {
order: 1;
flex-basis: 15%;
text-align: center;
}
.cart-item .item-action a {
font-size: 1.25em;
color: #21a6d5;
}
.cart-item .item-action a i.fa-spinner {
color: #ccc;
}
.cart-item.more .item-content strong {
font-weight: normal;
}
.cart-item.more .item-action a {
font-size: 0.9rem;
}
.cart-item.total {
border-bottom: none;
}
.cart-item.total .item-content,
.cart-item.total .item-action {
flex-basis: 50%;
}
.cart-item.total .item-content {
order: 1;
}
.cart-item.total .item-action {
order: 2;
text-align: right;
}
.cart-message,
.price-message {
margin: 1rem 0;
line-height: 1rem;
text-align: center;
font-style: italic;
}
.price-message {
line-height: .5;
}
.cart-itemkur {
text-transform: uppercase;
font-size: 0.75em;
display: block;
height: 2.5rem;
line-height: 2.5rem;
overflow: hidden;
text-overflow: ellipsis;
margin-left: 1.5rem;
}
.view-all-message {
margin: 0 1rem 1rem 1rem;
text-align: center;
font-size: 0.8rem;
font-style: italic;
}
.items-in-cart:after {
content: "";
width: 0.35em;
height: 0.35em;
background: #39b54a;
display: inline-block;
border-radius: 50%;
-moz-animation: pulse 4s infinite;
-webkit-animation: pulse 4s infinite;
animation: pulse 4s infinite;
position: absolute;
top: 0;
left: 1.5rem;
}
@keyframes pulse {
0% {
box-shadow: 0 0 0 0 #39b54a;
}
20% {
box-shadow: 0 0 0 0.5em transparent;
}
100% {
box-shadow: 0 0 0 0 transparent;
}
}
@media only screen and (min-width: 66.063em) {
.items-in-cart .icon {
margin-right: 0.75rem !important;
}
}
@media only screen and (max-width: 44em) {
.items-in-cart:after {
right: 0.2rem;
left: auto;
}
.cart-container {
width: 90%;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.cart-header > div:last-child {
flex-basis: auto;
}
}
/* END /opt/icb/css/widgets/cart-flyout.css */
/* BEGIN /opt/icb/css/widgets/adding-to-cart-overlay.css */
.addingToCart {
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 99999;
background-color: rgba(255, 255, 255, 0.5);
}
#addToCartOverlay .showMe {
display: block !important;
}
#addToCartOverlay #addToCartOverLayErrorBox, #addToCartOverlay .hideMe {
display: none;
}
.addingToCartContainer {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
text-align: center;
}
.addingToCart .panel {
position: relative;
color: #fff;
background-color: rgba(0, 0, 0, 0.8);
border: none;
border-radius: 1rem;
padding: 1em 1.5em;
}
.addingToCart .panel p {
color: #fff;
}
.addingToCart .panel .close {
display: inline-block;
}
.addingToCart .panel .close i {
cursor: pointer;
font-size: 1.5rem;
color: #2ba6cb;
}
.addingToCart .panel .close i:hover {
color: #106385;
}
.addingToCart h3 {
color: #fff;
white-space: nowrap;
font-size: 1.4rem;
font-weight: bold;
}
/* END /opt/icb/css/widgets/adding-to-cart-overlay.css */
/* BEGIN /opt/icb/css/widgets/cookie-overlay.css */
.cookiePolicy {
width: 100%;
position: fixed;
bottom: 0;
background: rgba(0, 0, 0, 0.75);
z-index: 1501;
}
.cookiePolicy .text-holder {
padding: 20px;
color: #fff;
font-size: 14px;
position: relative;
top: 0;
}
.cookiePolicy .acceptButton {
display: inline-block;
position: relative;
top: 0;
font-size: 1rem;
padding: 0.5rem 1rem;
box-sizing: border-box;
transition: background-color 200ms;
margin-right: 2rem;
}
.cookiePolicy .policyLink {
color: #fff;
text-decoration: underline;
}
@media only screen and (max-width: 44em) {
.cookiePolicy .acceptButton {
margin-top: 0.5rem;
margin-right: 0;
}
}
/* END /opt/icb/css/widgets/cookie-overlay.css */
/* END /opt/icb/css/micro-common.css */