.breadcrumbs { font-size: 0.875em; margin: 2rem 0; }
.breadcrumbs a { text-decoration: none; color: inherit; }
.breadcrumbs span.rarr { color: #ababab; display: inline-block; margin: 0 4px; }
.breadcrumbs span { color: #ababab; }

.sticky { position: sticky; z-index: 5; }
.sticky.t0 { top: 0; }
.t0 { top: -100%; transition: top 0.6s 0.6s; }
.t20 { top: 20px; }
.t45 { top: 45px; }
.t60 { top: 60px; }
.t66 { top: 66px; }

ul.disc, .ul-disc ul { padding-left: 2em; } 
ul.disc li:before, .ul-disc ul li:before { color: var(--link-color); font-size: 1em; content:"\e956"; font-family: var(--icon-font); position: absolute; top: 0; left: -2em; }
ul.decor, .ul-decor ul { padding-left: 1.3em !important; margin-left: 0; }
ul.decor li, .ul-decor ul li { padding-left: 0 !important; }
ul.decor li:before, .ul-decor ul li:before { color: #2a7ed5; font-size: 0.625em; content:"\e91e"; font-family: 'icon'; position: absolute; top: .5em; left: -1.6em; }

ul.checked li { padding-left: 2em !important; }
ul.checked li:before { color: #fff; background-color: #2f80ed; font-size: 0.625em; content:"\e934"; font-family: 'icon'; position: absolute; top: 0; left: 0; min-width: 1em; height: 1em; padding: .5em; text-align: center; border-radius: 50%; }
ul.checked li.col { padding-left: calc(2em + 15px)!important; }
ul.checked li.col:before { left: 1.5em; background-color: #3480CF; }

/* Image */
.image img { /*width: 100%;*/ height: auto!important; }
.image.zoom { position: relative; }
.image.zoom:after { opacity: 0; font-size: 1.2em; position: absolute; top: calc(50% - 1em); left: calc(50% - 1em); line-height: 1em; width: 1em; height: 1em; color: #2a7ed5; background-color: rgba(255, 255, 255, 0.8); padding: .5em; z-index: 1; transition: opacity 0.4s ease-in-out; border-radius: 50%; transition: 0.2s; }
.image.zoom:hover:after { opacity: 1;  transform: scale(1.5); }
a.image { display: block; box-shadow: none; }
.image.responsive { position: relative; }
.image.responsive:before { padding-top: 100%; content: ''; position: relative; width: 100%; display: inline-block; line-height: 0; vertical-align: top; }
.image.responsive img { position: absolute; right: 0; top: 0; width: 100%; height: auto; }
.image.fit { overflow: hidden; }
.image.fit img { width: 100%; height: 100% !important; object-fit: cover; -o-fit-object: cover; transition: all .7s ease; transform: scale(1); }
.image.fit:hover img { transform: scale(1.1) }

.image .corner { position: absolute; z-index:10; font-size: 0.8em; color: #fff; font-weight: bold; }
.image .corner.top { top:-5px; }
.image .corner.bottom { bottom:-5px; }
.image .corner.left { left:-8px; }
.image .corner.right { right:78px; }

.mobile-nav-wrap { background-color: var(--header-background-color); color: #fff; 
    position: absolute; 
    top: 100%; 
    left: 0; 
    right: 0; 
    z-index: 9;
    visibility: hidden;
    transition: 0.2s 0.2s;
    opacity: 0;
    transform: translateY(10px);
}
.mobile-nav-wrap.active {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}
.mobile-nav-wrap > ul { padding: 15px; margin: 0; box-sizing: border-box; }
.mobile-nav-wrap ul li { margin: 0; }
.mobile-nav-wrap ul li a i { vertical-align: middle; }
.mobile-nav-wrap ul li a,
.mobile-nav-wrap ul li > span { display: block; padding: .5em; }
.mobile-nav-wrap ul li a { position: relative; text-decoration: none; font-weight: 500; color: inherit; }
.mobile-nav-wrap ul li a:hover,
.mobile-nav-wrap ul li a:visited { color: inherit !important; }
.mobile-nav-wrap ul li ul { margin: 0; }
.mobile-nav-wrap ul li.collapsible > a { padding-right: 3rem; font-weight: 500 !important; }
.mobile-nav-wrap ul li.collapsible > a + .icon { position: absolute; right: 0; top: 0; padding: 10px; margin: 0; font-size: inherit; z-index: 9; cursor: pointer; }
.mobile-nav-wrap ul li.collapsible > a + .icon:before { font-family: var(--icon-font); content: var(--icon-bottom); }
.mobile-nav-wrap ul li.collapsible > a + .icon.open:before { content: var(--icon-top); }
.mobile-nav-wrap ul li.collapsible ul { display: none; margin: 0 0 0 1em; }
.mobile-nav-wrap ul li.collapsible ul a { font-weight: 400; }

ul.menu-h { margin: 0; padding: 0; }
ul.menu-h li { list-style: none; display: inline-block; padding: 0; }
ul.menu-h li a,
ul.menu-h li > span { padding: 0; margin-right: .5em; text-decoration: none; display: inline-block; vertical-align: bottom; text-align: center; }
ul.menu-h li a.selected,
ul.menu-h li a.selected:hover { color: #2a7ed5 !important; }
ul.menu-h li a img.icon16 { position: relative; top: 3px; left: -3px; }
ul.menu-h li a i.icon16 { margin-top: 0; }
ul.menu-h li a i { display: block; }

.globalfooter { background-color: #444; color: #fff; margin-top: 2rem; }
.globalfooter .copyright { font-size: 0.875em; padding-top: 1rem; padding-bottom: 50px; }
.globalfooter .copyright a { color: inherit; }
.globalfooter .logo img { max-width: 159px; }
.globalfooter ul li { font-size: 0.938em; line-height: 1; }
.globalfooter ul li a { font-weight: 500; color: inherit; text-decoration: none; }
.globalfooter ul li a:hover { color: var(--link-color) !important; }
@media only screen and (max-width: 600px) {
    .footer-menu .col > p { position: relative; padding-right: 3rem; }
    .footer-menu .col > p:after { font-family: var(--icon-font); content: var(--icon-bottom); position: absolute; right: 1rem; top: 50%; transform: translate(0, -50%); }
    .globalfooter ul { display: none; margin: 0; }
}

.footer-cookie { color: #fff; line-height: 1; }
.footer-cookie .js-footer-cookie-block { visibility: hidden; transition: 0.2s 0.6s; opacity: 0; transform: translateY(10px); }
.footer-cookie.active .js-footer-cookie-block { visibility: visible; opacity: 1; transform: translateY(0); }
.footer-cookie .container { color: inherit; padding-top: 15px; padding-bottom: 15px; }
.footer-cookie .button { padding: .5rem; margin-right: 1em; height: auto; text-transform: uppercase; }
.footer-cookie a { display: block; color: inherit; }
.footer-cookie a:hover,
.footer-cookie a:visited { color: inherit !important; }
.footer-cookie.fixed { min-height: 60px; }
.footer-cookie.fixed > div { position: fixed; bottom: 0; left: 0; right: 0; z-index: 9; }

/* Top scroll button */
.top-button { display: block; margin: 1rem 0 0; }
.top-button .button { font-size: 1.250rem; padding: .5em .6em; height: auto; background-color: #cbcccf; }
.top-button .button + div { /*background: #fff;*/ padding: .5em .6em; }
@media only screen and (min-width: 601px) {
    .top-button { display: none; margin: 0; position: fixed; bottom: 5rem; right: 20px; z-index: 88; }
}

.full-version { display: block; padding-top: 1em; padding-bottom: 1em; }

.search-popup { color: var(--color); }
.search-popup .ajax_block { 
    opacity: 0;
    transition: all .2s;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    pointer-events: none; 
}
.search-popup.active .ajax_block {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    pointer-events: auto;
}
.search-popup .ajax_block { text-align: left; position: absolute; top: calc(100% + .5rem); left: 0; right: 0; margin: 0; padding: 10px; background: #fff; box-shadow: 0 0 0.8rem 0.2rem rgba(0, 0, 0, .1); border-radius: 3px; z-index: 2; }
.search-popup .ajax_block a { color: inherit; text-decoration: none; }
.search-popup .ajax_block .strong { display: block; font-weight: 500; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.search-popup .ajax_block .ajax_search { padding: .5em 0; line-height: 1.2em; }
.search-popup .ajax_block .ajax_search:hover { background-color: #f8f8f8; }
.search-popup .ajax_block .ajax_search_link a:last-child { margin-left: 1em; }
.search-popup .ajax_block .image { min-width: 50px; width: 50px; margin-right: 1rem; }

/* Thumbs */
.thumbs { margin-bottom: 1.500em; }
.thumbs li { margin-bottom: 1.875rem; }
.thumbs .block { padding-top: 0.1px; background-color: #fff; width: 100%; height: 100%; transition: box-shadow .4s linear; }
.thumbs .block:hover { box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); }
.thumbs a { text-decoration: none; color: inherit; display: block; }

.thumbs .image { display: block; margin: 1rem 0; }
.thumbs .image.fit { margin: 0 -1rem 1rem; }
.thumbs .image.responsive:before {}
.thumbs .image.responsive:not(.fit) img { transform: translate(-50%, -50%); top: 50%; left: 50%; max-height: 100%; width: auto; max-width: 100%; }

.thumbs .title.truncate.clamp { max-height: 60px; font-size: 15px; line-height: 20px; margin-bottom: .5em; }
.thumbs .title,
.thumbs .article { display: block; }
.thumbs .offers { padding: 1rem 0; }
.thumbs .features { margin: 1rem 0; width: 100%; } 
.thumbs .features td.value { padding-left: 10px; }
.thumbs button[type="submit"] { border: 0; outline: 0; color: #fff; padding: .4em .5em; }
.thumbs button[type="submit"] .icon { font-size: 1.563rem; }
.thumbs .adding2cart,
.thumbs .adding2cart.loading + i { display: none; }
.thumbs .adding2cart.loading { display: inline-block; }

.thumbs .sticky-action { position:relative; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column; flex-direction:column; }
.thumbs .sticky-action .action { margin-top:auto; }
.thumbs .sticky-action .action p:last-child { margin-bottom: 0; }

.thumbs.slider { margin: 0; padding: 1.500em 0; overflow: hidden; }
.thumbs.slider li { margin: 0; flex-shrink: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; }
.thumbs.slider li * { backface-visibility: hidden; }
.row .bx-viewport { padding: 1.500em 0; }
.row .bx-viewport .thumbs.slider { padding: 0; overflow: visible; }

.thumbs.mini .image-wrap { min-width: 100px; margin: 1rem 1rem 1rem 0; }
.thumbs.mini .image { margin: 0; }
.thumbs.mini .offers { flex: 1; padding: 0 0 1rem 0; overflow-wrap: break-word; word-break: break-all; overflow: hidden; }

/* Product */
.product-cart-block { background-color: #fff; }
.product-cart-block .product-gallery { margin: 0; padding: 2rem 3rem; border-right: 1px solid #efefef; height: 100%; box-sizing: border-box; }
.product-cart-block .product-gallery .image { position: relative; }
.product-cart-block .more-images { margin-top: 1em; }
.product-cart-block .more-images .image { display: inline-block; }
.product-cart-block .more-images .image img { width: 100%; }
.product-cart-block .more-images .image a { display: block; border: 1px solid transparent; }
.product-cart-block .more-images .image.selected a { border-color: #1d76ab; }
.product-cart-block .cart { height: 100%; padding: 1rem; box-sizing: border-box; }
.cart .stocks,
.cart .options,
.cart .services { margin: 1em 0; }
.cart .price.large { font-size: 1.500em; }

/* Tabs */
.box { display:none; }
.box.visible { display:block; }
.scrolltabs-content { padding: 1em 2em; background-color: #fff; }

.tabs { position:relative; overflow-x:auto; overflow-y:hidden; height:48px; width:100%; margin:0 auto; white-space:nowrap; }
.tabs .tab { display:inline-block; vertical-align: top; text-align:center; line-height:48px; height:48px; padding:0; margin:0; text-transform:uppercase; }
.tabs .tab a { display:block; width:100%; height:100%; padding:0 24px; font-size: 1em; font-weight: 600; text-overflow:ellipsis; overflow:hidden; box-sizing:border-box;-webkit-transition:color .28s ease, background-color .28s ease; transition:color .28s ease, background-color .28s ease; }
.tabs .tab a:hover { text-decoration: none; }
.tabs .tab.current a { color: inherit; text-decoration: none; background-color: #fff; outline: none; }

.scroller { overflow-x: auto; overflow-y: hidden; padding-bottom: 2px; margin-bottom: -2px; white-space: nowrap; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.scroller::-webkit-scrollbar { display: none; }
.scroller { -ms-overflow-style: none; }

/* Services */
.subservices .col { margin-bottom: 1rem; }
.subservices .image { background-color: #fff; border: 1px solid #efefef; transition: box-shadow .4s linear; }
.subservices .image:hover { box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); }
.subservices .image img { padding: 2rem; box-sizing: border-box; }
.subservices .image.responsive img { object-fit: cover; -o-fit-object: cover; height: 100%; }

/* Gallery */
.gallery-album .image { margin-bottom: 2rem; background-color: #fff; border: 1px solid #efefef; transition: box-shadow .4s linear; }
.gallery-album .image:hover { box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); }
.gallery-album .image img { padding: 0; box-sizing: border-box; width: 100% !important; height: 100% !important; object-fit: cover; -o-fit-object: cover; }


/* default */
header .cart .cart-just-added { display: none; position: absolute; bottom: 100%; left: 0; width: 100%; box-sizing: border-box; padding: 9px 18px; font-size: 0.875rem; }
@media only screen and (min-width: 993px) {
    header .cart.fixed { position: fixed; bottom: 0; right: 80px; min-width: 220px; max-width: 320px; z-index: 999; }
    header .cart.fixed a { background: #cbcccf; }
    header .cart.fixed a:hover { /*color: #fff !important;*/ }
    header .cart.fixed .cart-just-added { display: block; background: #fafaf1; }
}

.s-loading-section { position: fixed; top: 0; left: 0; display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; background: rgba(255,255,255,.5); z-index: 100; }
.s-loading-section .s-loading-content { display: inline-block; }


.loading.animate { position: relative; width: 1em; height: 1em; display: inline-block; vertical-align: top; }
.loading.animate .path2:before,
.loading.animate:before { position: absolute; left: 0; top: 0; margin-left: 0; animation-name: rotation; animation-duration: 0.5s; animation-iteration-count: infinite; animation-timing-function: linear; }
@keyframes rotation {
    0% { transform:rotate(0deg); }
    100% { transform:rotate(360deg); }
}
:root {
  --animate-duration: .6s;
  --animate-delay: .6s;
  --animate-repeat: 1;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp.lazyloaded {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

/* User */
.user .image { position: relative; width: 100%; max-width: 50px; margin-right: 1rem; box-shadow: 0 0 0px 1px rgb(0 0 0 / 0.05); background-color: #eee; }
.user .image img { height: 100%; }
.user .image.round img { border-radius: 50%; }
.user .content { display: block; width: 100%; line-height: 1.2em; }
.user .content > * { display: block; }

/* Quantity */
.quantity { display: inline-block; position:relative; max-width: 100px; width: 100%; }
.quantity input[type=number] { padding-right: 1.5em; width: inherit; }
.quantity input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance:none; margin:0; }
.quantity input[type=number] { -moz-appearance:textfield; }
.quantity-button { position:absolute; right: 1px; cursor:pointer; border-left:1px solid #ececec; width: 1.5em; height: calc(50% - 1px); text-align:center; color: inherit; line-height:1.7; background-color: #fff; box-sizing: border-box; overflow: hidden;
-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none; user-select:none; }
.quantity-button:hover { background-color: #f8f8f8; }
.quantity-button.quantity-up { top: 1px; }
.quantity-button.quantity-down { bottom: 1px; border-top: 1px solid #ececec; }
.quantity-button span { margin: 0 auto; }

.line-bottom { display: block; position:relative; background-color: #fff; }
.line-bottom:before { content:""; position:absolute; top:1em; left:2em; right:2em; border-bottom:1px solid #E6E6E6; z-index:0; }
.line-bottom:after { content:""; display:block; clear:right; }
.line-bottom span,
.line-bottom strong { display:inline-block; background-color: inherit; position:relative; z-index:5; box-sizing:border-box; }
.line-bottom .line-bottom-name { max-width: calc(30% - 1rem); padding:0 1em 0 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.line-bottom .line-bottom-value { max-width: 70%; min-width: calc(70% - 1rem); float: right; text-align: left; padding:0 0 0 1rem; }

.line-bottom.dashed:before { border-bottom:1px dashed #E6E6E6; }
.line-bottom.dashed .line-bottom-name { overflow:visible; text-overflow:inherit; white-space:normal; }
.line-bottom.dashed .line-bottom-value { width: auto; }
.line-bottom.dashed .line-bottom-value.large { line-height: 1.25rem; }

table { border: 1px solid #e0e0e0; border-collapse: collapse; width: 100%; empty-cells: show; margin-bottom: 1em; table-layout: fixed; display: table; border-spacing: 0; background: #fff; box-sizing: border-box; }
/*tbody>tr>*:nth-last-child(2)~*{ width:50% }
tbody>tr>*:nth-last-child(3)~*{ width:33.3% }
tbody>tr>*:nth-last-child(4)~*{ width:25% }
tbody>tr>*:nth-last-child(5)~*{ width:20% }*/
table thead { font-size: 0.938em; color: inherit; }
table tr { border: 0; text-align: left; }    
table td, table th { border: 1px solid #e0e0e0; padding: 12px 8px; }
table > tbody > tr {
  -webkit-transition: background-color .25s ease;
  transition: background-color .25s ease;
}
table > tbody > tr:hover { background-color: rgba(0, 0, 0, 0.05); }
table.layout-auto { table-layout: auto; width: auto; }

table.features { border: 0; width: auto; }
table.features td { padding: 5px 0; border: none; }
table.features td.name { min-width: 145px; color: #777; vertical-align: top; }
table.features td.value { padding-left: 1rem; }
table.features tr.divider td { border-bottom: 1px solid #e0e0e0; padding-left: 0; padding-top: 15px; padding-bottom: 0; font-weight: bold; text-transform: uppercase; color: #aaa; }

/* Slider */
.slider { position: relative; }
.slider .caption { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.slider.flex { overflow: hidden; }
.slider.flex .image { position: relative; /*width: 100%;*/ flex-shrink: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; }
.slider.flex .image img { /*width: 100%; height: 100%; object-fit: cover; -o-fit-object: cover;*/ }
.slider-content .item:not(:first-child) { display: none; }

.fluid-font-size { font-size: 16px; }
@media (min-width: 601px) {
    .fluid-font-size { font-size: 13px; font-size: calc( 0.012755102 * 100vw + 3.3341836735px ); }
}
@media (min-width: 993px) { 
    .fluid-font-size { font-size: 16px; }
}


/* Video */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

/* Product View */
.title-block ul.product-view li a { color: #CBCCCF; }
.title-block ul.product-view li a.selected { color: #2a7ed5 !important; }
ul.product-view li a i { font-size: 1.375em; }

/* Pagination */
.paging-block .button { margin: 2px 0; padding: 0.875em 2em; }
.paging-nav { text-align: center; line-height: 1em; margin: 1em 0; }
.paging-nav ul { display: inline-block; vertical-align: top; padding: 0; margin: 0; }
.paging-nav ul li { padding: 0; margin: 2px; }
.paging-nav ul li a,
.paging-nav ul li > span { font-weight: 500; text-align: center; display: block;color: #252529; background-color: #fff; border: 1px solid #E0E0E0; margin: 0; padding: 0.875em; min-width: 1.25em; text-decoration: none; transition: all .2s linear; }
.paging-nav ul li a:hover { position: relative; color: inherit !important; border-color: #F86813; }
.paging-nav ul li.selected a { color: #fff!important; background-color: #2a7ed5; border-color: #2a7ed5; cursor: default; pointer-events: none; }
.paging-nav ul li a i { font-size: 1em; }


/* Tooltip */
[data-tooltip] { position: relative; }
[data-tooltip]:after {content: attr(data-tooltip); font-family: sans-serif; position: absolute;left: 50%;bottom: 100%;background: rgba(0, 0, 0, 0.7);color: #fff;text-align: center;font-size: 12px;margin-bottom: .8em;padding: .6em .8em;line-height: 1.4em;white-space: pre-line;transition: all 0.6s;opacity: 0;transform: translate(-50%, 1em);pointer-events: none;z-index: 99;max-width: 160px; width: max-content;}
[data-tooltip]:hover:after { opacity: 1; transform: translate(-50%, 0); }

[data-badge] { display: inline-block; vertical-align: text-bottom; line-height: 20px; height: 20px; font-size: 0.750rem; padding: 0 6px; margin-left: 5px; text-align: center; color: #fff; background-color: #2a7ed5; border-radius: 1px; }
[data-badge]:after { content: attr(data-badge); font-family: sans-serif; font-weight: 300; }

/* Sign up & Login forms
------------------------ */
.wa-auth-adapters ul { padding: 0; min-height: 16px; }
.wa-auth-adapters ul li { list-style: none; float: left; padding: 0 15px 0 0; }
.wa-auth-adapters ul li a,
.wa-auth-adapters ul li span { display: block; padding: 0px 5px; }
.wa-auth-adapters ul li a img,
.wa-auth-adapters ul li span img { position: relative; top: 4px; margin-right: 3px; }
.wa-auth-adapters p { color: #888; font-size: 0.9em; width: 80%; }
.wa-auth-adapters.wa-connect { margin-top: 20px; }

.wa-form { float: left; margin: 10px 0; overflow: visible; }
.wa-form .wa-field { clear: left; margin: 0; padding-top: 3px; }
.wa-form .wa-field .wa-name { float: left; width: 155px; padding-top: 0.05em; padding-bottom: 10px; font-size: 0.875em; color: #888; }
.wa-form .wa-field.wa-separator { height: 10px; }
.wa-form .wa-field .wa-value { font-weight: 500; margin-left: 180px; margin-bottom: 5px; position: relative; }
.wa-form .wa-field .wa-value input.wa-error { border: 2px solid red; }
.wa-form .wa-field .wa-value .wa-error-msg { font-size: 0.9em; color: red; display: block; }
.wa-form .wa-field .wa-value input[type="text"],
.wa-form .wa-field .wa-value input[type="email"],
.wa-form .wa-field .wa-value input[type="password"] { width: 30%; min-width: 260px; margin: 0; }
.wa-form .wa-field .wa-value textarea { min-width: 300px; height: 70px; }
.wa-form .wa-field .wa-value select { width: 30%; min-width: 260px; }
.wa-form .wa-field .wa-value input.wa-captcha-input { width: 100px; min-width: 0; }
.wa-form .wa-field .wa-value label { display: block; }
.wa-form .wa-field .wa-value .wa-captcha img { margin-left: 0; }
.wa-form .wa-field .wa-value .errormsg { margin-left: 0; }
.wa-form .wa-field .wa-value.wa-submit { margin-top: 10px; }
.wa-form .wa-field .wa-value p label { display: block; margin: 0; }
.wa-form .wa-field .wa-value p { line-height: 1.6em; margin-top: 0; margin-bottom: 23px; position: relative; }
.wa-form .wa-field .wa-value p span { color: #777; font-size: 0.9em; display: block; }
.wa-form .wa-field .wa-value p i.icon16 { float: left; left: -20px; margin-top: 2px; position: absolute; }
.wa-form .wa-field .wa-value p input { display: block; margin-bottom: 2px; }
.wa-form .wa-field .wa-value p input[type="radio"],
.wa-form .wa-field .wa-value p input[type="checkbox"] { display: inline; }
.wa-form .wa-field .wa-value p .field.wa-required span:after { content: " *"; color: #faa; }
.wa-form .wa-field.wa-required .wa-name:after { content: " *"; color: #faa; }
.wa-signup-form .wa-form .wa-field.wa-field-email .wa-value input { min-width: 300px; }
.wa-signup-form .wa-form .wa-field.wa-field-password .wa-value input,
.wa-signup-form .wa-form .wa-field.wa-field-password_confirm .wa-value input { min-width: 200px; width: 200px; }

.wa-captcha { padding: 7px 0 10px; }
.wa-captcha p { margin: 0; }
.wa-captcha strong { font-size: 1.2em; }
.wa-captcha p img { float: left !important; margin-right: 5px; margin-top: -8px; }
.wa-captcha .wa-captcha-refresh { font-size: 0.8em; text-decoration: underline; color: #aaa; }
.wa-captcha .wa-captcha-input { display: inline !important; }
.wa-captcha .errormsg { display: inline-block; margin-left: 10px; display:block\9; float:left\9; }

input.error, textarea.error { border: 1px solid red; color: inherit; }
.errormsg { color: red; margin-left: 170px; display: block; }
.wa-signup-form-wrapper .wa-field.wa-field-terms-accepted { font-size: 0.875em; max-width: 300px !important; }
.wa-signup-form-wrapper input, .wa-signup-form-wrapper select, .wa-signup-form-wrapper textarea,
.wa-signup-form-wrapper input[type="text"], .wa-signup-form-wrapper input[type="email"], .wa-signup-form-wrapper input[type="password"] { width: 100% !important; max-width: 300px !important; }

@media screen and (max-width: 760px) {
    .wa-form .wa-field .wa-name { float: none; padding-bottom: 0; }
    .wa-form .wa-field .wa-value { margin-left: 0; }
    .wa-form .wa-field .wa-value p span { display: block; }
    .wa-form .wa-field .wa-value input[type="text"],
    .wa-form .wa-field .wa-value input[type="email"],
    .wa-form .wa-field .wa-value input[type="password"] { /*min-width: 200px;*/ }
    .wa-auth-adapters p { width: 80%; }
    .wa-captcha input.wa-captcha-input { width: 100px; }
    .errormsg { margin-left: 0; }
}

/* pagination */
.paging-nav { text-align: center; line-height: 1em; margin: 1em 0; }
.paging-nav ul { display: inline-block; vertical-align: top; padding: 0; margin: 0; }
.paging-nav ul li { padding: 0; margin: 2px; vertical-align: bottom; }
.paging-nav ul li a,
.paging-nav ul li > span { font-weight: 500; text-align: center; display: block;color: #252529; background-color: #fff; border: 1px solid #E0E0E0; margin: 0; padding: 0.875em; min-width: 1.25em; text-decoration: none; transition: all .2s linear; }
.paging-nav ul li a:hover { position: relative; color: inherit !important; border-color: #cacaca; }
.paging-nav ul li.selected a { color: #fff!important; background-color: #0085d2; border-color: transparent; cursor: default; pointer-events: none; }
.paging-nav ul li a i { font-size: 1em; }