/* frontend/vendor/swiper/swiper-bundle.min.css */
/**
 * Swiper 14.2.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2026 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: August 26, 2026
 */

:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.swiper-virtual.swiper-css-mode.swiper-horizontal{.swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}}.swiper-virtual.swiper-css-mode.swiper-vertical{.swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}::slotted(svg),svg{height:100%;object-fit:contain;transform-origin:center;width:100%;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;object-fit:contain}}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}}
/* backend/css/plugins/toastr/toastr.min.css */
.toast-title {
    font-weight: 700
}

.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

.toast-message a, .toast-message label {
    color: #fff
}

.toast-message a:hover {
    color: #ccc;
    text-decoration: none
}

.toast-close-button {
    position: relative;
    right: -.3em;
    top: -.3em;
    float: right;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    -webkit-text-shadow: 0 1px 0 #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: .8;
    -ms-filter: alpha(Opacity=80);
    filter: alpha(opacity=80)
}

.toast-close-button:focus, .toast-close-button:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .4;
    -ms-filter: alpha(Opacity=40);
    filter: alpha(opacity=40)
}

button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none
}

.toast-top-center {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-left {
    top: 12px;
    left: 12px
}

.toast-top-right {
    top: 12px;
    right: 12px
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px
}

#toast-container {
    position: fixed;
    z-index: 999999
}

#toast-container * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#toast-container > div {
    position: relative;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    -moz-box-shadow: 0 0 12px #999;
    -webkit-box-shadow: 0 0 12px #999;
    box-shadow: 0 0 12px #999;
    color: #fff;
    opacity: .8;
    -ms-filter: alpha(Opacity=80);
    filter: alpha(opacity=80)
}

#toast-container > :hover {
    -moz-box-shadow: 0 0 12px #000;
    -webkit-box-shadow: 0 0 12px #000;
    box-shadow: 0 0 12px #000;
    opacity: 1;
    -ms-filter: alpha(Opacity=100);
    filter: alpha(opacity=100);
    cursor: pointer
}

#toast-container > .toast-info {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=) !important
}

#toast-container > .toast-error {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=) !important
}

#toast-container > .toast-success {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important
}

#toast-container > .toast-warning {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=) !important
}

#toast-container.toast-bottom-center > div, #toast-container.toast-top-center > div {
    width: 300px;
    margin: auto
}

#toast-container.toast-bottom-full-width > div, #toast-container.toast-top-full-width > div {
    width: 96%;
    margin: auto
}

.toast {
    background-color: #030303
}

.toast-success {
    background-color: #51a351
}

.toast-error {
    background-color: #bd362f
}

.toast-info {
    background-color: #2f96b4
}

.toast-warning {
    background-color: #f89406
}

.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000;
    opacity: .4;
    -ms-filter: alpha(Opacity=40);
    filter: alpha(opacity=40)
}

@media all and (max-width: 240px) {
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 11em
    }

    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }
}

@media all and (min-width: 241px) and (max-width: 480px) {
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 18em
    }

    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }
}

@media all and (min-width: 481px) and (max-width: 768px) {
    #toast-container > div {
        padding: 15px 15px 15px 50px;
        width: 25em
    }
}
/* frontend/resources/fonts/font-awesome-4.7.0/css/font-awesome.min.css */
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('/frontend/resources/fonts/font-awesome-4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0');src:url('/frontend/resources/fonts/font-awesome-4.7.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('/frontend/resources/fonts/font-awesome-4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('/frontend/resources/fonts/font-awesome-4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('/frontend/resources/fonts/font-awesome-4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('/frontend/resources/fonts/font-awesome-4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
/* frontend/resources/uikit/css/uikit.modify.css */
html {
    font: 400 14px/20px Arial, sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    background: #fff;
    color: #333;
    background-image: -webkit-radial-gradient(100% 100%, center, #fff, #fff);
    background-image: -moz-radial-gradient(100% 100%, center, #fff, #fff);
    background-image: -ms-radial-gradient(100% 100%, center, #fff, #fff);
    background-image: -o-radial-gradient(100% 100%, center, #fff, #fff);
    background-image: radial-gradient(100% 100% at center, #fff, #fff)
}

body {
    margin: 0;
    padding: 0;
}

a {
    background: 0 0;
    outline: none;
}

a:active,
a:hover {
    outline: 0
}

.uk-link,
a {
    color: #1D8ACB;
    text-decoration: none;
    cursor: pointer
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

:not(pre)>code,
:not(pre)>kbd,
:not(pre)>samp {
    font-size: 12px;
    font-family: Consolas, monospace, serif;
    color: #D05;
    white-space: nowrap;
    padding: 0 4px;
    border: 1px solid #E5E5E5;
    border-radius: 3px;
    background: #fafafa
}

ins {
    background: #ffa;
    color: #666;
    text-decoration: none
}

mark {
    background: #ffa;
    color: #666
}

q {
    font-style: italic
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle
}

audio,
canvas,
img,
svg,
video {
    max-width: 100%;
    height: auto;
    box-sizing: border-box
}

.uk-img-preserve,
.uk-img-preserve audio,
.uk-img-preserve canvas,
.uk-img-preserve img,
.uk-img-preserve svg,
.uk-img-preserve video {
    max-width: none
}

img {
    border: 0;
    outline: none
}

svg:not(:root) {
    overflow: hidden
}

blockquote,
figure {
    margin: 0
}

address,
blockquote,
dl,
fieldset,
figure,
ol,
p,
pre,
ul {
    margin: 0 0 10px 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 10px 0;
    font-family: inherit;
    color: #222;
    text-transform: none
}

ol>li>ol,
ol>li>ul,
ul>li>ol,
ul>li>ul {
    margin: 0
}

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

hr {
    box-sizing: content-box;
    height: 0;
    margin: 15px 0;
    border: 0;
    border-top: 1px solid #E5E5E5
}

address {
    font-style: normal
}

blockquote {
    padding-left: 15px;
    border-left: 5px solid #E5E5E5;
    font-size: 16px;
    line-height: 22px;
    font-style: italic
}

pre {
    padding: 10px;
    background: #fafafa;
    font: 12px/18px Consolas, monospace, serif;
    color: #666;
    -moz-tab-size: 4;
    tab-size: 4;
    overflow: auto;
    border: 1px solid #E5E5E5;
    border-radius: 3px
}

::-moz-selection {
    background: #39f;
    color: #fff;
    text-shadow: none
}

::selection {
    background: #39f;
    color: #fff;
    text-shadow: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
    display: block
}

progress {
    vertical-align: baseline
}

audio:not([controls]) {
    display: none
}

[hidden],
template {
    display: none
}

iframe {
    border: 0
}

@media screen and (max-width:400px) {
    @-ms-viewport {
        width: device-width
    }
}

.uk-grid {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none
}

.uk-grid:after,
.uk-grid:before {
    content: "";
    display: block;
    overflow: hidden
}

.uk-grid:after {
    clear: both
}

.uk-grid>* {
    -ms-flex: none;
    -webkit-flex: none;
    flex: none;
    margin: 0;
    float: left
}

.uk-grid>*>:last-child {
    margin-bottom: 0
}

.uk-grid {
    margin-left: -25px
}

.uk-grid>* {
    padding-left: 25px
}

@media (min-width:1220px) {
    .uk-grid {
        margin-left: -35px
    }
    .uk-grid>* {
        padding-left: 35px
    }
}

.uk-grid-collapse {
    margin-left: 0
}

.uk-grid-collapse>* {
    padding-left: 0
}

.uk-grid-small {
    margin-left: -10px
}

.uk-grid-small>* {
    padding-left: 10px
}

.uk-grid-medium {
    margin-left: -25px
}

.uk-grid-medium>* {
    padding-left: 25px
}

@media (min-width:960px) {
    .uk-grid-large {
        margin-left: -35px
    }
    .uk-grid-large>* {
        padding-left: 35px
    }
}

@media (min-width:1220px) {
    .uk-grid-large {
        margin-left: -50px
    }
    .uk-grid-large>* {
        padding-left: 50px
    }
}

.uk-grid-divider:not(:empty) {
    margin-left: -25px;
    margin-right: -25px
}

.uk-grid-divider>* {
    padding-left: 25px;
    padding-right: 25px
}

.uk-grid-divider>[class*=uk-width-9-]:nth-child(n+2),
.uk-grid-divider>[class*=uk-width-1-]:not(.uk-width-1-1):nth-child(n+2),
.uk-grid-divider>[class*=uk-width-2-]:nth-child(n+2),
.uk-grid-divider>[class*=uk-width-3-]:nth-child(n+2),
.uk-grid-divider>[class*=uk-width-4-]:nth-child(n+2),
.uk-grid-divider>[class*=uk-width-5-]:nth-child(n+2),
.uk-grid-divider>[class*=uk-width-6-]:nth-child(n+2),
.uk-grid-divider>[class*=uk-width-7-]:nth-child(n+2),
.uk-grid-divider>[class*=uk-width-8-]:nth-child(n+2) {
    border-left: 1px solid #E5E5E5
}

@media (min-width:768px) {
    .uk-grid-divider>[class*=uk-width-medium-]:not(.uk-width-medium-1-1):nth-child(n+2) {
        border-left: 1px solid #E5E5E5
    }
}

@media (min-width:960px) {
    .uk-grid-divider>[class*=uk-width-large-]:not(.uk-width-large-1-1):nth-child(n+2) {
        border-left: 1px solid #E5E5E5
    }
}

@media (min-width:1220px) {
    .uk-grid-divider:not(: empty) {
        margin-left: -35px;
        margin-right: -35px
    }
    .uk-grid-divider>* {
        padding-left: 35px;
        padding-right: 35px
    }
    .uk-grid-divider:empty {
        margin-top: 35px;
        margin-bottom: 35px
    }
}

.uk-grid-divider:empty {
    margin-top: 25px;
    margin-bottom: 25px;
    border-top: 1px solid #E5E5E5
}

.uk-grid-match>* {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.uk-grid-match>*>* {
    -ms-flex: none;
    -webkit-flex: none;
    flex: none;
    box-sizing: border-box;
    width: 100%
}

[class*=uk-grid-width]>* {
    box-sizing: border-box;
    width: 100%
}

.uk-grid-width-1-2>* {
    width: 50%
}

.uk-grid-width-1-3>* {
    width: 33.333%
}

.uk-grid-width-1-4>* {
    width: 25%
}

.uk-grid-width-1-5>* {
    width: 20%
}

.uk-grid-width-1-6>* {
    width: 16.666%
}

.uk-grid-width-1-10>* {
    width: 10%
}

.uk-grid-width-auto>* {
    width: auto
}

@media (min-width:480px) {
    .uk-grid-width-small-1-1>* {
        width: 100%
    }
    .uk-grid-width-small-1-2>* {
        width: 50%
    }
    .uk-grid-width-small-1-3>* {
        width: 33.333%
    }
    .uk-grid-width-small-1-4>* {
        width: 25%
    }
    .uk-grid-width-small-1-5>* {
        width: 20%
    }
    .uk-grid-width-small-1-6>* {
        width: 16.666%
    }
    .uk-grid-width-small-1-10>* {
        width: 10%
    }
}

@media (min-width:768px) {
    .uk-grid-width-medium-1-1>* {
        width: 100%
    }
    .uk-grid-width-medium-1-2>* {
        width: 50%
    }
    .uk-grid-width-medium-1-3>* {
        width: 33.333%
    }
    .uk-grid-width-medium-1-4>* {
        width: 25%
    }
    .uk-grid-width-medium-1-5>* {
        width: 20%
    }
    .uk-grid-width-medium-1-6>* {
        width: 16.666%
    }
    .uk-grid-width-medium-1-10>* {
        width: 10%
    }
}

@media (min-width:960px) {
    .uk-grid-width-large-1-1>* {
        width: 100%
    }
    .uk-grid-width-large-1-2>* {
        width: 50%
    }
    .uk-grid-width-large-1-3>* {
        width: 33.333%
    }
    .uk-grid-width-large-1-4>* {
        width: 25%
    }
    .uk-grid-width-large-1-5>* {
        width: 20%
    }
    .uk-grid-width-large-1-6>* {
        width: 16.666%
    }
    .uk-grid-width-large-1-10>* {
        width: 10%
    }
}

@media (min-width:1220px) {
    .uk-grid-width-xlarge-1-1>* {
        width: 100%
    }
    .uk-grid-width-xlarge-1-2>* {
        width: 50%
    }
    .uk-grid-width-xlarge-1-3>* {
        width: 33.333%
    }
    .uk-grid-width-xlarge-1-4>* {
        width: 25%
    }
    .uk-grid-width-xlarge-1-5>* {
        width: 20%
    }
    .uk-grid-width-xlarge-1-6>* {
        width: 16.666%
    }
    .uk-grid-width-xlarge-1-10>* {
        width: 10%
    }
}

[class*=uk-width] {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.uk-width-1-1 {
    width: 100%
}

.uk-width-1-2,
.uk-width-2-4,
.uk-width-3-6,
.uk-width-5-10 {
    width: 50%
}

.uk-width-1-3,
.uk-width-2-6 {
    width: 33.333%
}

.uk-width-2-3,
.uk-width-4-6 {
    width: 66.666%
}

.uk-width-1-4 {
    width: 25%
}

.uk-width-3-4 {
    width: 75%
}

.uk-width-1-5,
.uk-width-2-10 {
    width: 20%
}

.uk-width-2-5,
.uk-width-4-10 {
    width: 40%
}

.uk-width-3-5,
.uk-width-6-10 {
    width: 60%
}

.uk-width-4-5,
.uk-width-8-10 {
    width: 80%
}

.uk-width-1-6 {
    width: 16.666%
}

.uk-width-5-6 {
    width: 83.333%
}

.uk-width-1-10 {
    width: 10%
}

.uk-width-3-10 {
    width: 30%
}

.uk-width-7-10 {
    width: 70%
}

.uk-width-9-10 {
    width: 90%
}

@media (min-width:480px) {
    .uk-width-small-1-1 {
        width: 100%
    }
    .uk-width-small-1-2,
    .uk-width-small-2-4,
    .uk-width-small-3-6,
    .uk-width-small-5-10 {
        width: 50%
    }
    .uk-width-small-1-3,
    .uk-width-small-2-6 {
        width: 33.333%
    }
    .uk-width-small-2-3,
    .uk-width-small-4-6 {
        width: 66.666%
    }
    .uk-width-small-1-4 {
        width: 25%
    }
    .uk-width-small-3-4 {
        width: 75%
    }
    .uk-width-small-1-5,
    .uk-width-small-2-10 {
        width: 20%
    }
    .uk-width-small-2-5,
    .uk-width-small-4-10 {
        width: 40%
    }
    .uk-width-small-3-5,
    .uk-width-small-6-10 {
        width: 60%
    }
    .uk-width-small-4-5,
    .uk-width-small-8-10 {
        width: 80%
    }
    .uk-width-small-1-6 {
        width: 16.666%
    }
    .uk-width-small-5-6 {
        width: 83.333%
    }
    .uk-width-small-1-10 {
        width: 10%
    }
    .uk-width-small-3-10 {
        width: 30%
    }
    .uk-width-small-7-10 {
        width: 70%
    }
    .uk-width-small-9-10 {
        width: 90%
    }
}

@media (min-width:768px) {
    .uk-width-medium-1-1 {
        width: 100%
    }
    .uk-width-medium-1-2,
    .uk-width-medium-2-4,
    .uk-width-medium-3-6,
    .uk-width-medium-5-10 {
        width: 50%
    }
    .uk-width-medium-1-3,
    .uk-width-medium-2-6 {
        width: 33.333%
    }
    .uk-width-medium-2-3,
    .uk-width-medium-4-6 {
        width: 66.666%
    }
    .uk-width-medium-1-4 {
        width: 25%
    }
    .uk-width-medium-3-4 {
        width: 75%
    }
    .uk-width-medium-1-5,
    .uk-width-medium-2-10 {
        width: 20%
    }
    .uk-width-medium-2-5,
    .uk-width-medium-4-10 {
        width: 40%
    }
    .uk-width-medium-3-5,
    .uk-width-medium-6-10 {
        width: 60%
    }
    .uk-width-medium-4-5,
    .uk-width-medium-8-10 {
        width: 80%
    }
    .uk-width-medium-1-6 {
        width: 16.666%
    }
    .uk-width-medium-5-6 {
        width: 83.333%
    }
    .uk-width-medium-1-10 {
        width: 10%
    }
    .uk-width-medium-3-10 {
        width: 30%
    }
    .uk-width-medium-7-10 {
        width: 70%
    }
    .uk-width-medium-9-10 {
        width: 90%
    }
}

@media (min-width:960px) {
    .uk-width-large-1-1 {
        width: 100%
    }
    .uk-width-large-1-2,
    .uk-width-large-2-4,
    .uk-width-large-3-6,
    .uk-width-large-5-10 {
        width: 50%
    }
    .uk-width-large-1-3,
    .uk-width-large-2-6 {
        width: 33.333%
    }
    .uk-width-large-2-3,
    .uk-width-large-4-6 {
        width: 66.666%
    }
    .uk-width-large-1-4 {
        width: 25%
    }
    .uk-width-large-3-4 {
        width: 75%
    }
    .uk-width-large-1-5,
    .uk-width-large-2-10 {
        width: 20%
    }
    .uk-width-large-2-5,
    .uk-width-large-4-10 {
        width: 40%
    }
    .uk-width-large-3-5,
    .uk-width-large-6-10 {
        width: 60%
    }
    .uk-width-large-4-5,
    .uk-width-large-8-10 {
        width: 80%
    }
    .uk-width-large-1-6 {
        width: 16.666%
    }
    .uk-width-large-5-6 {
        width: 83.333%
    }
    .uk-width-large-1-10 {
        width: 10%
    }
    .uk-width-large-3-10 {
        width: 30%
    }
    .uk-width-large-7-10 {
        width: 70%
    }
    .uk-width-large-9-10 {
        width: 90%
    }
}

@media (min-width:1220px) {
    .uk-width-xlarge-1-1 {
        width: 100%
    }
    .uk-width-xlarge-1-2,
    .uk-width-xlarge-2-4,
    .uk-width-xlarge-3-6,
    .uk-width-xlarge-5-10 {
        width: 50%
    }
    .uk-width-xlarge-1-3,
    .uk-width-xlarge-2-6 {
        width: 33.333%
    }
    .uk-width-xlarge-2-3,
    .uk-width-xlarge-4-6 {
        width: 66.666%
    }
    .uk-width-xlarge-1-4 {
        width: 25%
    }
    .uk-width-xlarge-3-4 {
        width: 75%
    }
    .uk-width-xlarge-1-5,
    .uk-width-xlarge-2-10 {
        width: 20%
    }
    .uk-width-xlarge-2-5,
    .uk-width-xlarge-4-10 {
        width: 40%
    }
    .uk-width-xlarge-3-5,
    .uk-width-xlarge-6-10 {
        width: 60%
    }
    .uk-width-xlarge-4-5,
    .uk-width-xlarge-8-10 {
        width: 80%
    }
    .uk-width-xlarge-1-6 {
        width: 16.666%
    }
    .uk-width-xlarge-5-6 {
        width: 83.333%
    }
    .uk-width-xlarge-1-10 {
        width: 10%
    }
    .uk-width-xlarge-3-10 {
        width: 30%
    }
    .uk-width-xlarge-7-10 {
        width: 70%
    }
    .uk-width-xlarge-9-10 {
        width: 90%
    }
}

@media (min-width:768px) {
    [class*=uk-push-],
    [class*=uk-pull-] {
        position: relative
    }
    .uk-push-1-2,
    .uk-push-2-4,
    .uk-push-3-6,
    .uk-push-5-10 {
        left: 50%
    }
    .uk-push-1-3,
    .uk-push-2-6 {
        left: 33.333%
    }
    .uk-push-2-3,
    .uk-push-4-6 {
        left: 66.666%
    }
    .uk-push-1-4 {
        left: 25%
    }
    .uk-push-3-4 {
        left: 75%
    }
    .uk-push-1-5,
    .uk-push-2-10 {
        left: 20%
    }
    .uk-push-2-5,
    .uk-push-4-10 {
        left: 40%
    }
    .uk-push-3-5,
    .uk-push-6-10 {
        left: 60%
    }
    .uk-push-4-5,
    .uk-push-8-10 {
        left: 80%
    }
    .uk-push-1-6 {
        left: 16.666%
    }
    .uk-push-5-6 {
        left: 83.333%
    }
    .uk-push-1-10 {
        left: 10%
    }
    .uk-push-3-10 {
        left: 30%
    }
    .uk-push-7-10 {
        left: 70%
    }
    .uk-push-9-10 {
        left: 90%
    }
    .uk-pull-1-2,
    .uk-pull-2-4,
    .uk-pull-3-6,
    .uk-pull-5-10 {
        left: -50%
    }
    .uk-pull-1-3,
    .uk-pull-2-6 {
        left: -33.333%
    }
    .uk-pull-2-3,
    .uk-pull-4-6 {
        left: -66.666%
    }
    .uk-pull-1-4 {
        left: -25%
    }
    .uk-pull-3-4 {
        left: -75%
    }
    .uk-pull-1-5,
    .uk-pull-2-10 {
        left: -20%
    }
    .uk-pull-2-5,
    .uk-pull-4-10 {
        left: -40%
    }
    .uk-pull-3-5,
    .uk-pull-6-10 {
        left: -60%
    }
    .uk-pull-4-5,
    .uk-pull-8-10 {
        left: -80%
    }
    .uk-pull-1-6 {
        left: -16.666%
    }
    .uk-pull-5-6 {
        left: -83.333%
    }
    .uk-pull-1-10 {
        left: -10%
    }
    .uk-pull-3-10 {
        left: -30%
    }
    .uk-pull-7-10 {
        left: -70%
    }
    .uk-pull-9-10 {
        left: -90%
    }
}

.uk-panel {
    display: block;
    position: relative;
}

.uk-panel,
.uk-panel:hover {
    text-decoration: none
}

.uk-panel:after,
.uk-panel:before {
    content: "";
    display: table
}

.uk-panel:after {
    clear: both
}

.uk-panel>:not(.uk-panel-title):last-child {
    margin-bottom: 0
}

.uk-panel-title {
    margin-top: 0;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    text-transform: none;
    color: #666
}

.uk-panel-badge {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1
}

.uk-panel-teaser {
    margin-bottom: 15px
}

.uk-panel-box {
    padding: 15px;
    background: #fafafa;
    color: #666;
    border: 1px solid #E5E5E5;
    border-radius: 4px
}

.uk-panel-box-hover:hover {
    color: #666
}

.uk-panel-box .uk-panel-title {
    color: #666
}

.uk-panel-box .uk-panel-badge {
    top: 10px;
    right: 10px
}

.uk-panel-box>.uk-panel-teaser {
    margin-top: -16px;
    margin-left: -16px;
    margin-right: -16px
}

.uk-panel-box>.uk-nav-side {
    margin: 0 -15px
}

.uk-panel-box-primary {
    background-color: #ebf7fd;
    color: #2d7091;
    border-color: rgba(45, 112, 145, .3)
}

.uk-panel-box-primary-hover:hover {
    color: #2d7091
}

.uk-panel-box-primary .uk-panel-title {
    color: #2d7091
}

.uk-panel-box-secondary {
    background-color: #fff;
    color: #444
}

.uk-panel-box-secondary-hover:hover {
    color: #444
}

.uk-panel-box-secondary .uk-panel-title {
    color: #444
}

.uk-panel-hover {
    padding: 15px;
    color: #666;
    border: 1px solid transparent;
    border-radius: 4px
}

.uk-panel-hover:hover {
    background: #fafafa;
    color: #666;
    border-color: #E5E5E5
}

.uk-panel-hover .uk-panel-badge {
    top: 10px;
    right: 10px
}

.uk-panel-hover>.uk-panel-teaser {
    margin-top: -16px;
    margin-left: -16px;
    margin-right: -16px
}

.uk-panel-header .uk-panel-title {
    padding-bottom: 10px;
    border-bottom: 1px solid #E5E5E5;
    color: #666
}

.uk-panel-space {
    padding: 30px
}

.uk-panel-space .uk-panel-badge {
    top: 30px;
    right: 30px
}

.uk-panel+.uk-panel-divider {
    margin-top: 50px!important
}

.uk-panel+.uk-panel-divider:before {
    content: "";
    display: block;
    position: absolute;
    top: -25px;
    left: 0;
    right: 0;
    border-top: 1px solid #E5E5E5
}

@media (min-width:1220px) {
    .uk-panel+.uk-panel-divider {
        margin-top: 70px!important
    }
    .uk-panel+.uk-panel-divider:before {
        top: -35px
    }
}

.uk-panel-box .uk-panel-teaser {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    overflow: hidden;
    -webkit-transform: translateZ(0)
}

.uk-block {
    position: relative;
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px
}

@media (min-width:768px) {
    .uk-block {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

.uk-block:after,
.uk-block:before {
    content: "";
    display: table
}

.uk-block:after {
    clear: both
}

.uk-block>:last-child {
    margin-bottom: 0
}

.uk-block-large {
    padding-top: 20px;
    padding-bottom: 20px
}

@media (min-width:768px) {
    .uk-block-large {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media (min-width:960px) {
    .uk-block-large {
        padding-top: 100px;
        padding-bottom: 100px
    }
}

.uk-block-default {
    background: #fff
}

.uk-block-muted {
    background: #f9f9f9
}

.uk-block-primary {
    background: #00a8e6
}

.uk-block-secondary {
    background: #222
}

.uk-block-default+.uk-block-default,
.uk-block-muted+.uk-block-muted,
.uk-block-primary+.uk-block-primary,
.uk-block-secondary+.uk-block-secondary {
    padding-top: 0
}

.uk-article:after,
.uk-article:before {
    content: "";
    display: table
}

.uk-article:after {
    clear: both
}

.uk-article>:last-child {
    margin-bottom: 0
}

.uk-article-title {
    font-size: 20px;
    line-height: 24px;
    font-weight: 300;
    text-transform: none
}

.uk-article-title a {
    color: inherit;
    text-decoration: none
}

.uk-article-meta {
    font-size: 12px;
    line-height: 18px;
    color: #999
}

.uk-article-lead {
    color: #222;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400
}

.uk-article-divider {
    margin-bottom: 25px;
    border-color: #E5E5E5
}

*+.uk-article-divider {
    margin-top: 25px
}

.uk-article+.uk-article {
    padding-top: 50px;
    border-top: 1px solid #E5E5E5
}

.uk-comment-header {
    margin-bottom: 15px;
    padding: 10px;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    background: #fafafa
}

.uk-comment-header:after,
.uk-comment-header:before {
    content: "";
    display: table
}

.uk-comment-header:after {
    clear: both
}

.uk-comment-avatar {
    margin-right: 15px;
    float: left
}

.uk-comment-title {
    margin: 5px 0 0 0;
    font-size: 16px;
    line-height: 22px
}

.uk-comment-meta {
    margin: 2px 0 0 0;
    font-size: 11px;
    line-height: 16px;
    color: #999
}

.uk-comment-body {
    padding-left: 10px;
    padding-right: 10px
}

.uk-comment-body>:last-child {
    margin-bottom: 0
}

.uk-comment-list {
    padding: 0;
    list-style: none
}

.uk-comment-list .uk-comment+ul {
    margin: 25px 0 0 0;
    list-style: none
}

.uk-comment-list .uk-comment+ul>li:nth-child(n+2),
.uk-comment-list>li:nth-child(n+2) {
    margin-top: 25px
}

@media (min-width:768px) {
    .uk-comment-list .uk-comment+ul {
        padding-left: 100px
    }
}

.uk-comment-primary .uk-comment-header {
    border-color: rgba(45, 112, 145, .3);
    background-color: #ebf7fd;
    color: #2d7091;
    text-shadow: 0 1px 0 #fff
}

.uk-cover-background {
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.uk-cover {
    overflow: hidden
}

.uk-cover-object {
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    position: relative;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

[data-uk-cover] {
    position: relative;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.uk-nav,
.uk-nav ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.uk-nav li>a {
    display: block;
    text-decoration: none
}

.uk-nav>li>a {
    padding: 5px 15px
}

.uk-nav ul a {
    padding: 5px 10px
}

.uk-nav li>a>div {
    font-size: 12px;
    line-height: 18px
}

.uk-nav-header {
    padding: 3px 15px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px
}

.uk-nav-header:not(:first-child) {
    margin-top: 15px
}

.uk-nav-divider {
    margin: 7px 15px
}

ul.uk-nav-sub {
    padding: 5px 0 5px 15px
}

.uk-nav-parent-icon>.uk-parent>a:after {
    content: "\f104";
    width: 20px;
    margin-right: -10px;
    float: right;
    font-family: FontAwesome;
    text-align: center
}

.uk-nav-parent-icon>.uk-parent.uk-open>a:after {
    content: "\f107"
}

.uk-nav-side>li>a {
    color: #666
}

.uk-nav-side>li>a:focus,
.uk-nav-side>li>a:hover {
    background: rgba(0, 0, 0, .03);
    color: #666;
    outline: 0;
    box-shadow: inset 0 0 1px rgba(0, 0, 0, .1);
    text-shadow: 0 -1px 0 #fff
}

.uk-nav-side>li.uk-active>a {
    background: #009dd8;
    color: #fff;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}

.uk-nav-side .uk-nav-header {
    color: #666
}

.uk-nav-side .uk-nav-divider {
    border-top: 1px solid #E5E5E5;
    box-shadow: 0 1px 0 #fff
}

.uk-nav-side ul a {
    color: #1D8ACB
}

.uk-nav-side ul a:hover {
    color: #0B5F90
}

.uk-nav-dropdown>li>a {
    color: #666
}

.uk-nav-dropdown>li>a:focus,
.uk-nav-dropdown>li>a:hover {
    background: #009dd8;
    color: #fff;
    outline: 0;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}

.uk-nav-dropdown .uk-nav-header {
    color: #999
}

.uk-nav-dropdown .uk-nav-divider {
    border-top: 1px solid #E5E5E5
}

.uk-nav-dropdown ul a {
    color: #1D8ACB
}

.uk-nav-dropdown ul a:hover {
    color: #0B5F90
}

.uk-nav-navbar>li>a {
    color: #666
}

.uk-nav-navbar .uk-nav-header {
    color: #999
}

.uk-nav-navbar .uk-nav-divider {
    border-top: 1px solid #E5E5E5
}

.uk-nav-navbar ul a {
    color: #1D8ACB
}

.uk-nav-navbar ul a:hover {
    color: #0B5F90
}

.uk-nav-offcanvas>li>a {
    color: #ccc;
    padding: 10px 15px;
    border-top: 1px solid rgba(0, 0, 0, .3);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
    text-shadow: 0 1px 0 rgba(0, 0, 0, .5)
}

.uk-nav-offcanvas>.uk-open>a,
html:not(.uk-touch) .uk-nav-offcanvas>li>a:focus,
html:not(.uk-touch) .uk-nav-offcanvas>li>a:hover {
    background: #404040;
    color: #fff;
    outline: 0
}

html .uk-nav.uk-nav-offcanvas>li.uk-active>a {
    background: #1a1a1a;
    color: #fff;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3)
}

.uk-nav-offcanvas .uk-nav-header {
    color: #777;
    margin-top: 0;
    border-top: 1px solid rgba(0, 0, 0, .3);
    background: #404040;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
    text-shadow: 0 1px 0 rgba(0, 0, 0, .5)
}

.uk-nav-offcanvas .uk-nav-divider {
    border-top: 1px solid rgba(255, 255, 255, .01);
    margin: 0;
    height: 4px;
    background: rgba(0, 0, 0, .2);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3)
}

.uk-nav-offcanvas ul a {
    color: #ccc
}

html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
    color: #fff
}

.uk-nav-offcanvas {
    border-bottom: 1px solid rgba(0, 0, 0, .3);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .05)
}

.uk-nav-offcanvas .uk-nav-sub {
    border-top: 1px solid rgba(0, 0, 0, .3);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05)
}

.uk-navbar {
    background: #f7f7f7;
    color: #666;
    border: 1px solid rgba(0, 0, 0, .1);
    border-bottom-color: rgba(0, 0, 0, .3);
    border-radius: 4px;
    background-origin: border-box;
    background-image: -webkit-linear-gradient(top, #fff, #eee);
    background-image: linear-gradient(to bottom, #fff, #eee)
}

.uk-navbar:after,
.uk-navbar:before {
    content: "";
    display: table
}

.uk-navbar:after {
    clear: both
}

.uk-navbar-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

.uk-navbar-nav>li {
    float: left;
    position: relative
}

.uk-navbar-nav>li>a {
    display: block;
    box-sizing: border-box;
    text-decoration: none;
    padding: 10px 15px;
    line-height: 20px;
    color: #666;
    font-size: 14px;
    font-family: inherit;
    font-weight: 400;
    border: none;
}

.uk-navbar-nav>li>a[href='#'] {
    cursor: text
}

.uk-navbar-nav>li.uk-open>a,
.uk-navbar-nav>li:hover>a,
.uk-navbar-nav>li>a:focus {
    background-color: transparent;
    color: #666;
    outline: 0;
    position: relative;
    z-index: 1;
}

.uk-navbar-nav>li.uk-active>a {
    background-color: #fafafa;
    color: #666;
}

.uk-navbar-nav .uk-navbar-nav-subtitle {
    line-height: 28px
}

.uk-navbar-nav-subtitle>div {
    margin-top: -6px;
    font-size: 10px;
    line-height: 12px
}

.uk-navbar-brand,
.uk-navbar-content,
.uk-navbar-toggle {
    box-sizing: border-box;
    display: block;
    padding: 0 15px;
    margin-top: -1px;
}

.uk-navbar-brand:before,
.uk-navbar-content:before,
.uk-navbar-toggle:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.uk-navbar-content+.uk-navbar-content:not(.uk-navbar-center) {
    padding-left: 0
}

.uk-navbar-content>a:not([class]) {
    color: #1D8ACB
}

.uk-navbar-content>a:not([class]):hover {
    color: #0B5F90
}

.uk-navbar-brand {
    font-size: 18px;
    color: #666;
    text-decoration: none
}

.uk-navbar-brand:focus,
.uk-navbar-brand:hover {
    color: #666;
    text-decoration: none;
    outline: 0
}

.uk-navbar-toggle {
    font-size: 18px;
    color: #666;
    text-decoration: none
}

.uk-navbar-toggle:focus,
.uk-navbar-toggle:hover {
    color: #666;
    text-decoration: none;
    outline: 0
}

.uk-navbar-toggle:after {
    content: "\f0c9";
    font-family: FontAwesome;
    vertical-align: middle
}

.uk-navbar-toggle-alt:after {
    content: "\f002"
}

.uk-navbar-center {
    float: none;
    text-align: center;
    max-width: 50%;
    margin-left: auto;
    margin-right: auto
}

.uk-navbar-flip {
    float: right
}

.uk-navbar-flip .uk-navbar-nav>li>a {
    margin-left: 0;
    margin-right: -1px
}

.uk-navbar-flip .uk-navbar-nav:first-child>li:first-child>a {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.uk-navbar-flip .uk-navbar-nav:last-child>li:last-child>a {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.uk-navbar-attached {
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    border-radius: 0
}

.uk-navbar-attached .uk-navbar-nav>li>a {
    border-radius: 0!important
}

.uk-subnav {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-top: -10px;
    padding: 0;
    list-style: none
}

.uk-subnav>* {
    -ms-flex: none;
    -webkit-flex: none;
    flex: none;
    padding-left: 10px;
    margin-top: 10px;
    position: relative
}

.uk-subnav:after,
.uk-subnav:before {
    content: "";
    display: block;
    overflow: hidden
}

.uk-subnav:after {
    clear: both
}

.uk-subnav>* {
    float: left
}

.uk-subnav>*>* {
    display: inline-block;
    color: #666
}

.uk-subnav>*>:focus,
.uk-subnav>*>:hover {
    color: #1D8ACB;
    text-decoration: none
}

.uk-subnav>.uk-active>* {
    color: #1D8ACB
}

.uk-subnav-line>:before {
    content: "";
    display: inline-block;
    height: 10px;
    vertical-align: middle
}

.uk-subnav-line>:nth-child(n+2):before {
    margin-right: 10px;
    border-left: 1px solid #E5E5E5
}

.uk-subnav-pill>*>* {
    padding: 3px 9px;
    border-radius: 4px
}

.uk-subnav-pill>*>:focus,
.uk-subnav-pill>*>:hover {
    background: #fafafa;
    color: #666;
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1)
}

.uk-subnav-pill>.uk-active>* {
    background: #009dd8;
    color: #fff;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
}

.uk-subnav>.uk-disabled>* {
    background: 0 0;
    color: #999;
    text-decoration: none;
    cursor: text;
    box-shadow: none
}

.uk-breadcrumb {
    padding: 0;
    list-style: none;
    font-size: 0 line-height: 0;
}

.uk-breadcrumb:before {
    content: "";
    display: table-cell
}

.uk-breadcrumb:after {
    content: "";
    display: table;
    clear: both
}

.uk-breadcrumb>li {
    display: block;
    position: relative;
    float: left;
}

.uk-breadcrumb>li+li {
    margin-left: 15px;
    padding-left: 15px;
}

.uk-breadcrumb>li>a,
.uk-breadcrumb>li>span {
    display: block
}

.uk-breadcrumb>li:not(.uk-active)>span {
    color: #999
}

.uk-pagination {
    padding: 0;
    list-style: none;
    text-align: center;
    font-size: 0
}

.uk-pagination:after,
.uk-pagination:before {
    content: "";
    display: table
}

.uk-pagination:after {
    clear: both
}

.uk-pagination>li {
    display: inline-block;
    font-size: 1rem;
    vertical-align: top
}

.uk-pagination>li:nth-child(n+2) {
    margin-left: 5px
}

.uk-pagination>li>a,
.uk-pagination>li>span {
    display: inline-block;
    min-width: 16px;
    padding: 3px 5px;
    line-height: 20px;
    text-decoration: none;
    box-sizing: content-box;
    text-align: center;
    border-radius: 4px
}

.uk-pagination>li>a {
    background: #f7f7f7;
    color: #666;
    border: 1px solid rgba(0, 0, 0, .2);
    border-bottom-color: rgba(0, 0, 0, .3);
    background-origin: border-box;
    background-image: -webkit-linear-gradient(top, #fff, #eee);
    background-image: linear-gradient(to bottom, #fff, #eee);
}

.uk-pagination>li>a:focus,
.uk-pagination>li>a:hover {
    background-color: #fafafa;
    color: #666;
    outline: 0;
    background-image: none
}

.uk-pagination>li>a:active {
    background-color: #f5f5f5;
    color: #666;
    border-color: rgba(0, 0, 0, .2);
    border-top-color: rgba(0, 0, 0, .3);
    background-image: none;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .1)
}

.uk-pagination>.uk-active>span {
    background: #009dd8;
    color: #fff;
    border: 1px solid rgba(0, 0, 0, .2);
    border-bottom-color: rgba(0, 0, 0, .4);
    background-origin: border-box;
    background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5);
    background-image: linear-gradient(to bottom, #00b4f5, #008dc5);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}

.uk-pagination>.uk-disabled>span {
    background-color: #fafafa;
    color: #999;
    border: 1px solid rgba(0, 0, 0, .2);
    text-shadow: 0 1px 0 #fff
}

.uk-pagination-previous {
    float: left
}

.uk-pagination-next {
    float: right
}

.uk-pagination-left {
    text-align: left
}

.uk-pagination-right {
    text-align: right
}

.uk-tab {
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #E5E5E5
}

.uk-tab:after,
.uk-tab:before {
    content: "";
    display: table
}

.uk-tab:after {
    clear: both
}

.uk-tab>li {
    margin-bottom: -1px;
    float: left;
    position: relative
}

.uk-tab>li>a {
    display: block;
    padding: 8px 12px 8px 12px;
    border: 1px solid transparent;
    border-bottom-width: 0;
    color: #1D8ACB;
    text-decoration: none;
    border-radius: 4px 4px 0 0;
    text-shadow: 0 1px 0 #fff
}

.uk-tab>li:nth-child(n+2)>a {
    margin-left: 5px
}

.uk-tab>li.uk-open>a,
.uk-tab>li>a:focus,
.uk-tab>li>a:hover {
    border-color: #E5E5E5;
    background: #fafafa;
    color: #0B5F90;
    outline: 0
}

.uk-tab>li.uk-open:not(.uk-active)>a,
.uk-tab>li:not(.uk-active)>a:focus,
.uk-tab>li:not(.uk-active)>a:hover {
    margin-bottom: 1px;
    padding-bottom: 7px
}

.uk-tab>li.uk-active>a {
    border-color: #E5E5E5;
    border-bottom-color: transparent;
    background: #fff;
    color: #666
}

.uk-tab>li.uk-disabled>a {
    color: #999;
    cursor: text
}

.uk-tab>li.uk-disabled.uk-active>a,
.uk-tab>li.uk-disabled>a:focus,
.uk-tab>li.uk-disabled>a:hover {
    background: 0 0;
    border-color: transparent
}

.uk-tab-flip>li {
    float: right
}

.uk-tab-flip>li:nth-child(n+2)>a {
    margin-left: 0;
    margin-right: 5px
}

.uk-tab>li.uk-tab-responsive>a {
    margin-left: 0;
    margin-right: 0
}

.uk-tab-responsive>a:before {
    content: "\f0c9\00a0";
    font-family: FontAwesome
}

.uk-tab-center {
    border-bottom: 1px solid #E5E5E5
}

.uk-tab-center-bottom {
    border-bottom: none;
    border-top: 1px solid #E5E5E5
}

.uk-tab-center:after,
.uk-tab-center:before {
    content: "";
    display: table
}

.uk-tab-center:after {
    clear: both
}

.uk-tab-center .uk-tab {
    position: relative;
    right: 50%;
    border: none;
    float: right
}

.uk-tab-center .uk-tab>li {
    position: relative;
    right: -50%
}

.uk-tab-center .uk-tab>li>a {
    text-align: center
}

.uk-tab-bottom {
    border-top: 1px solid #E5E5E5;
    border-bottom: none
}

.uk-tab-bottom>li {
    margin-top: -1px;
    margin-bottom: 0
}

.uk-tab-bottom>li>a {
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom-width: 1px;
    border-top-width: 0
}

.uk-tab-bottom>li.uk-open:not(.uk-active)>a,
.uk-tab-bottom>li:not(.uk-active)>a:focus,
.uk-tab-bottom>li:not(.uk-active)>a:hover {
    margin-bottom: 0;
    margin-top: 1px;
    padding-bottom: 8px;
    padding-top: 7px
}

.uk-tab-bottom>li.uk-active>a {
    border-top-color: transparent;
    border-bottom-color: #E5E5E5
}

.uk-tab-grid {
    margin-left: -5px;
    border-bottom: none;
    position: relative;
    z-index: 0
}

.uk-tab-grid:before {
    display: block;
    position: absolute;
    left: 5px;
    right: 0;
    bottom: -1px;
    border-top: 1px solid #E5E5E5;
    z-index: -1
}

.uk-tab-grid>li:first-child>a {
    margin-left: 5px
}

.uk-tab-grid>li>a {
    text-align: center
}

.uk-tab-grid.uk-tab-bottom {
    border-top: none
}

.uk-tab-grid.uk-tab-bottom:before {
    top: -1px;
    bottom: auto
}

@media (min-width:768px) {
    .uk-tab-left,
    .uk-tab-right {
        border-bottom: none
    }
    .uk-tab-left>li,
    .uk-tab-right>li {
        margin-bottom: 0;
        float: none
    }
    .uk-tab-left>li>a,
    .uk-tab-right>li>a {
        padding-top: 8px;
        padding-bottom: 8px
    }
    .uk-tab-left>li:nth-child(n+2)>a,
    .uk-tab-right>li:nth-child(n+2)>a {
        margin-left: 0;
        margin-top: 5px
    }
    .uk-tab-left>li.uk-active>a,
    .uk-tab-right>li.uk-active>a {
        border-color: #E5E5E5
    }
    .uk-tab-left {
        border-right: 1px solid #E5E5E5
    }
    .uk-tab-left>li {
        margin-right: -1px
    }
    .uk-tab-left>li>a {
        border-bottom-width: 1px;
        border-right-width: 0
    }
    .uk-tab-left>li:not(.uk-active)>a:focus,
    .uk-tab-left>li:not(.uk-active)>a:hover {
        margin-bottom: 0;
        margin-right: 1px;
        padding-bottom: 8px;
        padding-right: 11px
    }
    .uk-tab-left>li.uk-active>a {
        border-right-color: transparent
    }
    .uk-tab-right {
        border-left: 1px solid #E5E5E5
    }
    .uk-tab-right>li {
        margin-left: -1px
    }
    .uk-tab-right>li>a {
        border-bottom-width: 1px;
        border-left-width: 0
    }
    .uk-tab-right>li:not(.uk-active)>a:focus,
    .uk-tab-right>li:not(.uk-active)>a:hover {
        margin-bottom: 0;
        margin-left: 1px;
        padding-bottom: 8px;
        padding-left: 11px
    }
    .uk-tab-right>li.uk-active>a {
        border-left-color: transparent
    }
}

.uk-tab-bottom>li>a {
    border-radius: 0 0 4px 4px
}

@media (min-width:768px) {
    .uk-tab-left>li>a {
        border-radius: 4px 0 0 4px
    }
    .uk-tab-right>li>a {
        border-radius: 0 4px 4px 0
    }
}

.uk-thumbnav {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-top: -10px;
    padding: 0;
    list-style: none
}

.uk-thumbnav>* {
    -ms-flex: none;
    -webkit-flex: none;
    flex: none;
    padding-left: 10px;
    margin-top: 10px
}

.uk-thumbnav:after,
.uk-thumbnav:before {
    content: "";
    display: block;
    overflow: hidden
}

.uk-thumbnav:after {
    clear: both
}

.uk-thumbnav>* {
    float: left
}

.uk-thumbnav>*>* {
    display: block;
    background: #fff
}

.uk-thumbnav>*>*>img {
    opacity: .7;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.uk-thumbnav>*>:focus>img,
.uk-thumbnav>*>:hover>img {
    opacity: 1
}

.uk-thumbnav>.uk-active>*>img {
    opacity: 1
}

.uk-list {
    padding: 0;
    list-style: none
}

.uk-list>li:after,
.uk-list>li:before {
    content: "";
    display: table
}

.uk-list>li:after {
    clear: both
}

.uk-list>li>:last-child {
    margin-bottom: 0
}

.uk-list ul {
    margin: 0;
    padding: 0px;
    list-style: none
}

.uk-list-line>li:nth-child(n+2) {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #E5E5E5
}

.uk-list-striped>li {
    padding: 5px 5px;
    border-bottom: 1px solid #E5E5E5
}

.uk-list-striped>li:nth-of-type(odd) {
    background: #fafafa
}

.uk-list-space>li:nth-child(n+2) {
    margin-top: 10px
}

.uk-list-striped>li:first-child {
    border-top: 1px solid #E5E5E5
}

@media (min-width:768px) {
    .uk-description-list-horizontal {
        overflow: hidden
    }
    .uk-description-list-horizontal>dt {
        width: 160px;
        float: left;
        clear: both;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    .uk-description-list-horizontal>dd {
        margin-left: 180px
    }
}

.uk-description-list-line>dt {
    font-weight: 400
}

.uk-description-list-line>dt:nth-child(n+2) {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #E5E5E5
}

.uk-description-list-line>dd {
    color: #999
}

.uk-table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 15px
}

*+.uk-table {
    margin-top: 15px
}

.uk-table td,
.uk-table th {
    padding: 8px 8px;
    border-bottom: 1px solid #E5E5E5
}

.uk-table th {
    text-align: left
}

.uk-table td {
    vertical-align: top
}

.uk-table thead th {
    vertical-align: bottom
}

.uk-table caption,
.uk-table tfoot {
    font-size: 12px;
    font-style: italic
}

.uk-table caption {
    text-align: left;
    color: #999
}

.uk-table tbody tr.uk-active {
    background: #f0f0f0
}

.uk-table-middle,
.uk-table-middle td {
    vertical-align: middle!important
}

.uk-table-striped tbody tr:nth-of-type(odd) {
    background: #fafafa
}

.uk-table-condensed td {
    padding: 4px 8px
}

.uk-table-hover tbody tr:hover {
    background: #f0f0f0
}

.uk-form input,
.uk-form select,
.uk-form textarea {
    box-sizing: border-box;
    margin: 0;
    border-radius: 0;
    font: inherit;
    color: inherit
}

.uk-form select {
    text-transform: none
}

.uk-form optgroup {
    font: inherit;
    font-weight: 700
}

.uk-form input::-moz-focus-inner {
    border: 0;
    padding: 0
}

.uk-form input[type=checkbox],
.uk-form input[type=radio] {
    padding: 0;
    margin: 0;
    vertical-align: middle;
}

.uk-form input[type=checkbox]:not(:disabled),
.uk-form input[type=radio]:not(:disabled) {
    cursor: pointer;
    vertical-align: middle;
}

.uk-form input:not([type]),
.uk-form input[type=text],
.uk-form input[type=password],
.uk-form input[type=email],
.uk-form input[type=url],
.uk-form input[type=search],
.uk-form input[type=tel],
.uk-form input[type=number],
.uk-form input[type=datetime],
.uk-form textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
}

.uk-form input[type=search]::-webkit-search-cancel-button,
.uk-form input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
}

.uk-form input[type=number]::-webkit-inner-spin-button,
.uk-form input[type=number]::-webkit-outer-spin-button {
    height: auto
}

.uk-form fieldset {
    border: none;
    margin: 0;
    padding: 0
}

.uk-form textarea {
    overflow: auto;
    vertical-align: top
}

.uk-form::-moz-placeholder {
    opacity: 1
}

.uk-form:invalid {
    box-shadow: none
}

.uk-form input:not([type=radio]):not([type=checkbox]),
.uk-form select {
    vertical-align: middle
}

.uk-form>:last-child {
    margin-bottom: 0
}

.uk-form input:not([type]),
.uk-form input[type=text],
.uk-form input[type=password],
.uk-form input[type=email],
.uk-form input[type=url],
.uk-form input[type=search],
.uk-form input[type=tel],
.uk-form input[type=number],
.uk-form input[type=datetime],
.uk-form input[type=datetime-local],
.uk-form input[type=date],
.uk-form input[type=month],
.uk-form input[type=time],
.uk-form input[type=week],
.uk-form input[type=color],
.uk-form select,
.uk-form textarea {
    height: 32px;
    padding: 0px 10px;
    line-height: 32px;
    max-width: 100%;
    border: 1px solid #d5d5d5;
    background: #fff;
    color: #333;
    outline: none;
    font-size: 14px;
    line-height: 20px;
    -webkit-transition: all .2s linear;
    -webkit-transition-property: border, background, color, box-shadow, padding;
    transition: all .2s linear;
    transition-property: border, background, color, box-shadow, padding;
}

.uk-form input:not([type]):disabled,
.uk-form input[type=text]:disabled,
.uk-form input[type=password]:disabled,
.uk-form input[type=email]:disabled,
.uk-form input[type=url]:disabled,
.uk-form input[type=search]:disabled,
.uk-form input[type=tel]:disabled,
.uk-form input[type=number]:disabled,
.uk-form input[type=datetime]:disabled,
.uk-form input[type=datetime-local]:disabled,
.uk-form input[type=date]:disabled,
.uk-form input[type=month]:disabled,
.uk-form input[type=time]:disabled,
.uk-form input[type=week]:disabled,
.uk-form input[type=color]:disabled,
.uk-form select:disabled,
.uk-form textarea:disabled {
    border-color: #E5E5E5;
    background-color: #fafafa;
    color: #999
}

.uk-form:-ms-input-placeholder {
    color: #999!important
}

.uk-form::-moz-placeholder {
    color: #999
}

.uk-form::-webkit-input-placeholder {
    color: #999
}

.uk-form:disabled:-ms-input-placeholder {
    color: #999!important
}

.uk-form:disabled::-moz-placeholder {
    color: #999
}

.uk-form:disabled::-webkit-input-placeholder {
    color: #999
}

.uk-form legend {
    width: 100%;
    border: 0;
    padding: 0;
    padding-bottom: 15px;
    font-size: 18px;
    line-height: 30px
}

.uk-form legend:after {
    content: "";
    display: block;
    border-bottom: 1px solid #E5E5E5;
    width: 100%
}

input:not([type]).uk-form-small,
input[type].uk-form-small,
select.uk-form-small,
textarea.uk-form-small {
    height: 25px;
    padding: 3px 3px;
    font-size: 12px
}

input:not([type]).uk-form-large,
input[type].uk-form-large,
select.uk-form-large,
textarea.uk-form-large {
    height: 40px;
    padding: 8px 6px;
    font-size: 16px
}

.uk-form select[multiple],
.uk-form select[size],
.uk-form textarea {
    height: auto
}

.uk-form-danger {
    border-color: #dc8d99!important;
    background: #fff7f8!important;
    color: #d85030!important
}

.uk-form-success {
    border-color: #8ec73b!important;
    background: #fafff2!important;
    color: #659f13!important
}

.uk-form-blank {
    border-color: transparent!important;
    border-style: dashed!important;
    background: 0 0!important
}

.uk-form-blank:focus {
    border-color: #E5E5E5!important
}

input.uk-form-width-mini {
    width: 40px
}

select.uk-form-width-mini {
    width: 65px
}

.uk-form-width-small {
    width: 130px
}

.uk-form-width-medium {
    width: 200px
}

.uk-form-width-large {
    width: 500px
}

.uk-form-row:after,
.uk-form-row:before {
    content: "";
    display: table
}

.uk-form-row:after {
    clear: both
}

.uk-form-row+.uk-form-row {
    margin-top: 15px
}

.uk-form-help-inline {
    display: inline-block;
    margin: 0 0 0 10px
}

.uk-form-help-block {
    margin: 5px 0 0 0
}

.uk-form-controls>:first-child {
    margin-top: 0
}

.uk-form-controls>:last-child {
    margin-bottom: 0
}

.uk-form-controls-condensed {
    margin: 5px 0
}

.uk-form-stacked .uk-form-label {
    display: block;
    margin-bottom: 5px;
    font-weight: 700
}

@media (max-width:959px) {
    .uk-form-horizontal .uk-form-label {
        display: block;
        margin-bottom: 5px;
        font-weight: 700
    }
}

@media (min-width:960px) {
    .uk-form-horizontal .uk-form-label {
        width: 200px;
        margin-top: 5px;
        float: left
    }
    .uk-form-horizontal .uk-form-controls {
        margin-left: 215px
    }
    .uk-form-horizontal .uk-form-controls-text {
        padding-top: 5px
    }
}

.uk-form-icon {
    display: inline-block;
    position: relative;
    max-width: 100%
}

.uk-form-icon>[class*=uk-icon-] {
    position: absolute;
    top: 50%;
    width: 30px;
    margin-top: -7px;
    font-size: 14px;
    color: #999;
    text-align: center;
    pointer-events: none
}

.uk-form-icon:not(.uk-form-icon-flip)>input {
    padding-left: 30px!important
}

.uk-form-icon-flip>[class*=uk-icon-] {
    right: 0
}

.uk-form-icon-flip>input {
    padding-right: 30px!important
}

.uk-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.uk-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    margin: 0;
    border: none;
    overflow: visible;
    font: inherit;
    color: inherit;
    text-transform: none;
    display: inline-block;
    padding: 5px 15px;
    background: #d5d5d5;
    vertical-align: middle;
    line-height: 20px;
    font-size: 14px;
    text-decoration: none;
    text-align: center;
    -webkit-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
    outline: none;
}

.uk-button:not(:disabled) {
    cursor: pointer
}

.uk-button.uk-active,
.uk-button:active {
    background-color: inherit;
    color: inherit;
    border-color: rgba(0, 0, 0, .2);
    border-top-color: rgba(0, 0, 0, .3);
    background-image: none;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .1)
}

.uk-button-primary {
    background-color: #009dd8;
    color: #fff;
    background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5);
    background-image: linear-gradient(to bottom, #00b4f5, #008dc5);
    border-color: rgba(0, 0, 0, .2);
    border-bottom-color: rgba(0, 0, 0, .4);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}

.uk-button-primary:focus,
.uk-button-primary:hover {
    background-color: #00aff2;
    color: #fff;
    background-image: none
}

.uk-button-primary.uk-active,
.uk-button-primary:active {
    background-color: #008abf;
    color: #fff;
    background-image: none;
    border-color: rgba(0, 0, 0, .2);
    border-top-color: rgba(0, 0, 0, .4);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
}

.uk-button-success {
    background-color: #82bb42;
    color: #fff;
    background-image: -webkit-linear-gradient(top, #9fd256, #6fac34);
    background-image: linear-gradient(to bottom, #9fd256, #6fac34);
    border-color: rgba(0, 0, 0, .2);
    border-bottom-color: rgba(0, 0, 0, .4);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}

.uk-button-success:focus,
.uk-button-success:hover {
    background-color: #8fce48;
    color: #fff;
    background-image: none
}

.uk-button-success.uk-active,
.uk-button-success:active {
    background-color: #76b430;
    color: #fff;
    background-image: none;
    border-color: rgba(0, 0, 0, .2);
    border-top-color: rgba(0, 0, 0, .4);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
}

.uk-button-danger {
    background-color: #d32c46;
    color: #fff;
    background-image: -webkit-linear-gradient(top, #ee465a, #c11a39);
    background-image: linear-gradient(to bottom, #ee465a, #c11a39);
    border-color: rgba(0, 0, 0, .2);
    border-bottom-color: rgba(0, 0, 0, .4);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}

.uk-button-danger:focus,
.uk-button-danger:hover {
    background-color: #e33551;
    color: #fff;
    background-image: none
}

.uk-button-danger.uk-active,
.uk-button-danger:active {
    background-color: #c91c37;
    color: #fff;
    background-image: none;
    border-color: rgba(0, 0, 0, .2);
    border-top-color: rgba(0, 0, 0, .4);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
}

.uk-button:disabled {
    background-color: #fafafa;
    color: #999;
    border-color: rgba(0, 0, 0, .2);
    background-image: none;
    box-shadow: none;
    text-shadow: 0 1px 0 #fff
}

.uk-button-link,
.uk-button-link.uk-active,
.uk-button-link:active,
.uk-button-link:disabled,
.uk-button-link:focus,
.uk-button-link:hover {
    border-color: transparent;
    background: 0 0;
    box-shadow: none;
    text-shadow: none
}

.uk-button-link {
    color: #1D8ACB
}

.uk-button-link.uk-active,
.uk-button-link:active,
.uk-button-link:focus,
.uk-button-link:hover {
    color: #0B5F90;
    text-decoration: underline
}

.uk-button-link:disabled {
    color: #999
}

.uk-button-link:focus {
    outline: 1px dotted
}

.uk-button-mini {
    min-height: 20px;
    padding: 0 6px;
    line-height: 18px;
    font-size: 11px
}

.uk-button-small {
    min-height: 25px;
    padding: 0 10px;
    line-height: 23px;
    font-size: 12px
}

.uk-button-large {
    min-height: 40px;
    padding: 0 15px;
    line-height: 38px;
    font-size: 16px;
    border-radius: 5px
}

.uk-button-group {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    font-size: 0;
    white-space: nowrap
}

.uk-button-group>* {
    display: inline-block
}

.uk-button-group .uk-button {
    vertical-align: top
}

.uk-button-dropdown {
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.uk-button-group>.uk-button:not(:first-child):not(:last-child),
.uk-button-group>div:not(:first-child):not(:last-child) .uk-button {
    border-radius: 0
}

.uk-button-group>.uk-button:first-child,
.uk-button-group>div:first-child .uk-button {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.uk-button-group>.uk-button:last-child,
.uk-button-group>div:last-child .uk-button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.uk-button-group>.uk-button:nth-child(n+2),
.uk-button-group>div:nth-child(n+2) .uk-button {
    margin-left: -1px
}

.uk-button-group .uk-button.uk-active,
.uk-button-group .uk-button:active,
.uk-button-group .uk-button:hover {
    position: relative
}

.uk-close::-moz-focus-inner {
    border: 0;
    padding: 0
}

.uk-close {
    -webkit-appearance: none;
    margin: 0;
    border: none;
    overflow: visible;
    font: inherit;
    color: inherit;
    text-transform: none;
    padding: 0;
    background: 0 0;
    display: inline-block;
    box-sizing: content-box;
    width: 20px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
}

.uk-close:after {
    display: block;
    content: "\f00d";
    font-family: FontAwesome
}

.uk-close:focus,
.uk-close:hover {
    opacity: .5;
    outline: 0;
    color: inherit;
    text-decoration: none;
    cursor: pointer
}

.uk-close-alt {
    padding: 2px;
    border-radius: 50%;
    background: #fff;
    opacity: 1;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 0 6px rgba(0, 0, 0, .3)
}

.uk-close-alt:focus,
.uk-close-alt:hover {
    opacity: 1
}

.uk-close-alt:after {
    opacity: .5
}

.uk-close-alt:focus:after,
.uk-close-alt:hover:after {
    opacity: .8
}

.uk-badge {
    display: inline-block;
    padding: 0 5px;
    background: #009dd8;
    font-size: 10px;
    font-weight: 700;
    line-height: 14px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    text-transform: none;
    border: 1px solid rgba(0, 0, 0, .2);
    border-bottom-color: rgba(0, 0, 0, .3);
    background-origin: border-box;
    background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5);
    background-image: linear-gradient(to bottom, #00b4f5, #008dc5);
    border-radius: 2px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}

a.uk-badge:hover {
    color: #fff
}

.uk-badge-notification {
    box-sizing: border-box;
    min-width: 18px;
    border-radius: 500px;
    font-size: 12px;
    line-height: 18px
}

.uk-badge-success {
    background-color: #82bb42;
    background-image: -webkit-linear-gradient(top, #9fd256, #6fac34);
    background-image: linear-gradient(to bottom, #9fd256, #6fac34)
}

.uk-badge-warning {
    background-color: #f9a124;
    background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
    background-image: linear-gradient(to bottom, #fbb450, #f89406)
}

.uk-badge-danger {
    background-color: #d32c46;
    background-image: -webkit-linear-gradient(top, #ee465a, #c11a39);
    background-image: linear-gradient(to bottom, #ee465a, #c11a39)
}

.uk-alert {
    margin-bottom: 15px;
    padding: 10px;
    background: #ebf7fd;
    color: #2d7091;
    border: 1px solid rgba(45, 112, 145, .3);
    border-radius: 4px;
    text-shadow: 0 1px 0 #fff
}

*+.uk-alert {
    margin-top: 15px
}

.uk-alert>:last-child {
    margin-bottom: 0
}

.uk-alert h1,
.uk-alert h2,
.uk-alert h3,
.uk-alert h4,
.uk-alert h5,
.uk-alert h6 {
    color: inherit
}

.uk-alert>.uk-close:first-child {
    float: right
}

.uk-alert>.uk-close:first-child+* {
    margin-top: 0
}

.uk-alert-success {
    background: #f2fae3;
    color: #659f13;
    border-color: rgba(101, 159, 19, .3)
}

.uk-alert-warning {
    background: #fffceb;
    color: #e28327;
    border-color: rgba(226, 131, 39, .3)
}

.uk-alert-danger {
    background: #fff1f0;
    color: #d85030;
    border-color: rgba(216, 80, 48, .3)
}

.uk-alert-large {
    padding: 20px
}

.uk-alert-large>.uk-close:first-child {
    margin: -10px -10px 0 0
}

.uk-thumbnail {
    display: inline-block;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 4px;
    border: 1px solid #E5E5E5;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .05)
}

a.uk-thumbnail:focus,
a.uk-thumbnail:hover {
    border-color: #b2b2b2;
    background-color: #fff;
    text-decoration: none;
    outline: 0;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3)
}

.uk-thumbnail-caption {
    padding-top: 4px;
    text-align: center;
    color: #666
}

.uk-thumbnail-mini {
    width: 150px
}

.uk-thumbnail-small {
    width: 200px
}

.uk-thumbnail-medium {
    width: 300px
}

.uk-thumbnail-large {
    width: 400px
}

.uk-thumbnail-expand,
.uk-thumbnail-expand>img {
    width: 100%
}

.uk-overlay {
    display: inline-block;
    position: relative;
    max-width: 100%;
    vertical-align: middle;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    margin: 0
}

.uk-overlay.uk-border-circle {
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff 100%, #000 100%)
}

.uk-overlay>:first-child {
    margin-bottom: 0
}

.uk-overlay-panel {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    color: #fff
}

.uk-overlay-panel.uk-flex>*>:last-child,
.uk-overlay-panel>:last-child {
    margin-bottom: 0
}

.uk-overlay-panel h1,
.uk-overlay-panel h2,
.uk-overlay-panel h3,
.uk-overlay-panel h4,
.uk-overlay-panel h5,
.uk-overlay-panel h6 {
    color: inherit
}

.uk-overlay-panel a:not([class]) {
    color: inherit;
    text-decoration: underline
}

.uk-overlay-panel a[class*=uk-icon-]:not(.uk-icon-button) {
    color: inherit
}

.uk-overlay-hover:not(:hover):not(.uk-hover) .uk-overlay-panel:not(.uk-ignore) {
    opacity: 0
}

.uk-overlay-active:not(.uk-active)>.uk-overlay-panel:not(.uk-ignore) {
    opacity: 0
}

.uk-overlay-background {
    background: rgba(0, 0, 0, .5)
}

.uk-overlay-image {
    padding: 0
}

.uk-overlay-top {
    bottom: auto
}

.uk-overlay-bottom {
    top: auto
}

.uk-overlay-left {
    right: auto
}

.uk-overlay-right {
    left: auto
}

.uk-overlay-icon:before {
    content: "\f002";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    margin-left: -25px;
    font-size: 50px;
    line-height: 1;
    font-family: FontAwesome;
    text-align: center;
    color: #fff
}

.uk-overlay-blur,
.uk-overlay-fade,
.uk-overlay-grayscale,
.uk-overlay-scale,
.uk-overlay-spin,
[class*=uk-overlay-slide] {
    transition-duration: .3s;
    transition-timing-function: ease-out;
    transition-property: opacity, transform, filter
}

.uk-overlay-active .uk-overlay-fade,
.uk-overlay-active .uk-overlay-scale,
.uk-overlay-active .uk-overlay-spin,
.uk-overlay-active [class*=uk-overlay-slide] {
    transition-duration: .8s
}

.uk-overlay-fade {
    opacity: .7
}

.uk-overlay-active .uk-active>.uk-overlay-fade,
.uk-overlay-hover.uk-hover .uk-overlay-fade,
.uk-overlay-hover:hover .uk-overlay-fade {
    opacity: 1
}

.uk-overlay-scale {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.uk-overlay-active .uk-active>.uk-overlay-scale,
.uk-overlay-hover.uk-hover .uk-overlay-scale,
.uk-overlay-hover:hover .uk-overlay-scale {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.uk-overlay-spin {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0)
}

.uk-overlay-active .uk-active>.uk-overlay-spin,
.uk-overlay-hover.uk-hover .uk-overlay-spin,
.uk-overlay-hover:hover .uk-overlay-spin {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg)
}

.uk-overlay-grayscale {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.uk-overlay-active .uk-active>.uk-overlay-grayscale,
.uk-overlay-hover.uk-hover .uk-overlay-grayscale,
.uk-overlay-hover:hover .uk-overlay-grayscale {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

[class*=uk-overlay-slide] {
    opacity: 0
}

.uk-overlay-slide-top {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.uk-overlay-slide-bottom {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.uk-overlay-slide-left {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.uk-overlay-slide-right {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.uk-overlay-active .uk-active>[class*=uk-overlay-slide],
.uk-overlay-hover.uk-hover [class*=uk-overlay-slide],
.uk-overlay-hover:hover [class*=uk-overlay-slide] {
    opacity: 1;
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0)
}

.uk-overlay-area {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .3);
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear;
    -webkit-transform: translate3d(0, 0, 0)
}

.uk-overlay-toggle.uk-hover .uk-overlay-area,
.uk-overlay-toggle:hover .uk-overlay-area,
.uk-overlay.uk-hover .uk-overlay-area,
.uk-overlay:hover .uk-overlay-area {
    opacity: 1
}

.uk-overlay-area:empty:before {
    content: "\f002";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    margin-left: -25px;
    font-size: 50px;
    line-height: 1;
    font-family: FontAwesome;
    text-align: center;
    color: #fff
}

.uk-overlay-area:not(:empty) {
    font-size: 0
}

.uk-overlay-area:not(:empty):before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.uk-overlay-area-content {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    vertical-align: middle;
    font-size: 1rem;
    text-align: center;
    padding: 0 15px;
    color: #fff
}

.uk-overlay-area-content>:last-child {
    margin-bottom: 0
}

.uk-overlay-area-content a:not([class]),
.uk-overlay-area-content a:not([class]):hover {
    color: inherit
}

.uk-overlay-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear;
    -webkit-transform: translate3d(0, 0, 0)
}

.uk-overlay-toggle.uk-hover .uk-overlay-caption,
.uk-overlay-toggle:hover .uk-overlay-caption,
.uk-overlay.uk-hover .uk-overlay-caption,
.uk-overlay:hover .uk-overlay-caption {
    opacity: 1
}

[class*=uk-column-] {
    -webkit-column-gap: 25px;
    -moz-column-gap: 25px;
    column-gap: 25px
}

.uk-column-1-2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2
}

.uk-column-1-3 {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3
}

.uk-column-1-4 {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4
}

.uk-column-1-5 {
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5
}

.uk-column-1-6 {
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6
}

@media (min-width:480px) {
    .uk-column-small-1-2 {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2
    }
    .uk-column-small-1-3 {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3
    }
    .uk-column-small-1-4 {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4
    }
    .uk-column-small-1-5 {
        -webkit-column-count: 5;
        -moz-column-count: 5;
        column-count: 5
    }
    .uk-column-small-1-6 {
        -webkit-column-count: 6;
        -moz-column-count: 6;
        column-count: 6
    }
}

@media (min-width:768px) {
    .uk-column-medium-1-2 {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2
    }
    .uk-column-medium-1-3 {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3
    }
    .uk-column-medium-1-4 {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4
    }
    .uk-column-medium-1-5 {
        -webkit-column-count: 5;
        -moz-column-count: 5;
        column-count: 5
    }
    .uk-column-medium-1-6 {
        -webkit-column-count: 6;
        -moz-column-count: 6;
        column-count: 6
    }
}

@media (min-width:960px) {
    .uk-column-large-1-2 {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2
    }
    .uk-column-large-1-3 {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3
    }
    .uk-column-large-1-4 {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4
    }
    .uk-column-large-1-5 {
        -webkit-column-count: 5;
        -moz-column-count: 5;
        column-count: 5
    }
    .uk-column-large-1-6 {
        -webkit-column-count: 6;
        -moz-column-count: 6;
        column-count: 6
    }
}

@media (min-width:1220px) {
    .uk-column-xlarge-1-2 {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2
    }
    .uk-column-xlarge-1-3 {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3
    }
    .uk-column-xlarge-1-4 {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4
    }
    .uk-column-xlarge-1-5 {
        -webkit-column-count: 5;
        -moz-column-count: 5;
        column-count: 5
    }
    .uk-column-xlarge-1-6 {
        -webkit-column-count: 6;
        -moz-column-count: 6;
        column-count: 6
    }
}

[class*=uk-animation-] {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media screen {
    [data-uk-scrollspy*=uk-animation-]:not([data-uk-scrollspy*=target]) {
        opacity: 0
    }
}

.uk-animation-fade {
    -webkit-animation-name: uk-fade;
    animation-name: uk-fade;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-timing-function: linear!important;
    animation-timing-function: linear!important
}

.uk-animation-scale-up {
    -webkit-animation-name: uk-fade-scale-02;
    animation-name: uk-fade-scale-02
}

.uk-animation-scale-down {
    -webkit-animation-name: uk-fade-scale-18;
    animation-name: uk-fade-scale-18
}

.uk-animation-slide-top {
    -webkit-animation-name: uk-fade-top;
    animation-name: uk-fade-top
}

.uk-animation-slide-bottom {
    -webkit-animation-name: uk-fade-bottom;
    animation-name: uk-fade-bottom
}

.uk-animation-slide-left {
    -webkit-animation-name: uk-fade-left;
    animation-name: uk-fade-left
}

.uk-animation-slide-right {
    -webkit-animation-name: uk-fade-right;
    animation-name: uk-fade-right
}

.uk-animation-scale {
    -webkit-animation-name: uk-scale-12;
    animation-name: uk-scale-12
}

.uk-animation-shake {
    -webkit-animation-name: uk-shake;
    animation-name: uk-shake
}

.uk-animation-reverse {
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

.uk-animation-15 {
    -webkit-animation-duration: 15s;
    animation-duration: 15s
}

.uk-animation-top-left {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.uk-animation-top-center {
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.uk-animation-top-right {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.uk-animation-middle-left {
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.uk-animation-middle-right {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.uk-animation-bottom-left {
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.uk-animation-bottom-center {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.uk-animation-bottom-right {
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

.uk-animation-hover:not(:hover),
.uk-animation-hover:not(:hover) [class*=uk-animation-],
.uk-touch .uk-animation-hover:not(.uk-hover),
.uk-touch .uk-animation-hover:not(.uk-hover) [class*=uk-animation-] {
    -webkit-animation-name: none;
    animation-name: none
}

@-webkit-keyframes uk-fade {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes uk-fade {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes uk-fade-top {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@keyframes uk-fade-top {
    0% {
        opacity: 0;
        transform: translateY(-100%)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes uk-fade-bottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@keyframes uk-fade-bottom {
    0% {
        opacity: 0;
        transform: translateY(100%)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes uk-fade-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@keyframes uk-fade-left {
    0% {
        opacity: 0;
        transform: translateX(-100%)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@-webkit-keyframes uk-fade-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@keyframes uk-fade-right {
    0% {
        opacity: 0;
        transform: translateX(100%)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@-webkit-keyframes uk-fade-scale-02 {
    0% {
        opacity: 0;
        -webkit-transform: scale(.2)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1)
    }
}

@keyframes uk-fade-scale-02 {
    0% {
        opacity: 0;
        transform: scale(.2)
    }
    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@-webkit-keyframes uk-fade-scale-15 {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.5)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1)
    }
}

@keyframes uk-fade-scale-15 {
    0% {
        opacity: 0;
        transform: scale(1.5)
    }
    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@-webkit-keyframes uk-fade-scale-18 {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.8)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1)
    }
}

@keyframes uk-fade-scale-18 {
    0% {
        opacity: 0;
        transform: scale(1.8)
    }
    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@-webkit-keyframes uk-slide-left {
    0% {
        -webkit-transform: translateX(-100%)
    }
    100% {
        -webkit-transform: translateX(0)
    }
}

@keyframes uk-slide-left {
    0% {
        transform: translateX(-100%)
    }
    100% {
        transform: translateX(0)
    }
}

@-webkit-keyframes uk-slide-right {
    0% {
        -webkit-transform: translateX(100%)
    }
    100% {
        -webkit-transform: translateX(0)
    }
}

@keyframes uk-slide-right {
    0% {
        transform: translateX(100%)
    }
    100% {
        transform: translateX(0)
    }
}

@-webkit-keyframes uk-slide-left-33 {
    0% {
        -webkit-transform: translateX(33%)
    }
    100% {
        -webkit-transform: translateX(0)
    }
}

@keyframes uk-slide-left-33 {
    0% {
        transform: translateX(33%)
    }
    100% {
        transform: translateX(0)
    }
}

@-webkit-keyframes uk-slide-right-33 {
    0% {
        -webkit-transform: translateX(-33%)
    }
    100% {
        -webkit-transform: translateX(0)
    }
}

@keyframes uk-slide-right-33 {
    0% {
        transform: translateX(-33%)
    }
    100% {
        transform: translateX(0)
    }
}

@-webkit-keyframes uk-scale-12 {
    0% {
        -webkit-transform: scale(1.2)
    }
    100% {
        -webkit-transform: scale(1)
    }
}

@keyframes uk-scale-12 {
    0% {
        transform: scale(1.2)
    }
    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes uk-rotate {
    0% {
        -webkit-transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(359deg)
    }
}

@keyframes uk-rotate {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(359deg)
    }
}

@-webkit-keyframes uk-shake {
    0%,
    100% {
        -webkit-transform: translateX(0)
    }
    10% {
        -webkit-transform: translateX(-9px)
    }
    20% {
        -webkit-transform: translateX(8px)
    }
    30% {
        -webkit-transform: translateX(-7px)
    }
    40% {
        -webkit-transform: translateX(6px)
    }
    50% {
        -webkit-transform: translateX(-5px)
    }
    60% {
        -webkit-transform: translateX(4px)
    }
    70% {
        -webkit-transform: translateX(-3px)
    }
    80% {
        -webkit-transform: translateX(2px)
    }
    90% {
        -webkit-transform: translateX(-1px)
    }
}

@keyframes uk-shake {
    0%,
    100% {
        transform: translateX(0)
    }
    10% {
        transform: translateX(-9px)
    }
    20% {
        transform: translateX(8px)
    }
    30% {
        transform: translateX(-7px)
    }
    40% {
        transform: translateX(6px)
    }
    50% {
        transform: translateX(-5px)
    }
    60% {
        transform: translateX(4px)
    }
    70% {
        transform: translateX(-3px)
    }
    80% {
        transform: translateX(2px)
    }
    90% {
        transform: translateX(-1px)
    }
}

@-webkit-keyframes uk-slide-top-fixed {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@keyframes uk-slide-top-fixed {
    0% {
        opacity: 0;
        transform: translateY(-10px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes uk-slide-bottom-fixed {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@keyframes uk-slide-bottom-fixed {
    0% {
        opacity: 0;
        transform: translateY(10px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.uk-dropdown,
.uk-dropdown-blank {
    display: none;
    position: absolute;
    z-index: 1020;
    box-sizing: border-box;
    width: 200px
}

.uk-dropdown {
    padding: 10px 20px;
    background: #fff;
    color: #666;
    font-size: 1rem;
    vertical-align: top;
    border: 1px solid #d3d3d3;
}

.uk-open>.uk-dropdown,
.uk-open>.uk-dropdown-blank {
    display: block;
    -webkit-animation: uk-fade .2s ease-in-out;
    animation: uk-fade .2s ease-in-out;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.uk-dropdown-top {
    margin-top: -5px
}

.uk-dropdown-bottom {}

.uk-dropdown-left {
    margin-left: -5px
}

.uk-dropdown-right {
    margin-left: 5px
}

.uk-dropdown .uk-nav {
    margin: 0 -20px
}

.uk-grid .uk-dropdown-grid+.uk-dropdown-grid {
    margin-top: 15px
}

.uk-dropdown-grid>[class*=uk-width-]>.uk-panel+.uk-panel {
    margin-top: 15px
}

@media (min-width:768px) {
    .uk-dropdown:not(.uk-dropdown-stack)>.uk-dropdown-grid {
        margin-left: -15px;
        margin-right: -15px
    }
    .uk-dropdown:not(.uk-dropdown-stack)>.uk-dropdown-grid>[class*=uk-width-] {
        padding-left: 15px;
        padding-right: 15px
    }
    .uk-dropdown:not(.uk-dropdown-stack)>.uk-dropdown-grid>[class*=uk-width-]:nth-child(n+2) {
        border-left: 1px solid #E5E5E5
    }
    .uk-dropdown-width-2:not(.uk-dropdown-stack) {
        width: 400px
    }
    .uk-dropdown-width-3:not(.uk-dropdown-stack) {
        width: 600px
    }
    .uk-dropdown-width-4:not(.uk-dropdown-stack) {
        width: 800px
    }
    .uk-dropdown-width-5:not(.uk-dropdown-stack) {
        width: 1000px
    }
}

@media (max-width:767px) {
    .uk-dropdown-grid>[class*=uk-width-] {
        width: 100%
    }
    .uk-dropdown-grid>[class*=uk-width-]:nth-child(n+2) {
        margin-top: 15px
    }
}

.uk-dropdown-stack>.uk-dropdown-grid>[class*=uk-width-] {
    width: 100%
}

.uk-dropdown-stack>.uk-dropdown-grid>[class*=uk-width-]:nth-child(n+2) {
    margin-top: 15px
}

.uk-dropdown-small {
    min-width: 150px;
    width: auto;
    padding: 5px;
    white-space: nowrap
}

.uk-dropdown-small .uk-nav {
    margin: 0 -5px
}

.uk-dropdown-navbar {
    background: #fff;
    color: #666;
    left: 0px;
}

.uk-open>.uk-dropdown-navbar {
    -webkit-animation: uk-slide-top-fixed .2s ease-in-out;
    animation: uk-slide-top-fixed .2s ease-in-out
}

.uk-dropdown-scrollable {
    overflow-y: auto;
    max-height: 200px
}

.uk-dropdown-navbar.uk-dropdown-flip {
    left: auto
}

.uk-modal {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1010;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: rgba(0, 0, 0, .6);
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -moz-transition: opacity .15s linear;
    -ms-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
    touch-action: cross-slide-y pinch-zoom double-tap-zoom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.uk-modal.uk-open {
    opacity: 1
}

.uk-modal-page,
.uk-modal-page body {
    overflow: hidden
}

.uk-modal-dialog {
    position: relative;
    box-sizing: border-box;
    margin: 100px auto;
    padding: 10px;
    width: 650px;
    max-width: 100%;
    max-width: calc(100% - 20px);
    background: #fff;
    opacity: 0;
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    -webkit-transition: opacity .3s linear, -webkit-transform .3s ease-out;
    transition: opacity .3s linear, transform .3s ease-out;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3)
}

@media (max-width:767px) {
    .uk-modal-dialog {
        width: auto;
        margin: 10px auto
    }
}

.uk-open .uk-modal-dialog {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.uk-modal-dialog>:not([class*=uk-modal-]):last-child {
    margin-bottom: 0
}

.uk-modal-dialog>.uk-close:first-child {
    margin: -10px -10px 0 0;
    float: right;
    color: #898989;
}

.uk-modal-dialog>.uk-close:first-child+:not([class*=uk-modal-]) {
    margin-top: 0
}

.uk-modal-dialog-lightbox {
    margin: 15px auto;
    padding: 0;
    max-width: 95%;
    max-width: calc(100% - 30px);
    min-height: 50px;
    border-radius: 0
}

.uk-modal-dialog-lightbox>.uk-close:first-child {
    position: absolute;
    top: -12px;
    right: -12px;
    margin: 0;
    float: none
}

@media (max-width:767px) {
    .uk-modal-dialog-lightbox>.uk-close:first-child {
        top: -7px;
        right: -7px
    }
}

.uk-modal-dialog-blank {
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 100%;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear
}

.uk-modal-dialog-blank>.uk-close:first-child {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1;
    margin: 0;
    float: none
}

@media (min-width:768px) {
    .uk-modal-dialog-large {
        width: 930px
    }
}

@media (min-width:1220px) {
    .uk-modal-dialog-large {
        width: 1130px
    }
}

.uk-modal-header {
    margin-bottom: 15px;
    margin: -20px -20px 15px -20px;
    padding: 20px;
    border-bottom: 1px solid #E5E5E5;
    border-radius: 4px 4px 0 0;
    background: #fafafa
}

.uk-modal-footer {
    margin-top: 15px;
    margin: 15px -20px -20px -20px;
    padding: 20px;
    border-top: 1px solid #E5E5E5;
    border-radius: 0 0 4px 4px;
    background: #fafafa
}

.uk-modal-footer>:last-child,
.uk-modal-header>:last-child {
    margin-bottom: 0
}

.uk-modal-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20px;
    margin-bottom: -10px;
    color: #fff;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.uk-modal-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 25px;
    color: #ddd
}

.uk-modal-spinner:after {
    content: "\f110";
    display: block;
    font-family: FontAwesome;
    -webkit-animation: uk-rotate 2s infinite linear;
    animation: uk-rotate 2s infinite linear
}

.uk-offcanvas {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.uk-offcanvas.uk-active {
    display: block
}

.uk-offcanvas-page {
    position: fixed;
    -webkit-transition: margin-left .3s ease-in-out;
    transition: margin-left .3s ease-in-out;
    margin-left: 0
}

.uk-offcanvas-bar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    z-index: 1001;
    width: 270px;
    max-width: 100%;
    background: #333;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    -ms-scroll-chaining: none
}

.uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.uk-offcanvas-bar-flip {
    left: auto;
    right: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.uk-offcanvas-bar[mode=none] {
    -webkit-transition: none;
    transition: none
}

.uk-offcanvas-bar[mode=reveal] {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    clip: rect(0, 0, 100vh, 0);
    -webkit-transition: -webkit-transform .3s ease-in-out, clip .3s ease-in-out;
    transition: transform .3s ease-in-out, clip .3s ease-in-out
}

.uk-offcanvas-bar-flip[mode=reveal] {
    clip: none;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.uk-offcanvas-bar-flip[mode=reveal]>* {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out
}

.uk-offcanvas.uk-active .uk-offcanvas-bar-flip[mode=reveal].uk-offcanvas-bar-show>* {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.uk-offcanvas .uk-panel {
    margin: 20px 15px;
    color: #777;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .5)
}

.uk-offcanvas .uk-panel-title {
    color: #ccc
}

.uk-offcanvas .uk-panel a:not([class]) {
    color: #ccc
}

.uk-offcanvas .uk-panel a:not([class]):hover {
    color: #fff
}

.uk-offcanvas-bar:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 1px;
    background: rgba(0, 0, 0, .6);
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, .6)
}

.uk-offcanvas-bar-flip:after {
    right: auto;
    left: 0;
    width: 1px;
    background: rgba(0, 0, 0, .6);
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, .6)
}

.uk-switcher {
    margin: 0;
    padding: 0;
    list-style: none;
    touch-action: cross-slide-y pinch-zoom double-tap-zoom
}

.uk-switcher>:not(.uk-active) {
    display: none
}

.uk-text-small {
    font-size: 11px;
    line-height: 16px
}

.uk-text-large {
    font-size: 20px;
    line-height: 26px;
    font-weight: 300
}

.uk-text-bold {
    font-weight: 700
}

.uk-text-muted {
    color: #999!important
}

.uk-text-primary {
    color: #2d7091!important
}

.uk-text-success {
    color: #659f13!important
}

.uk-text-warning {
    color: #e28327!important
}

.uk-text-danger {
    color: #d85030!important
}

.uk-text-contrast {
    color: #fff!important
}

.uk-text-left {
    text-align: left!important
}

.uk-text-right {
    text-align: right!important
}

.uk-text-center {
    text-align: center!important
}

.uk-text-justify {
    text-align: justify!important
}

.uk-text-top {
    vertical-align: top!important
}

.uk-text-middle {
    vertical-align: middle!important
}

.uk-text-bottom {
    vertical-align: bottom!important
}

@media (max-width:959px) {
    .uk-text-center-medium {
        text-align: center!important
    }
    .uk-text-left-medium {
        text-align: left!important
    }
}

@media (max-width:767px) {
    .uk-text-center-small {
        text-align: center!important
    }
    .uk-text-left-small {
        text-align: left!important
    }
}

.uk-text-nowrap {
    white-space: nowrap
}

.uk-text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.uk-text-break {
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto
}

.uk-text-capitalize {
    text-transform: capitalize!important
}

.uk-text-lowercase {
    text-transform: lowercase!important
}

.uk-text-uppercase {
    text-transform: uppercase!important
}

.uk-container {
    box-sizing: border-box;
    max-width: 980px;
    padding: 0 25px
}

@media (min-width:1220px) {
    .uk-container {
        max-width: 1200px;
        padding: 0 35px
    }
}

.uk-container:after,
.uk-container:before {
    content: "";
    display: table
}

.uk-container:after {
    clear: both
}

.uk-container-center {
    margin-left: auto;
    margin-right: auto
}

.uk-clearfix:before {
    content: "";
    display: table-cell
}

.uk-clearfix:after {
    content: "";
    display: table;
    clear: both
}

.uk-nbfc {
    overflow: hidden
}

.uk-nbfc-alt {
    display: table-cell;
    width: 10000px
}

.uk-float-left {
    float: left
}

.uk-float-right {
    float: right
}

[class*=uk-float-] {
    max-width: 100%
}

[class*=uk-align-] {
    display: block;
    margin-bottom: 15px
}

.uk-align-left {
    margin-right: 15px;
    float: left
}

.uk-align-right {
    margin-left: 15px;
    float: right
}

@media (min-width:768px) {
    .uk-align-medium-left {
        margin-right: 15px;
        float: left
    }
    .uk-align-medium-right {
        margin-left: 15px;
        float: right
    }
}

.uk-align-center {
    margin-left: auto;
    margin-right: auto
}

.uk-vertical-align {
    font-size: 0
}

.uk-vertical-align:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.uk-vertical-align-bottom,
.uk-vertical-align-middle {
    display: inline-block;
    max-width: 100%;
    font-size: 1rem
}

.uk-vertical-align-middle {
    vertical-align: middle
}

.uk-vertical-align-bottom {
    vertical-align: bottom
}

[class*=uk-height] {
    box-sizing: border-box
}

.uk-height-1-1 {
    height: 100%
}

.uk-height-viewport {
    height: 100vh;
    min-height: 600px
}

.uk-responsive-height,
.uk-responsive-width {
    box-sizing: border-box
}

.uk-responsive-width {
    max-width: 100%!important;
    height: auto
}

.uk-responsive-height {
    max-height: 100%;
    width: auto
}

.uk-margin {
    margin-bottom: 15px
}

*+.uk-margin {
    margin-top: 15px
}

.uk-margin-top {
    margin-top: 15px!important
}

.uk-margin-bottom {
    margin-bottom: 15px!important
}

.uk-margin-left {
    margin-left: 15px!important
}

.uk-margin-right {
    margin-right: 15px!important
}

.uk-margin-large {
    margin-bottom: 50px
}

*+.uk-margin-large {
    margin-top: 50px
}

.uk-margin-large-top {
    margin-top: 50px!important
}

.uk-margin-large-bottom {
    margin-bottom: 50px!important
}

.uk-margin-large-left {
    margin-left: 50px!important
}

.uk-margin-large-right {
    margin-right: 50px!important
}

.uk-margin-small {
    margin-bottom: 5px
}

*+.uk-margin-small {
    margin-top: 5px
}

.uk-margin-small-top {
    margin-top: 5px!important
}

.uk-margin-small-bottom {
    margin-bottom: 5px!important
}

.uk-margin-small-left {
    margin-left: 5px!important
}

.uk-margin-small-right {
    margin-right: 5px!important
}

.uk-margin-remove {
    margin: 0!important
}

.uk-margin-top-remove {
    margin-top: 0!important
}

.uk-margin-bottom-remove {
    margin-bottom: 0!important
}

.uk-padding-remove {
    padding: 0!important
}

.uk-padding-top-remove {
    padding-top: 0!important
}

.uk-padding-bottom-remove {
    padding-bottom: 0!important
}

.uk-padding-vertical-remove {
    padding-top: 0!important;
    padding-bottom: 0!important
}

.uk-border-circle {
    border-radius: 50%
}

.uk-border-rounded {
    border-radius: 5px
}

.uk-heading-large {
    font-size: 36px;
    line-height: 42px
}

@media (min-width:768px) {
    .uk-heading-large {
        font-size: 52px;
        line-height: 64px
    }
}

.uk-link-muted,
.uk-link-muted a {
    color: #666
}

.uk-link-muted a:hover,
.uk-link-muted:hover {
    color: #666
}

.uk-link-reset,
.uk-link-reset a,
.uk-link-reset a:focus,
.uk-link-reset a:hover,
.uk-link-reset:focus,
.uk-link-reset:hover {
    color: inherit;
    text-decoration: none
}

.uk-scrollable-text {
    height: 300px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    resize: both
}

.uk-scrollable-box {
    box-sizing: border-box;
    height: 170px;
    padding: 10px;
    border: 1px solid #E5E5E5;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    resize: both;
    border-radius: 3px
}

.uk-scrollable-box>:last-child {
    margin-bottom: 0
}

.uk-overflow-hidden {
    overflow: hidden
}

.uk-overflow-container {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.uk-overflow-container>:last-child {
    margin-bottom: 0
}

.uk-position-absolute,
[class*=uk-position-top],
[class*=uk-position-bottom] {
    position: absolute!important
}

.uk-position-top {
    top: 0;
    left: 0;
    right: 0
}

.uk-position-bottom {
    bottom: 0;
    left: 0;
    right: 0
}

.uk-position-top-left {
    top: 0;
    left: 0
}

.uk-position-top-right {
    top: 0;
    right: 0
}

.uk-position-bottom-left {
    bottom: 0;
    left: 0
}

.uk-position-bottom-right {
    bottom: 0;
    right: 0
}

.uk-position-cover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.uk-position-relative {
    position: relative!important
}

.uk-position-z-index {
    z-index: 1
}

.uk-display-block {
    display: block!important
}

.uk-display-inline {
    display: inline!important
}

.uk-display-inline-block {
    display: inline-block!important;
    max-width: 100%
}

@media (min-width:960px) {
    .uk-visible-small {
        display: none!important
    }
    .uk-visible-medium {
        display: none!important
    }
    .uk-hidden-large {
        display: none!important
    }
}

@media (min-width:768px) and (max-width:959px) {
    .uk-visible-small {
        display: none!important
    }
    .uk-visible-large {
        display: none!important
    }
    .uk-hidden-medium {
        display: none!important
    }
}

@media (max-width:767px) {
    .uk-visible-medium {
        display: none!important
    }
    .uk-visible-large {
        display: none!important
    }
    .uk-hidden-small {
        display: none!important
    }
}

.uk-hidden {
    display: none!important;
    visibility: hidden!important
}

.uk-invisible {
    visibility: hidden!important
}

.uk-visible-hover:hover .uk-hidden,
.uk-visible-hover:hover .uk-invisible {
    display: block!important;
    visibility: visible!important
}

.uk-visible-hover-inline:hover .uk-hidden,
.uk-visible-hover-inline:hover .uk-invisible {
    display: inline-block!important;
    visibility: visible!important
}

.uk-notouch .uk-hidden-notouch,
.uk-touch .uk-hidden-touch {
    display: none!important
}

.uk-flex {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.uk-flex-inline {
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex
}

.uk-flex-inline>*,
.uk-flex>* {
    -ms-flex-negative: 1
}

.uk-flex-top {
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.uk-flex-middle {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.uk-flex-bottom {
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end
}

.uk-flex-center {
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.uk-flex-right {
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.uk-flex-space-between {
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.uk-flex-space-around {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around
}

.uk-flex-row-reverse {
    -ms-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.uk-flex-column {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.uk-flex-column-reverse {
    -ms-flex-direction: column-reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.uk-flex-nowrap {
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.uk-flex-wrap {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.uk-flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
    -webkit-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse
}

.uk-flex-wrap-top {
    -ms-flex-line-pack: start;
    -webkit-align-content: flex-start;
    align-content: flex-start
}

.uk-flex-wrap-middle {
    -ms-flex-line-pack: center;
    -webkit-align-content: center;
    align-content: center
}

.uk-flex-wrap-bottom {
    -ms-flex-line-pack: end;
    -webkit-align-content: flex-end;
    align-content: flex-end
}

.uk-flex-wrap-space-between {
    -ms-flex-line-pack: justify;
    -webkit-align-content: space-between;
    align-content: space-between
}

.uk-flex-wrap-space-around {
    -ms-flex-line-pack: distribute;
    -webkit-align-content: space-around;
    align-content: space-around
}

.uk-flex-order-first {
    -ms-flex-order: -1;
    -webkit-order: -1;
    order: -1
}

.uk-flex-order-last {
    -ms-flex-order: 99;
    -webkit-order: 99;
    order: 99
}

@media (min-width:480px) {
    .uk-flex-order-first-small {
        -ms-flex-order: -1;
        -webkit-order: -1;
        order: -1
    }
    .uk-flex-order-last-small {
        -ms-flex-order: 99;
        -webkit-order: 99;
        order: 99
    }
}

@media (min-width:768px) {
    .uk-flex-order-first-medium {
        -ms-flex-order: -1;
        -webkit-order: -1;
        order: -1
    }
    .uk-flex-order-last-medium {
        -ms-flex-order: 99;
        -webkit-order: 99;
        order: 99
    }
}

@media (min-width:960px) {
    .uk-flex-order-first-large {
        -ms-flex-order: -1;
        -webkit-order: -1;
        order: -1
    }
    .uk-flex-order-last-large {
        -ms-flex-order: 99;
        -webkit-order: 99;
        order: 99
    }
}

@media (min-width:1220px) {
    .uk-flex-order-first-xlarge {
        -ms-flex-order: -1;
        -webkit-order: -1;
        order: -1
    }
    .uk-flex-order-last-xlarge {
        -ms-flex-order: 99;
        -webkit-order: 99;
        order: 99
    }
}

.uk-flex-item-none {
    -ms-flex: none;
    -webkit-flex: none;
    flex: none
}

.uk-flex-item-auto {
    -ms-flex: auto;
    -webkit-flex: auto;
    flex: auto;
    -ms-flex-negative: 1
}

.uk-flex-item-1 {
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.uk-contrast {
    color: #fff
}

.uk-contrast .uk-link,
.uk-contrast a:not([class]) {
    color: rgba(255, 255, 255, .7);
    text-decoration: none
}

.uk-contrast .uk-link:hover,
.uk-contrast a:not([class]):hover {
    color: #fff;
    text-decoration: underline
}

.uk-contrast:not(pre)>code,
.uk-contrast:not(pre)>kbd,
.uk-contrast:not(pre)>samp {
    color: #fff;
    border-color: rgba(255, 255, 255, .2);
    background: rgba(255, 255, 255, .1)
}

.uk-contrast em {
    color: #fff
}

.uk-contrast h1,
.uk-contrast h2,
.uk-contrast h3,
.uk-contrast h4,
.uk-contrast h5,
.uk-contrast h6 {
    color: #fff
}

.uk-contrast hr {
    border-top-color: rgba(255, 255, 255, .2)
}

.uk-contrast .uk-nav li>a,
.uk-contrast .uk-nav li>a:hover {
    text-decoration: none
}

.uk-contrast .uk-nav-side>li>a {
    color: #fff
}

.uk-contrast .uk-nav-side>li>a:focus,
.uk-contrast .uk-nav-side>li>a:hover {
    background: rgba(255, 255, 255, .1);
    color: #fff;
    text-shadow: none
}

.uk-contrast .uk-nav-side>li.uk-active>a {
    background: #fff;
    color: #444;
    text-shadow: none
}

.uk-contrast .uk-nav-side .uk-nav-header {
    color: #fff
}

.uk-contrast .uk-nav-side .uk-nav-divider {
    border-top-color: rgba(255, 255, 255, .2)
}

.uk-contrast .uk-nav-side ul a {
    color: rgba(255, 255, 255, .7)
}

.uk-contrast .uk-nav-side ul a:hover {
    color: #fff
}

.uk-contrast .uk-subnav>*>a {
    color: rgba(255, 255, 255, .7);
    text-decoration: none
}

.uk-contrast .uk-subnav>*>a:focus,
.uk-contrast .uk-subnav>*>a:hover {
    color: #fff;
    text-decoration: none
}

.uk-contrast .uk-subnav>.uk-active>a {
    color: #fff
}

.uk-contrast .uk-subnav-line>:nth-child(n+2):before {
    border-left-color: rgba(255, 255, 255, .2)
}

.uk-contrast .uk-subnav-pill>*>a:focus,
.uk-contrast .uk-subnav-pill>*>a:hover {
    background: rgba(255, 255, 255, .7);
    color: #444;
    text-decoration: none
}

.uk-contrast .uk-subnav-pill>.uk-active>a {
    background: #fff;
    color: #444
}

.uk-contrast .uk-tab {
    border-bottom-color: rgba(255, 255, 255, .2)
}

.uk-contrast .uk-tab>li>a {
    border-color: transparent;
    color: rgba(255, 255, 255, .7);
    text-shadow: none
}

.uk-contrast .uk-tab>li.uk-open>a,
.uk-contrast .uk-tab>li>a:focus,
.uk-contrast .uk-tab>li>a:hover {
    border-color: rgba(255, 255, 255, .7);
    background: rgba(255, 255, 255, .7);
    color: #444;
    text-decoration: none
}

.uk-contrast .uk-tab>li.uk-active>a {
    border-color: rgba(255, 255, 255, .2);
    border-bottom-color: transparent;
    background: #fff;
    color: #444
}

.uk-contrast .uk-tab-center {
    border-bottom-color: rgba(255, 255, 255, .2)
}

.uk-contrast .uk-tab-grid:before {
    border-top-color: rgba(255, 255, 255, .2)
}

.uk-contrast .uk-list-line>li:nth-child(n+2) {
    border-top-color: rgba(255, 255, 255, .2)
}

.uk-contrast .uk-form input:not([type]),
.uk-contrast .uk-form input[type=text],
.uk-contrast .uk-form input[type=password],
.uk-contrast .uk-form input[type=email],
.uk-contrast .uk-form input[type=url],
.uk-contrast .uk-form input[type=search],
.uk-contrast .uk-form input[type=tel],
.uk-contrast .uk-form input[type=number],
.uk-contrast .uk-form input[type=datetime],
.uk-contrast .uk-form input[type=datetime-local],
.uk-contrast .uk-form input[type=date],
.uk-contrast .uk-form input[type=month],
.uk-contrast .uk-form input[type=time],
.uk-contrast .uk-form input[type=week],
.uk-contrast .uk-form input[type=color],
.uk-contrast .uk-form select,
.uk-contrast .uk-form textarea {
    border-color: rgba(255, 255, 255, .8);
    background: rgba(255, 255, 255, .8);
    color: #444;
    background-clip: padding-box
}

.uk-contrast .uk-form input:not([type]):focus,
.uk-contrast .uk-form input[type=text]:focus,
.uk-contrast .uk-form input[type=password]:focus,
.uk-contrast .uk-form input[type=email]:focus,
.uk-contrast .uk-form input[type=url]:focus,
.uk-contrast .uk-form input[type=search]:focus,
.uk-contrast .uk-form input[type=tel]:focus,
.uk-contrast .uk-form input[type=number]:focus,
.uk-contrast .uk-form input[type=datetime]:focus,
.uk-contrast .uk-form input[type=datetime-local]:focus,
.uk-contrast .uk-form input[type=date]:focus,
.uk-contrast .uk-form input[type=month]:focus,
.uk-contrast .uk-form input[type=time]:focus,
.uk-contrast .uk-form input[type=week]:focus,
.uk-contrast .uk-form input[type=color]:focus,
.uk-contrast .uk-form select:focus,
.uk-contrast .uk-form textarea:focus {
    border-color: #fff;
    background: #fff;
    color: #444
}

.uk-contrast .uk-form:-ms-input-placeholder {
    color: rgba(68, 68, 68, .7)!important
}

.uk-contrast .uk-form::-moz-placeholder {
    color: rgba(68, 68, 68, .7)
}

.uk-contrast .uk-form::-webkit-input-placeholder {
    color: rgba(68, 68, 68, .7)
}

.uk-contrast .uk-button {
    color: #444;
    background: #fff;
    border-color: transparent
}

.uk-contrast .uk-button:focus,
.uk-contrast .uk-button:hover {
    background-color: rgba(255, 255, 255, .8);
    color: #444;
    border-color: transparent
}

.uk-contrast .uk-button.uk-active,
.uk-contrast .uk-button:active {
    background-color: rgba(255, 255, 255, .7);
    color: #444;
    box-shadow: none
}

.uk-contrast .uk-button-primary {
    background-color: #009dd8;
    color: #fff
}

.uk-contrast .uk-button-primary:focus,
.uk-contrast .uk-button-primary:hover {
    background-color: #00aff2;
    color: #fff
}

.uk-contrast .uk-button-primary.uk-active,
.uk-contrast .uk-button-primary:active {
    background-color: #008abf;
    color: #fff
}

.uk-contrast .uk-icon-hover {
    color: rgba(255, 255, 255, .7)
}

.uk-contrast .uk-icon-hover:hover {
    color: #fff
}

.uk-contrast .uk-icon-button {
    background: #fff;
    color: #444;
    border-color: transparent
}

.uk-contrast .uk-icon-button:focus,
.uk-contrast .uk-icon-button:hover {
    background-color: rgba(255, 255, 255, .8);
    color: #444;
    border-color: transparent
}

.uk-contrast .uk-icon-button:active {
    background-color: rgba(255, 255, 255, .7);
    color: #444;
    box-shadow: none
}

.uk-contrast .uk-text-muted {
    color: rgba(255, 255, 255, .6)!important
}

.uk-contrast .uk-text-primary {
    color: #2d7091!important
}

@media print {
    *,
     :after,
     :before {
        background: 0 0!important;
        color: #000!important;
        box-shadow: none!important;
        text-shadow: none!important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    blockquote,
    pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    img,
    tr {
        page-break-inside: avoid
    }
    img {
        max-width: 100%!important
    }
    @page {
        margin: .5cm
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
}

.uk-dotnav {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    list-style: none
}

.uk-dotnav>* {
    -ms-flex: none;
    -webkit-flex: none;
    flex: none;
}

.uk-dotnav>*+* {
    margin-left: 10px;
}

.uk-dotnav:after,
.uk-dotnav:before {
    content: "";
    display: block;
    overflow: hidden
}

.uk-dotnav:after {
    clear: both
}

.uk-dotnav>* {
    float: left
}

.uk-dotnav>*>* {
    display: block;
    box-sizing: content-box;
    width: 12px;
    height: 12px;
    background: #878481;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.uk-dotnav>*>:focus,
.uk-dotnav>*>:hover {
    background: #333;
    outline: 0
}

.uk-dotnav>*>:active {
    background: rgba(50, 50, 50, .6)
}

.uk-dotnav>.uk-active>* {
    background: rgba(50, 50, 50, .4);
}

.uk-dotnav-contrast>*>* {
    background: rgba(255, 255, 255, .4)
}

.uk-dotnav-contrast>*>:focus,
.uk-dotnav-contrast>*>:hover {
    background: rgba(255, 255, 255, .7)
}

.uk-dotnav-contrast>*>:active {
    background: rgba(255, 255, 255, .9)
}

.uk-dotnav-contrast>.uk-active>* {
    background: rgba(255, 255, 255, .9)
}

.uk-dotnav-vertical {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.uk-dotnav-vertical>* {
    float: none
}

.uk-slidenav {
    display: inline-block;
    box-sizing: border-box;
    width: 60px;
    height: 60px;
    line-height: 60px;
    color: rgba(50, 50, 50, .4);
    font-size: 60px;
    text-align: center
}

.uk-slidenav:focus,
.uk-slidenav:hover {
    outline: 0;
    text-decoration: none;
    color: rgba(50, 50, 50, .7);
    cursor: pointer
}

.uk-slidenav:active {
    color: rgba(50, 50, 50, .9)
}

.uk-slidenav-previous:before {
    content: "\f104";
    font-family: FontAwesome
}

.uk-slidenav-next:before {
    content: "\f105";
    font-family: FontAwesome
}

.uk-slidenav-position {
    position: relative
}

.uk-slidenav-position .uk-slidenav {
    display: none;
    position: absolute;
    top: 50%;
    z-index: 1;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.uk-slidenav-position:hover .uk-slidenav {
    display: block
}

.uk-slidenav-position .uk-slidenav-previous {
    left: 5px
}

.uk-slidenav-position .uk-slidenav-next {
    right: 5px
}

.uk-slidenav-contrast {
    color: rgba(255, 255, 255, .5)
}

.uk-slidenav-contrast:focus,
.uk-slidenav-contrast:hover {
    color: rgba(255, 255, 255, .7)
}

.uk-slidenav-contrast:active {
    color: rgba(255, 255, 255, .9)
}

.uk-form input[type=checkbox],
.uk-form input[type=radio] {
    display: inline-block;
    height: 13px;
    width: 13px;
    border: 1px solid #aaa;
    overflow: hidden;
    margin-top: -4px;
    vertical-align: middle;
    -webkit-appearance: none;
    outline: 0;
    background: 0 0
}

.uk-form input[type=radio] {
    border-radius: 50%
}

.uk-form input[type=checkbox]:before,
.uk-form input[type=radio]:before {
    display: block
}

.uk-form input[type=radio]:checked:before {
    content: '';
    width: 8px;
    height: 8px;
    margin: 1.5px auto 0;
    border-radius: 50%;
    background: #00a8e6
}

.uk-form input[type=checkbox]:checked:before,
.uk-form input[type=checkbox]:indeterminate:before {
    content: "\f00c";
    font-family: FontAwesome;
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    line-height: 11px;
    color: #00a8e6
}

.uk-form input[type=checkbox]:indeterminate:before {
    content: "\f068"
}

.uk-form input[type=checkbox]:disabled,
.uk-form input[type=radio]:disabled {
    border-color: #ddd
}

.uk-form input[type=radio]:disabled:checked:before {
    background-color: #aaa
}

.uk-form input[type=checkbox]:disabled:checked:before,
.uk-form input[type=checkbox]:disabled:indeterminate:before {
    color: #aaa
}

.uk-form-file {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    overflow: hidden
}

.uk-form-file input[type=file] {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    opacity: 0;
    cursor: pointer;
    left: 0;
    font-size: 500px
}

.uk-form-password {
    display: inline-block;
    position: relative;
    max-width: 100%
}

.uk-form-password-toggle {
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -6px;
    font-size: 13px;
    line-height: 13px;
    color: #999
}

.uk-form-password-toggle:hover {
    color: #999;
    text-decoration: none
}

.uk-form-password>input {
    padding-right: 50px!important
}

.uk-form-select {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    overflow: hidden
}

.uk-form-select select {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    left: 0;
    -webkit-appearance: none
}

.uk-placeholder {
    margin-bottom: 15px;
    padding: 15px;
    border: 1px dashed #E5E5E5;
    background: #fafafa;
    color: #666
}

*+.uk-placeholder {
    margin-top: 15px
}

.uk-placeholder>:last-child {
    margin-bottom: 0
}

.uk-placeholder-large {
    padding-top: 80px;
    padding-bottom: 80px
}

.uk-progress {
    box-sizing: border-box;
    height: 20px;
    margin-bottom: 15px;
    background: #f7f7f7;
    overflow: hidden;
    line-height: 20px;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .07), inset 0 2px 2px rgba(0, 0, 0, .07);
    border-radius: 4px
}

*+.uk-progress {
    margin-top: 15px
}

.uk-progress-bar {
    width: 0;
    height: 100%;
    background: #009dd8;
    float: left;
    -webkit-transition: width .6s ease;
    transition: width .6s ease;
    font-size: 12px;
    color: #fff;
    text-align: center;
    background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5);
    background-image: linear-gradient(to bottom, #00b4f5, #008dc5);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .2), inset 0 0 0 1px rgba(0, 0, 0, .1);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}

.uk-progress-mini {
    height: 6px
}

.uk-progress-small {
    height: 12px
}

.uk-progress-success .uk-progress-bar {
    background-color: #82bb42;
    background-image: -webkit-linear-gradient(top, #9fd256, #6fac34);
    background-image: linear-gradient(to bottom, #9fd256, #6fac34)
}

.uk-progress-warning .uk-progress-bar {
    background-color: #f9a124;
    background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
    background-image: linear-gradient(to bottom, #fbb450, #f89406)
}

.uk-progress-danger .uk-progress-bar {
    background-color: #d32c46;
    background-image: -webkit-linear-gradient(top, #ee465a, #c11a39);
    background-image: linear-gradient(to bottom, #ee465a, #c11a39)
}

.uk-progress-striped .uk-progress-bar {
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 30px 30px
}

.uk-progress-striped.uk-active .uk-progress-bar {
    -webkit-animation: uk-progress-bar-stripes 2s linear infinite;
    animation: uk-progress-bar-stripes 2s linear infinite
}

@-webkit-keyframes uk-progress-bar-stripes {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: 30px 0
    }
}

@keyframes uk-progress-bar-stripes {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: 30px 0
    }
}

.uk-progress-mini,
.uk-progress-small {
    border-radius: 500px
}

.uk-accordion-title {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
}

.uk-accordion-content:after,
.uk-accordion-content:before {
    content: "";
    display: table
}

.uk-accordion-content:after {
    clear: both
}

.uk-accordion-content>:last-child {
    margin-bottom: 0
}

.uk-autocomplete {
    display: inline-block;
    position: relative;
    max-width: 100%;
    vertical-align: middle
}

.uk-dropdown-flip {
    left: auto;
    right: 0
}

.uk-nav-autocomplete>li>a {
    color: #666
}

.uk-nav-autocomplete>li.uk-active>a {
    background: #009dd8;
    color: #fff;
    outline: 0;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}

.uk-nav-autocomplete .uk-nav-header {
    color: #999
}

.uk-nav-autocomplete .uk-nav-divider {
    border-top: 1px solid #E5E5E5
}

.uk-datepicker {
    z-index: 1050;
    width: auto;
    -webkit-animation: uk-fade .2s ease-in-out;
    animation: uk-fade .2s ease-in-out;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.uk-datepicker-nav {
    margin-bottom: 15px;
    text-align: center;
    line-height: 20px
}

.uk-datepicker-nav:after,
.uk-datepicker-nav:before {
    content: "";
    display: table
}

.uk-datepicker-nav:after {
    clear: both
}

.uk-datepicker-nav a {
    color: #666;
    text-decoration: none
}

.uk-datepicker-nav a:hover {
    color: #666
}

.uk-datepicker-previous {
    float: left
}

.uk-datepicker-next {
    float: right
}

.uk-datepicker-next:after,
.uk-datepicker-previous:after {
    width: 20px;
    font-family: FontAwesome
}

.uk-datepicker-previous:after {
    content: "\f053"
}

.uk-datepicker-next:after {
    content: "\f054"
}

.uk-datepicker-table {
    width: 100%
}

.uk-datepicker-table td,
.uk-datepicker-table th {
    padding: 2px
}

.uk-datepicker-table th {
    font-size: 12px
}

.uk-datepicker-table a {
    display: block;
    width: 26px;
    line-height: 24px;
    text-align: center;
    color: #666;
    text-decoration: none;
    border: 1px solid transparent;
    border-radius: 4px;
    background-origin: border-box
}

a.uk-datepicker-table-muted {
    color: #999
}

.uk-datepicker-table a:focus,
.uk-datepicker-table a:hover {
    background-color: #fafafa;
    color: #666;
    outline: 0;
    border-color: rgba(0, 0, 0, .2);
    border-bottom-color: rgba(0, 0, 0, .3);
    text-shadow: 0 1px 0 #fff
}

.uk-datepicker-table a:active {
    background-color: #f5f5f5;
    color: #666;
    border-color: rgba(0, 0, 0, .2);
    border-top-color: rgba(0, 0, 0, .3);
    background-image: none;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .1)
}

.uk-datepicker-table a.uk-active {
    background: #009dd8;
    color: #fff;
    border: 1px solid rgba(0, 0, 0, .2);
    border-bottom-color: rgba(0, 0, 0, .4);
    background-origin: border-box;
    background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5);
    background-image: linear-gradient(to bottom, #00b4f5, #008dc5);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}

.uk-htmleditor-navbar {
    background: #f7f7f7;
    border: 1px solid rgba(0, 0, 0, .1);
    border-bottom-color: rgba(0, 0, 0, .2);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-origin: border-box;
    background-image: -webkit-linear-gradient(top, #fff, #eee);
    background-image: linear-gradient(to bottom, #fff, #eee)
}

.uk-htmleditor-navbar:after,
.uk-htmleditor-navbar:before {
    content: "";
    display: table
}

.uk-htmleditor-navbar:after {
    clear: both
}

.uk-htmleditor-navbar-nav {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left
}

.uk-htmleditor-navbar-nav>li {
    float: left
}

.uk-htmleditor-navbar-nav>li>a {
    display: block;
    box-sizing: border-box;
    text-decoration: none;
    height: 41px;
    padding: 0 15px;
    line-height: 40px;
    color: #666;
    font-size: 11px;
    cursor: pointer;
    margin-top: -1px;
    margin-left: -1px;
    border: 1px solid transparent;
    border-bottom-width: 0;
    text-shadow: 0 1px 0 #fff
}

.uk-htmleditor-navbar-nav>li:hover>a,
.uk-htmleditor-navbar-nav>li>a:focus {
    background-color: transparent;
    color: #666;
    outline: 0;
    position: relative;
    z-index: 1;
    border-left-color: rgba(0, 0, 0, .1);
    border-right-color: rgba(0, 0, 0, .1);
    border-top-color: rgba(0, 0, 0, .1);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .1)
}

.uk-htmleditor-navbar-nav>li>a:active {
    background-color: #f5f5f5;
    color: #666;
    border-left-color: rgba(0, 0, 0, .1);
    border-right-color: rgba(0, 0, 0, .1);
    border-top-color: rgba(0, 0, 0, .2);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .1)
}

.uk-htmleditor-navbar-nav>li.uk-active>a {
    background-color: #fafafa;
    color: #666;
    border-left-color: rgba(0, 0, 0, .1);
    border-right-color: rgba(0, 0, 0, .1);
    border-top-color: rgba(0, 0, 0, .2);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .1)
}

.uk-htmleditor-navbar-flip {
    float: right
}

[data-mode=split] .uk-htmleditor-button-code,
[data-mode=split] .uk-htmleditor-button-preview {
    display: none
}

.uk-htmleditor-content {
    border-left: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
    background: #fff;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.uk-htmleditor-content:after,
.uk-htmleditor-content:before {
    content: "";
    display: table
}

.uk-htmleditor-content:after {
    clear: both
}

.uk-htmleditor-fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 990
}

.uk-htmleditor-fullscreen .uk-htmleditor-content {
    position: absolute;
    top: 41px;
    left: 0;
    right: 0;
    bottom: 0
}

.uk-htmleditor-fullscreen .uk-icon-expand:before {
    content: "\f066"
}

.uk-htmleditor-code,
.uk-htmleditor-preview {
    box-sizing: border-box
}

.uk-htmleditor-preview {
    padding: 20px;
    overflow-y: scroll;
    position: relative
}

[data-mode=tab][data-active-tab=code] .uk-htmleditor-preview,
[data-mode=tab][data-active-tab=preview] .uk-htmleditor-code {
    display: none
}

[data-mode=split] .uk-htmleditor-code,
[data-mode=split] .uk-htmleditor-preview {
    float: left;
    width: 50%
}

[data-mode=split] .uk-htmleditor-code {
    border-right: 1px solid #eee
}

.uk-htmleditor-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.uk-htmleditor .CodeMirror {
    padding: 10px;
    box-sizing: border-box
}

.uk-htmleditor-navbar-nav:first-child>li:first-child>a {
    border-top-left-radius: 4px
}

.uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav>li>a {
    margin-left: 0;
    margin-right: -1px
}

.uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav:first-child>li:first-child>a {
    border-top-left-radius: 0
}

.uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav:last-child>li:last-child>a {
    border-top-right-radius: 4px
}

.uk-htmleditor-fullscreen .uk-htmleditor-navbar {
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0
}

.uk-htmleditor-fullscreen .uk-htmleditor-content {
    border: none;
    border-radius: 0
}

.uk-htmleditor-fullscreen .uk-htmleditor-navbar-nav>li>a {
    border-radius: 0!important
}

[data-uk-slider] {
    direction: ltr
}

html[dir=rtl] .uk-slider>* {
    direction: rtl
}

.uk-slider {
    position: relative;
    z-index: 0;
    touch-action: pan-y
}

.uk-slider:not(.uk-grid) {
    margin: 0;
    padding: 0;
    list-style: none
}

.uk-slider>* {
    position: absolute;
    top: 0;
    left: 0
}

.uk-slider-container {
    overflow: hidden
}

.uk-slider:not(.uk-drag) {
    -webkit-transition: -webkit-transform .2s linear;
    transition: transform .2s linear
}

.uk-slider.uk-drag {
    cursor: col-resize;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.uk-slider a,
.uk-slider img {
    -webkit-user-drag: none;
    user-drag: none;
    -webkit-touch-callout: none
}

.uk-slider img {
    pointer-events: none
}

.uk-slider-fullscreen,
.uk-slider-fullscreen>li {
    height: 100vh
}

.uk-slideshow {
    position: relative;
    z-index: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    touch-action: pan-y
}

.uk-slideshow>li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0
}

.uk-slideshow>.uk-active {
    z-index: 10;
    opacity: 1
}

.uk-slideshow>li>img {
    visibility: hidden
}

[data-uk-slideshow-slide] {
    cursor: pointer
}

.uk-slideshow-fullscreen,
.uk-slideshow-fullscreen>li {
    height: 100vh
}

.uk-slideshow-fade-in {
    -webkit-animation: uk-fade .5s linear;
    animation: uk-fade .5s linear
}

.uk-slideshow-fade-out {
    -webkit-animation: uk-fade .5s linear reverse;
    animation: uk-fade .5s linear reverse
}

.uk-slideshow-scroll-forward-in {
    -webkit-animation: uk-slide-right .5s ease-in-out;
    animation: uk-slide-right .5s ease-in-out
}

.uk-slideshow-scroll-forward-out {
    -webkit-animation: uk-slide-left .5s ease-in-out reverse;
    animation: uk-slide-left .5s ease-in-out reverse
}

.uk-slideshow-scroll-backward-in {
    -webkit-animation: uk-slide-left .5s ease-in-out;
    animation: uk-slide-left .5s ease-in-out
}

.uk-slideshow-scroll-backward-out {
    -webkit-animation: uk-slide-right .5s ease-in-out reverse;
    animation: uk-slide-right .5s ease-in-out reverse
}

.uk-slideshow-scale-out {
    -webkit-animation: uk-fade-scale-15 .5s ease-in-out reverse;
    animation: uk-fade-scale-15 .5s ease-in-out reverse
}

.uk-slideshow-swipe-forward-in {
    -webkit-animation: uk-slide-left-33 .5s ease-in-out;
    animation: uk-slide-left-33 .5s ease-in-out
}

.uk-slideshow-swipe-forward-out {
    -webkit-animation: uk-slide-left .5s ease-in-out reverse;
    animation: uk-slide-left .5s ease-in-out reverse
}

.uk-slideshow-swipe-backward-in {
    -webkit-animation: uk-slide-right-33 .5s ease-in-out;
    animation: uk-slide-right-33 .5s ease-in-out
}

.uk-slideshow-swipe-backward-out {
    -webkit-animation: uk-slide-right .5s ease-in-out reverse;
    animation: uk-slide-right .5s ease-in-out reverse
}

.uk-slideshow-swipe-backward-in:before,
.uk-slideshow-swipe-forward-in:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: rgba(0, 0, 0, .6);
    -webkit-animation: uk-fade .5s ease-in-out reverse;
    animation: uk-fade .5s ease-in-out reverse
}

.uk-notify {
    position: fixed;
    top: 10px;
    left: 10px;
    z-index: 1040;
    box-sizing: border-box;
    width: 350px
}

.uk-notify-bottom-right,
.uk-notify-top-right {
    left: auto;
    right: 10px
}

.uk-notify-bottom-center,
.uk-notify-top-center {
    left: 50%;
    margin-left: -175px
}

.uk-notify-bottom-center,
.uk-notify-bottom-left,
.uk-notify-bottom-right {
    top: auto;
    bottom: 10px
}

@media (max-width:479px) {
    .uk-notify {
        left: 10px;
        right: 10px;
        width: auto;
        margin: 0
    }
}

.uk-notify-message {
    position: relative;
    margin-bottom: 10px;
    padding: 15px;
    background: #444;
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    cursor: pointer;
    border: 1px solid #444;
    border-radius: 4px
}

.uk-notify-message>.uk-close {
    visibility: hidden;
    float: right
}

.uk-notify-message:hover>.uk-close {
    visibility: visible
}

.uk-notify-message-primary {
    background: #ebf7fd;
    color: #2d7091;
    border-color: rgba(45, 112, 145, .3)
}

.uk-notify-message-success {
    background: #f2fae3;
    color: #659f13;
    border-color: rgba(101, 159, 19, .3)
}

.uk-notify-message-warning {
    background: #fffceb;
    color: #e28327;
    border-color: rgba(226, 131, 39, .3)
}

.uk-notify-message-danger {
    background: #fff1f0;
    color: #d85030;
    border-color: rgba(216, 80, 48, .3)
}

.uk-search {
    display: inline-block;
    position: relative;
    margin: 0
}

.uk-search:before {
    content: "\f002";
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    line-height: 30px;
    text-align: center;
    font-family: FontAwesome;
    font-size: 14px;
    color: rgba(0, 0, 0, .2)
}

.uk-search-field::-moz-focus-inner {
    border: 0;
    padding: 0
}

.uk-search-field::-webkit-search-cancel-button,
.uk-search-field::-webkit-search-decoration {
    -webkit-appearance: none
}

.uk-search-field::-ms-clear {
    display: none
}

.uk-search-field::-moz-placeholder {
    opacity: 1
}

.uk-search-field {
    box-sizing: border-box;
    margin: 0;
    border-radius: 0;
    font: inherit;
    color: #666;
    -webkit-appearance: none;
    width: 120px;
    height: 30px;
    padding: 0 0 0 30px;
    border: 1px solid transparent;
    background: rgba(0, 0, 0, 0);
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    vertical-align: middle
}

.uk-search-field:-ms-input-placeholder {
    color: #999!important
}

.uk-search-field::-moz-placeholder {
    color: #999
}

.uk-search-field::-webkit-input-placeholder {
    color: #999
}

.uk-search-field:focus {
    outline: 0
}

.uk-search-field:focus,
.uk-search.uk-active .uk-search-field {
    width: 180px
}

.uk-dropdown-search {
    width: 300px;
    margin-top: 0;
    background: #fff;
    color: #666
}

.uk-open>.uk-dropdown-search {
    -webkit-animation: uk-slide-top-fixed .2s ease-in-out;
    animation: uk-slide-top-fixed .2s ease-in-out
}

.uk-navbar-flip .uk-dropdown-search {
    margin-top: 12px;
    margin-right: -16px
}

.uk-nav-search>li>a {
    color: #666
}

.uk-nav-search>li.uk-active>a {
    background: #009dd8;
    color: #fff;
    outline: 0;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}

.uk-nav-search .uk-nav-header {
    color: #999
}

.uk-nav-search .uk-nav-divider {
    border-top: 1px solid #E5E5E5
}

.uk-nav-search ul a {
    color: #1D8ACB
}

.uk-nav-search ul a:hover {
    color: #0B5F90
}

.uk-offcanvas .uk-search {
    display: block;
    margin: 20px 15px
}

.uk-offcanvas .uk-search:before {
    color: #777
}

.uk-offcanvas .uk-search-field {
    width: 100%;
    border-color: transparent;
    background: #1a1a1a;
    color: #ccc
}

.uk-offcanvas .uk-search-field:-ms-input-placeholder {
    color: #777!important
}

.uk-offcanvas .uk-search-field::-moz-placeholder {
    color: #777
}

.uk-offcanvas .uk-search-field::-webkit-input-placeholder {
    color: #777
}

.uk-nestable {
    padding: 0;
    list-style: none
}

.uk-nestable a,
.uk-nestable img {
    -webkit-touch-callout: none
}

.uk-nestable-list {
    margin: 0;
    padding-left: 40px;
    list-style: none
}

.uk-nestable-item {
    touch-action: none
}

.uk-nestable-item+.uk-nestable-item {
    margin-top: 10px
}

.uk-nestable-list:not(.uk-nestable-dragged)>.uk-nestable-item:first-child {
    margin-top: 10px
}

.uk-nestable-dragged {
    position: absolute;
    z-index: 1050;
    pointer-events: none;
    padding-left: 0
}

.uk-nestable-placeholder {
    position: relative
}

.uk-nestable-placeholder>* {
    opacity: 0
}

.uk-nestable-placeholder:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 1px dashed #E5E5E5;
    opacity: 1
}

.uk-nestable-empty {
    min-height: 30px
}

.uk-nestable-handle {
    touch-action: none
}

.uk-nestable-handle:hover {
    cursor: move
}

.uk-nestable-moving,
.uk-nestable-moving * {
    cursor: move
}

.uk-nestable-moving iframe {
    pointer-events: none
}

[data-nestable-action=toggle] {
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.uk-nestable-toggle {
    display: inline-block;
    visibility: hidden
}

.uk-nestable-toggle:after {
    content: "\f147";
    font-family: FontAwesome
}

.uk-parent>:not(.uk-nestable-list) .uk-nestable-toggle {
    visibility: visible
}

.uk-collapsed .uk-nestable-list {
    display: none
}

.uk-collapsed .uk-nestable-toggle:after {
    content: "\f196"
}

.uk-nestable-panel {
    padding: 5px;
    background: #f7f7f7;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, .2);
    border-bottom-color: rgba(0, 0, 0, .3);
    background-origin: border-box;
    background-image: -webkit-linear-gradient(top, #fff, #eee);
    background-image: linear-gradient(to bottom, #fff, #eee);
    text-shadow: 0 1px 0 #fff
}

.uk-sortable {
    position: relative
}

.uk-sortable>* {
    touch-action: none
}

.uk-sortable a,
.uk-sortable img {
    -webkit-touch-callout: none
}

.uk-sortable>:last-child {
    margin-bottom: 0
}

.uk-sortable-dragged {
    position: absolute;
    z-index: 1050;
    pointer-events: none
}

.uk-sortable-placeholder {
    opacity: 0
}

.uk-sortable-empty {
    min-height: 30px
}

.uk-sortable-handle {
    touch-action: none
}

.uk-sortable-handle:hover {
    cursor: move
}

.uk-sortable-moving,
.uk-sortable-moving * {
    cursor: move
}

.uk-sortable-moving iframe {
    pointer-events: none
}

[data-uk-sticky].uk-active {
    z-index: 980;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden
}

[data-uk-sticky][class*=uk-animation-] {
    -webkit-animation-duration: .2s;
    animation-duration: .2s
}

[data-uk-sticky].uk-animation-reverse {
    -webkit-animation-duration: .2s;
    animation-duration: .2s
}

.uk-dragover {
    box-shadow: 0 0 20px rgba(100, 100, 100, .3)
}

.uk-tooltip {
    display: none;
    position: absolute;
    z-index: 1030;
    box-sizing: border-box;
    max-width: 200px;
    padding: 5px 8px;
    background: #333;
    color: rgba(255, 255, 255, .7);
    font-size: 12px;
    line-height: 18px;
    border-radius: 3px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .5)
}

.uk-tooltip:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 5px dashed #333
}

.uk-tooltip-top-left:after,
.uk-tooltip-top-right:after,
.uk-tooltip-top:after {
    bottom: -5px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: #333
}

.uk-tooltip-bottom-left:after,
.uk-tooltip-bottom-right:after,
.uk-tooltip-bottom:after {
    top: -5px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: #333
}

.uk-tooltip-bottom:after,
.uk-tooltip-top:after {
    left: 50%;
    margin-left: -5px
}

.uk-tooltip-bottom-left:after,
.uk-tooltip-top-left:after {
    left: 10px
}

.uk-tooltip-bottom-right:after,
.uk-tooltip-top-right:after {
    right: 10px
}

.uk-tooltip-left:after {
    right: -5px;
    top: 50%;
    margin-top: -5px;
    border-left-style: solid;
    border-right: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: #333
}

.uk-tooltip-right:after {
    left: -5px;
    top: 50%;
    margin-top: -5px;
    border-right-style: solid;
    border-left: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-right-color: #333
}
/* frontend/resources/library/css/library.css */
/* <library.css> */
	/* ######################## Pagination ######################## */
	.offcanvas li.l1 > a.dropicon { position: absolute; z-index: 0; padding: 10px 20px; border-left: 1px solid #242424; right: 2px; top: 0; width: 0 }
	.offcanvas li.l1 > a:not(.dropicon)::after { display: none; }
	.offcanvas li.l1.uk-parent>a:not(.dropicon) { margin-right: 42px; }
	.offcanvas ul.l3 { border-top: 0; -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.05); box-shadow: inset 1px 0 0 rgba(255,255,255,.05); border-left: 1px solid rgba(0,0,0,.3); }

	/* ######################## General  ######################## */
	.lib-dib {display: inline-block}
	.lib-db	{display: block}
	.lib-di {display: inline}
	.lib-ha {height: auto}
	.lib-fl-none {float: none;}
	.lib-italic {font-style: italic}
	.lib-uppercase {text-transform: uppercase}
	.lib-capitalize {text-transform: capitalize}
	.lib-grid-5 {margin-left: -5px} 
	.lib-grid-5>* {padding-left: 5px}
	.lib-grid-15 {margin-left: -15px} 
	.lib-grid-15>* {padding-left: 15px}
	.lib-grid-20 {margin-left: -20px} 
	.lib-grid-20>* {padding-left: 20px}
	.lib-grid-30 {margin-left: -30px} 
	.lib-grid-30>* {padding-left: 30px}
	.lib-grid-35 {margin-left: -35px} 
	.lib-grid-35>* {padding-left: 35px}
	.lib-grid-40 {margin-left: -40px} 
	.lib-grid-40>* {padding-left: 40px}
	.lib-grid-45 {margin-left: -45px} 
	.lib-grid-45>* {padding-left: 45px}
	.lib-grid-50 {margin-left: -50px} 
	.lib-grid-50>* {padding-left: 50px}
	.m0 { margin: 0!important; } .ml0 { margin-left: 0; } .mr0 { margin-right: 0; } .mt0 { margin-top: 0; } .mb0 { margin-bottom: 0!important; } .mlr0 { margin-left: 0; margin-right: 0; } .mtb0 { margin-top: 0!important; margin-bottom: 0!important; }
	.m5 { margin: 5px; } .ml5 { margin-left: 5px; } .mr5 { margin-right: 5px; } .mt5 { margin-top: 5px; } .mb5 { margin-bottom: 5px!important; } .mlr5 { margin-left: 5px; margin-right: 5px; } .mtb5 { margin-top: 5px; margin-bottom: 5px; }
	.m10 { margin: 10px; } .ml10 { margin-left: 10px; } .mr10 { margin-right: 10px; } .mt10 { margin-top: 10px; } .mb10 { margin-bottom: 10px!important; } .mlr10 { margin-left: 10px; margin-right: 10px; } .mtb10 { margin-top: 10px; margin-bottom: 10px; }
	.m15 { margin: 15px; } .ml15 { margin-left: 15px; } .mr15 { margin-right: 15px; } .mt15 { margin-top: 15px; } .mb15 { margin-bottom: 15px!important; } .mlr15 { margin-left: 15px; margin-right: 15px; } .mtb15 { margin-top: 15px; margin-bottom: 15px; }
	.m20 { margin: 20px; } .ml20 { margin-left: 20px; } .mr20 { margin-right: 20px; } .mt20 { margin-top: 20px; } .mb20 { margin-bottom: 20px!important; } .mlr20 { margin-left: 20px; margin-right: 20px; } .mtb20 { margin-top: 20px; margin-bottom: 20px; }
	.m25 { margin: 25px; } .ml25 { margin-left: 25px; } .mr25 { margin-right: 25px; } .mt25 { margin-top: 25px; } .mb25 { margin-bottom: 25px!important; } .mlr25 { margin-left: 25px; margin-right: 25px; } .mtb25 { margin-top: 25px; margin-bottom: 25px; }
	.m30 { margin: 30px; } .ml30 { margin-left: 30px; } .mr30 { margin-right: 30px; } .mt30 { margin-top: 30px; } .mb30 { margin-bottom: 30px!important; } .mlr30 { margin-left: 30px; margin-right: 30px; } .mtb30 { margin-top: 30px; margin-bottom: 30px; }
	.m35 { margin: 35px; } .ml35 { margin-left: 35px; } .mr35 { margin-right: 35px; } .mt35 { margin-top: 35px; } .mb35 { margin-bottom: 35px!important; } .mlr35 { margin-left: 35px; margin-right: 35px; } .mtb35 { margin-top: 35px; margin-bottom: 35px; }
	.m40 { margin: 40px; } .ml40 { margin-left: 40px; } .mr40 { margin-right: 40px; } .mt40 { margin-top: 40px; } .mb40 { margin-bottom: 40px!important; } .mlr40 { margin-left: 40px; margin-right: 40px; } .mtb40 { margin-top: 40px; margin-bottom: 40px; }
	.m45 { margin: 45px; } .ml45 { margin-left: 45px; } .mr45 { margin-right: 45px; } .mt45 { margin-top: 45px; } .mb45 { margin-bottom: 45px!important; } .mlr45 { margin-left: 45px; margin-right: 45px; } .mtb45 { margin-top: 45px; margin-bottom: 45px; }
	.m50 { margin: 50px; } .ml50 { margin-left: 50px; } .mr50 { margin-right: 50px; } .mt50 { margin-top: 50px; } .mb50 { margin-bottom: 50px!important; } .mlr50 { margin-left: 50px; margin-right: 50px; } .mtb50 { margin-top: 50px; margin-bottom: 50; }




	.p0 { padding: 0!important; } .pl0 { padding-left: 0; } .pr0 { padding-right: 0; } .pt0 { padding-top: 0; } .pb0 { padding-bottom: 0!important; } .plr0 { padding-left: 0; padding-right: 0; } .ptb0 { padding-top: 0!important; padding-bottom: 0!important; }
	.p5 { padding: 5px; } .pl5 { padding-left: 5px; } .pr5 { padding-right: 5px; } .pt5 { padding-top: 5px; } .pb5 { padding-bottom: 5px!important; } .plr5 { padding-left: 5px; padding-right: 5px; } .ptb5 { padding-top: 5px; padding-bottom: 5px; }
	.p10 { padding: 10px; } .pl10 { padding-left: 10px; } .pr10 { padding-right: 10px; } .pt10 { padding-top: 10px; } .pb10 { padding-bottom: 10px!important; } .plr10 { padding-left: 10px; padding-right: 10px; } .ptb10 { padding-top: 10px; padding-bottom: 10px; }
	.p15 { padding: 15px; } .pl15 { padding-left: 15px; } .pr15 { padding-right: 15px; } .pt15 { padding-top: 15px; } .pb15 { padding-bottom: 15px!important; } .plr15 { padding-left: 15px; padding-right: 15px; } .ptb15 { padding-top: 15px; padding-bottom: 15px; }
	.p20 { padding: 20px; } .pl20 { padding-left: 20px; } .pr20 { padding-right: 20px; } .pt20 { padding-top: 20px; } .pb20 { padding-bottom: 20px!important; } .plr20 { padding-left: 20px; padding-right: 20px; } .ptb20 { padding-top: 20px; padding-bottom: 20px; }
	.p25 { padding: 25px; } .pl25 { padding-left: 25px; } .pr25 { padding-right: 25px; } .pt25 { padding-top: 25px; } .pb25 { padding-bottom: 25px!important; } .plr25 { padding-left: 25px; padding-right: 25px; } .ptb25 { padding-top: 25px; padding-bottom: 25px; }
	.p30 { padding: 30px; } .pl30 { padding-left: 30px; } .pr30 { padding-right: 30px; } .pt30 { padding-top: 30px; } .pb30 { padding-bottom: 30px!important; } .plr30 { padding-left: 30px; padding-right: 30px; } .ptb30 { padding-top: 30px; padding-bottom: 30px; }
	.p35 { padding: 35px; } .pl35 { padding-left: 35px; } .pr35 { padding-right: 35px; } .pt35 { padding-top: 35px; } .pb35 { padding-bottom: 35px!important; } .plr35 { padding-left: 35px; padding-right: 35px; } .ptb35 { padding-top: 35px; padding-bottom: 35px; }
	.p40 { padding: 40px; } .pl40 { padding-left: 40px; } .pr40 { padding-right: 40px; } .pt40 { padding-top: 40px; } .pb40 { padding-bottom: 40px!important; } .plr40 { padding-left: 40px; padding-right: 40px; } .ptb40 { padding-top: 40px; padding-bottom: 40px; }
	.p45 { padding: 45px; } .pl45 { padding-left: 45px; } .pr45 { padding-right: 45px; } .pt45 { padding-top: 45px; } .pb45 { padding-bottom: 45px!important; } .plr45 { padding-left: 45px; padding-right: 45px; } .ptb45 { padding-top: 45px; padding-bottom: 45px; }
	.p50 { padding: 50px; } .pl50 { padding-left: 50px; } .pr50 { padding-right: 50px; } .pt50 { padding-top: 50px; } .pb50 { padding-bottom: 50px!important; } .plr50 { padding-left: 50px; padding-right: 50px; } .ptb50 { padding-top: 50px; padding-bottom: 50; }
	@media (min-width: 1220px) {
		.lib-visible-xlarge {
			display: block;
			visibility: visible;
		}
	}
	@media (max-width: 1220px) {
		.lib-visible-xlarge {
			display: none;
			visibility: hidden;
		}
	}
	@media (min-width: 1220px) {
		.lib-hidden-xlarge {
			display: none;
			visibility: hidden;
		}
	}
	@media (max-width: 1220px) {
		.lib-hidden-xlarge {
			display: block;
			visibility: visible;
		}
	}

	@media (max-width: 1220px) {.col-1220 {-webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column}} 
	@media (max-width: 960px) {.col-960 {-webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column}} 
	@media (max-width: 768px) {.col-768 {-webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column}} 
	@media (max-width: 567px) {.col-567 {-webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column}} 
	@media (max-width: 479px) {.col-479 {-webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column}} 

	@media (max-width: 1220px) {.col-reverse-1220 {-webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; -o-flex-direction: column-reverse; flex-direction: column-reverse}}
	@media (max-width: 960px) {.col-reverse-960 {-webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; -o-flex-direction: column-reverse; flex-direction: column-reverse}}
	@media (max-width: 768px) {.col-reverse-768 {-webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; -o-flex-direction: column-reverse; flex-direction: column-reverse}}
	@media (max-width: 567px) {.col-reverse-567 {-webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; -o-flex-direction: column-reverse; flex-direction: column-reverse}}
	@media (max-width: 479px) {.col-reverse-479 {-webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; -o-flex-direction: column-reverse; flex-direction: column-reverse}}


	/* ######################## Cut text  ######################## */
	*[class*=lib-line] {overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical}
	.lib-line-1 {-webkit-line-clamp: 1}
	.lib-line-2 {-webkit-line-clamp: 2}
	.lib-line-3 {-webkit-line-clamp: 3}
	.lib-line-4 {-webkit-line-clamp: 4}
	.lib-line-5 {-webkit-line-clamp: 5}
	.lib-line-6 {-webkit-line-clamp: 6}
	.lib-line-7 {-webkit-line-clamp: 7}
	.lib-line-8 {-webkit-line-clamp: 8}
	.lib-line-9 {-webkit-line-clamp: 9}
	.lib-line-10 {-webkit-line-clamp: 10}

	/* ######################## Image - Effect  ######################## */
	.img-responsive {display: block;width: 100%;height: 100%;}
	.img-responsive img {display: block;width: 100%;height: auto;}
	.img-fit { position: relative; display: block; text-align: center}
	.img-fit > img { max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%)}
	.img-cover {display: block;width: 100%;height: 100%}
	.img-cover img {
		display: inline-block;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	.img-fit-fill {display: block;width: 100%;height: 100%}
	.img-fit-fill img {display: block;width: inherit;height: inherit;object-fit: fill}
	.img-contain {display: block;width: 100%;height: 100%}
	.img-contain img {display: block;width: 100%;height: 100%;object-fit: contain}
	.img-scaledown {display: block;width: 100%;height: 100%}
	.img-scaledown img {display: block;width: 100%;height: 100%;object-fit: scale-down}

	/* ######################## Button ######################## */

	
	/* ######################## Menubar ######################## */
	.moblie-menu-btn {
		position: absolute;
		width: 25px;
		height: 30px;
		left: 10px;
		top: 50%;
		-webkit-transform: translate(0, -50%);
		-moz-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		-o-transform: translate(0, -50%);
		transform: translate(0, -50%);
	}
	.moblie-menu-btn>* {
		display: block;
		position: relative;
		width: 23px;
		height: 2px;
		top: 14px;
		background: #333;
		text-indent: -99999px;
	}
	.moblie-menu-btn>*:before,
	.moblie-menu-btn>*:after {
	    content: '';
	    display: block;
	    position: absolute;
	    height: 2px;
	    width: 23px;
	    left: 0px;
	    background: #333;
	    -webkit-transition: all .2s linear;
	    -moz-transition: all .2s linear;
	    -ms-transition: all .2s linear;
	    -o-transition: all .2s linear;
	    transition: all .2s linear;
	}
	.moblie-menu-btn>*:before {top: -7px;}
	.moblie-menu-btn>*:after {bottom: -7px;}
	.uk-offcanvas-page .moblie-menu-btn.skin-1>*:before {
	    width: 13px;
	    -webkit-transform: rotate(315deg) translate(-4px,0);
	    -moz-transform: rotate(315deg) translate(-4px,0);
	    -o-transform: rotate(315deg) translate(-4px,0);
	    -ms-transform: rotate(315deg) translate(-4px,0);
	    transform: rotate(315deg) translate(-4px,0);
	}
	.uk-offcanvas-page .moblie-menu-btn.skin-1>*:after {
	    width: 13px;
	    -webkit-transform: rotate(-315deg) translate(-4px,0);
	    -moz-transform: rotate(-315deg) translate(-4px,0);
	    -o-transform: rotate(-315deg) translate(-4px,0);
	    -ms-transform: rotate(-315deg) translate(-4px,0);
	    transform: rotate(-315deg) translate(-4px,0);
	}

/* </library> */
.button-scaleX {
	display: inline-block;
	position: relative;
	padding: 12px 20px;
	font-size: 14px;
	line-height: 20px;
	color: #fff;
	-moz-border-radius: 25px;
	-o-border-radius: 25px;
	-ms-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	background: #0a5495;
	-webkit-transition: all .4s linear;
	-o-transition: all .4s linear;
	transition: all .4s linear;
}
 .button-scaleX:before {
 	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;left: 0px;
	z-index: 10;
	background: #0a5495;
	-moz-border-radius: 25px;
	-o-border-radius: 25px;
	-ms-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all .4s linear;
	-moz-transition: all .4s linear;
	-ms-transition: all .4s linear;
	-o-transition: all .4s linear;
	transition: all .4s linear;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
 }
.button-scaleX>* {
	position: relative;
	z-index: 20;
}
 .button-scaleX:hover {background: transparent;}
 .button-scaleX:hover:before {
 	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
}

.img-effect1 {
	position: relative;
	overflow: hidden;
	-webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -ms-transition: all .4s linear;
    -o-transition: all .4s linear;
    transition: all .4s linear;
}
.img-effect1:before,
.img-effect1:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	box-shadow: 75px 0 0 rgba(255, 255, 255, 0.01) inset, 0 75px 0 rgba(255, 255, 255, 0.01) inset, -75px 0 0 rgba(255, 255, 255, 0.01) inset, 0 -75px 0 rgba(255, 255, 255, 0.01) inset;
    -webkit-box-shadow: 75px 0 0 rgba(255, 255, 255, 0.01) inset, 0 75px 0 rgba(255, 255, 255, 0.01) inset, -75px 0 0 rgba(255, 255, 255, 0.01) inset, 0 -75px 0 rgba(255, 255, 255, 0.01) inset;
    -moz-box-shadow: 75px 0 0 rgba(255, 255, 255, 0.01) inset, 0 75px 0 rgba(255, 255, 255, 0.01) inset, -75px 0 0 rgba(255, 255, 255, 0.01) inset, 0 -75px 0 rgba(255, 255, 255, 0.01) inset;
    -ms-box-shadow: 75px 0 0 rgba(255, 255, 255, 0.01) inset, 0 75px 0 rgba(255, 255, 255, 0.01) inset, -75px 0 0 rgba(255, 255, 255, 0.01) inset, 0 -75px 0 rgba(255, 255, 255, 0.01) inset;
    -o-box-shadow: 75px 0 0 rgba(255, 255, 255, 0.01) inset, 0 75px 0 rgba(255, 255, 255, 0.01) inset, -75px 0 0 rgba(255, 255, 255, 0.01) inset, 0 -75px 0 rgba(255, 255, 255, 0.01) inset;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -ms-transition: all .4s linear;
    -o-transition: all .4s linear;
    transition: all .4s linear;
}
.img-effect1:after {
	transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.img-effect1:hover:before,
.img-effect1:hover:after {
    box-shadow: 5px 0 0 rgba(255, 0, 0, 0.5) inset, 0 5px 0 rgba(252, 150, 0, 0.5) inset, -5px 0 0 rgba(0, 255, 0, 0.5) inset, 0 -5px 0 rgba(0, 150, 255, 0.5) inset;
    -webkit-box-shadow: 5px 0 0 rgba(255, 0, 0, 0.5) inset, 0 5px 0 rgba(252, 150, 0, 0.5) inset, -5px 0 0 rgba(0, 255, 0, 0.5) inset, 0 -5px 0 rgba(0, 150, 255, 0.5) inset;
    -moz-box-shadow: 5px 0 0 rgba(255, 0, 0, 0.5) inset, 0 5px 0 rgba(252, 150, 0, 0.5) inset, -5px 0 0 rgba(0, 255, 0, 0.5) inset, 0 -5px 0 rgba(0, 150, 255, 0.5) inset;
    -ms-box-shadow: 5px 0 0 rgba(255, 0, 0, 0.5) inset, 0 5px 0 rgba(252, 150, 0, 0.5) inset, -5px 0 0 rgba(0, 255, 0, 0.5) inset, 0 -5px 0 rgba(0, 150, 255, 0.5) inset;
    -o-box-shadow: 5px 0 0 rgba(255, 0, 0, 0.5) inset, 0 5px 0 rgba(252, 150, 0, 0.5) inset, -5px 0 0 rgba(0, 255, 0, 0.5) inset, 0 -5px 0 rgba(0, 150, 255, 0.5) inset;
}
.img-effect1:hover {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}
.img-paper-roll {position: relative;}
.img-paper-roll:before {
	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	top: 0;
	right: 0;
	background: linear-gradient(225deg, #fff 45%, #aaaaaa 50%, #cccccc 56%, #fff 80%);
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	transition-duration: 0.4s;
	-webkit-transition-property: width, height;
	-moz-transition-property: width, height;
	-ms-transition-property: width, height;
	-o-transition-property: width, height;
	transition-property: width, height;
	z-index: 100;
}
.img-paper-roll:hover:before {
	width: 25px;
	height: 25px;
}


/******************************/
/* v01:
 * jQuery UI - v1.12.1
 * jQuery UI is a curated set of user interface interactions built on top of the jQuery JavaScript Library. 
 * Copyright jQuery Foundation and other contributors - http://jqueryui.com
 * Released under the MIT license
 */

/*
 * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, 
 * checkboxradio.css, slider.css, tabs.css, theme.css
 */
.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("/frontend/resources/library/images/ui/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("/frontend/resources/library/images/ui/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("/frontend/resources/library/images/ui/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("/frontend/resources/library/images/ui/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("/frontend/resources/library/images/ui/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("/frontend/resources/library/images/ui/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("/frontend/resources/library/images/ui/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}

/* v02:
 * jQuery Nice Select - v1.1.0
 * Select elements with customizable dropdowns  
 * https://github.com/hernansartorio/jquery-nice-select
 * Released under the MIT license
 */
.nice-select{-webkit-tap-highlight-color:transparent;background-color:#fff;border-radius:5px;border:1px solid #e8e8e8;box-sizing:border-box;clear:both;cursor:pointer;display:block;float:left;font-family:inherit;font-size:14px;font-weight:400;height:42px;line-height:40px;outline:0;padding-left:18px;padding-right:30px;position:relative;text-align:left!important;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:auto}.nice-select:hover{border-color:#dbdbdb}.nice-select.open,.nice-select:active,.nice-select:focus{border-color:#999}.nice-select:after{border-bottom:2px solid #999;border-right:2px solid #999;content:'';display:block;height:5px;margin-top:-4px;pointer-events:none;position:absolute;right:12px;top:50%;-webkit-transform-origin:66% 66%;-ms-transform-origin:66% 66%;transform-origin:66% 66%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;width:5px}.nice-select.open:after{-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}.nice-select.open .list{opacity:1;pointer-events:auto;-webkit-transform:scale(1) translateY(0);-ms-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}.nice-select.disabled{border-color:#ededed;color:#999;pointer-events:none}.nice-select.disabled:after{border-color:#ccc}.nice-select.wide{width:100%}.nice-select.wide .list{left:0!important;right:0!important}.nice-select.right{float:right}.nice-select.right .list{left:auto;right:0}.nice-select.small{font-size:12px;height:36px;line-height:34px}.nice-select.small:after{height:4px;width:4px}.nice-select.small .option{line-height:34px;min-height:34px}.nice-select .list{background-color:#fff;border-radius:5px;box-shadow:0 0 0 1px rgba(68,68,68,.11);box-sizing:border-box;margin-top:4px;opacity:0;overflow:hidden;padding:0;pointer-events:none;position:absolute;top:100%;left:0;-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(.75) translateY(-21px);-ms-transform:scale(.75) translateY(-21px);transform:scale(.75) translateY(-21px);-webkit-transition:all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;transition:all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;z-index:9}.nice-select .list:hover .option:not(:hover){background-color:transparent!important}.nice-select .option{cursor:pointer;font-weight:400;line-height:40px;list-style:none;min-height:40px;outline:0;padding-left:18px;padding-right:29px;text-align:left;-webkit-transition:all .2s;transition:all .2s}.nice-select .option.focus,.nice-select .option.selected.focus,.nice-select .option:hover{background-color:#f6f6f6}.nice-select .option.selected{font-weight:700}.nice-select .option.disabled{background-color:transparent;color:#999;cursor:default}.no-csspointerevents .nice-select .list{display:none}.no-csspointerevents .nice-select.open .list{display:block}


/* v03:
 * Swiper 4.3.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 * Copyright 2014-2018 Vladimir Kharlampidi
 * Released under the MIT license
 */
.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}

/* ----------------------- Hiệu ứng hover ảnh ----------------------- */
.img-flash,.img-shine{position:relative;overflow:hidden}.img-circle:before,.img-shine:before{content:'';display:block}.img-circle,.img-flash,.img-shine,.img-slide,.img-zoomin,.img-zoomout{overflow:hidden}.img-flash:hover>*{opacity:1;-webkit-animation:imgFlash 1.5s;-o-animation:imgFlash 1.5s;animation:imgFlash 1.5s}@-webkit-keyframes imgFlash{0%{opacity:.6}100%{opacity:1}}@-moz-keyframes imgFlash{0%{opacity:.6}100%{opacity:1}}@keyframes imgFlash{0%{opacity:.6}100%{opacity:1}}.img-shine:before{position:absolute;top:0;left:-75%;z-index:100;width:50%;height:100%;background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.5) 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.5) 100%);-webkit-transform:skewX(-25deg);-ms-transform:skewX(-25deg);-o-transform:skewX(-25deg);transform:skewX(-25deg)}.img-shine:hover:before{-webkit-animation:imgShine .75s ease-in-out;-o-animation:imgShine .75s ease-in-out;animation:imgShine .75s ease-in-out}@-webkit-keyframes imgShine{100%{left:125%}}@-moz-keyframes imgShine{100%{left:125%}}@keyframes imgShine{100%{left:125%}}.img-circle{position:relative}.img-circle:before{position:absolute;width:0;height:0;border-radius:50%;top:50%;left:50%;z-index:10;opacity:0;background:rgba(255,255,255,.3);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.img-slide,.img-slide>*,.img-zoomin,.img-zoomin>*,.img-zoomout,.img-zoomout>*,[class*=img-caption]{position:relative}.img-circle:hover:before{-webkit-animation:circle .75s infinite;animation:circle .75s infinite}@-webkit-keyframes circle{0%,40%{opacity:1}100%{width:200%;height:200%;opacity:0}}@-moz-keyframes circle{0%,40%{opacity:1}100%{width:200%;height:200%;opacity:0}}@keyframes circle{0%,40%{opacity:1}100%{width:200%;height:200%;opacity:0}}.img-zoomin>*{-webkit-transition:transform .4s ease-in-out;-o-transition:transform .4s ease-in-out;transition:transform .4s ease-in-out}.img-zoomin:hover>*{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}.img-slide>*{left:0;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.img-slide:hover>*{left:-10px}.img-zoomout>*{-webkit-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}.img-zoomout:hover>*{-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}[class*=img-caption]{display:block;overflow:hidden}[class*=img-caption] .image{display:block;position:relative;font-size:0;-webkit-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-webkit-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;transition:all .35s ease-in-out}[class*=img-caption]>.info{display:block;position:absolute;z-index:100;left:0;right:0;background:rgba(255,255,255,1);-webkit-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;transition:all .35s ease-in-out;backface-visibility:hidden}.img-caption-bottom>.info{visibility: hidden;opacity:0;top:initial;bottom:0;-webkit-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%);backface-visibility: hidden;}.img-caption-bottom:hover>.info{visibility: visible;opacity:1;-webkit-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.img-caption-bottom:hover>.image{-webkit-transform:translateY(-50px);-o-transform:translateY(-50px);transform:translateY(-50px)}.img-caption-top>.info{opacity:0;top:0;bottom:initial;-webkit-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}.img-caption-top:hover>.info{opacity:1;-webkit-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.img-caption-top:hover>.image{-webkit-transform:translateY(50px);-o-transform:translateY(50px);transform:translateY(50px)}
[class*=img-push]{display:block;overflow:hidden;position:relative}[class*=img-push] .image{display:block;position:relative;-webkit-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}[class*=img-push] .info{display:block;position:absolute;z-index:100;left:0;right:0;top:0;bottom:0;background:rgba(255,255,255,1);-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.img-push-up .info{-webkit-transform:translate(0,100%);-o-transform:translate(0,100%);transform:translate(0,100%)}.img-push-down .info,.img-push-up:hover .image{-webkit-transform:translate(0,-100%);-o-transform:translate(0,-100%);transform:translate(0,-100%)}.img-push-down:hover .image{-webkit-transform:translate(0,100%);-o-transform:translate(0,100%);transform:translate(0,100%)}.img-push-left .info{-webkit-transform:translate(100%,0);-o-transform:translate(100%,0);transform:translate(100%,0)}.img-push-left:hover .image,.img-push-right .info{-webkit-transform:translate(-100%,0);-o-transform:translate(-100%,0);transform:translate(-100%,0)}.img-push-right:hover .image{-webkit-transform:translate(100%,0);-o-transform:translate(100%,0);transform:translate(100%,0)}[class*=img-push]:hover .info{-webkit-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}

@-moz-keyframes hotline-shake{0%{transform:rotate(0) scale(1) skew(1deg)}10%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}50%{-moz-transform:rotate(0) scale(1) skew(1deg)}100%{-moz-transform:rotate(0) scale(1) skew(1deg)}}@-webkit-keyframes hotline-shake{0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}}@-o-keyframes hotline-shake{0%{-o-transform:rotate(0) scale(1) skew(1deg)}10%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-o-transform:rotate(25deg) scale(1) skew(1deg)}30%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-o-transform:rotate(25deg) scale(1) skew(1deg)}50%{-o-transform:rotate(0) scale(1) skew(1deg)}100%{-o-transform:rotate(0) scale(1) skew(1deg)}}@keyframes hotline-shake{0%{transform:rotate(0) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%{transform:rotate(0) scale(1) skew(1deg)}100%{transform:rotate(0) scale(1) skew(1deg)}}
	@-moz-keyframes btn-blink {  
	    0% { opacity: 1.0; }
	    50% { opacity: 0.0; }
	    100% { opacity: 1.0; }
	}

	@-webkit-keyframes btn-blink {  
	    0% { opacity: 1.0; }
	    50% { opacity: 0.0; }
	    100% { opacity: 1.0; }
	}

	@keyframes btn-blink {  
	    0% { opacity: 1.0; }
	    50% { opacity: 0.0; }
	    100% { opacity: 1.0; }
	}
	
/* v03:
 * Simply SCroll 
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 * Copyright 2014-2018 Vladimir Kharlampidi
 * Released under the MIT license
 */
.simply-scroll-container{position:relative}.simply-scroll-clip{position:relative;overflow:hidden}.simply-scroll-list{overflow:hidden;margin:0;padding:0;list-style:none}.simply-scroll-list li{padding:0;margin:0;list-style:none}.simply-scroll-list li img{border:none;display:block}.simply-scroll-btn{position:absolute;background-image:url(/frontend/resources/library/css/buttons.png);width:42px;height:44px;z-index:3;cursor:pointer}.simply-scroll-btn-left{left:6px;bottom:6px;background-position:0 -44px}.simply-scroll-btn-left.disabled{background-position:0 0!important}.simply-scroll-btn-left:focus,.simply-scroll-btn-left:hover{background-position:0 -88px}.simply-scroll-btn-right{right:6px;bottom:6px;background-position:-84px -44px}.simply-scroll-btn-right.disabled{background-position:-84px 0!important}.simply-scroll-btn-right:focus,.simply-scroll-btn-right:hover{background-position:-84px -88px}.simply-scroll-btn-up{right:6px;top:6px;background-position:-126px -44px}.simply-scroll-btn-up.disabled{background-position:-126px 0!important}.simply-scroll-btn-up:focus,.simply-scroll-btn-up:hover{background-position:-126px -88px}.simply-scroll-btn-down{right:6px;bottom:6px;background-position:-42px -44px}.simply-scroll-btn-down.disabled{background-position:-42px 0!important}.simply-scroll-btn-down:focus,.simply-scroll-btn-down:hover{background-position:-42px -88px}.simply-scroll-btn-pause{right:6px;bottom:6px;background-position:-168px -44px}.simply-scroll-btn-pause:focus,.simply-scroll-btn-pause:hover{background-position:-168px -88px}.simply-scroll-btn-pause.active{background-position:-84px -44px}.simply-scroll-btn-pause.active:focus,.simply-scroll-btn-pause.active:hover{background-position:-84px -88px}.simply-scroll{width:576px;height:200px;margin-bottom:1em}.simply-scroll .simply-scroll-clip{width:576px;height:200px}.simply-scroll .simply-scroll-list li{float:left;width:290px;height:200px}.vert{width:340px;height:400px;margin-bottom:1.5em}.vert .simply-scroll-clip{width:290px;height:400px}.vert .simply-scroll-list li{width:140px;height:200px}.vert .simply-scroll-btn-up{right:0;top:0}.vert .simply-scroll-btn-down{right:0;top:52px}
.thumb-ratio{
	position: relative;
	padding-top: 50%;
}
.thumb-ratio >*{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}
/* frontend/resources/plugins/wow/css/libs/animate.css */
@charset "UTF-8";


/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
}

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

/* frontend/resources/plugins/OwlCarousel2-2.3.4/dist/assets/owl.carousel.min.css */
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/frontend/resources/plugins/OwlCarousel2-2.3.4/dist/assets/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/* frontend/resources/plugins/OwlCarousel2-2.3.4/dist/assets/owl.theme.default.min.css */
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
/* frontend/core/plugins/jquery-nice-select-1.1.0/css/nice-select.css */
.nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: #fff;
  border-radius: 5px;
  border: solid 1px #e8e8e8;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  height: 42px;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap;
  width: auto; }
  .nice-select:hover {
    border-color: #dbdbdb; }
  .nice-select:active, .nice-select.open, .nice-select:focus {
    border-color: #999; }
  .nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
        -ms-transform-origin: 66% 66%;
            transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 5px; }
  .nice-select.open:after {
    -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
            transform: rotate(-135deg); }
  .nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
        -ms-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0); }
  .nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none; }
    .nice-select.disabled:after {
      border-color: #cccccc; }
  .nice-select.wide {
    width: 100%; }
    .nice-select.wide .list {
      left: 0 !important;
      right: 0 !important; }
  .nice-select.right {
    float: right; }
    .nice-select.right .list {
      left: auto;
      right: 0; }
  .nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px; }
    .nice-select.small:after {
      height: 4px;
      width: 4px; }
    .nice-select.small .option {
      line-height: 34px;
      min-height: 34px; }
  .nice-select .list {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
        -ms-transform: scale(0.75) translateY(-21px);
            transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9; }
    .nice-select .list:hover .option:not(:hover) {
      background-color: transparent !important; }
  .nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; }
    .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
      background-color: #f6f6f6; }
    .nice-select .option.selected {
      font-weight: bold; }
    .nice-select .option.disabled {
      background-color: transparent;
      color: #999;
      cursor: default; }

.no-csspointerevents .nice-select .list {
  display: none; }

.no-csspointerevents .nice-select.open .list {
  display: block; }

/* frontend/resources/style.css */

@font-face {
    font-family: 'SVN-Shape';
    src: url('/frontend/fonts/SVN-Shape.woff2') format('woff2'),
        url('/frontend/fonts/SVN-Shape.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face{
    font-family:"uicons-regular-straight";
    src:url("/frontend/resources/fonts/uicons-regular-straight.eot#iefix") format("embedded-opentype"),
    url("/frontend/resources/fonts/uicons-regular-straight.woff2") format("woff2"),
    url("/frontend/resources/fonts/uicons-regular-straight.woff") format("woff")
}



i[class^=fi-rs-],span[class^=fi-rs-]{line-height:0 !important}i[class^=fi-rs-]:before,i[class*=" fi-rs-"]:before,span[class^=fi-rs-]:before,span[class*=fi-rs-]:before{font-family:uicons-regular-straight !important;font-style:normal;font-weight:400 !important;font-variant:normal;text-transform:none;line-height:1 !important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fi-rs-add:before{content:"\f101"}.fi-rs-alarm-clock:before{content:"\f102"}.fi-rs-align-center:before{content:"\f103"}.fi-rs-align-justify:before{content:"\f104"}.fi-rs-align-left:before{content:"\f105"}.fi-rs-align-right:before{content:"\f106"}.fi-rs-ambulance:before{content:"\f107"}.fi-rs-angle-double-left:before{content:"\f108"}.fi-rs-angle-double-right:before{content:"\f109"}.fi-rs-angle-double-small-left:before{content:"\f10a"}.fi-rs-angle-double-small-right:before{content:"\f10b"}.fi-rs-angle-down:before{content:"\f10c"}.fi-rs-angle-left:before{content:"\f10d"}.fi-rs-angle-right:before{content:"\f10e"}.fi-rs-angle-small-down:before{content:"\f10f"}.fi-rs-angle-small-left:before{content:"\f110"}.fi-rs-angle-small-right:before{content:"\f111"}.fi-rs-angle-small-up:before{content:"\f112"}.fi-rs-angle-up:before{content:"\f113"}.fi-rs-apps-add:before{content:"\f114"}.fi-rs-apps-delete:before{content:"\f115"}.fi-rs-apps-sort:before{content:"\f116"}.fi-rs-apps:before{content:"\f117"}.fi-rs-archive:before{content:"\f118"}.fi-rs-arrow-down:before{content:"\f119"}.fi-rs-arrow-left:before{content:"\f11a"}.fi-rs-arrow-right:before{content:"\f11b"}.fi-rs-arrow-small-down:before{content:"\f11c"}.fi-rs-arrow-small-left:before{content:"\f11d"}.fi-rs-arrow-small-right:before{content:"\f11e"}.fi-rs-arrow-small-up:before{content:"\f11f"}.fi-rs-arrow-up:before{content:"\f120"}.fi-rs-asterisk:before{content:"\f121"}.fi-rs-backpack:before{content:"\f122"}.fi-rs-badge:before{content:"\f123"}.fi-rs-ban:before{content:"\f124"}.fi-rs-band-aid:before{content:"\f125"}.fi-rs-bank:before{content:"\f126"}.fi-rs-barber-shop:before{content:"\f127"}.fi-rs-baseball:before{content:"\f128"}.fi-rs-basketball:before{content:"\f129"}.fi-rs-bell-ring:before{content:"\f12a"}.fi-rs-bell-school:before{content:"\f12b"}.fi-rs-bell:before{content:"\f12c"}.fi-rs-billiard:before{content:"\f12d"}.fi-rs-bold:before{content:"\f12e"}.fi-rs-book-alt:before{content:"\f12f"}.fi-rs-book:before{content:"\f130"}.fi-rs-bookmark:before{content:"\f131"}.fi-rs-bowling:before{content:"\f132"}.fi-rs-box-alt:before{content:"\f133"}.fi-rs-box:before{content:"\f134"}.fi-rs-briefcase:before{content:"\f135"}.fi-rs-broom:before{content:"\f136"}.fi-rs-browser:before{content:"\f137"}.fi-rs-brush:before{content:"\f138"}.fi-rs-bug:before{content:"\f139"}.fi-rs-building:before{content:"\f13a"}.fi-rs-bulb:before{content:"\f13b"}.fi-rs-calculator:before{content:"\f13c"}.fi-rs-calendar:before{content:"\f13d"}.fi-rs-camera:before{content:"\f13e"}.fi-rs-caret-down:before{content:"\f13f"}.fi-rs-caret-left:before{content:"\f140"}.fi-rs-caret-right:before{content:"\f141"}.fi-rs-caret-up:before{content:"\f142"}.fi-rs-check:before{content:"\f143"}.fi-rs-checkbox:before{content:"\f144"}.fi-rs-chess:before{content:"\f145"}.fi-rs-circle-small:before{content:"\f146"}.fi-rs-circle:before{content:"\f147"}.fi-rs-clip:before{content:"\f148"}.fi-rs-clock:before{content:"\f149"}.fi-rs-cloud-check:before{content:"\f14a"}.fi-rs-cloud-disabled:before{content:"\f14b"}.fi-rs-cloud-download:before{content:"\f14c"}.fi-rs-cloud-share:before{content:"\f14d"}.fi-rs-cloud-upload:before{content:"\f14e"}.fi-rs-cloud:before{content:"\f14f"}.fi-rs-comment-alt:before{content:"\f150"}.fi-rs-comment:before{content:"\f151"}.fi-rs-compress-alt:before{content:"\f152"}.fi-rs-compress:before{content:"\f153"}.fi-rs-computer:before{content:"\f154"}.fi-rs-cookie:before{content:"\f155"}.fi-rs-copy-alt:before{content:"\f156"}.fi-rs-copy:before{content:"\f157"}.fi-rs-copyright:before{content:"\f158"}.fi-rs-cream:before{content:"\f159"}.fi-rs-credit-card:before{content:"\f15a"}.fi-rs-cross-circle:before{content:"\f15b"}.fi-rs-cross-small:before{content:"\f15c"}.fi-rs-cross:before{content:"\f15d"}.fi-rs-crown:before{content:"\f15e"}.fi-rs-cursor-finger:before{content:"\f15f"}.fi-rs-cursor-plus:before{content:"\f160"}.fi-rs-cursor-text-alt:before{content:"\f161"}.fi-rs-cursor-text:before{content:"\f162"}.fi-rs-cursor:before{content:"\f163"}.fi-rs-dart:before{content:"\f164"}.fi-rs-dashboard:before{content:"\f165"}.fi-rs-data-transfer:before{content:"\f166"}.fi-rs-database:before{content:"\f167"}.fi-rs-delete:before{content:"\f168"}.fi-rs-diamond:before{content:"\f169"}.fi-rs-dice:before{content:"\f16a"}.fi-rs-diploma:before{content:"\f16b"}.fi-rs-disk:before{content:"\f16c"}.fi-rs-doctor:before{content:"\f16d"}.fi-rs-document-signed:before{content:"\f16e"}.fi-rs-document:before{content:"\f16f"}.fi-rs-dollar:before{content:"\f170"}.fi-rs-download:before{content:"\f171"}.fi-rs-duplicate:before{content:"\f172"}.fi-rs-e-learning:before{content:"\f173"}.fi-rs-earnings:before{content:"\f174"}.fi-rs-edit-alt:before{content:"\f175"}.fi-rs-edit:before{content:"\f176"}.fi-rs-envelope:before{content:"\f177"}.fi-rs-euro:before{content:"\f178"}.fi-rs-exclamation:before{content:"\f179"}.fi-rs-expand:before{content:"\f17a"}.fi-rs-eye-crossed:before{content:"\f17b"}.fi-rs-eye-dropper:before{content:"\f17c"}.fi-rs-eye:before{content:"\f17d"}.fi-rs-feather:before{content:"\f17e"}.fi-rs-file-add:before{content:"\f17f"}.fi-rs-file-ai:before{content:"\f180"}.fi-rs-file-check:before{content:"\f181"}.fi-rs-file-delete:before{content:"\f182"}.fi-rs-file-eps:before{content:"\f183"}.fi-rs-file-gif:before{content:"\f184"}.fi-rs-file-music:before{content:"\f185"}.fi-rs-file-psd:before{content:"\f186"}.fi-rs-file:before{content:"\f187"}.fi-rs-fill:before{content:"\f188"}.fi-rs-film:before{content:"\f189"}.fi-rs-filter:before{content:"\f18a"}.fi-rs-fingerprint:before{content:"\f18b"}.fi-rs-flag:before{content:"\f18c"}.fi-rs-flame:before{content:"\f18d"}.fi-rs-flip-horizontal:before{content:"\f18e"}.fi-rs-folder-add:before{content:"\f18f"}.fi-rs-folder:before{content:"\f190"}.fi-rs-following:before{content:"\f191"}.fi-rs-football:before{content:"\f192"}.fi-rs-form:before{content:"\f193"}.fi-rs-forward:before{content:"\f194"}.fi-rs-ftp:before{content:"\f195"}.fi-rs-gallery:before{content:"\f196"}.fi-rs-glasses:before{content:"\f197"}.fi-rs-globe-alt:before{content:"\f198"}.fi-rs-globe:before{content:"\f199"}.fi-rs-golf:before{content:"\f19a"}.fi-rs-graduation-cap:before{content:"\f19b"}.fi-rs-graphic-tablet:before{content:"\f19c"}.fi-rs-grid-alt:before{content:"\f19d"}.fi-rs-grid:before{content:"\f19e"}.fi-rs-gym:before{content:"\f19f"}.fi-rs-headphones:before{content:"\f1a0"}.fi-rs-headset:before{content:"\f1a1"}.fi-rs-heart:before{content:"\f1a2"}.fi-rs-home:before{content:"\f1a3"}.fi-rs-hourglass-end:before{content:"\f1a4"}.fi-rs-hourglass:before{content:"\f1a5"}.fi-rs-ice-skate:before{content:"\f1a6"}.fi-rs-id-badge:before{content:"\f1a7"}.fi-rs-inbox:before{content:"\f1a8"}.fi-rs-incognito:before{content:"\f1a9"}.fi-rs-indent:before{content:"\f1aa"}.fi-rs-infinity:before{content:"\f1ab"}.fi-rs-info:before{content:"\f1ac"}.fi-rs-interactive:before{content:"\f1ad"}.fi-rs-interlining:before{content:"\f1ae"}.fi-rs-interrogation:before{content:"\f1af"}.fi-rs-italic:before{content:"\f1b0"}.fi-rs-jpg:before{content:"\f1b1"}.fi-rs-key:before{content:"\f1b2"}.fi-rs-keyboard:before{content:"\f1b3"}.fi-rs-label:before{content:"\f1b4"}.fi-rs-laptop:before{content:"\f1b5"}.fi-rs-lasso:before{content:"\f1b6"}.fi-rs-layers:before{content:"\f1b7"}.fi-rs-layout-fluid:before{content:"\f1b8"}.fi-rs-letter-case:before{content:"\f1b9"}.fi-rs-life-ring:before{content:"\f1ba"}.fi-rs-line-width:before{content:"\f1bb"}.fi-rs-link:before{content:"\f1bc"}.fi-rs-lipstick:before{content:"\f1bd"}.fi-rs-list-check:before{content:"\f1be"}.fi-rs-list:before{content:"\f1bf"}.fi-rs-location-alt:before{content:"\f1c0"}.fi-rs-lock-alt:before{content:"\f1c1"}.fi-rs-lock:before{content:"\f1c2"}.fi-rs-magic-wand:before{content:"\f1c3"}.fi-rs-makeup-brush:before{content:"\f1c4"}.fi-rs-marker-time:before{content:"\f1c5"}.fi-rs-marker:before{content:"\f1c6"}.fi-rs-medicine:before{content:"\f1c7"}.fi-rs-megaphone:before{content:"\f1c8"}.fi-rs-menu-burger:before{content:"\f1c9"}.fi-rs-menu-dots-vertical:before{content:"\f1ca"}.fi-rs-menu-dots:before{content:"\f1cb"}.fi-rs-microphone:before{content:"\f1cc"}.fi-rs-minus-small:before{content:"\f1cd"}.fi-rs-minus:before{content:"\f1ce"}.fi-rs-mobile:before{content:"\f1cf"}.fi-rs-mode-landscape:before{content:"\f1d0"}.fi-rs-mode-portrait:before{content:"\f1d1"}.fi-rs-money:before{content:"\f1d2"}.fi-rs-mouse:before{content:"\f1d3"}.fi-rs-music-alt:before{content:"\f1d4"}.fi-rs-music:before{content:"\f1d5"}.fi-rs-network-cloud:before{content:"\f1d6"}.fi-rs-network:before{content:"\f1d7"}.fi-rs-notebook:before{content:"\f1d8"}.fi-rs-opacity:before{content:"\f1d9"}.fi-rs-package:before{content:"\f1da"}.fi-rs-paint-brush:before{content:"\f1db"}.fi-rs-palette:before{content:"\f1dc"}.fi-rs-paper-plane:before{content:"\f1dd"}.fi-rs-password:before{content:"\f1de"}.fi-rs-pause:before{content:"\f1df"}.fi-rs-pencil:before{content:"\f1e0"}.fi-rs-pharmacy:before{content:"\f1e1"}.fi-rs-physics:before{content:"\f1e2"}.fi-rs-picture:before{content:"\f1e3"}.fi-rs-ping-pong:before{content:"\f1e4"}.fi-rs-play-alt:before{content:"\f1e5"}.fi-rs-play:before{content:"\f1e6"}.fi-rs-playing-cards:before{content:"\f1e7"}.fi-rs-plus-small:before{content:"\f1e8"}.fi-rs-plus:before{content:"\f1e9"}.fi-rs-poker-chip:before{content:"\f1ea"}.fi-rs-portrait:before{content:"\f1eb"}.fi-rs-pound:before{content:"\f1ec"}.fi-rs-power:before{content:"\f1ed"}.fi-rs-presentation:before{content:"\f1ee"}.fi-rs-print:before{content:"\f1ef"}.fi-rs-protractor:before{content:"\f1f0"}.fi-rs-pulse:before{content:"\f1f1"}.fi-rs-quote-right:before{content:"\f1f2"}.fi-rs-rec:before{content:"\f1f3"}.fi-rs-receipt:before{content:"\f1f4"}.fi-rs-rectangle-horizontal:before{content:"\f1f5"}.fi-rs-rectangle-panoramic:before{content:"\f1f6"}.fi-rs-rectangle-vertical:before{content:"\f1f7"}.fi-rs-redo:before{content:"\f1f8"}.fi-rs-reflect:before{content:"\f1f9"}.fi-rs-refresh:before{content:"\f1fa"}.fi-rs-resize:before{content:"\f1fb"}.fi-rs-resources:before{content:"\f1fc"}.fi-rs-rewind:before{content:"\f1fd"}.fi-rs-rocket:before{content:"\f1fe"}.fi-rs-rotate-right:before{content:"\f1ff"}.fi-rs-rugby:before{content:"\f200"}.fi-rs-scale:before{content:"\f201"}.fi-rs-school-bus:before{content:"\f202"}.fi-rs-school:before{content:"\f203"}.fi-rs-scissors:before{content:"\f204"}.fi-rs-screen:before{content:"\f205"}.fi-rs-search-alt:before{content:"\f206"}.fi-rs-search:before{content:"\f207"}.fi-rs-settings-sliders:before{content:"\f208"}.fi-rs-settings:before{content:"\f209"}.fi-rs-share:before{content:"\f20a"}.fi-rs-shield-check:before{content:"\f20b"}.fi-rs-shield-exclamation:before{content:"\f20c"}.fi-rs-shield-interrogation:before{content:"\f20d"}.fi-rs-shield-plus:before{content:"\f20e"}.fi-rs-shield:before{content:"\f20f"}.fi-rs-shop:before{content:"\f210"}.fi-rs-shopping-bag-add:before{content:"\f211"}.fi-rs-shopping-bag:before{content:"\f212"}.fi-rs-shopping-cart-add:before{content:"\f213"}.fi-rs-shopping-cart-check:before{content:"\f214"}.fi-rs-shopping-cart:before{content:"\f215"}.fi-rs-shuffle:before{content:"\f216"}.fi-rs-sign-in:before{content:"\f217"}.fi-rs-sign-out:before{content:"\f218"}.fi-rs-signal-alt-1:before{content:"\f219"}.fi-rs-signal-alt-2:before{content:"\f21a"}.fi-rs-signal-alt:before{content:"\f21b"}.fi-rs-skateboard:before{content:"\f21c"}.fi-rs-smartphone:before{content:"\f21d"}.fi-rs-soap:before{content:"\f21e"}.fi-rs-spa:before{content:"\f21f"}.fi-rs-speaker:before{content:"\f220"}.fi-rs-spinner-alt:before{content:"\f221"}.fi-rs-spinner:before{content:"\f222"}.fi-rs-square-root:before{content:"\f223"}.fi-rs-square:before{content:"\f224"}.fi-rs-star:before{content:"\f225"}.fi-rs-stats:before{content:"\f226"}.fi-rs-stethoscope:before{content:"\f227"}.fi-rs-sticker:before{content:"\f228"}.fi-rs-stop:before{content:"\f229"}.fi-rs-stopwatch:before{content:"\f22a"}.fi-rs-subtitles:before{content:"\f22b"}.fi-rs-surfing:before{content:"\f22c"}.fi-rs-sword:before{content:"\f22d"}.fi-rs-syringe:before{content:"\f22e"}.fi-rs-tablet:before{content:"\f22f"}.fi-rs-target:before{content:"\f230"}.fi-rs-tennis:before{content:"\f231"}.fi-rs-test-tube:before{content:"\f232"}.fi-rs-test:before{content:"\f233"}.fi-rs-text-check:before{content:"\f234"}.fi-rs-text:before{content:"\f235"}.fi-rs-thumbs-down:before{content:"\f236"}.fi-rs-thumbs-up:before{content:"\f237"}.fi-rs-ticket:before{content:"\f238"}.fi-rs-time-add:before{content:"\f239"}.fi-rs-time-check:before{content:"\f23a"}.fi-rs-time-delete:before{content:"\f23b"}.fi-rs-time-fast:before{content:"\f23c"}.fi-rs-time-forward-sixty:before{content:"\f23d"}.fi-rs-time-forward-ten:before{content:"\f23e"}.fi-rs-time-forward:before{content:"\f23f"}.fi-rs-time-half-past:before{content:"\f240"}.fi-rs-time-oclock:before{content:"\f241"}.fi-rs-time-past:before{content:"\f242"}.fi-rs-time-quarter-past:before{content:"\f243"}.fi-rs-time-quarter-to:before{content:"\f244"}.fi-rs-time-twenty-four:before{content:"\f245"}.fi-rs-tool-crop:before{content:"\f246"}.fi-rs-tool-marquee:before{content:"\f247"}.fi-rs-tooth:before{content:"\f248"}.fi-rs-transform:before{content:"\f249"}.fi-rs-trash:before{content:"\f24a"}.fi-rs-treatment:before{content:"\f24b"}.fi-rs-trophy:before{content:"\f24c"}.fi-rs-umbrella:before{content:"\f24d"}.fi-rs-underline:before{content:"\f24e"}.fi-rs-undo:before{content:"\f24f"}.fi-rs-unlock:before{content:"\f250"}.fi-rs-upload:before{content:"\f251"}.fi-rs-usb-drive:before{content:"\f252"}.fi-rs-user-add:before{content:"\f253"}.fi-rs-user-delete:before{content:"\f254"}.fi-rs-user-remove:before{content:"\f255"}.fi-rs-user-time:before{content:"\f256"}.fi-rs-user:before{content:"\f257"}.fi-rs-users:before{content:"\f258"}.fi-rs-vector-2:before{content:"\f259"}.fi-rs-vector-alt:before{content:"\f25a"}.fi-rs-video-camera:before{content:"\f25b"}.fi-rs-volleyball:before{content:"\f25c"}.fi-rs-volume:before{content:"\f25d"}.fi-rs-wifi-alt:before{content:"\f25e"}.fi-rs-world:before{content:"\f25f"}.fi-rs-yen:before{content:"\f260"}.fi-rs-zoom-in:before{content:"\f261"}.fi-rs-zoom-out:before{content:"\f262"}


:root {
    --primary-color: #F69425;
    --secondary-color: #8C4E39;
    --hover-cover:#8C4E39;
    --border-color:#ececec;
    --border-color-2: #3bb73b;
    --text-color:#7e7e7e;
    --box-shadown-2: 5px 5px 15px rgba(0,0,0,.05);
    --box-shadown-3: 20px 20px 54px rgba(0,0,0,.03);
    --box-shadown-3-hover: 20px 20px 54px rgba(0,0,0,.05);
}

*{
    box-sizing: border-box;
}
body{
    font-family: 'SVN-Shape', sans-serif;
    font-weight: 300;
    margin:0;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
}
.uk-container{
    max-width: 1240px;
    padding:0 20px;
}

@media (max-width: 1024px){
    .uk-container{
        padding: 0 10px;
    }
}

button{
    font-family: 'Montserrat', sans-serif;
}

ul{
    margin:0;
}

ul li{
    list-style: none;
}
.swiper-container{
    overflow: hidden;
}
/* CSS */
.section-title {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;        /* điều chỉnh kích thước chữ */
    color: #05479E;           /* màu chữ giống ví dụ */
    margin: 2rem 0;           /* khoảng trên/dưới */
  }
  
  .section-title::before,
  .section-title::after {
    content: "";
    flex: 1;
    height: 1px;              /* độ dày đường kẻ */
    background: #ccc;         /* màu đường kẻ (có thể chỉnh) */
  }
  
  .section-title::before {
    margin-right: 1rem;       /* khoảng cách giữa đường kẻ trái và chữ */
  }
  
  .section-title::after {
    margin-left: 1rem;        /* khoảng cách giữa đường kẻ phải và chữ */
  }
  

/* FILTER */
/* .filter{
    margin-bottom:30px;
} */
.filter-widget .view-grid{
    margin-right:10px;
    background: var(--primary-color);
    font-size:20px;
    height:40px;
    width:40px;
    color:#000;
    line-height:44px;
    border-radius: 6px;
    text-align: center;
    background: #def9ec;
}
.filter-widget .view-grid.active{
    background: var(--primary-color);
    color:#fff;
}
.filter-widget .btn-filter{
    padding: 7px 24px;
    border-radius: 30px;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
    font-weight: 800;
    color: #253d4e;
    background: #fff;
    border: 1px solid var(--border-color);
    transition: all .3s ease 0s;
    box-shadow: 20px 20px 40px rgba(0,0,0,.07);
}
.filter-text{
    font-size:15px;
    margin-right:20px;
    color:#7e7e7e
}
.filter-content{
    position: fixed;
    background: #fff;
    box-shadow: 5px 5px 15px rgba(0,0,0,.05);;
    padding: 50px 50px 30px;
    width: 30%;
    right: 0;
    height: 100%;
    top: 0;
    transition: .6s !important;
    -moz-transition: .6s !important;
    -o-transition: .6s !important;
    -ms-transition: .6s !important;
    /* opacity: 0; */
    z-index: 9999999;
    border-left: 1px solid var(--border-color);
    overflow: auto;
    direction: rtl;
}
.filter-content-container{
    direction: ltr;
}
.filter-overlay{
    position: relative;
}
.features-section {
    display: flex;
    justify-content: space-between;
    gap: 20px; /* Khoảng cách giữa các box */
    padding: 40px 60px;
    background: rgba(0, 0, 0, 0.5); /* Làm nền tối mờ nếu cần */
    backdrop-filter: blur(4px);
}

.feature-box {
    flex: 1;
    background-color: rgba(42, 78, 95, 0.9); /* Nền xanh mờ như hình */
    color: white;
    padding: 20px;
    border-radius: 6px;
    text-align: center;
}

.feature-box h3 {
    margin-bottom: 10px;
    font-weight: 700;
}

.filter-close{
    position: absolute;
    top:-20px;
    right:-20px;
    width:40px;
    height:40px;
    background: #fdc040;
    border-radius: 50%;
    text-align: center;
    line-height:44px;
    cursor:pointer;
    z-index: 100;
    transition: all 0.5s ease;
}
.filter-close:hover{
    background: var(--hover-cover);
    color:#fff;
    transform: rotate(360deg);
}
.filter-minimize{
    right:-100%;
    opacity: 0;
    visibility: hidden;
}
.filter-open{
    right:0;
    opacity: 1;
}

.slider-box label, .slider-box input {
    border: none; 
    display: inline-block; 
    margin-right: -4px; 
    vertical-align: top; 
    width: 30%;
    outline:0;
    border-radius: 5px;
    font-size:16px;
}
.slider-box input {width: 70%}
.slider {margin: 25px 0}
.filter-heading{
    font-size:24px;
    margin-bottom:30px;
    padding-bottom:20px;
    position: relative;
    border-bottom: 1px solid var(--border-color);
    font-weight:800;
}
.filter-heading:before{
    content:'';
    display: block;
    position: absolute;
    width: 80px;
    height:2px;
    background: var(--primary-color);
    bottom:-1px;
    left:0;
}
.ui-slider-horizontal .ui-slider-range{
    background: var(--primary-color);
}
.ui-slider-horizontal .ui-slider-handle{
    border-radius: 50%;
}
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover {
    border: 1px solid var(--primary-color);
    background: var(--primary-color);
    font-weight: normal;
    color: #fff
}
.ui-widget.ui-widget-content{
    border-radius: 100px;
    height:5px;
}
.ui-slider .ui-slider-handle{
    width:15px;
    height:15px;
}
.ui-slider-horizontal .ui-slider-handle{
    top:-6px;
    background: #fff;
}
.input-value{
    padding:5px 15px;
    border:1px solid #ececec !important;
    text-align: center;
    width:150px !important;
    font-weight:500;
}
.input-value:focus{
    border:1px solid var(--border-color-2) !important;
}
.filter-item:not(:last-child){
    margin-bottom:50px;
}
.filter-category-list{
    padding-left:25px;
    margin-top:10px;
}
.filter-choose:not(:last-child){
    margin-bottom:10px;
}
.filter-choose{
    font-size:16px;
    font-weight:500;
}
.filter-choose label{
    cursor:pointer;
}
.input-checkbox{
    background-color: #fff;
    border: 2px solid var(--border-color);
    border-radius: 2px;
    box-sizing: border-box;
    font-size: 18px;
    height: 1.2em;
    margin: 0 10px 0 0 !important;
    min-height: 1.2em;
    min-width: 1.2em;
    overflow: hidden;
    position: static;
    vertical-align: middle;
    width: 1.2em;
}
.filter-content::-webkit-scrollbar{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: var(--color-brand);
    width:6px;
}

.filter-content::-webkit-scrollbar-track {
    background: #f1f1f1;
}
.filter-content::-webkit-scrollbar-thumb {
    background: var(--primary-color);
}
.filter-content::-webkit-scrollbar-thumb:hover {
    background: #555;
}
.filter-choose .totalProduct{
    color:var(--hover-cover);
    font-size:13px;
}
.star-list i,
.filter-star i{
    color:#fdc040;
}


/* END FILTER */
.page-breadcrumb{
    margin-top:10px;
}
.page-breadcrumb li{
    display: inline-block;
    margin-right:10px;
    padding-right:10px;
    position: relative;
}
.page-breadcrumb li > *{
    color: #000;
    font-weight:normal;
}

.page-breadcrumb li:not(:last-child):before{
    content: "/";
    /* font-family: "uicons-regular-straight" !important; */
    display: inline-block;
    font-size: 12px;
    height: 12px;
    line-height: 12px;
    right: -6px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    color: #000;
}

.pc-header .upper{
    background: #b6b6b6;
    padding:10px 0;
    color:#fff;
    text-transform: uppercase;
    font-weight: 600;
}

.header-cart img{
    height:19px;
    margin-top:15px;
    filter:brightness(0) invert(1);
}
.header-cart .cart-mini{
    -webkit-box-shadow: 0 0 6px rgba(62,59,59,.56) inset;
    -moz-box-shadow: 0 0 6px rgba(62, 59, 59, .56) inset;
    box-shadow: 0 0 6px rgba(62,59,59,.56) inset;
    display: inline-block;
    margin-left: 5px;
    line-height: 40px;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    text-align: center;
    font-weight: 400;
    font-size: 13px;
    position: relative;
    background: #00319a;
    margin-left:10px;
}
.header-cart .cart-mini .number{
    position: absolute;
    left:50%;
    top:3px;
    line-height:15px;
    transform: translate(-50%, 0);
    color:#fff;
}
.header-cart{
    margin-right:20px;
    padding-right:20px;
    position: relative;
}
.header-cart:before{
    content:'';
    display: block;
    position: absolute;
    right:0;
    top:50%;
    width:1px;
    height:25px;
    background: #b2b2b2;
    transform: translate(0, -50%);
}
.header-cart .cart-text{
    color:#000;
    font-weight: 700;
}
.header-hotline .text{
    font-size:17px;
    font-weight: 700;
    line-height:25px;
    position: relative;
    padding-right:40px;
    display: inline-block;
}
.header-hotline .text:before{
    content:'';
    display: block;
    position: absolute;
    right:0;
    top:-7px;
    width:31px;
    height:31px;
    background: url('/frontend/resources/img/Vector.png');
}
.header-hotline .hotline-number{
    font-weight: 900;
    color: #00319a;
    font-size: 20px;
    line-height: 20px;
}

.header-search{
    width:500px;
    position: relative;
}
.header-search .input-text{
    width:100%;
    border:1px solid #505050 !important;
    height:42px !important;
    border-radius: 100px;
}

.header-search button{
    padding: 0;
    line-height: 34px;
    height: 34px;
    background: #00319a;
    border: 0;
    color: #fff;
    font-size: 14px;
    width: 120px;
    margin: 0;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    position: absolute;
    top:4px;
    right:4px;
    cursor: pointer;
}

.pc-header .lower{
    position: relative;
    z-index: 998;
    background: #00319a;
    -webkit-box-shadow: 0 10px 13px #0000000d;
    -moz-box-shadow: 0 10px 13px #0000000d;
    box-shadow: 0 10px 13px #0000000d;
}

.category-dropdown{
    position: absolute;
    width: 100%;
    top: 30px;
    z-index: 99999;
    display: none;
    background: #f5f5f5;
    border-top: 0;
    -webkit-box-shadow: 0 -2px 7px 0 rgba(0,0,0,.1) inset;
    -moz-box-shadow: 0 -2px 7px 0 rgba(0, 0, 0, .1) inset;
    box-shadow: 0 -2px 7px 0 rgba(0,0,0,.1) inset;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding:10px;
}

.navigation .main-menu > li > a{
    padding:15px;
    color:#fff;
    font-size:15px;
}

.category-heading{
    display: block;
    background: #f4f4f4;
    color: #000;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    cursor: pointer;
    font-weight: 700;
    position: relative;
    padding-left: 50px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-transform: uppercase;
    padding-right:30px;
    font-size: 12px;
}
.category-heading:before{
    content:'';
    display: block;
    position: absolute;
    left:15px;
    top:3px;
    width:26px;
    height:24px;
    background: url('/frontend/resources/img/Sort.png');
}

.categories:hover .category-dropdown{
    display: block;
}

.categories{
    position: relative;
}

.categories .category-dropdown ul li a{
    display: block;
    color:#00319a;
    font-weight: 700;
    font-size:13px;
    text-transform: uppercase;
}

.categories .category-dropdown ul li:not(:last-child){
    border-bottom:1px solid #eaeaea;
    margin-bottom:10px;
    padding-bottom:10px;
}

.banner-item{
    margin-bottom:25px;
}

.panel-main-slide{
    padding:0px 0;
}

@media(max-width: 768px){
    .banner-wrapper{
        margin-top:20px !important;
    }
    .fix-bottom {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        padding: 5px;
        background: #fff;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        z-index: 100;
    }
    .fix-item .text {
        text-align: center;
        color: #000;
        font-weight: 500;
    }
    .fix-item img {
        height: 15px;
        width: 17px;
        margin-left: auto;
        margin-right: auto;
    }
    .fix-item {
        padding: 5px !important;
        border-right : 1px solid rgba(0, 0, 0, .15);;
    }
    .fix-item .image,
    .fix-item .icon{
        height: 15px;
        width: 15px;
        margin-bottom: 5px;
        margin-left: auto;
        margin-right: auto;
    }
    .fix-item  i{
        color: #000;
    }
    .bottom-support-online{
        display: none;
    }
    .panel-subcribe .uk-flex{
        display: block;
    }
    .panel-subcribe .uk-flex .panel-head{
        margin-bottom: 30px;
    }
    .panel-subcribe .subcribe-form{
        margin-bottom: 30px;
        width: auto;
    }
    .mobile-logo a img{
        height: 50px;
    }
    .product-related{
        margin-top: 30px;
    }
    .detail-wrapper .post-title{
        line-height: 1.5;
        word-spacing: normal;
        letter-spacing: normal;
        white-space: normal;
        margin-bottom: 20px;
    }
    .detail-wrapper .description p,
    .detail-wrapper .content p{
        text-align: justify;
    }
    .post-main-image{
        max-width: 100%;
        width: 100%;
        height: auto;
    }
    .detail-wrapper .content img,
    .detail-wrapper .description img{
        max-width: 100% !important;
        width: 100% !important;
        height: auto !important;
    }
    .aside{
        padding-top: 20px;
    }
    .review-filter .uk-flex .filter-item .review-filter-btn{
        margin-bottom: 5px;
    }
    .panel-main-slide .uk-width-large-1-3{
        display: none;
    }
    .panel-main-slide .swiper-button-next,
    .panel-main-slide .swiper-button-prev{
        display: none;
    }
    .panel-main-slide .swiper-pagination-bullet{
        width: 12px;
        height: 12px;
        background: #fff;
        border: 2.5px solid #000;
        opacity: 0.5;
    }
    .panel-main-slide .swiper-pagination-bullet-active{
        background: #fff;
        opacity: 1;
        border: 2.5px solid #00319a;
        width: 12px;
        height: 12px;
    }
    .search-mobile .uk-form input{
        width: 100%;
        border-radius: 8px;
        height: 38px;
        touch-action: none !important;
    }
    .search-mobile .uk-form input::placeholder{
        font-weight: 600;
        font-size: 13px;
    }
    .search-mobile{
        padding-left: 10px;
        padding-right: 10px;
    }
    .panel-main-slide{
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .search-mobile  .form-row{
        position: relative;
    }
    .search-mobile .form-row button{
        position: absolute;
        right: 10px;
        border: none;
        background-color: #fff;
        top: 10px;
    }
    .mobile-upper {
        padding-top: 5px;
        padding-bottom: 5px;
        box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
        margin-bottom: 12px;
    }
    .panel-main-slide .uk-container{
        padding-left: 0;
        padding-right: 0;
    }
    .mobile-header svg{
        width: 32px !important;
    }
    .mobile-widget .btn-addCart svg{
        width: 26px !important;
    }
    .mobile-widget .btn-addCart{
        margin-right: 20px;
    }
    .panel-flash-sale{
        display: block !important;
    }
    .panel-flash-sale .main-heading:before {
        filter: none !important;
    }
}

@media (max-width: 600px){
    .banner-item{
        margin-bottom: 20px !important;
    }
    .popup-gallery .swiper-container{
       padding: 0 !important;
    }
    .cart-information .form-row input[name="fullname"]{
        margin-bottom: 20px;
    }
    .cart-information .uk-width-large-1-3{
        margin-bottom: 20px;
    }
    .cart-information .uk-width-large-1-3:last-child{
        margin-bottom: 0;
    }
    .addToCart.mobile{
        display: block !important;
        position: fixed;
        bottom: 60px;
        left: 0;
        width: 100% !important;
        z-index: 1000;
        text-align: center;
        border-radius: 0;
    }
    .pagination .page-item{
        margin-bottom: 5px !important;
    }
}
@media(max-width: 500px){
    .price-old span{
        display: none;
    }
    .panel-product .panel-head .heading-1 > *{
        font-size: 14px !important;
    }
}
.addToCart.mobile{
    display: none;
}
.page{
    background: #f5f5f5;
}

.panel-general{
    padding:20px 0;
}

.panel-flash-sale .panel-head,
.panel-product .panel-head{
    margin-bottom:30px;
    background: #00319a;
    padding: 10px 15px;
    border-radius: 5px;
}
.panel-product .panel-head .heading-1{
    margin:0;
}

.main-heading{
    padding-left: 140px;
    position: relative;
}

.main-heading:before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 128px;
    height: 48px;
    background-image: url('/userfiles/image/logo/PHUSA.png');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    filter: brightness(96%);
}

.panel-product .panel-head .heading-1 > *{
    color:#fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size:18px;
}
.panel-product .panel-head .readmore{
    color:#fff;
    font-weight: 600;
}

.product-item{
    position: relative;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    padding-top:10px;
}
.product-item .image{
    height:144px;
}
.product-item .image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}
.product-item .info{
    padding:10px;
}
.product-item .title > *{ 
    font-size:13px;
    color:#000;
    line-height:20px;
}
.product-item .title {
    height:42px;
    overflow: hidden;
}

.product-item .price-sale{
    color:#00319a;
    font-weight: 700;
    font-family: 'SVN-Shape', sans-serif;
    font-size: 14px;
}
.price-sale{
    margin-right:10px;
}
.price-old{
    margin-right:10px;
    font-weight: 700;
    text-decoration: line-through;
}
.price-old .percent{
    text-decoration: none;
}
.product-item{
    position: relative;
}
.product-item .percent{
    position: absolute;
    padding: 5px 10px;
    background: #00319a;
    color: #fff;
    right: -1px;
    top: -1px;
    border-radius: 0 5px 0 5px;
    -webkit-border-radius: 0 5px 0 5px;
    -moz-border-radius: 0 5px 0 5px;
    font-size: 14px;
    font-weight: 800;
}

@media (max-width: 600px){
    .panel-head .readmore{
        display: none;
    }
    .cart-success .cart-heading{
        margin-bottom: 15px !important;
    }
    .discover-text{
        margin-bottom: 15px !important;
    }
    .checkout-box-head .order-title {
        margin-bottom: 15px !important;
    }
    .checkout-box-head .order-date{
        justify-content: space-around;
    }
    .checkout-box-head {
        margin-bottom: 15px !important;
    }
}

@media (max-width: 415px){
    .panel-head .heading-1 > *{
        font-size:15px !important;
    }
    .filter-widget .btn-filter{
        padding: 7px 18px !important;
    }
}

.panel-news{
    padding: 30px 0;
}

.heading-2{
    text-align: center;
    margin:0;
}
.panel-news .panel-head{
    margin-bottom:30px;
}

.heading-2 > * {
    font-size: 30px;
    color:#00319a;
    text-transform: uppercase;
    font-weight: 700;
}

.news-item .image{
    height:180px;
}
.news-item .info{
    padding:10px;
}
.news-item .info .title{
    margin-bottom:30px;
}
.news-item .info .title > *{
    color:#000;
    text-transform: uppercase;
    font-size:14px;
}
.news-item:hover{
    -webkit-box-shadow: 0 2px 7px #ccc;
    -moz-box-shadow: 0 2px 7px #ccc;
    box-shadow: 0 2px 7px #ccc;
}
.news-item .description{
    margin-bottom:20px;
    color:#000;
    font-size:14px;
    font-weight: 500;
    text-align: justify;
}

.news-item .readmore{
    text-transform: uppercase;
    color:#00319a;
    text-decoration: underline;
    font-weight: 600;
}

/* Blog item — giống lưới sản phẩm */
.blog-item .image,
.blog-item a.image,
.blog-item a.image.img-cover {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    height: 240px !important;
    min-height: 240px !important;
    max-height: 240px !important;
    overflow: hidden !important;
    line-height: 0 !important;
    text-decoration: none;
    background-color: #fff;
    padding: 8px;
    box-sizing: border-box;
}

.blog-item .image img,
.blog-item a.image img,
.blog-item a.image.img-cover img {
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}
.blog-item .info{
    padding:10px;
}
.blog-item .info .title,
.blog-item .title{
    margin-bottom:15px;
}
.blog-item .info .title > *,
.blog-item .title > *,
.blog-item .info .title,
.blog-item .title{
    color:#00319a !important;
    font-size:22px !important;
    font-weight: 600 !important;
    line-height: 1.4;
}

@media (max-width: 960px) {
    .blog-item .image,
    .blog-item a.image,
    .blog-item a.image.img-cover {
        height: 220px !important;
        min-height: 220px !important;
        max-height: 220px !important;
    }
}

@media (max-width: 600px){
    .news-item .image{
        height: 180px;
    }
    .blog-item .image,
    .blog-item a.image,
    .blog-item a.image.img-cover {
        height: 180px !important;
        min-height: 180px !important;
        max-height: 180px !important;
    }
    .blog-item .image img,
    .blog-item a.image img,
    .blog-item a.image.img-cover img {
        object-fit: contain !important;
        object-position: center !important;
    }
    .news-item .readmore,
    .news-item .created_at,
    .news-item .description{
        display: none;
    }
}

.panel-subcribe{
    padding: 50px 0;
    background: #f5f5f5;
}

.panel-subcribe .panel-head{
    padding-left: 110px;
    position: relative;
}
.panel-subcribe .panel-head:before{
    content:'';
    display: block;
    position: absolute;
    left:0;
    top:0;
    width:90px;
    height:53px;
    background: url('/frontend/resources/img/bg-register.png');
    background-size:100% !important;
}

.heading-3 > *{
    text-transform: uppercase;
}

.panel-subcribe .panel-head .description{
    color:#212529;
    font-weight: 500;
}

.subcribe-form{
    position: relative;
    width:455px;
    background: #fff;
    overflow: hidden;
    height:45px !important;
    -webkit-box-shadow: 0 4px 4px rgba(0,0,0,.25);
    -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    box-shadow: 0 4px 4px rgba(0,0,0,.25);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border:0;
}

.subcribe-form input{
    height:100% !important;
    width:100%;
   border:0 !important;
}

.subcribe-form button{
    position: absolute;
    height:33px;
    background: #00319a;
    text-transform: uppercase;
    color:#fff;
    font-weight: 600;
    right:5px;
    top:6px;
    border:12px;
    padding: 0 20px;
    border-radius: 5px;
}

.subcribe-form{
    margin-right:20px;
}

.social-item{
    margin-right:15px;
    color:#00319a;
    font-size:18px;
}

/* FOOTER */
.footer-logo img{
    max-width: 125px;
}
.footer .company-name{
    margin-top:20px;
    font-size: 15px;
    font-weight: 800;
    color:#000;
    text-transform: uppercase;
    margin-bottom:20px;
}
.ft-heading{
    font-size: 15px;
    font-weight: 800;
    color:#000;
    text-transform: uppercase;
    margin-bottom:20px;
}

.footer-menu ul li{
    position: relative;
    padding-left:10px;
    margin-bottom:10px
}

.footer-menu ul li > *{
    color:#000;
    font-size:14px;
    text-transform: uppercase;
    font-weight: normal !important; /* Đặt !important để ghi đè */
}

.footer-menu ul li:before{
    content:'';
    display: block;
    position: absolute;
    left:0;
    top:0;
    width:5px;
    height:5px;
    background: #000;
    border-radius: 50%;
    top:50%;
    transform: translate(0, -50%);
}

.footer .upper .uk-container{
    margin-bottom:20px;
    padding-bottom:20px;
    border-bottom:1px solid #eaeaea;
}

.copyright{
    font-weight: 500;
    padding-bottom:20px;
}

.footer-contact {
    font-weight: 500;
}

.noti {
    position: fixed;
    left: 10px;
    /*bottom: 10px;*/
    bottom: 50px;
    max-width: 290px;
    background: #fff;
    font-size: 14px;
    border: 1px solid #cccccc6e;
    color: #333;
    border-radius: 100px;
    z-index: 999999;
    height: 60px;
    padding: 0;
    display: flex;
    align-items: center;
    opacity: 0.9;
    transition: top .5s ease-in-out, bottom .5s ease-in-out, opacity .5s ease-in-out;
  }
  
  .noti .noti-ava {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    margin: 5px;
  }
  
  .noti .noti-ava img {
    width: 100%;
  }
  
  .noti .noti-info {
    flex: 1;
    padding: 0 5px;
    font-size: 12px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
  }
  
  .noti .noti-title {
    font-weight: bold;
  }
  
.aside-category{
    position: relative;
    background: #fff;
    -webkit-box-shadow: 1px 2px 5px #e3e3e3;
    -moz-box-shadow: 1px 2px 5px #e3e3e3;
    box-shadow: 1px 2px 5px #e3e3e3;
    border: 1px solid #e4e4e4;
}
.aside-heading{
    color: #00319a;
    border-bottom: 1px solid #e4e4e4;
    padding: .7rem .8rem;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0;
    position: relative;
}

.aside-body{
    padding:10px;
}

.aside-category .aside-body ul li{
    margin-bottom:10px;
}

.aside-category .aside-body ul li > *{
    font-size:14px;
    line-height:20px;
    color:#000;
    font-weight: 500;
}

.aside-product:not(:last-child){
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:1px solid #eaeaea;
}
.aside-product .image{
    width:90px;
    height:75px;
    float:left;
}

.aside-product .info{
    width:calc(100% - 90px);
    float:left;
    padding-left:10px;
}

.product-list .product-item{
    background: #f5f5f5;
}

.aside-product .info .title > *{
    color:#000;
    font-size:14px;
    font-weight: 600;
}

.aside-product .info .price-sale{
    color:#00319a;
    font-weight: 600;
}
.product-catalogue:not(.page-wrapper){
    padding-bottom:30px;
}

.wrapper .heading-2{
    margin:0;
}

.wrapper .heading-2 > *{
    font-size:18px;
}


/* POPUP */
.popup-product .price{
    display: inline-block;
}

.popup-product .price .price-sale{
    margin-bottom:10px;
}

.popup-product .price .price-old{
    font-size:15px;
}

.popup-product .price .percent{
    right:32px;
}

.author{
    margin-right:10px;
}
.popup-container{
    padding:20px;
}
.popup-product .title > *{
    font-size:20px;
    color: #00319a;
    line-height: 32px;
    text-transform: uppercase;
    font-weight: bold;
}
.popup-product .rating{
    margin-bottom:20px;
    padding-bottom:10px;
    border-bottom:none;
}
.popup-product .price .price-sale{
    font-size:28px;
    font-weight: 900;
}

.popup-product .price .price-old{
    font-style: italic;
    color:#666;
    margin-bottom:8px;
}

.popup-product .description{
    margin-bottom:20px;
    font-size:16px;
    line-height:25px;
}
.popup-product .description p{
    padding-left:0;
    position: static;
    margin-bottom:3px;
    font-size:16px;
}

/* Table styling inside short description on product detail */
.popup-product .description table{
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}
.popup-product .description th,
.popup-product .description td{
    border: 1px solid #dde3ee;
    padding: 6px 10px;
    text-align: left;
    font-size: 14px;
}
.popup-product .description thead{
    background-color: #f5f7fb;
    font-weight: 600;
}
.attribute .attribute-item {
    margin-bottom:10px;
}
.attribute .attribute-item .label{
    color:#425A8B;
    font-size:15px;
    margin-bottom:10px;
}
.attribute .attribute-item .label span{
    color: #FD9636;
}
.attribute .attribute-item .attribute-value > *{
    display: inline-block;
    border: 1px solid #8C9EC5;
    padding: 5px 8px;
    border-radius: 2px;
    margin-right: 4px;
    cursor: pointer;
    font-weight: 500;
}
.attribute  .outstock{
    border:1px dashed #8C9EC5 !important;
    opacity: 0.5 !important;
}
.attribute .active{
    color:#FD9636 !important;
    font-weight: 600 !important;
    border-color:#FD9636 !important;
    background: #F0F3F8 !important;
}

.attribute .color-item{
    border:1px solid #8C9EC5;
    width:50px;
}

.attribute .color-item img{
    border-radius: 50%;
}

.quantity .quantitybox{
    position: relative;
    margin-right:20px;
}
.quantity .quantity-button{
    position: absolute;
    top:0;
    width:40px;
    height:42px;
    text-align: center;
    line-height:42px;

}
.quantity .quantity-text{
    height:42px;
    border:0;
    border-bottom:4px solid;
    outline:0;
    padding:0 20px;
    width:140px;
    text-align: center;
    font-size:14px;
    font-weight:500;
    color: #000;
    border:1px solid #ececec;
    padding-right:40px;
    padding-left:40px;
}
.quantity .text{
    margin-right:10px;
}
.quantity .minus{
    left:0;
    border-right:1px solid #ececec;
}
.quantity .plus{
    right:0;
    border-left:1px solid #ececec;
}
.quantity .text{
    font-size:15px;
    margin-bottom:5px;
}
.modal-width-1138{
    width: 1138px !important;
    margin:20px auto !important;
}
.swiper-container-thumbs{
    overflow: hidden;
}
.swiper-container-thumbs .image{
    border: 1px solid #DDE4F0;
    border-radius: 4px;
    margin-bottom: 16px;
    text-align: center;
    line-height: 108px;
    cursor: pointer;
    height:85px;
}
.quantity-button{
    cursor: pointer;
}

.rate-number{
    color:#0E224D;
    font-weight:500;
    font-size:12px;
}
.rate-number-star-icon{
    position:relative;
    display:inline-block;
    width:1em;
    height:1em;
    font-size:1em;
    line-height:1;
    vertical-align:-0.08em;
    margin-right:1px;
}
.rate-number-star-empty{
    color:#f5a623;
    font-size:1em;
}
.rate-number-star-filled{
    position:absolute;
    left:0;
    bottom:0;
    top:auto;
    overflow:hidden;
    width:100%;
    height:var(--star-fill, 0%);
    color:#f5a623;
}
.rate-number-star-filled .fa{
    font-size:1em;
    position:absolute;
    left:0;
    bottom:0;
}
.rating-text .rate-number-star-icon{
    font-size:1em;
}
/* 
.price{
    margin-bottom:20px;
} */
.price .price-sale{
    font-weight: 700;
    font-size: 14px;
    line-height: 23px;
    margin-right:15px;
    color: #00319a;
    font-family: 'SVN-Shape', sans-serif;
}
.price .price-old{
    font-size:14px;
    color:#000;
    text-decoration: line-through;
    font-weight:500;
}
.product-item .tools{
    position: absolute;
    top:10px;
    right:10px;
}
.product-item .tools > *{
    display: block;
    width:30px;
    height:30px;
    border:1px solid #D5DFE4;
    border-radius: 5px;
    margin-bottom:5px;
    text-align: center;
    line-height:30px;
    transition: all 0.2s cubic-bezier(0.28, 0.12, 0.22, 1);
    will-change: opacity, transform;
    opacity: 0;
    transform: translateX(10px);
    background: #fff;
}
.product-item:hover .tools > *{
    opacity: 1;
    transform: translateX(0);
}
.product-item .tools > *:nth-child(2){
    transition-duration: 0.2s;
    transition-delay: 0.1s;
}
.product-item .tools > *:nth-child(3){
    transition-delay: 0.14s;
}
.product-item .tools > *:nth-child(4){
    transition-delay: 0.18s;
}


.woocommerce-tabs {
    margin-top: 20px;
    background-color: #fff;
    border-radius: 7px;
    border: 1px solid #edeef5;
}

 .woocommerce-tabs .wc-tabs{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    border-bottom:  1px solid #edeef5;
}

 .woocommerce-tabs .wc-tabs a{
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0;
    text-decoration: none;
    padding: 1.25rem;
    display: block;
    color: #ddd;
}

 .woocommerce-tabs .uk-active a{
    color: #000;
}

/*  .woocommerce-tabs .tab-panel .woocommerce-Tabs-panel{
    height: 200px;
    overflow: hidden;
    
} */

 .woocommerce-tabs .tab-panel{
    position: relative;
}

.bg-article {
    background: linear-gradient(to bottom,rgba(255 255 255/0),rgba(255 255 255/62.5),rgba(255 255 255/1));
    bottom: 15px;
    height: 105px;
    left: 0;
    bottom: 0;
    position: absolute;
    width: 100%;
}

.btn-group.description-tabs{
    text-align: center;
}

.btn-group.description-tabs button{
    border: 1px solid #2f80ed;
    border-radius: 5px;
    color: #2f80ed;
    display: block;
    margin: 0 auto;
    max-width: 340px;
    padding: 10px 20px;
    text-align: center;
    background: #fff;
    cursor: pointer;
}

.heigthAuto{
    height: auto!important;
}

.hidden{
    display: none;
}


.productContent table{
    width:100%;
    margin: 20px 0;
}
.productContent table td{
    font-size:14px;
    line-height:1.4;
    padding:16px;
}
.productContent table  tr:nth-child(even) {
    background-color: #f8f6ff;
}

.productContent img{
    margin: 40px auto;
    width:60%;
    display: block;
}

.swiper-slide .image-cover{
    height:300px;
}
.product-short-description{
    text-align: justify;
    font-size:14px;
    line-height:23px;
}
.productContent h2{
    font-size:24px;
    margin-bottom:20px;
    margin-top:25px;
}
.productContent img{
    border-radius: 10px !important;
}
.productContent ul,
.productContent ol{
    margin:20px 0;
    padding-left:10px;
}
.productContent ol li,
.productContent ul li{
    margin-bottom:15px;
    font-size:16px;
    position: relative;
    line-height:25px;
    text-align: justify;
}
.productContent ol li:before,
.productContent ul li:before{
    content:'';
    display: block;
    position: absolute;
    left: -10px;
    top: 9px;
    width:5px;
    height:5px;
    background: #000;
}

.productContent .uk-grid img{
    width:100% !important;
}

#respond .submit{
    padding:10px 25px;
    background-color: #2a82cc;
    border-radius:5px;
    color:#fff;
    text-transform: uppercase;
    border:0;
}
.product-banner .image{
    height:150px;
}
.addCart{
    cursor: pointer;
    /* margin-left:20px; */
}
.product-short-description{
    height:46px;
    overflow: hidden;
}
.bestseller-item:not(:last-child) {
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:1px solid #eaeaea;
}
.bestseller-item .image{
    width:100px;
    height:110px;
    float:left;
}
.bestseller-item .info{
    width:calc(100% - 100px);
    float:left;
    padding-left:10px;
}

.bestseller-item .info .title > *{
    font-weight: normal;
    color:#000;
}

#qrcode .uk-modal-dialog{
    width:420px;
}

.popup-gallery .swiper-container {
    margin-bottom: 10px;
}

.popup-gallery .swiper-container  .image{
    height:500px;
}

.popup-gallery .swiper-container .swiper-button-next,
.popup-gallery .swiper-container .swiper-button-prev{
    display: none;
}

@media (max-width: 600px){
    .popup-gallery .swiper-container  .image{
        height:320px;
        padding: 20px;
    }
    .popup-gallery .swiper-container .swiper-pagination{
        display: none;
    }
    .productContent img{
        width:100% !important;
        height:auto !important
    }
    
}
.popup-gallery .swiper-container{
    border: 1px solid #e0e0e0;
    -webkit-box-shadow: inset 0 0 10px rgba(44,44,44,.1);
    -moz-box-shadow: inset 0 0 10px rgba(44, 44, 44, .1);
    box-shadow: inset 0 0 10px rgba(44,44,44,.1);
    background: #fff;
    padding:20px;
}

.product-specs{
    font-weight: 500;
    margin-bottom:20px;
}
.popup-product .price .percent-value{
    margin-left:20px;
    text-decoration: none;
}

.popup-product .price-old .percent{
    display: none;
}
.price-save{
    font-weight: 500;
}
.price-save strong{
    font-weight: 900;
}

.addToCart{
    background: #00319a;
    height:40px;
    padding:0 20px;
    line-height:40px;
    color:#fff;
    border-radius: 5px;
}

.addToCart > *{
    color:#fff;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 15px;
}

.right-item{
    padding-left:50px;
    position: relative;
}

.right-item:before{
    content:'';
    display: block;
    position: absolute;
    left:0;
    top:4px;
    width:30px;
    height:30px;
    border:1px solid #eaeaea;
    border-radius: 50%;
}

.right-item:nth-child(1):after,
.right-item:nth-child(3):after{
    position: absolute;
    top:20px;
    left:10px;
    transform: translate(0, -50%);
    content:'\f00c';
    display: block;
    font-family: FontAwesome;
    color:green
}

.right-item:nth-child(2):after{
    position: absolute;
    top:20px;
    left:10px;
    transform: translate(0, -50%);
    content:'\f118';
    display: block;
    font-family: FontAwesome;
    color:green
}

.right-item{
    margin-bottom:10px;
}

.right-item .label{
    font-weight: 600;
}
.right-item .desc{
    font-weight: 500;
    font-size:12px;
    letter-spacing: 1.2px;
}

.a-right{
    border-left:1px solid #e5e5e5;
    padding-left:20px;
}

.product-description{
    font-weight: 500;
    font-size:14px;
}

.productContent{
    font-weight: 400;
    font-size:15px;
    line-height:24px;
    text-align: justify;
}


.contact-form{
    padding:20px;
    border-radius: 5px;
    border:1px solid #DCDCDC;
    background-color: #F8F8F8;
}
.heading-form{
    font-size:18px;
    margin-bottom:20px;
    color:#000;
    font-weight: bold;
}
.contact-form .input-text{
    width:100%;
    height:45px !important;
    border-radius: 5px;
}
.contact-form textarea{
    height:100px;
    margin-top:20px !important;
    width:100%;
    border-radius: 5px;
}
.contact-container-1{
    padding:30px 0;
}

.contact-form button{
    border:0;
    margin-top:20px;
    background-color: var(--main-color);
    font-size:14px;
    text-transform: uppercase;
    color:#fff;
    padding:10px 25px;
    border-radius: 5px;
}
.contact-infor{
    padding:15px;
    border:1px solid #DCDCDC;
    /* background: url('/upload/image/banner/notice.jpg'); - File không tồn tại, đã xóa */
    background-size:cover;
    min-height: 388px;
}
.contact-infor .brand{
    color:var(--primary-color);
    font-weight:600;
    font-size:25px;
}
.contact-contact p{
    font-weight:500;
    color:#000;
    font-family: Roboto;
}
.contact-form button{
    background: var(--primary-color);
}


.aside-news .aside-heading{
    padding:10px;
    background: #00319a;
    color:#fff;
    font-size:18px;
    text-transform: uppercase;
}
.aside-news .aside-post-item:not(:last-child) {
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:1px solid #eaeaea;
}
.aside-news .aside-post-item .image{
    width:100px;
    height:70px;
    float:left;
    overflow: hidden;
    position: relative;
    background-color: #f5f5f5;
}
.aside-news .aside-post-item .image img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block;
}
.aside-news .aside-body{
    padding:10px;
}
.aside-news .aside-post-item .info{
    width:calc(100% - 100px);
    padding-left:10px;
    float:left;
}
.aside-news .aside-post-item .info .title > *{
    color:#000;
    font-weight:normal
}
.aside-news .aside-post-item .info .title > *:hover{
    color:var(--primary-color)
}

/* Sidebar bài viết nổi bật — giống sản phẩm nổi bật (.aside-featured-thumb) */
.aside-post-featured-thumb {
    width: 72px;
    height: 44px;
    border-radius: 8px;
    overflow: hidden;
    flex-shrink: 0;
    background: #f5f7fa;
    border: 1px solid #eef2f7;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.aside-post-featured-thumb:not(.aside-post-featured-thumb--placeholder) img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
    display: block;
    padding: 0;
    box-sizing: border-box;
}

.aside-post-featured-thumb--placeholder {
    padding: 3px;
    box-sizing: border-box;
}

.aside-post-featured-thumb--placeholder img {
    width: auto;
    height: auto;
    max-width: 88%;
    max-height: 88%;
    object-fit: contain;
    object-position: center;
    display: block;
    padding: 0;
}

.aside-post-featured-info {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.aside-post-featured .aside-body {
    padding: 10px 10px 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.aside-post-featured-item {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 8px;
    border: 1px solid #eceff5;
    border-radius: 10px;
    background: #fff;
    text-decoration: none;
    color: inherit;
    transition: all 0.2s ease;
}

.aside-post-featured-item:hover {
    border-color: #00319a;
    background: #f7faff;
    transform: translateX(2px);
    box-shadow: 0 4px 12px rgba(0, 49, 154, 0.1);
}

.aside-post-featured-name {
    font-size: 12px;
    font-weight: 600;
    color: #1e293b;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.aside-post-featured-item:hover .aside-post-featured-name {
    color: #00319a;
}

.aside-post-featured-arrow {
    margin-left: auto;
    color: #cbd5e1;
    font-size: 12px;
    flex-shrink: 0;
    transition: color 0.2s ease, transform 0.2s ease;
}

.aside-post-featured-item:hover .aside-post-featured-arrow {
    color: #00319a;
    transform: translateX(2px);
}

.post-detail .detail-wrapper{
    padding-top:30px;
}

.detail-wrapper .post-title{
    word-spacing: normal;
    letter-spacing: normal;
    white-space: normal;
    line-height: 1.5;
    margin-bottom: 20px;
}

.post-main-image{
    display: none !important; /* Ẩn hình đại diện bài viết */
}

.post-image-link{
    display: none !important; /* Ẩn link chứa hình đại diện bài viết */
    margin-bottom: 20px;
    cursor: pointer;
    transition: opacity 0.3s ease;
}

.post-image-link:hover{
    opacity: 0.9;
}

.post-buy-now-wrapper{
    margin: 25px 0;
    text-align: center;
}

.btn-buy-now{
    display: inline-block;
    padding: 12px 35px;
    background-color: #00319a;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 5px;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 49, 154, 0.3);
}

.btn-buy-now:hover{
    background-color: #002080;
    color: #fff;
    text-decoration: none;
    box-shadow: 0 6px 20px rgba(0, 49, 154, 0.4);
    transform: translateY(-2px);
}

.btn-buy-now i{
    margin-right: 8px;
}

/* Cấp 1: 500-1000 chữ - 1 nút */
.btn-buy-now-level-1{
    padding: 12px 35px;
    font-size: 16px;
}

/* Cấp 2: 1000-2000 chữ - 2 nút */
.btn-buy-now-level-2{
    padding: 10px 30px;
    font-size: 15px;
}

/* Cấp 3: >= 2000 chữ - 3 nút */
.btn-buy-now-level-3{
    padding: 8px 25px;
    font-size: 14px;
}

.post-buy-now-level-1,
.post-buy-now-level-2,
.post-buy-now-level-3{
    margin: 30px 0;
    text-align: center;
}

.detail-wrapper .content img,
.detail-wrapper .description img{
    width: 100%;
    max-width: 100%;
    height: auto;
    cursor: pointer;
    transition: opacity 0.3s ease;
    display: block;
    margin: 15px 0;
}

.detail-wrapper .content img:hover,
.detail-wrapper .description img:hover{
    opacity: 0.9;
}


/* CART PAGE */
.cart-container{
    border-bottom:1px solid #d9d9d9;
}
.panel-cart{
    padding-top:25px;
    padding-bottom:25px;
}
.panel-cart .cart-heading{
    text-transform: uppercase;
    font-weight: 900;
    font-size: 24px;
    line-height:28px;
}
.panel-cart .panel-head .has-account{
    font-size:13px;
    font-weight: 500;
}
.panel-cart .panel-head .has-account a{
    color:blue;
    display: inline-block;
    text-transform: capitalize;
}
.panel-cart .panel-body .form-row .input-text{
    width:100% !important;
    border-radius: 6px;
    height: 45px;
    background: #fff;
    border:1px solid #d9d9d9;
    padding:5px 20px;
}
.panel-cart .nice-select{
    width:100% !important;
    border-radius: 100px;
    height:45px;
}
.panel-cart input[type=text]{
    color:#000;
}
.panel-cart input[type=text]::-webkit-input-placeholder{
    color:#000;
    font-size:14px;
}
.method-item{
    align-items: center;
    border:1px solid #d9d9d9;
    border-radius: 8px;
    padding:15px 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    /* opacity: 0.6; */
    font-size:14px;
    margin-bottom:10px;
}
.method-item .image{
    margin:0 20px;
}
.method-item .image img{
    min-width:35px;
    max-height:35px;
    max-width:55px;
}
.cart-checkout{
    border-radius: 8px;
    background: #28a745;
    height:60px;
    min-height:60px;
    width:100%;
    padding:20px 20px;
    text-align: center;
    cursor: pointer;
    font-size:14px;
    color:#fff;
    transition: all 0.3s ease;
    border: none;
    text-transform: uppercase;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cart-checkout:hover{
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
}
.cart-return{
    font-size:13px;
}
.cart-item{
    position: relative;
}
.cart-item:not(:last-child){
    margin-bottom:20px;
    padding-bottom:20px;
    border-bottom:1px solid #d9d9d9;
}
.cart-item .cart-item-image{
    position: relative;
}
.cart-item .cart-item-number{
    position: absolute;
    top:-5px;
    right:25px;
    background: #000;
    border-radius: 50%;
    color:#fff;
    font-size:13px;
    width:20px;
    height:20px;
    text-align: center;
    line-height: 20px;
    cursor: pointer;
}
.cart-item .image img{
    border-radius: 10px;
}

.cart-item .cart-item-info .cart-item-remove{
    position: absolute;
    top:0;
    right:0;
    cursor: pointer;
}
.cart-item .cart-item-info .title{
    font-weight: 500;
}
.cart-item .cart-item-qty{
    position: relative;
}
.cart-item .cart-item-qty input[type=text]{
    background: #fff;
    height: 32px;
    font-size:14px;
    display: inline-block;
    border:0;
    padding:0 30px;
    text-align: center;
    width:110px;
    border:1px solid #000;
    border-radius: 10px;
}
.cart-item .cart-item-qty .btn-qty{
    border:0;
    background: transparent;
    position: absolute;
    top:50%;
    transform:translate(0, -50%);
    left:0;
    font-size:16px;
    cursor: pointer;
    width: 32px;
    height: 32px;
}
.cart-item .cart-item-qty .plus{
    right:0;
    left:initial;
}
.cart-item-price{
    color:blue;
    font-weight: 500;
}

.voucher-item{
    display: flex;
    border:2px solid black;
    border-radius: 16px;
    cursor: pointer;
    transition: all 0.2s ease;
    min-width:200px;
    max-width:200px;
}
.voucher-left{
    flex:1;
    border-right:2px dashed black;
    min-width:20px;
    max-width: 20px;
    position: relative;
}
.voucher-left:before{
    content:'';
    display: block;
    width:20px;
    height:20px;
    background: #fff;
    top:50%;
    left:-2px;
    transform: translate(-50%, -50%) rotate(45deg);
    position: absolute;
    border-top:2px solid #000;
    border-right:2px solid #000;
    border-bottom: 2px solid #0000;
    border-left:2px solid #0000;
    border-radius: 100em;
}
.voucher-right{
    flex:2;
    padding:8px 16px;
    position: relative;
}
.voucher-right:before{
    content:'';
    display: block;
    width:20px;
    height:20px;
    background: #fff;
    top:50%;
    right:-2px;
    transform: translate(48.5%, -50%) rotate(45deg);
    position: absolute;
    border-top:2px solid #0000;
    border-right:2px solid #0000;
    border-left:2px solid #000;
    border-bottom:2px solid #000;
    border-radius: 100em;
}
.voucher-right .voucher-title{
    font-size:13px;
    font-weight: bold;
    margin-bottom:2px;
}
.voucher-right .voucher-title span{
    font-weight: normal;
    font-size:10px;
    color:blue;
}
.voucher-right .voucher-description{
    color: #999;
    font-size:12px;
}

.panel-voucher{
    margin-top:20px;
    padding-top:20px;
    border-top:1px solid #d9d9d9;
    margin-bottom:20px;
    padding-bottom:20px;
    border-bottom:1px solid #d9d9d9;
}
.voucher-form{
    margin-top:15px;
    position: relative;
    height:39px
}
.voucher-form input[type=text]{
    width:70%;
    position: absolute;
    height:100%;
    border-radius: 16px;
    z-index: 3;
    top:0;
    left:0;
    padding:5px 20px;
}
.voucher-form a{
    width:35%;
    height:100%;
    padding:5px 20px 5px calc(20px + 3%);
    border-radius: 0 16px 16px 0;
    border:1px solid #000;
    position: absolute;
    top:0;
    right:0;
    cursor: pointer;
    line-height: 25px;
    font-size:13px;
    color:#fff;
    background: #000;
}
.voucher-list{
    overflow-x: auto;
    overflow-y: hidden;
    display: flex;
    -webkit-overflow-scrolling: touch;
}
.voucher-item:not(:last-child){
    margin-right:10px;
}

.voucher-item.active{
    background: #2f5acf;
    border:2px solid #2f5acf;
    color:#fff;
}
.voucher-item.active .voucher-description{
    color:#fff;
}
.voucher-item.active .voucher-title span{
    color:#fff;
}
.cart-summary-item{
    margin-bottom:10px;
}

.summary-title.bold{
    font-weight:bold;
}
.summay-title.bold{
    font-size:20px;
    font-weight:bold;
}
.cart-total{
    font-size:24px;
    font-weight:bold;
    color: #212529;
}
#shipping-cost{
    font-weight:bold;
}

.cart-container .select2-container{
   width:100% !important;
  
}


.select2-container--default .select2-selection--single{
    height:45px !important;
    border-radius: 6px !important;
    border-color:#d9d9d9 !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height:43px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    height:45px !important;
}

.select2-container .select2-selection--single .select2-selection__rendered{
    padding-right:20px !important;
    padding-left:20px !important;
}

.cart-price-old{
    color:#777;
    font-size:12px;
    text-decoration: line-through;
}
.cart-container .form{
    margin-block-end: 0 !important;
}
.discount-value{
    color:red;
}

.cart-success{
    padding: 30px 10px;
}
@media (min-width: 1220px){
    .cart-success{
        width:800px;
        margin:0 auto;
    }
}
.cart-success .cart-heading{
    text-align: center;
    margin-bottom:30px;
}
.cart-success .cart-heading > span{
    text-transform: uppercase;
    font-weight: 700;
}
.discover-text > *{
    display: inline-block;
    padding:10px 25px;
    background: #2f5acf;
    border-radius: 16px;
    cursor:pointer;
    color:#fff;
}
.discover-text{
    text-align: center;
    margin-top: 10px;
    margin-bottom: 15px;
}
.checkout-box{
    border:1px solid #000;
    padding:15px 20px;
    border-radius: 16px;
}
.cart-success .panel-body{
    margin-bottom:40px;
}
.checkout-box-head{
    margin-bottom:30px;
}

.checkout-box-head .order-title{
    border:1px solid #000;
    border-radius: 16px;
    padding:10px 15px;
    font-weight: 700;
    font-size:16px;
}
.checkout-box-head .order-date{
    display: flex;
    align-items: center;
    font-size:16px;
    font-weight: bold;
    text-align: center;
}
.cart-success .table{
    width:100%;
    border-spacing: 0;
    background: #d9d9d9;
    border-collapse: inherit;
}
.cart-success .table thead>tr th{
    color:#fff;
    background: #2f5acf;
    font-weight: 500;
    font-size:14px;
    vertical-align: middle;
    border-bottom: 2px solid #dee2e6;
    text-align: center;
    border:none;
    padding:12px 15px;
}
.cart-success tbody tr td{
    padding:12px 15px;
    vertical-align: middle;
    font-size: 14px;
    color:#000;
    border-bottom:1px solid #ccc;
}
.cart-success tfoot{
    background: #fff;
}
.cart-success tfoot tr td{
    padding:8px;
}

.cart-success .table td:last-child{
    text-align: right;
}
.cart-success .table tbody tr:nth-child(2n) td {
    background-color: #d9d9d9;
}
.cart-success .checkout-box-body .total_payment{
    font-weight: bold;
    font-size: clamp(16px, 2vw, 20px);
}
.cart-success .checkout-box-body .total_payment td:last-child{
    word-break: break-word;
    overflow-wrap: anywhere;
    white-space: normal;
}
.panel-foot .checkout-box div{
    margin-bottom:15px;
    font-weight: 500;
}
/* EXTEND */
.cat-title{
    margin-bottom:20px;
    font-size:16px;
}
.spec{
    color:var(--primary-color);
    font-size:50px;
    font-weight: bold;
    line-height:50px;
    margin-bottom:8px;
}
.spec-2{
    font-size:40px;
    line-height:40px;
    color: var(--secondary-color);
    font-weight: bold;
    margin-bottom:20px;
}
.cart-container h2.heading-1{
    text-align: center;
    padding-top: 20px;
    margin-bottom: 20px;
}
.cart-container h2.heading-1 > *{
    font-size: 20px;
    text-transform: uppercase;
    line-height: 30px;
    font-weight: bold;
    color: #00319a;
}
.cart-container .panel-foot h2.cart-heading{
    font-size: 16px;
    line-height: 25px;
    font-weight: bold;
    padding: 10px 15px;
    text-transform: uppercase;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    border-bottom: 1px solid #ddd;
    background: #f5f5f5;
}
.cart-container .panel-foot{
    border: 1px solid #ddd;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: #fff;
    overflow: hidden;
    margin-bottom: 20px;
}
.cart-container .panel-foot .cart-method,
.cart-container .panel-foot .cart-return
{
    padding-left: 15px;
    padding-right: 15px;
}
.panel-cart .panel-head{
    padding: 10px 15px;
    white-space: nowrap;
    border: 1px solid #ddd;
    background: #f5f5f5;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.cart-container .panel-cart .panel-body{
    padding: 15px;
    padding-top: 25px;
    padding-bottom: 25px;
    border: 1px solid #ddd;
    border-top: 0;
}
.panel-cart .panel-head h2.cart-heading{
    margin-bottom: 0;
}
.panel-cart .panel-head span{
    text-transform: uppercase;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 16px;
    line-height: 25px;
    font-weight: bold;
}
.panel-cart .table_ordered tr th {
    padding: 10px;
    font-weight: 600;
    text-align: left;
}
.panel-cart .pay{
    padding: 0 !important;
}
.panel-cart .table_ordered tr {
    border-bottom: 1px dotted #ddd;
}
.panel-cart .cart-item-image .image{
    height: 60px;
    width: 60px;
    margin-right: 10px;
}
.panel-cart .cart-item-image .image img{
    border-radius: 6px;
}
.panel-cart .cart-item-image .title{
    font-size: 13px;
}
.panel-cart .cart-item-image{
    display: flex;
    align-items: center;
    padding-left: 15px;
}
.panel-cart .cart-item-image .title{
    width: calc(100% - 70px);
}
.panel-cart .cart-summary{
    padding: 15px;
}
.panel-cart .panel-foot.pay{
    margin-top: 0;
    margin-bottom: 0;
    border-top-right-radius: 0;
    border-top-right-radius: 0;
    border-top: 0;
    background: #f5f5f5;
    margin-bottom: 25px;
}
.panel-cart .cart-summary-item > * {
    font-weight: 600;
}
.panel-cart .box-title {
    font-size: 16px;
    line-height: 25px;
    font-weight: bold;
    padding: 10px 15px;
    text-transform: uppercase;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    border: 1px solid #ddd;
    background: #f5f5f5;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.panel-cart .box-info .info{
    padding: 15px;
    border: 1px solid #ddd;
    border-top: 0;
}
.btn-custom {
        background-color: #00319a;
        color: white;
        font-weight: 600;
        padding: 10px;
        border: none;
        border-radius: 5px;
        transition: background-color 0.3s ease;
    }

    .btn-custom:hover {
        background-color: #0066CC;
    }

    .btn-topup {
        position: fixed;
        bottom: 90px;
        right: 20px;
        z-index: 9999;
        background-color: #00319a;
        color: #fff;
        padding: 12px 14px;
        border-radius: 50%;
        font-size: 24px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
        display: none;
        transition: all 0.3s ease;
        cursor: pointer;
    }

    .btn-topup:hover {
        background-color: #aaaaaa;
    }

    .btn-topup i {
        margin: 0;
    }

    .copyright {
        display: flex;
        justify-content: center;
        /* Căn giữa theo chiều ngang */
        text-align: center;
        /* Căn giữa chữ trong phần tử */
        background-color: #00319a;
        /* Màu nền trắng */
        color: #ffffff;
        /* Màu chữ đen */
        padding: 10px;
    }
.bottom-support-online {
    position: fixed;
    z-index: 999;
    left: 20px;
    bottom: 85px;
}
.bottom-support-online a {
    position: relative;
    margin: 20px 10px;
    text-align: left;
    width: 40px;
    height: 40px;
    display: block;
}
.bottom-support-online i {
    width: 40px;
    height: 40px;
    background: #189eff;
    color: #fff;
    border-radius: 100%;
    font-size: 20px;
    text-align: center;
    line-height: 40px;
    position: relative;
    z-index: 999;
}
.bottom-support-online .animated.infinite {
    animation-iteration-count: infinite;
}
.bottom-support-online .zoomIn {
    animation-name: zoomIn;
}
.bottom-support-online .animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}
.bottom-support-online .kenit-alo-circle {
    width: 50px;
    height: 50px;
    top: -5px;
    right: -5px;
    position: absolute;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid rgba(30, 30, 30, .4);
    border-color: #32a9ff;
    opacity: .5;
    filter: alpha(opacity = 50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 50 ")";
}
bottom-support-online .animated.infinite {
    animation-iteration-count: infinite;
}
.bottom-support-online .pulse {
    animation-name: pulse;
}
.bottom-support-online .animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}
.bottom-support-online .kenit-alo-circle-fill {
    width: 60px;
    height: 60px;
    top: -10px;
    position: absolute;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s;
    background-color: #32a9ff;
    opacity: .5;
    filter: alpha(opacity = 50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 50 ")";
    right: -10px;
}
.bottom-support-online a span {
    border-radius: 2px;
    text-align: center;
    background: #189eff;
    padding: 9px;
    display: none;
    width: 210px;
    margin-left: 10px;
    position: absolute;
    color: #fff;
    z-index: 999;
    top: 0px;
    left: 40px;
    transition: all .2s ease-in-out 0s;
    -moz-animation: headerAnimation .7s 1;
    -webkit-animation: headerAnimation .7s 1;
    -o-animation: headerAnimation .7s 1;
    animation: headerAnimation .7s 1;
}
.bottom-support-online a:hover span {
    display: block;
}
.bottom-support-online a span:before {
    border-color: transparent #d92329 transparent transparent;
}
.bottom-support-online a span:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    position: absolute;
    left: -10px;
    top: 10px;
}
.bottom-support-online .support-content {
    -webkit-transform: translateY(100%);
    opacity: 0;
    /* visibility: hidden; */
    transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
}
.bottom-support-online.show .support-content{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
}
.mobile-header svg{
    width: 35px;
    height: auto;
}
.uk-offcanvas-bar{
    background: #000;
}
.mobile-upper{
    padding-top: 5px;
}
.panel-main-slide .uk-width-large-1-3 .uk-width-medium-1-1:first-child{
    margin-bottom: 24px;
}
/* .panel-flash-sale{
    display: none;
} */
.panel-flash-sale .panel-head .heading-1 {
    margin: 0;
}
.panel-flash-sale .panel-head .heading-1 > * {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
}
.lower .logoScroll img{
    display: none;
}
.lower.uk-active .logoScroll img{
    display: block;
    max-width: 100%;
    height: 40px;
    filter: brightness(0) invert(1);
    width: 100px;
}
.lower.uk-active .uk-width-large-1-5{
    width: 35% !important;
    display: flex;
    align-items: center;
}
.lower.uk-active .uk-width-large-4-5{
    width:65% !important;
}
.lower.uk-active .logoScroll{
    padding-left: 20px;
}
.lower.uk-active .logoScroll{
    margin-right: 30px;
}
.woocommerce-Tabs-panel h3 span{
    font-size: 16px;
}
.panel-foot  .buy-more{
    margin-top: 25px;
}
.panel-foot .buy-more .btn-buymore{
    background: #ededed;
    padding: 10px 20px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    text-align: center;
    position: relative;
    z-index: 1;
    font-size: 14px;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #00319a;
    color: #00319a;
    font-weight: 600;
    display: block;
    width: 225px;
}
.panel-foot .buy-more .btn-buymore:hover{
    transition: all 0.3s ease;
    background: #00319a;
    color: #fff
}
.aside .aside-product{
    position: relative;
}
.aside .percent .percent-value{
    position: absolute;
    top: -5px;
    left: 50px;
    padding: 3px 8px;
    background: #00319a;
    color: #fff;
    -webkit-border-radius: 0 5px 0 5px;
}
.navigation .dropdown-menu{
    display: none;
    position: absolute;
    left:0;
    top:100%;
    background: #fff;
    width: 250px;
}

.navigation .dropdown-menu li a{
    display: block;
    padding: 10px;
    color:#000;
    font-weight: 500;
}
.navigation .dropdown-menu li:hover a{
    background: #d92329;
    color:#fff;
}

.navigation .main-menu > li:hover .dropdown-menu{
    display: block;
}

.heading-4{
    font-size:20px;
    position: relative;
   
    border-bottom:1px solid #dee2e6
}

.heading-4>span{
    position: relative;
    display: inline-block;
    margin-bottom:10px;
    padding-bottom:10px;
}

.heading-4>span:before{
    content:'';
    display: block;
    position: absolute;
    left:0;
    top:initial;
    bottom:-10px;
    width:100%;
    background: #d92329;
    height:2px;
}

.logo{
    max-width: 150px;
}

.pagination{
    padding-left:0 !important;
    text-align: right;
    list-style: none !important;
    margin: 30px 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.pagination .page-item{
    margin: 0;
    display: inline-block;
}

.pagination .page-item > *{
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 8px 12px;
    background: #fff;
    color: #333;
    text-decoration: none;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    font-weight: 500;
    font-size: 14px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    cursor: pointer;
}

.pagination .page-item > *:hover{
    background: #f4763e;
    color: #fff;
    border-color: #f4763e;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(244, 118, 62, 0.3);
}

.pagination .page-item.active > *{
    background: linear-gradient(135deg, #0D0C55, #72ACD6) !important;
    color: #fff !important;
    border-color: #0D0C55 !important;
    box-shadow: 0 4px 12px rgba(13, 12, 85, 0.4) !important;
    transform: translateY(-2px);
    font-weight: 600;
}

.pagination .page-item.disabled > *{
    background: #f5f5f5 !important;
    color: #bbb !important;
    border-color: #e0e0e0 !important;
    cursor: not-allowed;
    opacity: 0.5;
    box-shadow: none !important;
}

.pagination .page-item.disabled > *:hover{
    background: #f5f5f5 !important;
    color: #bbb !important;
    border-color: #e0e0e0 !important;
    transform: none !important;
    box-shadow: none !important;
}
.filter-input-value-mobile{
    display: none;
}
.popup-product .product-description{
    padding: 10px;
    border: 1px dashed #d92329;
    background-color: #fefe;
}

@media (max-width: 600px){
    .product-catalogue .wrapper > .uk-flex{
        display: block;
    }
    .product-catalogue .wrapper .heading-2{
        margin-bottom:20px;
    }
    .filter-content{
        width:90%;
    }
    .product-list .uk-width-large-1-4{
        width: 50%;
    }
    .filter-input-value-mobile{
        display: flex;
        flex-wrap: wrap;
    }
    .filter-input-value-mobile .input-value{
        margin-bottom: 10px;
        padding: 5px 10px !important;
        margin-right: 8px;
        display: block;
        flex-basis: 46%; 
    }
    .filter-content{
        width: 90% !important;
        padding-left: 30px;
        padding-right: 30px;
    }
    .filter-item{
        display: none !important;
    }
    .filter-input-value-mobile .input-value{
        color: #000;
        border-radius: 6px;
    }
    .filter-input-value-mobile .input-value:hover {
        border: 1px solid #2f80ed !important;
        color: #2f80ed;
    }
    .pagination{
        text-align: right;
    }
    .noti{
        bottom: 130px !important;
    }
    .popup-product .a-right .mb20{
        padding-top: 10px !important;
        margin-bottom: 15px !important;
    }
    .right-item .desc{
        letter-spacing: 1.2px;
    }
    .popup-product .product-description{
        margin-top: 4px;
    }
}

/* Responsive cho nút addToCart */
.addToCart.desktop-only {
    display: block;
}

.addToCart.mobile-only {
    display: none;
}

/* Style cho trạng thái processing */
.addToCart.processing {
    opacity: 0.6;
    pointer-events: none;
    cursor: not-allowed;
}

.addToCart.processing a {
    cursor: not-allowed;
}

/* Style cho quantity button processing */
.btn-qty.processing {
    opacity: 0.6;
    pointer-events: none;
    cursor: not-allowed;
}

.btn-qty.processing:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Responsive */
@media (max-width: 768px) {
    .addToCart.desktop-only {
        display: none;
    }
    
    .addToCart.mobile-only {
        display: block;
    }
}

/* frontend/css/slide-dimensions.css */
/* CSS cho kích thước slide tùy chỉnh */
.panel-slide {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}

.panel-slide .swiper-container {
    width: 100% !important;
    height: 100% !important;
}

.panel-slide .swiper-wrapper {
    width: 100%;
    height: 100%;
}

.panel-slide .swiper-slide {
    width: 100% !important;
    height: 100% !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.panel-slide .slide-item {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}

.panel-slide .slide-item .image {
    width: 100%;
    height: 100%;
    display: block;
}

.panel-slide .slide-item .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* Video slide dimensions */
.panel-slide .slide-item.video-slide {
    width: 100%;
    height: 100%;
}

.panel-slide .slide-item.video-slide .video-player {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .panel-slide {
        max-width: 100%;
    }
}

@media (max-width: 480px) {
    .panel-slide {
        max-width: 100%;
    }
}

/* Ensure proper aspect ratio */
.panel-slide .swiper-slide img,
.panel-slide .swiper-slide video {
    max-width: 100%;
    max-height: 100%;
}

/* frontend/css/slide-video.css */
/* CSS cho slide video frontend */
.slide-item.video-slide {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.video-player {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.video-link-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: transparent;
}

/* Swiper customization for video */
.swiper-slide .video-slide {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Video controls styling */
.video-player::-webkit-media-controls-panel {
    background-color: rgba(0, 0, 0, 0.5);
}

.video-player::-webkit-media-controls-play-button,
.video-player::-webkit-media-controls-pause-button {
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
}

/* Responsive video */
@media (max-width: 768px) {
    .video-player {
        height: 250px;
    }
}

@media (max-width: 480px) {
    .video-player {
        height: 200px;
    }
}

/* Video thumbnail overlay */
.video-slide::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 50%;
    z-index: 5;
    pointer-events: none;
}

.video-slide::after {
    content: '▶';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 24px;
    z-index: 6;
    pointer-events: none;
}

/* Hide overlay when video is playing */
.video-player[poster] + .video-link-overlay + .video-slide::before,
.video-player[poster] + .video-link-overlay + .video-slide::after {
    display: none;
}

/* frontend/css/phusa-header.css */
/**
 * Phusa Header Styles
 * Navigation bar only (hero section moved to separate CSS file)
 */

/* Font Face - Commented out due to corrupted font files */
/* @font-face {
    font-family: 'SVN-Shape';
    src: url('/frontend/fonts/SVN-Shape.woff2') format('woff2'),
        url('/frontend/fonts/SVN-Shape.woff') format('woff');
    font-weight: normal;
    font-style: normal;
} */

body {
    font-family: 'Instrument Sans', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    overflow-x: hidden;
}

/* Prevent header from causing horizontal scroll */
html, body {
    max-width: 100vw;
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
}

/* ===== READING PROGRESS BAR ===== */
.phusa-reading-progress {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: rgba(255, 255, 255, 0.1);
    z-index: 10001;
    transition: background 0.3s ease;
}

.phusa-reading-progress-bar {
    height: 100%;
    width: 0%;
    background: linear-gradient(90deg, #72ACD6 0%, #1B2E59 100%);
    transition: width 0.1s ease, background 0.3s ease;
    box-shadow: 0 0 10px rgba(114, 172, 214, 0.5);
}

/* Change progress bar color when header scrolled */
body.phusa-header-scrolled .phusa-reading-progress {
    background: rgba(27, 46, 89, 0.1);
}

body.phusa-header-scrolled .phusa-reading-progress-bar {
    background: linear-gradient(90deg, #72ACD6 0%, #F4763E 100%);
    box-shadow: 0 0 10px rgba(244, 118, 62, 0.5);
}

/* ===== HEADER STYLES ===== */
.phusa-header-wrapper {
    position: fixed;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    max-width: calc(100vw - 20px);
    z-index: 1000;
    /* Giữ nguyên kích thước khi zoom */
    transform-origin: center top;
    /* Ensure header doesn't overflow on any screen size */
    box-sizing: border-box;
    /* Prevent horizontal overflow */
    padding: 0;
    margin: 0;
}

/* Very large screens (> 1920px) */
@media (min-width: 1921px) {
    .phusa-header-wrapper {
        left: 50%;
        transform: translateX(-50%);
        width: 90%;
        max-width: 1800px;
    }
    
    .phusa-nav-menu {
        flex-wrap: nowrap;
        gap: 14px;
    }
}

/* ===== CONTENT SPACING ===== */
/* Add top margin to main content to prevent header overlap */
.main-wrapper {
    margin-top: 85px; /* 75px header height + 10px spacing */
}

/* Specific spacing for all page types */
.product-container,
.page-wrapper,
.page-breadcrumb,
.page-agency,
.panel-agency,
.panel-body,
.uk-container-center,
.contact-container,
.distribution-container,
.post-container,
.blog-container,
.news-container,
.about-container,
.service-container,
.workshop-container,
.lab-container,
.order-container,
.cart-container,
.auth-container {
    margin-top: 20px;
}

/* Trang nội dung dùng phusa-page-layout.css — không cộng thêm margin */
.main-wrapper .page-wrapper .page-breadcrumb,
.main-wrapper .page-wrapper > .uk-container,
.main-wrapper .page-wrapper .uk-container-center,
.main-wrapper .page-wrapper .panel-body,
.main-wrapper .page-wrapper [class*='-catalogue-body'],
.main-wrapper .page-wrapper [class*='-detail-body'],
.main-wrapper .customer-area-page.page-wrapper > .uk-container,
.main-wrapper .customer-area-page.page-wrapper .panel-body,
.main-wrapper .customer-area-page.page-wrapper .cart-container {
    margin-top: 0;
}

/* Breadcrumb specific spacing */
.page-breadcrumb {
    margin-top: 20px;
}

.main-wrapper .page-wrapper .page-breadcrumb,
.main-wrapper .page-breadcrumb.background {
    margin-top: 10px;
}

/* Homepage specific - hero section has padding-top to handle header spacing */
.phusa-hero-section {
    margin-top: 0;
    /* Padding-top is handled in phusa-hero.css to avoid header overlap */
}

/* Auth pages specific spacing */
.auth-container,
.login-container,
.register-container {
    margin-top: 30px;
}

/* Lab booking pages specific spacing */
.lab-container,
.booking-container,
.checkin-container {
    margin-top: 25px;
}

/* Cart and order pages specific spacing */
.cart-container,
.order-container,
.my-order-container {
    margin-top: 25px;
}

/* Special cases for pages with different layouts */
/* Auth pages that don't use main-wrapper */
body.auth-page,
body.login-page,
body.register-page {
    padding-top: 100px;
}

/* Lab booking pages that might have different structure */
.lab-booking-page,
.checkin-page {
    padding-top: 90px;
}

/* Pages with full-width content */
.full-width-page {
    margin-top: 90px;
}

/* Modal and popup pages */
.modal-page,
.popup-page {
    margin-top: 90px;
}

/* Pages with custom containers */
.custom-container {
    margin-top: 20px;
}

/* Ensure all direct content containers have proper spacing */
[main-content] {
    margin-top: 20px;
}

/* Special handling for pages that extend different layouts */
.page-content {
    margin-top: 20px;
}

/* Blog and news specific spacing */
.blog-post,
.news-article,
.post-content {
    margin-top: 20px;
}

/* Contact and about pages */
.contact-form,
.about-content,
.service-content {
    margin-top: 20px;
}

.phusa-header-top {
    position: relative;
    isolation: isolate;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 50px;
    height: 75px;
    padding: 0 22px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.3);
    transition: all 0.3s ease;
    overflow: visible;
}

/* Blur trên lớp nền riêng — tránh logo/text bị mờ do backdrop-filter trên cùng phần tử */
.phusa-header-top::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: inherit;
    backdrop-filter: blur(15px) saturate(180%);
    -webkit-backdrop-filter: blur(15px) saturate(180%);
    z-index: -1;
    pointer-events: none;
}

/* ===== HEADER SCROLL EFFECT ===== */
.phusa-header-wrapper.phusa-scrolled .phusa-header-top {
    background: rgba(255, 255, 255, 0.95) !important;
    border: 1px solid rgba(255, 255, 255, 0.8) !important;
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.2) !important;
}

.phusa-header-wrapper.phusa-scrolled .phusa-header-top::before {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.phusa-header-top:hover {
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(255, 255, 255, 0.8);
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.2);
}

/* Ensure scroll state overrides hover when scrolled */
.phusa-header-wrapper.phusa-scrolled .phusa-header-top:hover {
    background: rgba(255, 255, 255, 0.95) !important;
    border: 1px solid rgba(255, 255, 255, 0.8) !important;
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.2) !important;
}

.phusa-header-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    gap: 12px;
    width: 100%;
    overflow: visible;
    min-width: 0;
    box-sizing: border-box;
}

.phusa-logo-header {
    display: flex;
    align-items: center;
    min-width: 150px;
    flex-shrink: 0;
    overflow: hidden;
    box-sizing: border-box;
}

.phusa-logo-header a {
    display: block;
    text-decoration: none;
    transition: opacity 0.3s ease;
    max-width: 100%;
}

.phusa-logo-header a:hover {
    opacity: 0.8;
    text-decoration: none;
}

.phusa-logo-header img {
    height: 50px;
    width: auto;
    max-width: 180px;
    object-fit: contain;
    display: block;
    transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    image-rendering: auto;
}

/* ===== NAVIGATION ===== */
.phusa-header-content > nav {
    flex: 1 1 auto;
    display: flex;
    justify-content: flex-start;
    min-width: 0;
    overflow: visible;
    max-width: 100%;
    margin-right: 4px;
}

/* ===== NAVIGATION MENU ===== */
.phusa-nav-menu {
    display: flex;
    list-style: none;
    gap: 8px;
    align-items: center;
    margin: 0;
    padding: 0;
    flex: 1 1 auto;
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow: visible;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    padding-right: 0;
}

.phusa-nav-menu li {
    position: relative;
    z-index: 1001;
    flex-shrink: 0;
}

.phusa-nav-menu li:last-child {
    margin-right: 0;
}

.phusa-nav-menu a {
    text-decoration: none;
    color: #1B2E59;
    font-family: 'Montserrat', 'Roboto Flex', sans-serif;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.06px;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 3px;
    white-space: nowrap;
    text-shadow: 0 1px 3px rgba(255, 255, 255, 0.8);
    position: relative;
    padding: 6px 6px;
    min-height: 40px;
    min-width: 40px;
    box-sizing: border-box;
    cursor: pointer;
}

/* Cấp 2+ (dropdown menu) - chữ thường */
.phusa-dropdown-menu a,
.phusa-dropdown-menu-sub a {
    text-transform: none !important;
    letter-spacing: normal;
    font-size: 15px;
    font-weight: 500;
}

.phusa-nav-menu a:hover,
.phusa-nav-menu a:focus,
.phusa-nav-menu li:hover > a {
    color: #F4763E;
    text-decoration: underline !important;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
}

.phusa-dropdown-toggle:hover,
.phusa-dropdown-toggle:focus,
.phusa-dropdown:hover .phusa-dropdown-toggle {
    text-decoration: underline !important;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
    color: #F4763E !important;
}

.phusa-nav-menu a i {
    font-family: "Font Awesome 6 Free";
    font-size: 10px;
    opacity: 0.7;
    transition: transform 0.3s ease;
    font-weight: 900;
}

/* Oligo accent: sweep (::before) + star (::after, above text) */
.phusa-menu-highlight-oligo {
    position: relative;
    display: inline-block;
    padding: 1px 12px 1px 6px;
    border-radius: 999px;
    color: inherit;
    font-weight: inherit;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.72), rgba(114, 172, 214, 0.14));
    border: 1px solid rgba(114, 172, 214, 0.35);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65), 0 1px 6px rgba(27, 46, 89, 0.06);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    overflow: hidden;
    isolation: isolate;
    transform-origin: center center;
    animation: phusa-oligo-pill-pulse 2.2s ease-in-out infinite;
    transition: box-shadow 0.25s ease, border-color 0.25s ease;
}

/* Vệt lướt phía sau chữ: cầu vồng mờ (không thay màu chữ OLIGO) */
.phusa-menu-highlight-oligo::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    z-index: 0;
    background: linear-gradient(
        120deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 0, 0, 0.22) 18%,
        rgba(255, 127, 0, 0.2) 32%,
        rgba(255, 255, 0, 0.18) 46%,
        rgba(0, 255, 0, 0.16) 54%,
        rgba(0, 191, 255, 0.2) 68%,
        rgba(0, 0, 255, 0.2) 78%,
        rgba(139, 0, 255, 0.22) 88%,
        rgba(255, 255, 255, 0) 100%
    );
    transform: translateX(-130%);
    animation: phusa-oligo-aurora-sweep 3.2s ease-in-out infinite;
    pointer-events: none;
    mix-blend-mode: soft-light;
}

/* Star — gần chữ, chỉnh theo padding pill */
.phusa-menu-highlight-oligo::after {
    content: "*";
    position: absolute;
    top: 1px;
    right: 7px;
    z-index: 1;
    font-size: 9px;
    font-weight: 800;
    line-height: 1;
    color: #ff0000;
    text-shadow: 0 0 4px rgba(255, 0, 0, 0.45);
    transform-origin: 90% 20%;
    animation: phusa-oligo-star-rainbow 1.6s linear infinite,
        phusa-oligo-star-pulse 1.2s ease-in-out infinite;
    pointer-events: none;
}

@keyframes phusa-oligo-aurora-sweep {
    0%,
    30% {
        transform: translateX(-130%);
        opacity: 0;
    }
    45% {
        opacity: 0.85;
    }
    70% {
        transform: translateX(130%);
        opacity: 0;
    }
}

@keyframes phusa-oligo-star-rainbow {
    0% { color: #ff0000; text-shadow: 0 0 4px rgba(255, 0, 0, 0.45); }
    14% { color: #ff7f00; text-shadow: 0 0 4px rgba(255, 127, 0, 0.45); }
    28% { color: #ffff00; text-shadow: 0 0 4px rgba(255, 255, 0, 0.45); }
    42% { color: #00ff00; text-shadow: 0 0 4px rgba(0, 255, 0, 0.45); }
    57% { color: #00bfff; text-shadow: 0 0 4px rgba(0, 191, 255, 0.45); }
    71% { color: #0000ff; text-shadow: 0 0 4px rgba(0, 0, 255, 0.45); }
    85% { color: #8b00ff; text-shadow: 0 0 4px rgba(139, 0, 255, 0.45); }
    100% { color: #ff0000; text-shadow: 0 0 4px rgba(255, 0, 0, 0.45); }
}

@keyframes phusa-oligo-star-pulse {
    0%,
    100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.12);
    }
}

@keyframes phusa-oligo-pill-pulse {
    0%,
    100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.06);
    }
}

.phusa-nav-menu a:hover .phusa-menu-highlight-oligo,
.phusa-nav-menu a:focus .phusa-menu-highlight-oligo {
    border-color: rgba(244, 118, 62, 0.45);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85), 0 5px 16px rgba(244, 118, 62, 0.22);
}

.phusa-dropdown.active .phusa-dropdown-toggle i {
    transform: rotate(180deg);
}

/* ===== HEADER ACTIONS ===== */
.phusa-header-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    box-sizing: border-box;
    margin-left: 8px;
}

.phusa-search-box {
    position: relative;
    display: flex;
    align-items: center;
}

.phusa-search-box i {
    position: absolute;
    left: 12px;
    color: #fff;
    font-size: 13px;
    z-index: 2;
    cursor: pointer;
}

.phusa-search-box input {
    padding: 8px 14px 8px 34px;
    border: none;
    border-radius: 25px;
    background: #72ACD6;
    color: white;
    font-size: 13px;
    width: 128px;
    height: 38px;
    outline: none;
    transition: all 0.3s ease;
}

.phusa-search-box input::placeholder {
    color: rgba(255, 255, 255, 0.85);
}

.phusa-search-box input:focus {
    width: 168px;
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
}

.phusa-search-box button {
    display: none;
}

/* ===== LOGIN BUTTON ===== */
.phusa-login-btn {
    position: relative;
}

.phusa-btn-login {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 8px 12px;
    background: #72ACD6;
    color: white;
    text-decoration: none;
    border-radius: 25px;
    font-size: 13px;
    font-weight: 600;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(114, 172, 214, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.phusa-btn-login:hover {
    background: #5a8bb8;
    color: white;
    text-decoration: none;
    box-shadow: 0 6px 20px rgba(114, 172, 214, 0.4);
    transform: translateY(-2px);
}

.phusa-btn-login i {
    font-size: 14px;
    flex-shrink: 0;
}

.phusa-btn-login span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

/* ===== PROFILE BUTTON ===== */
.phusa-btn-profile {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 8px 12px;
    background: #72ACD6;
    color: white;
    text-decoration: none;
    border-radius: 25px;
    font-size: 13px;
    font-weight: 600;
    max-width: 220px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(114, 172, 214, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.phusa-btn-profile:hover {
    background: #5a8bb8;
    color: white;
    text-decoration: none;
    box-shadow: 0 6px 20px rgba(114, 172, 214, 0.4);
    transform: translateY(-2px);
}

.phusa-btn-profile i {
    font-size: 14px;
    flex-shrink: 0;
}

.phusa-btn-profile-avatar {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
    border: 1px solid rgba(255, 255, 255, 0.5);
}

.phusa-btn-profile span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

/* Desktop: menu canh trái, actions canh phải, luôn hiện tên profile */
@media (min-width: 1201px) {
    .phusa-header-content {
        justify-content: flex-start;
    }

    .phusa-header-content > nav {
        flex: 0 1 auto;
        margin-left: 0;
        max-width: none;
        overflow: visible;
    }

    .phusa-header-actions {
        margin-left: auto;
        flex-shrink: 0;
    }

    .phusa-btn-profile {
        gap: 6px;
        max-width: 200px;
    }

    .phusa-btn-login {
        gap: 6px;
        white-space: nowrap;
    }

    .phusa-btn-login span,
    .phusa-btn-profile span {
        display: inline !important;
    }
}

/* ===== CART BUTTON ===== */
.phusa-cart-btn {
    position: relative;
}

.phusa-btn-cart {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 8px 12px;
    background: #72ACD6;
    color: white;
    text-decoration: none;
    border-radius: 25px;
    font-size: 13px;
    font-weight: 600;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(114, 172, 214, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.3);
    position: relative;
}

.phusa-btn-cart:hover {
    background: #5a8bb8;
    color: white;
    text-decoration: none;
    box-shadow: 0 6px 20px rgba(114, 172, 214, 0.4);
    transform: translateY(-2px);
}

.phusa-btn-cart i {
    font-size: 14px;
}

.phusa-cart-count {
    position: absolute;
    top: -4px;
    right: -4px;
    background: #ff4757;
    color: white;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: bold;
    min-width: 18px;
    box-shadow: 0 2px 8px rgba(255, 71, 87, 0.3);
}

/* ===== LANGUAGE TOGGLE ===== */
.phusa-language-toggle {
    position: relative;
    width: 82px;
    height: 38px;
    background: #72ACD6;
    border-radius: 19px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    padding: 0 3px;
}

.phusa-language-toggle:hover {
    box-shadow: 0 4px 15px rgba(114, 172, 214, 0.3);
}

.phusa-toggle-slider {
    position: absolute;
    left: 3px;
    top: 3px;
    width: 32px;
    height: 32px;
    background: white;
    border-radius: 50%;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.phusa-toggle-slider span {
    font-size: 14px;
    font-weight: 700;
    color: #3B4A7A;
    user-select: none;
}

.phusa-language-options {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
    position: relative;
}

.phusa-lang-option {
    font-size: 14px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.9);
    transition: all 0.3s ease;
    user-select: none;
    z-index: 1;
    text-decoration: none;
    display: block;
    padding: 6px 8px;
    border-radius: 4px;
}

.phusa-lang-option:hover {
    color: white;
    background: rgba(255, 255, 255, 0.1);
    text-decoration: none;
}

.phusa-lang-option.phusa-active {
    color: transparent;
}

.phusa-lang-option.active {
    color: transparent;
}

.phusa-language-toggle.phusa-en-active .phusa-toggle-slider {
    left: 47px;
}

.phusa-language-toggle.phusa-en-active .phusa-lang-option.phusa-en {
    color: transparent;
}

.phusa-language-toggle.phusa-en-active .phusa-lang-option.phusa-vi {
    color: rgba(255, 255, 255, 0.9);
}

.phusa-language-toggle .phusa-lang-option.phusa-vi {
    color: transparent;
}

/* ===== HEADER HOVER/SCROLL STATES - ELEMENT COLORS ===== */
.phusa-header-top:hover .phusa-nav-menu a,
.phusa-header-wrapper.phusa-scrolled .phusa-nav-menu a {
    text-shadow: none;
}

/* Ensure underline shows on hover even when header is hovered */
.phusa-header-top:hover .phusa-nav-menu a:hover,
.phusa-header-wrapper.phusa-scrolled .phusa-nav-menu a:hover {
    text-decoration: underline !important;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
}

.phusa-header-top:hover .phusa-search-box input,
.phusa-header-wrapper.phusa-scrolled .phusa-search-box input {
    background: #72ACD6;
    color: white;
}

.phusa-header-top:hover .phusa-language-toggle,
.phusa-header-wrapper.phusa-scrolled .phusa-language-toggle {
    background: #72ACD6;
}

/* Search icon color when scrolled */
.phusa-header-top:hover .phusa-search-box i,
.phusa-header-wrapper.phusa-scrolled .phusa-search-box i {
    color: #fff;
}

/* Mobile toggle button color when scrolled */
.phusa-header-wrapper.phusa-scrolled .phusa-mobile-toggle span {
    background: #1B2E59;
}

.phusa-header-wrapper.phusa-scrolled .phusa-mobile-toggle:hover {
    background-color: rgba(27, 46, 89, 0.1);
}

/* ===== SCROLLBAR STYLING WHEN HEADER SCROLLED ===== */
/* Scrollbar color changes when header is scrolled */
body.phusa-header-scrolled::-webkit-scrollbar,
html.phusa-header-scrolled::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

body.phusa-header-scrolled::-webkit-scrollbar-track,
html.phusa-header-scrolled::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

body.phusa-header-scrolled::-webkit-scrollbar-thumb,
html.phusa-header-scrolled::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #72ACD6 0%, #1B2E59 100%);
    border-radius: 10px;
    border: 2px solid #f1f1f1;
}

body.phusa-header-scrolled::-webkit-scrollbar-thumb:hover,
html.phusa-header-scrolled::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #5a8bb8 0%, #0f1a3d 100%);
}

/* Firefox scrollbar */
body.phusa-header-scrolled,
html.phusa-header-scrolled {
    scrollbar-width: thin;
    scrollbar-color: #72ACD6 #f1f1f1;
}

/* ===== SOCIAL SIDEBAR ===== */
.phusa-social-sidebar {
    position: fixed;
    right: 2rem;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    z-index: 2000;
    transition: all 0.3s ease;
    overflow: visible;
}

/* Toggle Button */
.phusa-social-toggle {
    width: 40px;
    height: 40px;
    background: #F4763E;
    border: none;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(244, 118, 62, 0.3);
    pointer-events: auto !important;
    z-index: 2001;
    position: relative;
}

.phusa-hotline-fab {
    position: fixed;
    right: 2rem;
    bottom: 155px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #0865E9;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    z-index: 2001;
    box-shadow: 0 10px 25px rgba(8, 101, 233, 0.25);
    transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
}

.phusa-hotline-fab:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 30px rgba(8, 101, 233, 0.35);
    background: #15A7D9;
}

.phusa-hotline-fab i {
    font-size: 18px;
}

.phusa-social-toggle:hover {
    background: #e55a2b;
    transform: scale(1.1);
    box-shadow: 0 6px 16px rgba(244, 118, 62, 0.4);
}

.phusa-social-toggle i {
    font-size: 18px;
    transition: transform 0.3s ease;
}

/* Social Icons Container */
.phusa-social-icons {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    transition: all 0.3s ease;
    opacity: 1;
    transform: translateX(0);
    overflow: visible;
}

/* Collapsed State */
.phusa-social-sidebar.collapsed .phusa-social-icons {
    opacity: 0;
    transform: translateX(100%);
    pointer-events: none;
}

.phusa-social-sidebar.collapsed .phusa-social-toggle i {
    transform: rotate(180deg);
}

.phusa-social-icon {
    width: 40px;
    height: 40px;
    background: #1B2E59;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    transition: all 0.3s;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}

.phusa-social-icon:hover {
    background: #4FC3D4;
    transform: scale(1.1);
}

/* ===== NOTIFICATION CONTAINER ===== */
.phusa-notification-container {
    position: relative;
    display: inline-block;
    overflow: visible;
}

.phusa-notification-btn {
    position: relative;
    cursor: pointer;
}

.phusa-notification-badge {
    position: absolute;
    top: -5px;
    right: -5px;
    background: #ff4444;
    color: white;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    font-size: 12px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid white;
    animation: pulse 2s infinite;
}

/* ===== NOTIFICATION DROPDOWN ===== */
.phusa-notification-dropdown {
    position: fixed;
    top: 50%;
    right: calc(2rem + 56.65px + 1rem);
    transform: translateY(-50%);
    background: white;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    width: 380px;
    max-width: calc(100vw - 150px);
    max-height: calc(100vh - 280px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 10000;
    border: 1px solid rgba(0, 0, 0, 0.1);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.phusa-notification-dropdown.show {
    opacity: 1;
    visibility: visible;
}

/* Arrow pointing to notification button */
.phusa-notification-dropdown::before {
    content: '';
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid white;
    filter: drop-shadow(2px 0 2px rgba(0, 0, 0, 0.1));
}

/* Responsive cho mobile */
@media (max-width: 768px) {
    .phusa-notification-dropdown {
        position: fixed;
        top: auto;
        bottom: 80px;
        left: 10px;
        right: 10px;
        width: auto;
        max-width: none;
        max-height: calc(100vh - 100px);
        transform: none;
        border-radius: 12px;
    }
    
    .phusa-notification-dropdown::before {
        display: none;
    }
    
    .phusa-notification-list {
        max-height: calc(100vh - 200px);
    }
}

@media (max-width: 1200px) {
    .phusa-notification-dropdown {
        right: calc(2rem + 56.65px + 0.5rem);
        max-width: calc(100vw - 120px);
    }
}

.phusa-notification-header {
    padding: 20px 20px 15px;
    border-bottom: 1px solid #eee;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.phusa-notification-header h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #333;
}

.phusa-mark-all-read {
    background: #72ACD6;
    color: white;
    border: none;
    padding: 8px 12px;
    border-radius: 6px;
    font-size: 12px;
    cursor: pointer;
    transition: background 0.3s ease;
}

.phusa-mark-all-read:hover {
    background: #5a8bb8;
}

.phusa-notification-list {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 150px;
    max-height: calc(100vh - 250px);
}

/* Scrollbar styling */
.phusa-notification-list::-webkit-scrollbar {
    width: 6px;
}

.phusa-notification-list::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.phusa-notification-list::-webkit-scrollbar-thumb {
    background: #72ACD6;
    border-radius: 10px;
}

.phusa-notification-list::-webkit-scrollbar-thumb:hover {
    background: #5a8bb8;
}

/* Mobile scrollbar */
@media (max-width: 768px) {
    .phusa-notification-list {
        max-height: calc(50vh - 150px);
    }
}

.phusa-notification-item {
    padding: 15px 20px;
    border-bottom: 1px solid #f0f0f0;
    cursor: pointer;
    transition: background 0.3s ease;
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.phusa-notification-item:hover {
    background: #f8f9fa;
}

.phusa-notification-item.unread {
    background: #f0f8ff;
    border-left: 3px solid #72ACD6;
}

.phusa-notification-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: white;
    flex-shrink: 0;
}

.phusa-notification-icon.order,
.phusa-notification-icon.order_created {
    background: #28a745;
}

.phusa-notification-icon.order_paid {
    background: #17a2b8;
}

.phusa-notification-icon.order_shipped {
    background: #fd7e14;
}

.phusa-notification-icon.order_delivered {
    background: #20c997;
}

.phusa-notification-icon.order_cancelled {
    background: #dc3545;
}

.phusa-notification-icon.booking {
    background: #007bff;
}

.phusa-notification-icon.payment_success,
.phusa-notification-icon.deposit_success {
    background: #28a745;
}

.phusa-notification-icon.promotion {
    background: #ffc107;
}

.phusa-notification-icon.system {
    background: #17a2b8;
}

.phusa-notification-icon.news {
    background: #6f42c1;
}

.phusa-notification-icon.message {
    background: #e83e8c;
}

.phusa-notification-icon.custom {
    background: #6c757d;
}

.phusa-notification-content {
    flex: 1;
}

.phusa-notification-title {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    margin-bottom: 4px;
    line-height: 1.4;
}

.phusa-notification-message {
    font-size: 13px;
    color: #666;
    line-height: 1.4;
    margin-bottom: 4px;
}

.phusa-notification-time {
    font-size: 12px;
    color: #999;
}

.phusa-notification-footer {
    padding: 15px 20px;
    border-top: 1px solid #eee;
    text-align: center;
}

.phusa-view-all {
    color: #72ACD6;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
}

.phusa-view-all:hover {
    color: #5a8bb8;
    text-decoration: none;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

/* ===== MOBILE MENU ===== */
.phusa-mobile-toggle {
    display: none;
    flex-direction: column;
    gap: 5px;
    cursor: pointer;
    padding: 8px;
    z-index: 1002;
    position: relative;
    min-width: 44px;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    transition: background-color 0.3s ease;
    box-sizing: border-box;
    flex-shrink: 0;
}

.phusa-mobile-toggle:hover {
    background-color: rgba(27, 46, 89, 0.1);
}

.phusa-mobile-toggle:active {
    background-color: rgba(27, 46, 89, 0.2);
}

.phusa-mobile-toggle span {
    width: 28px;
    height: 3px;
    background: #1B2E59;
    transition: all 0.3s ease;
    border-radius: 2px;
}

.phusa-mobile-toggle.phusa-active span:nth-child(1) {
    transform: rotate(45deg) translate(8px, 8px);
}

.phusa-mobile-toggle.phusa-active span:nth-child(2) {
    opacity: 0;
}

.phusa-mobile-toggle.phusa-active span:nth-child(3) {
    transform: rotate(-45deg) translate(7px, -7px);
}

.phusa-mobile-sidebar {
    position: fixed;
    top: 0;
    right: -100%;
    width: 320px;
    height: 100vh;
    background: rgba(255, 255, 255, 0.98);
    backdrop-filter: blur(15px);
    z-index: 1001;
    transition: right 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: -5px 0 30px rgba(0, 0, 0, 0.2);
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

.phusa-mobile-sidebar.phusa-open {
    right: 0;
}

.phusa-mobile-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(27, 46, 89, 0.1);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    z-index: 1002;
    transition: all 0.3s ease;
    color: #1B2E59;
    font-size: 20px;
}

.phusa-mobile-close:hover {
    background: rgba(27, 46, 89, 0.2);
    transform: rotate(90deg);
    color: #4FC3D4;
}

.phusa-mobile-close:active {
    background: rgba(27, 46, 89, 0.3);
    transform: rotate(90deg) scale(0.95);
}

.phusa-mobile-close i {
    font-size: 20px;
}

.phusa-mobile-sidebar-content {
    padding: 90px 30px 30px;
}

/* Mobile sidebar responsive */
@media (max-width: 480px) {
    .phusa-mobile-close {
        top: 15px;
        right: 15px;
        width: 40px;
        height: 40px;
    }
    
    .phusa-mobile-close i {
        font-size: 18px;
    }
    
    .phusa-mobile-sidebar-content {
        padding: 75px 18px 18px;
    }
    
    .phusa-mobile-nav-menu a {
        font-size: 17px;
        padding: 14px 18px;
    }
}

@media (max-width: 360px) {
    .phusa-mobile-close {
        top: 12px;
        right: 12px;
        width: 36px;
        height: 36px;
    }
    
    .phusa-mobile-close i {
        font-size: 16px;
    }
    
    .phusa-mobile-sidebar-content {
        padding: 70px 15px 15px;
    }
    
    .phusa-mobile-nav-menu a {
        font-size: 16px;
        padding: 12px 15px;
    }
}

.phusa-mobile-nav-menu {
    list-style: none;
    padding: 0;
    margin: 0 0 30px 0;
}

.phusa-mobile-nav-menu li {
    margin-bottom: 8px;
}

.phusa-mobile-nav-menu a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    text-decoration: none !important;
    color: #1B2E59;
    font-family: 'Montserrat', 'Roboto Flex', sans-serif;
    font-weight: 600;
    font-size: 19px;
    text-transform: uppercase;
    letter-spacing: normal;
    background: rgba(27, 46, 89, 0.05);
    border-radius: 12px;
    transition: all 0.3s ease;
}

.phusa-mobile-nav-menu a:visited,
.phusa-mobile-nav-menu a:active,
.phusa-mobile-nav-menu a:link {
    text-decoration: none !important;
}

.phusa-mobile-nav-menu a:hover {
    background: rgba(79, 195, 212, 0.15);
    color: #4FC3D4;
    transform: translateX(5px);
    text-decoration: underline !important;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
}

.phusa-mobile-nav-menu a i {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 12px;
}

.phusa-mobile-actions {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding-top: 20px;
    border-top: 2px solid rgba(27, 46, 89, 0.1);
}

.phusa-mobile-search-box {
    position: relative;
}

.phusa-mobile-search-box i {
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    font-size: 15px;
    cursor: pointer;
}

.phusa-mobile-search-box input {
    width: 100%;
    padding: 14px 20px 14px 50px;
    border: none;
    border-radius: 25px;
    background: #72ACD6;
    color: white;
    font-size: 16px;
    outline: none;
}

.phusa-mobile-search-box input::placeholder {
    color: rgba(255, 255, 255, 0.85);
}

.phusa-mobile-search-box button {
    display: none;
}

/* ===== MOBILE LOGIN BUTTON ===== */
.phusa-mobile-login-btn {
    width: 100%;
}

.phusa-mobile-btn-login {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 15px 20px;
    background: #72ACD6;
    color: white;
    text-decoration: none;
    border-radius: 25px;
    font-size: 18px;
    font-weight: 600;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(114, 172, 214, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.3);
    width: 100%;
}

.phusa-mobile-btn-login:hover {
    background: #5a8bb8;
    color: white;
    text-decoration: none;
    box-shadow: 0 6px 20px rgba(114, 172, 214, 0.4);
    transform: translateY(-2px);
}

.phusa-mobile-btn-login i {
    font-size: 18px;
}

/* ===== MOBILE PROFILE ===== */
.phusa-mobile-btn-profile {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px 20px;
    background: #72ACD6;
    color: white;
    text-decoration: none;
    border-radius: 15px;
    font-size: 18px;
    font-weight: 600;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(114, 172, 214, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.3);
    width: 100%;
}

.phusa-mobile-btn-profile:hover {
    background: #5a8bb8;
    color: white;
    text-decoration: none;
    box-shadow: 0 6px 20px rgba(114, 172, 214, 0.4);
    transform: translateY(-2px);
}

.phusa-mobile-btn-profile i {
    font-size: 24px;
}

.phusa-mobile-btn-profile-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
    border: 2px solid rgba(255, 255, 255, 0.5);
}

.phusa-mobile-profile-details {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.phusa-mobile-profile-name {
    font-size: 16px;
    font-weight: 600;
}

.phusa-mobile-profile-status {
    font-size: 12px;
    opacity: 0.8;
}

/* ===== MOBILE CART BUTTON ===== */
.phusa-mobile-cart-btn {
    width: 100%;
}

.phusa-mobile-btn-cart {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 15px 20px;
    background: #72ACD6;
    color: white;
    text-decoration: none;
    border-radius: 25px;
    font-size: 18px;
    font-weight: 600;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(114, 172, 214, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.3);
    width: 100%;
    position: relative;
}

.phusa-mobile-btn-cart:hover {
    background: #5a8bb8;
    color: white;
    text-decoration: none;
    box-shadow: 0 6px 20px rgba(114, 172, 214, 0.4);
    transform: translateY(-2px);
}

.phusa-mobile-btn-cart i {
    font-size: 18px;
}

.phusa-mobile-cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background: #ff4757;
    color: white;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: bold;
    min-width: 22px;
    box-shadow: 0 2px 8px rgba(255, 71, 87, 0.3);
}

/* ===== MOBILE LANGUAGE TOGGLE ===== */
.phusa-mobile-language-btn {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    min-height: 48px;
}

.phusa-mobile-language-btn .phusa-language-toggle {
    width: 120px;
    min-width: 120px;
    max-width: 120px;
    height: 48px;
    min-height: 48px;
    max-height: 48px;
    display: flex !important;
    flex-shrink: 0;
    position: relative;
    box-sizing: border-box;
}

.phusa-mobile-language-btn .phusa-language-toggle .phusa-toggle-slider {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    position: absolute;
    left: 4px;
    top: 50%;
    transform: translateY(-50%);
    transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.phusa-mobile-language-btn .phusa-language-toggle .phusa-toggle-slider span {
    font-size: 15px;
}

.phusa-mobile-language-btn .phusa-language-toggle.phusa-en-active .phusa-toggle-slider {
    left: calc(100% - 44px);
    transform: translateY(-50%);
}

.phusa-mobile-language-btn .phusa-language-toggle .phusa-language-options {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 10px !important;
    box-sizing: border-box !important;
    pointer-events: none;
    left: 0 !important;
    top: 0 !important;
    margin: 0 !important;
    flex-wrap: nowrap !important;
}

.phusa-mobile-language-btn .phusa-language-toggle .phusa-lang-option {
    pointer-events: auto;
    z-index: 1;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    padding: 0 !important;
    margin: 0 !important;
    width: auto !important;
    height: auto !important;
    min-width: auto !important;
    min-height: auto !important;
    text-align: center !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
    white-space: nowrap !important;
}

.phusa-mobile-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.phusa-mobile-overlay.phusa-active {
    opacity: 1;
    visibility: visible;
}

/* ===== RESPONSIVE DESIGN ===== */
/* Large Desktop (> 1600px) - Default styles apply */

/* Desktop (1400px - 1600px) */
@media (max-width: 1600px) {
    .phusa-header-wrapper {
        left: 50%;
        transform: translateX(-50%);
        width: 90%;
        max-width: calc(100vw - 20px);
    }
    
    .phusa-header-top {
        padding: 0 20px;
        box-sizing: border-box;
    }
    
    .phusa-nav-menu {
        flex-wrap: nowrap;
        gap: 7px;
    }
    
    .phusa-nav-menu a {
        font-size: 13.5px;
        padding: 5px 5px;
    }
    
    .phusa-header-content {
        gap: 12px;
    }
    
    .phusa-logo-header img {
        height: 46px;
        max-width: 165px;
    }
    
    .phusa-search-box input {
        width: 118px;
    }
    
    .phusa-search-box input:focus {
        width: 158px;
    }
    
    .phusa-header-actions {
        gap: 7px;
    }
}

/* Desktop lớn (1600px - 1700px) */
@media (min-width: 1601px) and (max-width: 1699px) {
    .phusa-header-wrapper {
        left: 50%;
        transform: translateX(-50%);
        width: 90%;
        max-width: calc(100vw - 20px);
    }
    
    .phusa-header-top {
        padding: 0 22px;
        box-sizing: border-box;
    }
    
    .phusa-nav-menu {
        flex-wrap: nowrap;
        gap: 8px;
    }
    
    .phusa-nav-menu a {
        font-size: 14px;
        padding: 6px 6px;
    }
    
    .phusa-header-content {
        gap: 14px;
    }
    
    .phusa-logo-header img {
        height: 47px;
        max-width: 172px;
    }
    
    .phusa-search-box input {
        width: 124px;
    }
    
    .phusa-search-box input:focus {
        width: 162px;
    }
    
    .phusa-header-actions {
        gap: 8px;
    }
}

/* Desktop rất lớn (1700px+) */
@media (min-width: 1700px) {
    .phusa-header-wrapper {
        left: 50%;
        transform: translateX(-50%);
        width: 90%;
        max-width: calc(100vw - 20px);
    }
    
    .phusa-header-top {
        padding: 0 24px;
        box-sizing: border-box;
    }
    
    .phusa-nav-menu {
        flex-wrap: nowrap;
        gap: 10px;
    }
    
    .phusa-nav-menu a {
        font-size: 15px;
        padding: 6px 7px;
    }
    
    .phusa-header-content {
        gap: 18px;
    }
    
    .phusa-logo-header img {
        height: 48px;
        max-width: 176px;
    }
    
    .phusa-search-box input {
        width: 132px;
    }
    
    .phusa-search-box input:focus {
        width: 172px;
    }
    
    .phusa-header-actions {
        gap: 9px;
    }
}

/* Medium Desktop (1200px - 1400px) */
@media (max-width: 1400px) {
    .phusa-header-wrapper {
        left: 50%;
        transform: translateX(-50%);
        width: 90%;
        max-width: calc(100vw - 20px);
    }
    
    .phusa-header-top {
        padding: 0 24px;
        box-sizing: border-box;
    }
    
    .phusa-nav-menu {
        gap: 8px;
        flex-wrap: nowrap;
    }
    
    .phusa-nav-menu a {
        font-size: 13.5px;
        padding: 5px 6px;
        min-height: 40px;
    }
    
    .phusa-header-content {
        gap: 12px;
    }
    
    .phusa-logo-header {
        min-width: 140px;
        max-width: 160px;
        flex-shrink: 0;
    }
    
    .phusa-logo-header img {
        height: 45px;
        max-width: 160px;
    }
    
    .phusa-search-box {
        flex-shrink: 0;
    }
    
    .phusa-search-box input {
        width: 118px;
        font-size: 12px;
    }
    
    .phusa-search-box input:focus {
        width: 158px;
    }
    
    .phusa-header-actions {
        gap: 10px;
        flex-shrink: 0;
    }
    
    .phusa-btn-login,
    .phusa-btn-profile,
    .phusa-btn-cart {
        padding: 7px 10px;
        font-size: 12px;
        white-space: nowrap;
    }
    
    .phusa-language-toggle {
        width: 80px;
        height: 38px;
        flex-shrink: 0;
    }
    
    .phusa-toggle-slider {
        width: 32px;
        height: 32px;
    }
    
    .phusa-language-toggle.phusa-en-active .phusa-toggle-slider {
        left: 43px;
    }
    
    .phusa-lang-option {
        font-size: 12px;
        padding: 4px 6px;
    }
}

/* Compact desktop (1201px - 1400px) - Prevent overlapping */
@media (min-width: 1201px) and (max-width: 1400px) {
    .phusa-header-wrapper {
        width: 90%;
        max-width: calc(100vw - 20px);
    }
    
    .phusa-header-top {
        padding: 0 20px;
        box-sizing: border-box;
    }
    
    .phusa-logo-header {
        min-width: 130px;
        max-width: 150px;
        flex-shrink: 0;
    }
    
    .phusa-logo-header img {
        height: 42px;
        max-width: 150px;
    }
    
    .phusa-header-content > nav {
        flex: 0 1 auto;
        min-width: 0;
        overflow: visible;
    }
    
    .phusa-nav-menu {
        gap: 6px;
        flex-shrink: 1;
        min-width: 0;
    }
    
    .phusa-nav-menu a {
        font-size: 13px;
        padding: 5px 5px;
        white-space: nowrap;
        min-height: 40px;
    }
    
    .phusa-nav-menu a i {
        font-size: 10px;
    }
    
    .phusa-header-content {
        gap: 14px;
    }
    
    .phusa-search-box {
        flex-shrink: 0;
        min-width: 130px;
    }
    
    .phusa-search-box input {
        width: 112px;
        font-size: 12px;
        padding: 8px 12px 8px 32px;
    }
    
    .phusa-search-box input:focus {
        width: 148px;
    }
    
    .phusa-header-actions {
        gap: 8px;
        flex-shrink: 0;
    }
    
    .phusa-btn-login,
    .phusa-btn-profile,
    .phusa-btn-cart {
        padding: 10px 12px;
        font-size: 13px;
        white-space: nowrap;
    }
    
    .phusa-btn-login i,
    .phusa-btn-profile i,
    .phusa-btn-cart i {
        font-size: 15px;
    }
    
    .phusa-language-toggle {
        width: 72px;
        height: 36px;
        flex-shrink: 0;
    }
    
    .phusa-toggle-slider {
        width: 30px;
        height: 30px;
    }
    
    .phusa-language-toggle.phusa-en-active .phusa-toggle-slider {
        left: 38px;
    }
    
    .phusa-lang-option {
        font-size: 12px;
        padding: 4px 5px;
    }
}

/* Laptop - Giữ nguyên kích thước header khi zoom - Expanded range */
@media (min-width: 1025px) and (max-width: 1680px) and (min-height: 700px) and (max-height: 1080px) {
    .phusa-header-wrapper {
        left: 50%;
        right: auto;
        /* Adaptive width based on screen size */
        width: 90%;
        max-width: calc(100vw - 20px);
        /* Đảm bảo wrapper không bị scale, chỉ translate để center */
        transform: translateX(-50%) !important;
    }
    
    .phusa-header-top {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        height: 75px !important;
        min-height: 75px !important;
        max-height: 75px !important;
        padding: 0 clamp(22px, 3vw, 30px) !important;
        box-sizing: border-box !important;
        /* Transform scale sẽ được apply bởi JavaScript để đảo ngược zoom */
        transform-origin: center top;
        /* Đảm bảo header không bị ảnh hưởng bởi zoom của body */
        position: relative;
        z-index: 1001;
        /* Force layout để tránh reflow */
        will-change: transform;
    }
    
    .phusa-header-content {
        height: 100% !important;
        min-height: 75px !important;
        max-height: 75px !important;
    }
    
    /* Đảm bảo các elements bên trong cũng giữ nguyên kích thước */
    .phusa-header-top * {
        box-sizing: border-box;
    }
}

/* <= 1200px: mobile header layout */
@media (max-width: 1200px) {
    .phusa-header-wrapper {
        left: 50%;
        transform: translateX(-50%);
        width: 90%;
        max-width: calc(100vw - 16px);
        top: 8px;
    }
    
    .phusa-header-top {
        display: flex;
        align-items: center;
        height: 60px;
        min-height: 60px;
        max-height: 60px;
        border-radius: 35px;
        padding: 0 18px;
        box-sizing: border-box;
    }
    
    .phusa-header-content {
        flex: 1 1 auto;
        width: 100%;
        flex-wrap: nowrap;
        gap: 15px;
        justify-content: space-between;
        align-items: center;
        height: auto;
        min-height: 0;
    }
    
    .phusa-logo-header {
        min-width: 100px;
        max-width: calc(100% - 70px);
        flex-shrink: 1;
        overflow: hidden;
        display: flex;
        align-items: center;
        align-self: center;
    }

    .phusa-logo-header a {
        display: flex;
        align-items: center;
        line-height: 0;
    }
    
    .phusa-logo-header img {
        height: 40px;
        max-width: 100%;
        width: auto;
        object-fit: contain;
        display: block;
    }
    
    .phusa-nav-menu {
        display: none !important;
    }

    .phusa-header-content > nav {
        display: none !important;
    }
    
    .phusa-login-btn,
    .phusa-cart-btn,
    .phusa-search-box,
    .phusa-language-toggle {
        display: none !important;
    }
    
    .phusa-mobile-toggle {
        display: flex !important;
        flex-shrink: 0;
        margin-left: auto;
        min-width: 44px;
        min-height: 44px;
        align-self: center;
    }
    
    /* Ensure dropdown doesn't show on tablet */
    .phusa-dropdown-menu {
        display: none !important;
    }
    
    /* Ensure header actions are hidden */
    .phusa-header-actions {
        display: none !important;
    }
    
    /* Adjust content spacing for tablet */
    .main-wrapper {
        margin-top: 95px;
    }
    
    /* Tablet spacing for all page types */
    .product-container,
    .product-catalogue:not(.page-wrapper),
    .page-wrapper,
    .page-breadcrumb,
    .page-agency,
    .panel-agency,
    .panel-body,
    .uk-container-center,
    .contact-container,
    .distribution-container,
    .post-container,
    .blog-container,
    .news-container,
    .about-container,
    .service-container,
    .workshop-container,
    .lab-container,
    .order-container,
    .cart-container,
    .auth-container {
        margin-top: 25px;
    }
    
    /* Tablet spacing for special cases */
    body.auth-page,
    body.login-page,
    body.register-page {
        padding-top: 110px;
    }
    
    .lab-booking-page,
    .checkin-page {
        padding-top: 100px;
    }
    
    .full-width-page,
    .modal-page,
    .popup-page {
        margin-top: 100px;
    }
    
    [main-content],
    .page-content,
    .blog-post,
    .news-article,
    .post-content,
    .contact-form,
    .about-content,
    .service-content {
        margin-top: 25px;
    }
}

/* Mobile Landscape & Small Tablet */
@media (max-width: 768px) {
    .phusa-header-wrapper {
        top: 8px;
        left: 50%;
        transform: translateX(-50%);
        width: 90%;
        max-width: calc(100vw - 16px);
    }
    
    .phusa-header-top {
        border-radius: 30px;
        padding: 0 16px;
        height: 60px;
        min-height: 60px;
        max-height: 60px;
        box-sizing: border-box;
    }
    
    .phusa-header-content {
        gap: 12px;
        align-items: center;
        justify-content: space-between;
    }
    
    .phusa-logo-header {
        min-width: 90px;
        max-width: calc(100% - 65px);
        flex-shrink: 1;
        overflow: hidden;
        display: flex;
        align-items: center;
    }
    
    .phusa-logo-header img {
        height: 38px;
        max-width: 100%;
        width: auto;
        object-fit: contain;
        display: block;
    }
    
    .phusa-nav-menu {
        display: none !important;
    }
    
    .phusa-login-btn,
    .phusa-cart-btn,
    .phusa-search-box,
    .phusa-language-toggle {
        display: none !important;
    }
    
    .phusa-header-actions {
        display: none !important;
    }
    
    .phusa-mobile-toggle {
        display: flex !important;
        padding: 8px;
        min-width: 44px;
        min-height: 44px;
        flex-shrink: 0;
        margin-left: auto;
    }
    
    .phusa-mobile-toggle span {
        width: 26px;
        height: 3px;
    }
    
    .phusa-mobile-sidebar {
        width: 300px;
        max-width: 85vw;
        min-width: 260px;
    }
    
    /* Responsive Social Sidebar trên mobile */
    .phusa-social-sidebar {
        right: 0.5rem;
        top: 50%;
        transform: translateY(-50%);
        gap: 0.5rem;
        z-index: 999;
    }
    
    .phusa-social-toggle {
        width: 40px;
        height: 40px;
        box-shadow: 0 3px 10px rgba(244, 118, 62, 0.4);
    }
    
    .phusa-social-toggle i {
        font-size: 18px;
    }

    .phusa-hotline-fab {
        right: 0.5rem;
        bottom: 125px;
        width: 45px;
        height: 45px;
    }

    .phusa-hotline-fab i {
        font-size: 16px;
    }
    
    .phusa-social-icon {
        width: 45px;
        height: 45px;
        font-size: 14px;
    }
    
    /* Mặc định collapsed trên mobile */
    .phusa-social-sidebar .phusa-social-icons {
        opacity: 0;
        transform: translateX(100%);
        pointer-events: none;
    }
    
    .phusa-social-sidebar .phusa-social-toggle i {
        transform: rotate(180deg);
    }
    
    /* Adjust content spacing for mobile */
    .main-wrapper {
        margin-top: 95px;
    }
    
    /* Mobile spacing for all page types */
    .product-container,
    .product-catalogue:not(.page-wrapper),
    .page-wrapper,
    .page-breadcrumb,
    .page-agency,
    .panel-agency,
    .panel-body,
    .uk-container-center,
    .contact-container,
    .distribution-container,
    .post-container,
    .blog-container,
    .news-container,
    .about-container,
    .service-container,
    .workshop-container,
    .lab-container,
    .order-container,
    .cart-container,
    .auth-container {
        margin-top: 25px;
    }
    
    /* Mobile spacing for special cases */
    body.auth-page,
    body.login-page,
    body.register-page {
        padding-top: 110px;
    }
    
    .lab-booking-page,
    .checkin-page {
        padding-top: 100px;
    }
    
    .full-width-page,
    .modal-page,
    .popup-page {
        margin-top: 100px;
    }
    
    [main-content],
    .page-content,
    .blog-post,
    .news-article,
    .post-content,
    .contact-form,
    .about-content,
    .service-content {
        margin-top: 25px;
    }
}

/* Bridge between 768px and 480px */
@media (max-width: 600px) {
    .phusa-header-wrapper {
        top: 6px;
        left: 50%;
        transform: translateX(-50%);
        width: 90%;
        max-width: calc(100vw - 14px);
    }
    
    .phusa-header-top {
        border-radius: 28px;
        padding: 0 15px;
        height: 60px;
        min-height: 60px;
        max-height: 60px;
        box-sizing: border-box;
    }
    
    .phusa-header-content {
        gap: 11px;
        align-items: center;
        justify-content: space-between;
    }
    
    .phusa-logo-header {
        min-width: 85px;
        max-width: calc(100% - 60px);
        display: flex;
        align-items: center;
    }
    
    .phusa-logo-header img {
        height: 36px;
        max-width: 100%;
        width: auto;
        object-fit: contain;
    }
    
    .phusa-mobile-toggle {
        min-width: 44px;
        min-height: 44px;
        padding: 8px;
    }
    
    .phusa-mobile-toggle span {
        width: 25px;
        height: 3px;
    }
}

/* Mobile Portrait */
@media (max-width: 480px) {
    .phusa-header-wrapper {
        top: 5px;
        left: 50%;
        transform: translateX(-50%);
        width: 90%;
        max-width: calc(100vw - 12px);
    }
    
    .phusa-header-top {
        border-radius: 25px;
        padding: 0 14px;
        height: 60px;
        min-height: 60px;
        max-height: 60px;
        box-sizing: border-box;
    }
    
    .phusa-header-content {
        gap: 10px;
        align-items: center;
        justify-content: space-between;
    }
    
    .phusa-logo-header {
        min-width: 80px;
        max-width: calc(100% - 55px);
        flex-shrink: 1;
        overflow: hidden;
        display: flex;
        align-items: center;
    }
    
    .phusa-logo-header img {
        height: 35px;
        max-width: 100%;
        width: auto;
        object-fit: contain;
        display: block;
    }
    
    .phusa-nav-menu {
        display: none !important;
    }
    
    .phusa-login-btn,
    .phusa-cart-btn,
    .phusa-search-box,
    .phusa-language-toggle {
        display: none !important;
    }
    
    .phusa-header-actions {
        display: none !important;
    }
    
    .phusa-mobile-toggle {
        display: flex !important;
        padding: 8px;
        min-width: 44px;
        min-height: 44px;
        flex-shrink: 0;
        margin-left: auto;
    }
    
    .phusa-mobile-toggle span {
        width: 24px;
        height: 3px;
    }
    
    .phusa-mobile-sidebar {
        width: 85%;
        max-width: 280px;
        min-width: 240px;
    }
    
    .phusa-mobile-sidebar-content {
        padding: 85px 18px 18px;
    }
    
    /* Adjust content spacing for small mobile */
    .main-wrapper {
        margin-top: 85px;
    }
    
    /* Small mobile spacing for all page types */
    .product-container,
    .product-catalogue:not(.page-wrapper),
    .page-wrapper,
    .page-breadcrumb,
    .page-agency,
    .panel-agency,
    .panel-body,
    .uk-container-center,
    .contact-container,
    .distribution-container,
    .post-container,
    .blog-container,
    .news-container,
    .about-container,
    .service-container,
    .workshop-container,
    .lab-container,
    .order-container,
    .cart-container,
    .auth-container {
        margin-top: 20px;
    }
    
    /* Small mobile spacing for special cases */
    body.auth-page,
    body.login-page,
    body.register-page {
        padding-top: 100px;
    }
    
    .lab-booking-page,
    .checkin-page {
        padding-top: 95px;
    }
    
    .full-width-page,
    .modal-page,
    .popup-page {
        margin-top: 95px;
    }
    
    [main-content],
    .page-content,
    .blog-post,
    .news-article,
    .post-content,
    .contact-form,
    .about-content,
    .service-content {
        margin-top: 20px;
    }
}

/* Bridge between 480px and 360px */
@media (max-width: 400px) {
    .phusa-header-wrapper {
        top: 4px;
        left: 50%;
        transform: translateX(-50%);
        width: 90%;
        max-width: calc(100vw - 10px);
    }
    
    .phusa-header-top {
        border-radius: 22px;
        padding: 0 12px;
        height: 60px;
        min-height: 60px;
        max-height: 60px;
        box-sizing: border-box;
    }
    
    .phusa-header-content {
        gap: 9px;
        align-items: center;
        justify-content: space-between;
    }
    
    .phusa-logo-header {
        min-width: 72px;
        max-width: calc(100% - 51px);
        display: flex;
        align-items: center;
    }
    
    .phusa-logo-header img {
        height: 32px;
        max-width: 100%;
        width: auto;
        object-fit: contain;
    }
    
    .phusa-mobile-toggle {
        padding: 7px;
        min-width: 42px;
        min-height: 42px;
        flex-shrink: 0;
    }
    
    .phusa-mobile-toggle span {
        width: 23px;
        height: 2.8px;
    }
}

/* Extra Small Mobile */
@media (max-width: 360px) {
    .phusa-header-wrapper {
        left: 50%;
        transform: translateX(-50%);
        width: 90%;
        max-width: calc(100vw - 10px);
        top: 3px;
    }
    
    .phusa-header-top {
        padding: 0 10px;
        height: 60px;
        min-height: 60px;
        max-height: 60px;
        border-radius: 20px;
        box-sizing: border-box;
    }
    
    .phusa-header-content {
        gap: 8px;
        align-items: center;
        justify-content: space-between;
    }
    
    .phusa-logo-header {
        min-width: 65px;
        max-width: calc(100% - 48px);
        flex-shrink: 1;
        overflow: hidden;
        display: flex;
        align-items: center;
    }
    
    .phusa-logo-header img {
        height: 30px;
        max-width: 100%;
        width: auto;
        object-fit: contain;
        display: block;
    }
    
    .phusa-nav-menu {
        display: none !important;
    }
    
    .phusa-login-btn,
    .phusa-cart-btn,
    .phusa-search-box,
    .phusa-language-toggle {
        display: none !important;
    }
    
    .phusa-header-actions {
        display: none !important;
    }
    
    .phusa-mobile-toggle {
        display: flex !important;
        padding: 6px;
        min-width: 40px;
        min-height: 40px;
        flex-shrink: 0;
        margin-left: auto;
    }
    
    .phusa-mobile-toggle span {
        width: 22px;
        height: 2.5px;
    }
    
    .phusa-mobile-sidebar {
        width: 90%;
        max-width: 260px;
        min-width: 200px;
    }
    
    .phusa-mobile-sidebar-content {
        padding: 75px 12px 12px;
    }
    
    .main-wrapper {
        margin-top: 75px;
    }
    
    /* Extra small mobile spacing */
    .product-container,
    .product-catalogue:not(.page-wrapper),
    .page-wrapper,
    .page-breadcrumb,
    .page-agency,
    .panel-agency,
    .panel-body,
    .uk-container-center,
    .contact-container,
    .distribution-container,
    .post-container,
    .blog-container,
    .news-container,
    .about-container,
    .service-container,
    .workshop-container,
    .lab-container,
    .order-container,
    .cart-container,
    .auth-container {
        margin-top: 15px;
    }
    
    body.auth-page,
    body.login-page,
    body.register-page {
        padding-top: 90px;
    }
    
    .lab-booking-page,
    .checkin-page {
        padding-top: 85px;
    }
    
    .full-width-page,
    .modal-page,
    .popup-page {
        margin-top: 85px;
    }
    
    [main-content],
    .page-content,
    .blog-post,
    .news-article,
    .post-content,
    .contact-form,
    .about-content,
    .service-content {
        margin-top: 15px;
    }
}

/* ===== PRODUCT DROPDOWN MENU ===== */
.phusa-dropdown {
    position: relative;
    z-index: 1001;
}

.phusa-dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    background: white;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    min-width: 250px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
    transition-delay: 0s;
    z-index: 1001;
    margin-top: 5px;
    padding: 20px 0 15px 0;
    padding-top: 25px;
    list-style: none;
    margin-left: 0;
    pointer-events: none;
}

/* Create invisible bridge between menu item and submenu - Tăng chiều cao để dễ di chuyển chuột */
.phusa-dropdown-menu::before {
    content: '';
    position: absolute;
    top: -20px;
    left: -10px;
    right: -10px;
    height: 25px;
    background: transparent;
    pointer-events: auto;
}

.phusa-dropdown:hover .phusa-dropdown-menu,
.phusa-dropdown.active .phusa-dropdown-menu,
.phusa-dropdown-menu:hover {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
    transition-delay: 0s;
}

/* Giữ dropdown mở khi hover vào dropdown menu */
.phusa-dropdown-menu:hover {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
}

/* Đảm bảo các link trong dropdown có thể click được khi dropdown hiển thị */
.phusa-dropdown-menu li a,
.phusa-dropdown-menu .phusa-dropdown-item {
    pointer-events: auto !important;
    cursor: pointer;
}

/* Đảm bảo dropdown menu có thể tương tác khi hiển thị (opacity > 0) */
.phusa-dropdown-menu[style*="opacity: 1"],
.phusa-dropdown-menu:not([style*="opacity: 0"]) {
    pointer-events: auto;
}

/* Khi dropdown được active hoặc hover, đảm bảo tất cả phần tử bên trong có thể click */
.phusa-dropdown:hover .phusa-dropdown-menu *,
.phusa-dropdown.active .phusa-dropdown-menu *,
.phusa-dropdown-menu:hover * {
    pointer-events: auto;
}

/* Ensure bridge area is also hoverable */
.phusa-dropdown:hover .phusa-dropdown-menu::before,
.phusa-dropdown-menu::before {
    pointer-events: auto;
}

.phusa-dropdown-menu li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.phusa-dropdown-menu li a {
    display: block;
    padding: 12px 20px;
    color: #333;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    transition: all 0.3s ease;
    text-transform: none;
    letter-spacing: normal;
    white-space: nowrap;
}

.phusa-dropdown-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px 20px;
    color: #333;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    transition: all 0.3s ease;
    border: none;
    background: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
}

.phusa-dropdown-menu li a:hover,
.phusa-dropdown-item:hover {
    background: #f8f9fa;
    color: #72ACD6;
    text-decoration: none;
}

.phusa-dropdown-item i {
    font-size: 18px;
    width: 24px;
    text-align: center;
    color: #72ACD6;
    flex-shrink: 0;
}

.phusa-dropdown-item:hover i {
    color: #5a8bb8;
}

.phusa-dropdown-content {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.phusa-dropdown-title {
    font-size: 15px;
    font-weight: 600;
    color: #333;
}

.phusa-dropdown-desc {
    font-size: 12px;
    color: #666;
    opacity: 0.8;
}

.phusa-dropdown-item:hover .phusa-dropdown-title {
    color: #72ACD6;
}

.phusa-dropdown-item:hover .phusa-dropdown-desc {
    color: #5a8bb8;
}

/* ===== SUBMENU (Cấp 3+) ===== */
.phusa-dropdown-sub {
    position: relative;
}

.phusa-dropdown-menu-sub {
    position: absolute;
    top: 0;
    left: 100%;
    margin-left: 5px;
    background: white;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    min-width: 250px;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-10px);
    transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
    transition-delay: 0s;
    z-index: 1002;
    padding: 20px 0 15px 0;
    padding-left: 10px;
    list-style: none;
    pointer-events: none;
}

/* Bridge area cho submenu */
.phusa-dropdown-menu-sub::before {
    content: '';
    position: absolute;
    top: 0;
    left: -10px;
    right: 100%;
    width: 15px;
    height: 100%;
    background: transparent;
    pointer-events: auto;
}

.phusa-dropdown-sub:hover .phusa-dropdown-menu-sub,
.phusa-dropdown-menu-sub:hover {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    pointer-events: auto;
    transition-delay: 0s;
}

/* Giữ submenu mở khi hover vào submenu */
.phusa-dropdown-menu-sub:hover {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(0) !important;
    pointer-events: auto !important;
}

/* Đảm bảo các link trong submenu có thể click được khi submenu hiển thị */
.phusa-dropdown-menu-sub li a {
    pointer-events: auto;
    cursor: pointer;
}

.phusa-dropdown-menu-sub li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.phusa-dropdown-menu-sub li a {
    display: block;
    padding: 12px 20px;
    color: #333;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    transition: all 0.3s ease;
    text-transform: none;
    letter-spacing: normal;
    white-space: nowrap;
}

.phusa-dropdown-menu-sub li a:hover {
    background: #f8f9fa;
    color: #72ACD6;
    text-decoration: none;
}

.phusa-dropdown-toggle-sub {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.phusa-dropdown-toggle-sub i {
    font-size: 10px;
    opacity: 0.7;
    transition: transform 0.3s ease;
    margin-left: auto;
}

.phusa-dropdown-sub:hover .phusa-dropdown-toggle-sub i {
    transform: translateX(3px);
}

/* Mobile dropdown adjustments */
@media (max-width: 1200px) {
    .phusa-dropdown-menu {
        position: static;
        opacity: 1;
        visibility: visible;
        transform: none;
        box-shadow: none;
        background: rgba(255, 255, 255, 0.1);
        margin: 10px 0;
        border-radius: 10px;
        padding: 10px 0;
    }
    
    .phusa-dropdown-item {
        color: white;
        padding: 10px 20px;
    }
    
    .phusa-dropdown-item:hover {
        background: rgba(255, 255, 255, 0.2);
        color: white;
    }
    
    .phusa-dropdown-item i {
        color: white;
    }
    
    .phusa-dropdown-item:hover i {
        color: white;
    }
}

/* ===== MOBILE DROPDOWN MENU ===== */
.phusa-mobile-dropdown {
    position: relative;
}

.phusa-mobile-dropdown-menu {
    display: none;
    background: rgba(27, 46, 89, 0.08);
    border-radius: 10px;
    margin: 10px 0;
    padding: 10px 0;
    margin-left: 20px;
    list-style: none;
}

.phusa-mobile-dropdown-menu li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.phusa-mobile-dropdown-menu li a {
    display: block;
    padding: 12px 20px;
    color: #1B2E59;
    text-decoration: none;
    font-family: 'Montserrat', 'Roboto Flex', sans-serif;
    font-size: 16px;
    font-weight: 500;
    transition: all 0.3s ease;
    text-transform: none !important;
    letter-spacing: normal;
}

.phusa-mobile-dropdown-menu li a:hover {
    background: rgba(79, 195, 212, 0.15);
    color: #4FC3D4;
    text-decoration: none;
}

/* Chỉ mở menu con trực tiếp — tránh mở luôn cấp cháu khi mở cha */
.phusa-mobile-dropdown.active > .phusa-mobile-dropdown-menu {
    display: block;
}

/* Mobile: tăng vùng chạm cho mũi tên dropdown */
#phusaMobileSidebar .phusa-mobile-dropdown-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

#phusaMobileSidebar .phusa-mobile-dropdown-toggle i {
    width: 44px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(248, 250, 252, 1);
    border: 1px solid #dbe3f0;
    border-radius: 10px;
    color: #00319a;
    font-size: 14px;
    flex-shrink: 0;
    margin-left: 8px;
    transition: background-color 0.15s ease, transform 0.15s ease, border-color 0.15s ease;
}

#phusaMobileSidebar .phusa-mobile-dropdown-toggle i:hover,
#phusaMobileSidebar .phusa-mobile-dropdown-toggle i:active {
    background: #f0f5ff;
}

/* Chỉ xoay mũi tên của mục đang mở (con trực tiếp), không ảnh hưởng cấp cháu */
#phusaMobileSidebar .phusa-mobile-dropdown.active > .phusa-mobile-dropdown-toggle i,
#phusaMobileSidebar .phusa-mobile-dropdown.active > .phusa-mobile-dropdown-toggle i:hover,
#phusaMobileSidebar .phusa-mobile-dropdown.active > .phusa-mobile-dropdown-toggle i:active {
    transform: rotate(90deg);
    background: #f0f5ff;
    border-color: #c5d4ef;
}

.phusa-mobile-dropdown-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 20px;
    color: #1B2E59;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    transition: all 0.3s ease;
    border: none;
    background: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
}

.phusa-mobile-dropdown-item:hover {
    background: rgba(79, 195, 212, 0.15);
    color: #4FC3D4;
    text-decoration: none;
}

.phusa-mobile-dropdown-item i {
    font-size: 18px;
    width: 24px;
    text-align: center;
    color: #1B2E59;
    flex-shrink: 0;
}

.phusa-mobile-dropdown-item:hover i {
    color: #4FC3D4;
}

.phusa-mobile-dropdown-content {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.phusa-mobile-dropdown-title {
    font-size: 16px;
    font-weight: 600;
    color: #1B2E59;
}

.phusa-mobile-dropdown-desc {
    font-size: 12px;
    color: rgba(27, 46, 89, 0.7);
}

.phusa-mobile-dropdown-item:hover .phusa-mobile-dropdown-title {
    color: #4FC3D4;
}

.phusa-mobile-dropdown-item:hover .phusa-mobile-dropdown-desc {
    color: rgba(79, 195, 212, 0.9);
}


/* frontend/css/phusa-hero.css */
/**
 * Phusa Hero Section Styles
 * Based on new design from index.html and style.css
 */

/* ===== HERO SECTION ===== */
.phusa-hero-section {
    position: relative;
    width: 100%;
    min-height: 105vh;
    height: 105vh;
    overflow: hidden;
    /* Full screen - không cần padding-top vì video sẽ cover toàn màn hình */
    padding-top: 0;
    /* Giữ nguyên kích thước khi zoom trình duyệt */
    transform-origin: center top;
    will-change: transform;
    /* Improve rendering performance */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    /* Ensure proper stacking context */
    isolation: isolate;
    /* Đảm bảo hero section che phủ hoàn toàn và có background đen để che phủ nội dung bên dưới */
    z-index: 1;
    background-color: #000000;
}

/* Hero section với dynamic height từ slide settings - override để luôn full screen */
.phusa-hero-section[data-slide-height] {
    min-height: 105vh;
    height: 105vh;
    aspect-ratio: unset;
}

/* ===== HERO SLIDER ===== */
.phusa-hero-slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden;
}

.phusa-hero-slider .swiper-wrapper {
    height: 100%;
}

.phusa-hero-slider .swiper-slide {
    height: 100%;
    position: relative;
    overflow: hidden;
}

.phusa-hero-slide-item {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    background-color: #000000;
    overflow: hidden;
}

.phusa-hero-image,
.phusa-hero-image-link {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    background-color: #000000;
    overflow: hidden;
}

.phusa-hero-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* Improve image rendering */
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    /* Prevent image drag on mobile */
    -webkit-user-drag: none;
    user-select: none;
    pointer-events: none;
}

.phusa-hero-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    background-color: #000000;
    overflow: hidden;
}

.phusa-hero-video-player {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    object-position: center;
    transition: opacity 0.7s ease;
    /* Improve video rendering */
    -webkit-user-drag: none;
    user-select: none;
    /* Prevent video controls on mobile */
    pointer-events: none;
    z-index: 0;
}

.phusa-hero-video-link-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    cursor: pointer;
    /* Đảm bảo không chặn button mute - button có z-index cao hơn (11) */
}

/* Video Mute Toggle Button */
.phusa-hero-video-mute-toggle {
    position: absolute;
    top: 100px;
    right: 20px;
    width: 35px;
    height: 35px;
    background: rgba(0, 0, 0, 0.5);
    border: 2px solid rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    color: #ffffff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 12; /* Cao hơn link overlay (z-index: 2) và overlay (z-index: 2) */
    transition: all 0.3s ease;
    padding: 0;
    outline: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    /* Đảm bảo button luôn có thể click được */
    pointer-events: auto !important;
}

.phusa-hero-video-mute-toggle:hover {
    background: rgba(0, 0, 0, 0.7);
    border-color: #ffffff;
    transform: scale(1.1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

.phusa-hero-video-mute-toggle:active {
    transform: scale(0.95);
}

.phusa-hero-video-mute-toggle:focus {
    outline: 2px solid #ffffff;
    outline-offset: 2px;
}

.phusa-hero-video-mute-toggle.unmuted {
    background: rgba(255, 255, 255, 0.2);
}

.phusa-hero-video-mute-toggle.unmuted:hover {
    background: rgba(255, 255, 255, 0.3);
}

.phusa-hero-mute-icon,
.phusa-hero-unmute-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 1;
}

.phusa-hero-video-mute-toggle.unmuted .phusa-hero-mute-icon {
    display: none;
}

.phusa-hero-video-mute-toggle.unmuted .phusa-hero-unmute-icon {
    display: flex !important;
}

.phusa-hero-video-mute-toggle:not(.unmuted) .phusa-hero-unmute-icon {
    display: none;
}

.phusa-hero-video-mute-toggle:not(.unmuted) .phusa-hero-mute-icon {
    display: flex;
}

/* Navigation Arrows */
.phusa-hero-arrow-next,
.phusa-hero-arrow-prev {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.2);
    width: 45px;
    height: 45px;
    border-radius: 50%;
    transition: all 0.3s ease;
    z-index: 10;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    /* Improve accessibility */
    outline: none;
}

.phusa-hero-arrow-next:hover,
.phusa-hero-arrow-prev:hover {
    background: rgba(255, 255, 255, 0.4);
    transform: scale(1.1);
}

.phusa-hero-arrow-next:active,
.phusa-hero-arrow-prev:active {
    transform: scale(0.95);
}

.phusa-hero-arrow-next:focus,
.phusa-hero-arrow-prev:focus {
    outline: 2px solid rgba(255, 255, 255, 0.8);
    outline-offset: 2px;
}

.phusa-hero-arrow-next::after,
.phusa-hero-arrow-prev::after {
    font-size: 18px;
    font-weight: bold;
}

/* Pagination Dots */
.phusa-hero-pagination {
    bottom: 70px !important;
    z-index: 10;
}

.phusa-hero-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: rgba(255, 255, 255, 0.5);
    opacity: 1;
    transition: all 0.3s ease;
    cursor: pointer;
    margin: 0 4px;
}

.phusa-hero-pagination .swiper-pagination-bullet:hover {
    background: rgba(255, 255, 255, 0.8);
    transform: scale(1.1);
}

.phusa-hero-pagination .swiper-pagination-bullet-active {
    background: #ffffff;
    transform: scale(1.2);
    opacity: 1;
}

.phusa-hero-artboard {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 0;
}

.phusa-hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.15; /* Default opacity, có thể override bằng data attribute và JS */
    z-index: 2;
    transition: opacity 0.8s ease;
    /* Đảm bảo overlay không chặn các button và interactive elements */
    pointer-events: none;
}

.phusa-hero-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 20px;
    /* Improve text readability */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    /* Ensure content is accessible */
    pointer-events: none;
    opacity: 1;
    visibility: visible;
}

.phusa-hero-content.phusa-hero-content-hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.phusa-hero-content.phusa-hero-content-hidden .phusa-hero-title,
.phusa-hero-content.phusa-hero-content-hidden .phusa-hero-buttons,
.phusa-hero-content:not(.phusa-hero-content-revealed) .phusa-hero-title,
.phusa-hero-content:not(.phusa-hero-content-revealed) .phusa-hero-buttons {
    opacity: 0;
    transform: translateY(32px);
}

.phusa-hero-content.phusa-hero-content-revealed .phusa-hero-title {
    animation: phusaHeroRevealUp 1s cubic-bezier(0.16, 1, 0.3, 1) 0.12s both;
}

.phusa-hero-content.phusa-hero-content-revealed .phusa-hero-buttons {
    animation: phusaHeroRevealUp 1s cubic-bezier(0.16, 1, 0.3, 1) 0.32s both;
}

@keyframes phusaHeroRevealUp {
    from {
        opacity: 0;
        transform: translateY(32px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Giữ frame cuối video làm nền khi hiển thị tiêu đề/nút */
.phusa-hero-video.phusa-hero-video-frozen-bg {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.phusa-hero-video-player.phusa-hero-video-frozen {
    opacity: 0;
}

.phusa-hero-section.phusa-hero-show-content .phusa-hero-overlay {
    opacity: 0.08 !important;
}

.phusa-hero-content * {
    pointer-events: auto;
}

.phusa-hero-title {
    position: relative;
    width: 600px;
    max-width: 90%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.25);
    font-weight: 700;
    color: #ffffff;
    font-size: 50px;
    text-align: center;
    letter-spacing: 0;
    line-height: 1.2;
    margin-bottom: 18px;
    margin-top: 0;
    /* Improve text rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.phusa-hero-description {
    position: relative;
    width: 500px;
    max-width: 90%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.25);
    font-weight: 400;
    color: #ffffff;
    font-size: 13px;
    text-align: center;
    letter-spacing: 0;
    line-height: 1.6;
    margin-bottom: 25px;
    margin-top: 0;
    /* Improve text rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.phusa-hero-buttons {
    display: flex;
    gap: 25px;
    position: relative;
    width: auto;
    height: 42px;
    justify-content: center;
    align-items: center;
}

.phusa-btn {
    border: none;
    height: 42px;
    width: 130px;
    font-size: 15px;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s;
    font-weight: 600;
    letter-spacing: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}

.phusa-btn-primary {
    background: #ffffff;
    color: #0D0C55;
}

.phusa-btn-secondary {
    background: transparent;
    color: #ffffff;
    border: 2px solid #ffffff;
}

.phusa-btn:hover {
    opacity: 0.9;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.phusa-btn:active {
    transform: translateY(0);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.phusa-btn:focus {
    outline: 2px solid rgba(255, 255, 255, 0.8);
    outline-offset: 2px;
}

.phusa-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

.phusa-scroll-indicator {
    position: absolute;
    bottom: 60px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 15; /* Tăng z-index để đảm bảo nút không bị chặn */
    animation: phusa-bounce 2s infinite;
    cursor: pointer;
    background: transparent;
    border: none;
    padding: 8px;
    opacity: 1;
    /* Improve accessibility */
    transition: transform 0.3s ease, opacity 0.3s ease;
    /* Đảm bảo nút có thể click được */
    pointer-events: auto !important;
}

.phusa-scroll-indicator:hover {
    opacity: 1;
    transform: translateX(-50%) translateY(-5px);
}

.phusa-scroll-indicator:focus {
    outline: 2px solid rgba(255, 255, 255, 0.8);
    outline-offset: 4px;
    border-radius: 4px;
}

.phusa-scroll-indicator:active {
    transform: translateX(-50%) translateY(0);
}

.phusa-scroll-indicator i {
    font-size: 30px;
    color: #fff;
    opacity: 0.8;
    display: block;
    pointer-events: none;
}

@keyframes phusa-bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateX(-50%) translateY(0);
    }
    40% {
        transform: translateX(-50%) translateY(-10px);
    }
    60% {
        transform: translateX(-50%) translateY(-5px);
    }
}

/* ===== RESPONSIVE DESIGN ===== */
@media (max-width: 1024px) {
    .phusa-hero-section {
        min-height: 105vh;
        height: 105vh;
        padding-top: 0;
    }
    
    /* Giữ nguyên aspect ratio nếu có từ slide settings, nhưng đảm bảo min-height */
    .phusa-hero-section[data-slide-height] {
        min-height: 105vh;
        height: 105vh;
    }
    
    .phusa-hero-artboard {
        height: 100%;
    }
    
    .phusa-hero-arrow-next,
    .phusa-hero-arrow-prev {
        width: 40px;
        height: 40px;
    }
    
    .phusa-hero-arrow-next::after,
    .phusa-hero-arrow-prev::after {
        font-size: 16px;
    }
    
    .phusa-hero-title {
        font-size: 42px;
        width: 90%;
    }
    
    .phusa-hero-description {
        font-size: 13px;
        width: 80%;
    }
}

@media (max-width: 768px) {
    /*
     * Mobile: chiều cao = rộng màn / tỷ lệ slide (16:9 mặc định).
     * Phải dùng height cố định (calc) — slider absolute không tạo chiều cao cho parent.
     */
    .phusa-hero-section,
    .phusa-hero-section[data-slide-height] {
        --slide-aspect: 1.78;
        --hero-mobile-height-factor: 2;
        width: 100%;
        aspect-ratio: unset;
        min-height: calc((100vw / var(--slide-aspect)) * var(--hero-mobile-height-factor));
        height: calc((100vw / var(--slide-aspect)) * var(--hero-mobile-height-factor));
        max-height: 95svh;
        padding-top: 0;
        overflow: hidden;
    }

    .phusa-hero-slider,
    .phusa-hero-slider .swiper-wrapper,
    .phusa-hero-slider .swiper-slide,
    .phusa-hero-slide-item,
    .phusa-hero-video,
    .phusa-hero-image,
    .phusa-hero-image-link {
        overflow: hidden;
        max-width: 100%;
        max-height: 100%;
    }

    .phusa-hero-video-player,
    .phusa-hero-artboard,
    .phusa-hero-image img {
        inset: 0;
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
        object-fit: cover;
        object-position: center center;
    }
    
    .phusa-hero-artboard {
        height: 100%;
    }
    
    .phusa-hero-arrow-next,
    .phusa-hero-arrow-prev {
        width: 35px;
        height: 35px;
    }
    
    .phusa-hero-arrow-next::after,
    .phusa-hero-arrow-prev::after {
        font-size: 14px;
    }
    
    .phusa-hero-pagination {
        bottom: 16px !important;
    }

    .phusa-scroll-indicator {
        bottom: 34px;
    }

    /* Mobile: chữ + nút nằm thấp hơn, 2 nút nhỏ nằm ngang */
    .phusa-hero-content {
        justify-content: flex-end;
        padding: 0 16px 96px;
    }
    
    .phusa-hero-title {
        font-size: 28px;
        width: 95%;
        margin-bottom: 14px;
        line-height: 1.25;
    }
    
    .phusa-hero-description {
        font-size: 13px;
        width: 90%;
    }
    
    .phusa-hero-buttons {
        flex-direction: row;
        width: auto;
        height: auto;
        gap: 10px;
        flex-wrap: nowrap;
    }
    
    .phusa-btn {
        width: auto;
        min-width: 96px;
        height: 34px;
        padding: 0 14px;
        font-size: 12px;
        border-radius: 8px;
    }

    .phusa-btn-secondary {
        border-width: 1.5px;
    }
    
    .phusa-hero-video-mute-toggle {
        width: 35px;
        height: 35px;
        top: 90px;
        right: 15px;
    }
    
    .phusa-hero-mute-icon,
    .phusa-hero-unmute-icon {
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .phusa-hero-section,
    .phusa-hero-section[data-slide-height] {
        min-height: calc((100vw / var(--slide-aspect, 1.78)) * var(--hero-mobile-height-factor, 1.5));
        height: calc((100vw / var(--slide-aspect, 1.78)) * var(--hero-mobile-height-factor, 1.5));
        max-height: 95svh;
        padding-top: 0;
    }
    
    .phusa-hero-artboard {
        height: 100%;
    }
    
    .phusa-hero-arrow-next,
    .phusa-hero-arrow-prev {
        width: 30px;
        height: 30px;
        display: none; /* Hide arrows on very small screens */
    }
    
    .phusa-hero-pagination {
        bottom: 22px !important;
    }
    
    .phusa-hero-pagination .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        margin: 0 3px;
    }
    
    .phusa-hero-content {
        padding: 0 14px 86px;
    }

    .phusa-hero-title {
        font-size: 24px;
        line-height: 1.2;
        margin-bottom: 12px;
    }
    
    .phusa-hero-description {
        font-size: 12px;
        line-height: 1.4;
    }

    .phusa-hero-buttons {
        gap: 8px;
    }

    .phusa-btn {
        min-width: 88px;
        height: 32px;
        padding: 0 12px;
        font-size: 11px;
        border-radius: 7px;
    }
    
    .phusa-hero-video-mute-toggle {
        width: 40px;
        height: 40px;
        top: 65px;
        right: 10px;
    }
    
    .phusa-hero-mute-icon,
    .phusa-hero-unmute-icon {
        font-size: 16px;
    }
    
    .phusa-scroll-indicator {
        bottom: 32px;
    }
    
    .phusa-scroll-indicator i {
        font-size: 26px;
    }
}

/* ===== ACCESSIBILITY IMPROVEMENTS ===== */
@media (prefers-reduced-motion: reduce) {
    .phusa-hero-section,
    .phusa-hero-slider,
    .phusa-scroll-indicator,
    .phusa-btn,
    .phusa-hero-arrow-next,
    .phusa-hero-arrow-prev,
    .phusa-hero-pagination .swiper-pagination-bullet,
    .phusa-hero-content.phusa-hero-content-revealed .phusa-hero-title,
    .phusa-hero-content.phusa-hero-content-revealed .phusa-hero-buttons {
        animation: none !important;
        transition: none !important;
    }
    
    .phusa-hero-content.phusa-hero-content-revealed .phusa-hero-title,
    .phusa-hero-content.phusa-hero-content-revealed .phusa-hero-buttons {
        opacity: 1;
        transform: none;
    }
    
    .phusa-scroll-indicator {
        animation: none;
    }
}

/* ===== PRINT STYLES ===== */
@media print {
    .phusa-hero-section {
        min-height: auto;
        height: auto;
        page-break-inside: avoid;
    }
    
    .phusa-hero-slider,
    .phusa-hero-arrow-next,
    .phusa-hero-arrow-prev,
    .phusa-hero-pagination,
    .phusa-hero-video-mute-toggle,
    .phusa-scroll-indicator {
        display: none !important;
    }
    
    .phusa-hero-content {
        position: relative;
        z-index: auto;
    }
    
    .phusa-hero-overlay {
        display: none;
    }
}

/* ===== HIGH CONTRAST MODE ===== */
@media (prefers-contrast: high) {
    .phusa-hero-overlay {
        opacity: 0.3 !important;
    }
    
    .phusa-btn {
        border-width: 3px;
    }
    
    .phusa-hero-arrow-next,
    .phusa-hero-arrow-prev {
        border: 2px solid #ffffff;
    }
}

/* ===== SCROLL NAVIGATION BUTTONS ===== */
.phusa-scroll-nav {
    position: fixed;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 15 !important;
    display: flex;
    flex-direction: column;
    gap: 10px;
    pointer-events: none;
    /* Đảm bảo container không chặn click events của buttons */
}

.phusa-scroll-nav-btn {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.9);
    border: 2px solid rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    pointer-events: auto !important;
    z-index: 15 !important;
    position: relative !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    /* Đảm bảo nút có thể click được */
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
}

.phusa-scroll-nav-btn:hover {
    background: rgba(255, 255, 255, 1);
    transform: scale(1.1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

.phusa-scroll-nav-btn:active {
    transform: scale(0.95);
}

.phusa-scroll-nav-btn.disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

.phusa-scroll-nav-btn svg {
    width: 24px;
    height: 24px;
    fill: #333;
    stroke: #333;
}

.phusa-scroll-nav-btn:hover svg {
    fill: #000;
    stroke: #000;
}

/* Mobile responsive */
@media (max-width: 768px) {
    .phusa-scroll-nav {
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
    }
    
    .phusa-scroll-nav-btn {
        width: 45px;
        height: 45px;
    }
    
    .phusa-scroll-nav-btn svg {
        width: 20px;
        height: 20px;
    }
}

/* frontend/css/phusa-common.css */
/**
 * Phusa Common Styles
 * Shared styles for Phusa components
 */

/* Wrapper bao cả 2 component */
.phusa-sanpham-tintuc-wrapper {
    position: relative;
    margin: 0;
    margin-top: -35px;
    border-radius: 40px 40px 0px 0px;
    z-index: 12;
}

/* Màu nền với height giảm */
.phusa-sanpham-tintuc-wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 92%; /* Giảm height giống hình overlay */
    background: #0D0C55;
    border-radius: 40px 40px 0px 0px;
    z-index: -1;
}

/* Rectangle 31 - Hình overlay chèn lên màu nền - Phủ kín background */
.phusa-sanpham-tintuc-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 92%; /* Giảm height xuống 95% */
    background: url('/images/tin-tuc.png');
    background-size: 100% 100%; /* Phủ kín 100% cả chiều rộng và chiều cao */
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 1;
    border-radius: 40px 40px 0px 0px;
    z-index: 0;
    pointer-events: none;
}

/* Đảm bảo nội dung nằm trên background */
.phusa-sanpham-tintuc-wrapper > * {
    position: relative;
    z-index: 1;
}

/* Chỉ điện thoại */
@media (max-width: 768px) {
    .phusa-sanpham-tintuc-wrapper {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
        overflow: visible;
        margin-top: -32px;
        margin-bottom: 0;
        border-radius: 28px 28px 0 0;
        background-color: #0D0C55;
    }

    .phusa-sanpham-tintuc-wrapper::before,
    .phusa-sanpham-tintuc-wrapper::after {
        /* Giữ giống desktop để nền không bị dư chiều cao */
        height: 94%;
        width: 100%;
        left: 0;
        right: 0;
        border-radius: 28px 28px 0 0;
    }
}

@media (max-width: 480px) {
    .phusa-sanpham-tintuc-wrapper {
        margin-top: -28px;
        border-radius: 22px 22px 0 0;
    }

    .phusa-sanpham-tintuc-wrapper::before,
    .phusa-sanpham-tintuc-wrapper::after {
        border-radius: 22px 22px 0 0;
    }
}

/* Thu khoảng cách cột/bảng trên toàn bộ trang view frontend */
.uk-grid:not(.uk-grid-collapse):not(.uk-grid-small),
.uk-grid-medium,
.uk-grid-large {
    margin-left: -12px;
}

.uk-grid:not(.uk-grid-collapse):not(.uk-grid-small) > *,
.uk-grid-medium > *,
.uk-grid-large > * {
    padding-left: 12px;
}

@media (min-width: 960px) {
    .uk-grid-large {
        margin-left: -12px;
    }

    .uk-grid-large > * {
        padding-left: 12px;
    }
}

@media (min-width: 1220px) {
    .uk-grid:not(.uk-grid-collapse):not(.uk-grid-small),
    .uk-grid-medium,
    .uk-grid-large {
        margin-left: -12px;
    }

    .uk-grid:not(.uk-grid-collapse):not(.uk-grid-small) > *,
    .uk-grid-medium > *,
    .uk-grid-large > * {
        padding-left: 12px;
    }
}

.row {
    --bs-gutter-x: 0.75rem;
}

/* frontend/css/phusa-page-layout.css */
/**
 * Phusa inner page layout — nền, khoảng cách, tiêu đề thống nhất mọi trang nội dung.
 */

/* ===== Page shell ===== */
.page-wrapper {
    position: relative;
    width: 100%;
    margin-top: -85px;
    padding-top: 85px;
    padding-bottom: 0;
    box-sizing: border-box;
    background-color: #eef4fb;
    background-image: linear-gradient(180deg, #f0f6fc 0%, #eef4fb 72%, #cfdeff 100%);
    background-attachment: fixed;
    background-size: 100% 100vh;
    background-repeat: no-repeat;
}

@media (max-width: 1200px) {
    .page-wrapper {
        margin-top: -95px;
        padding-top: 95px;
    }
}

@media (max-width: 768px) {
    .page-wrapper {
        padding-top: 102px;
    }

    .page-wrapper .page-breadcrumb,
    .main-wrapper .page-breadcrumb.background {
        position: relative;
        z-index: 3;
        margin-top: 10px !important;
        margin-bottom: 8px !important;
        padding: 0 !important;
        min-height: 0;
    }

    .page-wrapper .page-breadcrumb .uk-container,
    .main-wrapper .page-breadcrumb.background .uk-container,
    .page-wrapper [class*='-catalogue-body'].uk-container {
        padding-left: 25px;
        padding-right: 25px;
    }

    .page-wrapper .page-breadcrumb + .uk-container,
    .page-wrapper .page-breadcrumb + [class*='-catalogue-body'],
    .page-wrapper .page-breadcrumb + .page-agency,
    .page-wrapper .page-breadcrumb + [class*='-detail-body'] {
        position: relative;
        z-index: 1;
        clear: both;
    }
}

@media (max-width: 480px) {
    .page-wrapper {
        margin-top: -88px;
        padding-top: 88px;
    }
}

@media (max-width: 360px) {
    .page-wrapper {
        margin-top: -80px;
        padding-top: 80px;
    }
}

.page-wrapper::before,
.page-wrapper::after {
    content: '';
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
}

.page-wrapper::before {
    width: 480px;
    height: 480px;
    top: -160px;
    right: -100px;
    background: radial-gradient(circle, rgba(114, 172, 214, 0.2) 0%, rgba(114, 172, 214, 0) 70%);
}

.page-wrapper::after {
    width: 360px;
    height: 360px;
    bottom: 120px;
    left: -80px;
    background: radial-gradient(circle, rgba(0, 49, 154, 0.07) 0%, rgba(0, 49, 154, 0) 70%);
}

/* Ghi đè margin thừa từ phusa-header.css / responsive.css */
.page-wrapper .page-breadcrumb,
.main-wrapper .page-breadcrumb.background {
    margin-top: 10px !important;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    background: transparent !important;
    position: relative;
    z-index: 3;
}

.page-wrapper .page-breadcrumb .uk-container,
.main-wrapper .page-breadcrumb.background .uk-container {
    margin-top: 0 !important;
}

.page-wrapper .page-breadcrumb li:not(:last-child)::before,
.main-wrapper .page-breadcrumb.background li:not(:last-child)::before {
    color: #000 !important;
}

.page-wrapper > .uk-container,
.page-wrapper .uk-container-center,
.page-wrapper .panel-body,
.page-wrapper [class*='-catalogue-body'],
.page-wrapper [class*='-detail-body'],
.page-wrapper [class*='-area-body'] {
    margin-top: 0 !important;
    padding-top: 0;
}

.page-wrapper .panel-body > .uk-grid,
.page-wrapper .panel-body > .uk-grid-medium {
    align-items: flex-start;
}

.page-wrapper .panel-body > .uk-grid > [class*='uk-width-'],
.page-wrapper .panel-body > .uk-grid-medium > [class*='uk-width-'] {
    align-self: flex-start;
}

.page-wrapper .uk-container,
.page-wrapper [class*='-catalogue-body'].uk-container {
    position: relative;
    z-index: 1;
    padding-bottom: 32px;
}

.main-wrapper .page-agency .uk-container-center,
.main-wrapper .panel-agency,
.main-wrapper .cart-container > .uk-container-center,
.main-wrapper .distribution-page.page-wrapper .page-agency,
.main-wrapper .distribution-page.page-wrapper .panel-agency {
    margin-top: 0 !important;
}

/* ===== White content card ===== */
.page-content-card,
.post-main,
.product-catalogue-main {
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.9);
    border-radius: 14px;
    padding: 22px 22px 18px;
    box-shadow: 0 8px 32px rgba(0, 49, 154, 0.07);
}

/* ===== List page header (title | sort, count) ===== */
.page-list-header,
.post-main-header,
.product-catalogue-main-header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 20px;
}

.page-list-title,
.post-main-title,
.product-catalogue-main-title {
    margin-bottom: 0;
    width: 100%;
    text-align: left !important;
}

.page-list-title > *,
.post-main-title > *,
.product-catalogue-main-title > * {
    text-align: left !important;
    font-size: 22px;
    line-height: 1.3;
}

@media (max-width: 768px) {
    .page-list-title > *,
    .post-main-title > *,
    .product-catalogue-main-title > * {
        font-size: 18px;
    }
}

.page-list-count,
.post-main-count,
.product-catalogue-main-count {
    margin: 0;
    font-size: 13px;
    color: #64748b;
    width: 100%;
    text-align: left;
}

.page-list-toolbar,
.post-main-header-toolbar,
.product-catalogue-main-toolbar {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}

.page-sort-form,
.post-sort-form {
    flex: 1;
    min-width: 0;
}

.page-sort-select,
.post-sort-select,
.product-catalogue-sort-select {
    width: 100%;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 8px 12px;
    font-size: 13px;
    color: #334155;
    background: #fff;
    min-width: 0;
    cursor: pointer;
}

.product-catalogue-sort-select {
    flex: 1;
}

@media (min-width: 768px) {
    .page-list-header,
    .post-main-header,
    .product-catalogue-main-header {
        display: grid;
        grid-template-columns: 1fr auto;
        grid-template-rows: auto auto;
        column-gap: 12px;
        row-gap: 4px;
        align-items: center;
    }

    .page-list-title,
    .post-main-title,
    .product-catalogue-main-title {
        grid-column: 1;
        grid-row: 1;
        justify-self: start;
    }

    .page-list-toolbar,
    .post-main-header-toolbar,
    .product-catalogue-main-toolbar {
        grid-column: 2;
        grid-row: 1;
        width: auto;
        justify-self: end;
        justify-content: flex-end;
    }

    .page-list-count,
    .post-main-count,
    .product-catalogue-main-count {
        grid-column: 1;
        grid-row: 2;
        justify-self: start;
    }

    .page-sort-form,
    .post-sort-form {
        flex: none;
    }

    .page-sort-select,
    .post-sort-select,
    .product-catalogue-sort-select {
        width: auto;
        min-width: 140px;
    }

    .product-catalogue-sort-select {
        min-width: 180px;
        flex: none;
    }
}

/* Tiêu đề section căn trái trong trang nội dung */
.page-wrapper .heading-1,
.page-wrapper .heading-2,
.page-wrapper .heading-3,
.page-wrapper .cart-heading,
.page-wrapper .panel-head .heading,
.customer-area-page .heading-1,
.customer-area-page .heading-2,
.customer-area-page .cart-heading {
    text-align: left !important;
}

.page-wrapper .heading-1 > *,
.page-wrapper .heading-2 > *,
.page-wrapper .heading-3 > *,
.page-wrapper .cart-heading > *,
.page-wrapper .panel-head .heading,
.customer-area-page .heading-1 > *,
.customer-area-page .heading-2 > *,
.customer-area-page .cart-heading > * {
    text-align: left !important;
}

.page-wrapper .forum-wrap {
    margin-top: 0 !important;
}

/* ===== Hiệu ứng tương tác (breadcrumb, sidebar, card, toolbar) ===== */
.page-wrapper .page-breadcrumb li > a,
.main-wrapper .page-breadcrumb.background li > a {
    transition: color 0.15s ease;
}

.page-wrapper .page-breadcrumb li > a:hover,
.main-wrapper .page-breadcrumb.background li > a:hover {
    color: #00319a !important;
    text-decoration: underline;
}

/* ===== Category tree — đồng bộ sidebar bài viết + sản phẩm ===== */
/* Không gắn .page-wrapper: drawer mobile được portal ra body */
.category-tree,
.post-category-tree {
    list-style: none;
    padding: 0;
    margin: 0;
}

.category-tree .category-item,
.post-category-tree .category-item {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
}

.category-tree .category-link-wrapper,
.post-category-tree .category-link-wrapper {
    display: flex;
    align-items: center;
    gap: 4px;
    position: relative;
}

.category-tree .category-link,
.post-category-tree .category-link,
.post-category-tree .post-category-link {
    flex: 1;
    min-width: 0;
    display: block;
    padding: 8px 12px;
    border-radius: 6px;
    font-size: 14px;
    line-height: 1.4;
    color: #334155;
    text-decoration: none;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.category-tree .category-level-1 > .category-link-wrapper > .category-link,
.post-category-tree .category-level-1 > .category-link-wrapper > .category-link,
.post-category-tree .category-level-1 > .category-link-wrapper > .post-category-link {
    font-weight: 600;
    color: #0d0c55;
}

.category-tree .category-link:hover,
.category-tree .category-item.is-active > .category-link-wrapper > .category-link,
.post-category-tree .post-category-link:hover,
.post-category-tree .category-item.is-active > .category-link-wrapper > .post-category-link,
.post-category-tree .category-item.is-active > .category-link-wrapper > .category-link {
    background: #f0f5ff;
    color: #00319a;
    font-weight: 600;
}

.category-tree .category-children,
.post-category-tree .category-children,
.post-category-tree .post-category-children {
    list-style: none;
    padding: 0;
    margin: 2px 0 4px 16px;
}

.category-tree .category-toggle,
.post-category-tree .category-toggle {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    background: #fff;
    color: #64748b;
    cursor: pointer;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.category-tree .category-toggle i,
.post-category-tree .category-toggle i {
    font-size: 11px;
    transition: transform 0.2s ease;
}

.category-tree .category-toggle:hover,
.category-tree .category-toggle:focus-visible,
.post-category-tree .category-toggle:hover,
.post-category-tree .category-toggle:focus-visible {
    background: #f0f5ff;
    color: #00319a;
    outline: none;
}

.category-tree .category-item.is-expanded > .category-link-wrapper .category-toggle,
.category-tree .category-hover-item.is-expanded > .category-hover-row .category-toggle,
.post-category-tree .category-item.is-expanded > .category-link-wrapper .category-toggle {
    color: #00319a;
    border-color: #c7d8f5;
    background: #f0f5ff;
}

.category-tree .category-item.is-expanded > .category-link-wrapper .category-toggle i,
.category-tree .category-hover-item.is-expanded > .category-hover-row .category-toggle i,
.post-category-tree .category-item.is-expanded > .category-link-wrapper .category-toggle i {
    transform: rotate(180deg);
}

@media (max-width: 767px) {
    .category-tree .category-link,
    .post-category-tree .category-link,
    .post-category-tree .post-category-link {
        font-size: 13px;
        padding: 7px 10px;
    }

    .category-tree .category-children,
    .post-category-tree .category-children,
    .post-category-tree .post-category-children {
        margin: 4px 0 6px;
        padding: 0 0 0 14px;
        border-left: 2px solid #e2e8f0;
    }

    .category-tree .category-toggle,
    .post-category-tree .category-toggle {
        display: inline-flex;
    }

    /* Cấp 1: không mũi tên, luôn hiện con */
    .category-tree .category-item.category-level-1 > .category-link-wrapper .category-toggle,
    .post-category-tree .category-item.category-level-1 > .category-link-wrapper .category-toggle {
        display: none !important;
    }

    .category-tree .category-item.category-level-1 > .category-children,
    .post-category-tree .category-item.category-level-1 > .category-children {
        display: block;
    }

    .post-category-tree .category-item.has-children > .category-children {
        display: none;
    }

    .post-category-tree .category-item.has-children.is-expanded > .category-children {
        display: block;
    }
}

.category-tree .category-hover-link,
.category-tree .category-hover-sublink {
    transition: background-color 0.15s ease, color 0.15s ease;
}

.category-tree .category-hover-link:hover,
.category-tree .category-hover-sublink:hover {
    background: #f0f5ff;
    color: #00319a;
}

.page-wrapper .product-list .product-item {
    padding-top: 0;
    background: #fff;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.page-wrapper .product-list .product-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 49, 154, 0.12);
}

.page-wrapper .product-list .product-item .image img,
.page-wrapper .product-list .product-item a.image img {
    transition: transform 0.3s ease;
}

.page-wrapper .product-list .product-item:hover .image:not(.image--placeholder) img,
.page-wrapper .product-list .product-item:hover a.image:not(.image--placeholder) img {
    transform: scale(1.05);
}

.page-wrapper .product-list .product-item .title > * {
    transition: color 0.15s ease;
}

.page-wrapper .product-list .product-item .title > *:hover {
    color: #00319a;
}

.page-wrapper .post-item-readmore {
    transition: color 0.15s ease;
}

.page-wrapper .post-item-readmore:hover {
    color: #f4763e;
}

.page-wrapper .post-item-readmore i {
    display: inline-block;
    transition: transform 0.15s ease;
}

.page-wrapper .post-item-readmore:hover i {
    transform: translateX(3px);
}

.page-wrapper .page-sort-select,
.page-wrapper .post-sort-select,
.page-wrapper .product-catalogue-sort-select {
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.page-wrapper .page-sort-select:hover,
.page-wrapper .post-sort-select:hover,
.page-wrapper .product-catalogue-sort-select:hover {
    border-color: #94a3b8;
}

.page-wrapper .page-sort-select:focus,
.page-wrapper .post-sort-select:focus,
.page-wrapper .product-catalogue-sort-select:focus {
    outline: none;
    border-color: #00319a;
    box-shadow: 0 0 0 2px rgba(0, 49, 154, 0.12);
}

.page-wrapper .post-search-btn,
.page-wrapper .product-search-btn {
    transition: background-color 0.15s ease, transform 0.15s ease;
}

.page-wrapper .post-search-btn:hover,
.page-wrapper .product-search-btn:hover {
    background: #1a4fad;
}

.page-wrapper .post-search-clear {
    transition: color 0.15s ease;
}

.page-wrapper .post-search-clear:hover {
    color: #f4763e;
}

.page-wrapper .post-mobile-sidebar-btn,
.page-wrapper .product-mobile-filter-btn {
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.page-wrapper .post-mobile-sidebar-btn:hover,
.page-wrapper .product-mobile-filter-btn:hover {
    background: #f0f5ff;
    border-color: #00319a;
    color: #00319a;
}

.page-wrapper .aside-featured-item,
.page-wrapper .aside-post-featured-item {
    transition: border-color 0.2s ease, background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.page-wrapper .aside-featured-item:hover,
.page-wrapper .aside-post-featured-item:hover {
    border-color: #00319a;
    background: #f7faff;
    transform: translateX(2px);
    box-shadow: 0 4px 12px rgba(0, 49, 154, 0.1);
}

.page-wrapper .aside-featured-item:hover .aside-featured-name,
.page-wrapper .aside-post-featured-item:hover .aside-post-featured-name {
    color: #00319a;
}

.page-wrapper .aside-featured-item:hover .aside-featured-arrow,
.page-wrapper .aside-post-featured-item:hover .aside-post-featured-arrow {
    color: #00319a;
    transform: translateX(2px);
}

/* frontend/css/font-override.css */
/**
 * Font Override CSS
 * Chuẩn hóa: 
 * - Font tiêu đề: Montserrat
 * - Font nội dung: Roboto Flex
 */

/* ===== HEADING FONTS (Montserrat) ===== */
h1, h2, h3, h4, h5, h6,
.heading-1, .heading-2, .heading-3, .heading-4, .heading-5, .heading-6,
.heading-1 > *, .heading-2 > *, .heading-3 > *, .heading-4 > *, .heading-5 > *, .heading-6 > *,
.main-heading,
.heading-form,
.panel-product .panel-head .heading-1,
.panel-product .panel-head .heading-1 > *,
.panel-flash-sale .panel-head .heading-1,
.panel-flash-sale .panel-head .heading-1 > *,
.cart-container h2.heading-1,
.cart-container h2.heading-1 > *,
.panel-check h1.heading-1,
.panel-check .panel-body .title,
.phusa-hero-title,
.phusa-san-pham-title-main,
.phusa-san-pham-title,
.phusa-nghien-cuu-title,
.phusa-nghien-cuu-card-title,
.phusa-tin-tuc-title,
.phusa-logo-doi-tac-title,
.phusa-danhmuc-card-title,
.phusa-contact-title,
.phusa-nav-menu a,
.phusa-dropdown-menu a,
.phusa-dropdown-menu-sub a,
.phusa-mobile-nav-menu a,
.phusa-mobile-dropdown-menu a,
.phusa-menu-highlight-oligo {
    font-family: 'Montserrat', 'Roboto Flex', sans-serif !important;
}

/* ===== CONTENT FONTS (Roboto Flex) ===== */
body,
p, span, div, a, li, td, th,
input, textarea, select, option,
.product-item .title,
.product-item .title > *,
.news-item .info .title,
.news-item .info .title > *,
.aside-product .info .title,
.aside-product .info .title > *,
.popup-product .title,
.popup-product .title > *,
.bestseller-item .info .title,
.bestseller-item .info .title > *,
.aside-news .aside-post-item .info .title,
.aside-news .aside-post-item .info .title > *,
.cart-item .cart-item-info .title,
.panel-cart .cart-item-image .title,
.cart-detailpage .cart-cart .product-block .info .title,
.cart-detailpage .cart-cart .product-block .info .title a,
.method-item .title,
.container-cart,
.nice-select,
.container-cart select option,
.container-cart input[type="email"]::placeholder,
.container-cart input[type="text"]::placeholder,
.phusa-hero-description,
.phusa-san-pham-subtitle,
.phusa-nghien-cuu-card-description,
.phusa-tin-tuc-main-description,
.phusa-tin-tuc-tab-left,
.phusa-tin-tuc-tab-right {
    font-family: 'Roboto Flex', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
}

/* ===== BUTTON FONTS (Montserrat) ===== */
button,
.btn,
input[type="button"],
input[type="submit"],
input[type="reset"],
.phusa-btn,
.phusa-btn-primary,
.phusa-btn-secondary,
.phusa-btn-login,
.phusa-btn-profile,
.phusa-btn-cart,
.phusa-mobile-btn-login,
.phusa-mobile-btn-profile,
.phusa-mobile-btn-cart {
    font-family: 'Montserrat', sans-serif !important;
}

/* frontend/css/responsive.css */
/* ============================================
   RESPONSIVE CSS - FRONTEND
   Đảm bảo hiển thị vừa vặn trên mọi kích thước màn hình
   ============================================ */

/* ========== CONTAINER & LAYOUT ========== */
@media (max-width: 1400px) {
    .uk-container-center {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 768px) {
    .uk-container-center {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .main-content {
        padding: 15px 0;
    }
}

@media (max-width: 480px) {
    .uk-container-center {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .main-content {
        padding: 10px 0;
    }
}

/* ========== GRID SYSTEM ========== */
@media (max-width: 960px) {
    /* UK Grid responsive */
    .uk-width-large-1-2,
    .uk-width-large-1-3,
    .uk-width-large-1-4,
    .uk-width-large-2-3,
    .uk-width-large-3-4,
    .uk-width-large-3-10,
    .uk-width-large-7-10 {
        width: 100%;
    }
    
    .uk-width-medium-1-2,
    .uk-width-medium-1-3,
    .uk-width-medium-2-3 {
        width: 100%;
    }
}

/* ========== ORDER PAGES ========== */
.my-order-container {
    padding: 20px 15px;
}

@media (max-width: 768px) {
    .my-order-container {
        padding: 15px 10px;
    }
    
    .my-order-container .row {
        margin: 0;
    }
    
    .my-order-container .col-12,
    .my-order-container .col-md-4,
    .my-order-container .col-md-8,
    .my-order-container .col-lg-3,
    .my-order-container .col-lg-9 {
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 20px;
    }
    
    /* Order table responsive */
    .booking-table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }
    
    .booking-table thead,
    .booking-table tbody,
    .booking-table tr {
        display: block;
    }
    
    .booking-table th,
    .booking-table td {
        display: block;
        text-align: left;
        padding: 8px 10px;
        border-bottom: 1px solid #eee;
    }
    
    .booking-table th {
        font-weight: 600;
        background: #f8f9fa;
    }
    
    /* Order detail responsive */
    .order-section .ibox {
        margin-bottom: 20px;
    }
    
    .order-section .ibox-title {
        padding: 15px;
        font-size: 14px;
    }
    
    .order-section .products-container {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }
    
    .order-section .product-item {
        display: flex;
        flex-direction: column;
        padding: 15px;
        border: 1px solid #eee;
        border-radius: 8px;
    }
    
    .order-section .product-item img {
        width: 100%;
        max-width: 100px;
        height: auto;
        margin-bottom: 10px;
    }
}

@media (max-width: 480px) {
    .page-title {
        font-size: 24px !important;
    }
    
    .booking-table th,
    .booking-table td {
        font-size: 12px;
        padding: 6px 8px;
    }
    
    .order-btn {
        font-size: 12px;
        padding: 4px 12px;
    }
    
    .btn-action {
        width: 32px;
        height: 32px;
        font-size: 14px;
    }
}

/* ========== PAYMENT PAGE ========== */
@media (max-width: 992px) {
    .payment-container {
        padding: 0 15px;
        margin: 30px auto;
    }
    
    .payment-grid {
        grid-template-columns: 1fr !important;
        gap: 20px;
    }
    
    .payment-header {
        padding: 30px 15px;
    }
    
    .payment-header h1 {
        font-size: 28px;
    }
    
    .payment-header .order-code {
        font-size: 20px;
    }
}

@media (max-width: 768px) {
    .payment-container {
        padding: 0 10px;
        margin: 20px auto;
    }
    
    .payment-header {
        padding: 20px 15px;
        border-radius: 8px;
    }
    
    .payment-header h1 {
        font-size: 24px;
    }
    
    .payment-header .order-code {
        font-size: 18px;
    }
    
    .payment-header p {
        font-size: 14px;
    }
    
    .payment-card {
        padding: 20px 15px;
    }
    
    .payment-card h3 {
        font-size: 16px;
    }
    
    .info-item {
        flex-direction: column;
        gap: 5px;
        padding: 8px 0;
    }
    
    .info-label {
        flex: 1;
        font-size: 13px;
    }
    
    .info-value {
        font-size: 13px;
    }
    
    .bank-row {
        flex-direction: column;
        gap: 5px;
        padding: 10px 0;
    }
    
    .bank-label {
        flex: 1;
        font-size: 13px;
    }
    
    .bank-value {
        flex: 1;
        font-size: 13px;
        word-break: break-word;
    }
    
    .copy-btn {
        padding: 4px 8px;
        font-size: 11px;
        margin-top: 5px;
    }
    
    .summary-section {
        padding: 20px 15px;
    }
    
    .summary-row {
        font-size: 14px;
        padding: 8px 0;
    }
    
    .warning-box {
        padding: 15px;
        font-size: 13px;
    }
    
    .action-buttons {
        flex-direction: column;
        gap: 10px;
    }
    
    .btn-confirm,
    .btn-cancel {
        width: 100%;
        padding: 12px 20px;
    }
}

@media (max-width: 480px) {
    .payment-header h1 {
        font-size: 20px;
    }
    
    .payment-header .order-code {
        font-size: 16px;
    }
    
    .payment-card {
        padding: 15px 10px;
    }
    
    .countdown-timer {
        font-size: 14px;
    }
    
    #countdown-display {
        font-size: 16px;
    }
}

/* ========== CONTACT PAGE ========== */
@media (max-width: 768px) {
    .contact-container-1 {
        padding: 20px 0;
    }
    
    .contact-container-1 .uk-grid {
        flex-direction: column;
    }
    
    .contact-infor {
        margin-bottom: 30px;
        text-align: center;
    }
    
    .contact-form {
        padding: 20px;
    }
    
    .heading-form {
        font-size: 20px;
        margin-bottom: 20px;
    }
    
    .contact-form .uk-grid {
        flex-direction: column;
    }
    
    .contact-form .uk-width-large-1-2 {
        width: 100%;
        margin-bottom: 15px;
    }
    
    .contact-form textarea {
        min-height: 100px;
    }
    
    #contact-submit-btn {
        width: 100%;
        padding: 12px 20px;
    }
}

@media (max-width: 480px) {
    .contact-form {
        padding: 15px;
    }
    
    .heading-form {
        font-size: 18px;
    }
    
    .input-text {
        font-size: 14px;
        padding: 10px 12px;
    }
}

/* ========== CART PAGE ========== */
@media (max-width: 768px) {
    .container-cart {
        padding: 10px !important;
    }
    
    .cart-detailpage .cart-info {
        border-right: 0;
        border-bottom: 1px solid #d9d9d9;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    
    .cart-detailpage .cart-cart {
        padding: 20px 0;
    }
    
    .cart-detailpage .container-cart .heading-2 {
        font-size: 22px;
    }
    
    .cart-detailpage .product-block {
        flex-direction: column;
        gap: 15px;
    }
    
    .cart-detailpage .product-block .thumb {
        width: 100%;
        text-align: center;
    }
    
    .cart-detailpage .product-block .info {
        width: 100%;
    }
    
    .cart-detailpage .discount-block .discount-box {
        flex-direction: column;
        height: auto;
    }
    
    .cart-detailpage .discount-block .discount-box input {
        width: 100%;
        position: relative;
        margin-bottom: 10px;
        border-radius: 16px;
    }
    
    .cart-detailpage .discount-block .discount-box a {
        width: 100%;
        position: relative;
        border-radius: 16px;
    }
}

@media (max-width: 480px) {
    .cart-detailpage .container-cart .heading-2 {
        font-size: 20px;
    }
    
    .cart-detailpage .cart-foot label {
        font-size: 12px;
        padding: 12px 15px;
    }
    
    .cart-detailpage .checkout-btn {
        font-size: 12px;
        height: 45px;
    }
}

/* ========== OLIGO DETAILS ========== */
@media (max-width: 768px) {
    .oligo-table-wrapper,
    .gblock-table-wrapper {
        overflow: hidden;
    }
    
    .oligo-table,
    .gblock-table {
        min-width: 0;
        font-size: 12px;
    }
    
    .oligo-table th,
    .oligo-table td {
        padding: 8px 6px;
        font-size: 12px;
    }
    
    .oligo-summary {
        padding: 15px !important;
        flex-direction: column;
        gap: 15px;
    }
    
    .oligo-summary .row {
        margin: 0;
    }
    
    .oligo-summary .col-md-4 {
        padding: 10px;
        margin-bottom: 10px;
    }
    
    #plates-container-frontend,
    #plates-container-cart {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    .plate-container {
        min-width: 600px;
    }
}

@media (max-width: 480px) {
    .oligo-table,
    .gblock-table {
        min-width: 0;
        font-size: 11px;
    }
    
    .oligo-table th,
    .oligo-table td {
        padding: 6px 4px;
        font-size: 11px;
    }
    
    .plate-container {
        min-width: 500px;
    }
    
    .plate-grid {
        gap: 2px;
    }
    
    .plate-well {
        min-width: 30px;
        min-height: 30px;
        font-size: 9px;
    }
}

/* ========== PRODUCT PAGES ========== */
@media (max-width: 768px) {
    .product-catalogue:not(.page-wrapper) {
        padding: 15px 0;
    }
    
    .product-catalogue .aside {
        margin-bottom: 30px;
    }
    
    .product-list {
        margin-top: 20px;
    }
    
    .product-item {
        margin-bottom: 20px;
    }
    
    .guest-notice-banner {
        flex-direction: column;
        text-align: center;
        padding: 20px 15px;
    }
    
    .guest-notice-banner .notice-icon {
        margin-bottom: 15px;
    }
    
    .guest-notice-banner .notice-actions {
        flex-direction: column;
        gap: 10px;
        width: 100%;
        margin-top: 15px;
    }
    
    .guest-notice-banner .notice-btn {
        width: 100%;
    }
    
    /* Blog item title - responsive on tablet */
    .blog-item .info .title > *,
    .blog-item .title > *,
    .blog-item .info .title,
    .blog-item .title {
        font-size: 20px !important;
    }
}

@media (max-width: 480px) {
    .product-catalogue .heading-2 {
        font-size: 24px;
    }
    
    .product-item .title {
        font-size: 14px;
    }
    
    .guest-notice-banner .notice-title {
        font-size: 18px;
    }
    
    .guest-notice-banner .notice-text {
        font-size: 14px;
    }
    
    /* Blog item title - keep readable on mobile */
    .blog-item .info .title > *,
    .blog-item .title > *,
    .blog-item .info .title,
    .blog-item .title {
        font-size: 19px !important;
    }
}

/* ========== DISTRIBUTION PAGE ========== */
@media (max-width: 768px) {
    .page-agency {
        padding: 20px 0;
    }
    
    .panel-agency .uk-grid {
        flex-direction: column;
    }
    
    .agency-search {
        margin-bottom: 30px;
    }
    
    .agency-map {
        min-height: 400px;
    }
    
    .agency-list {
        max-height: 300px;
        overflow-y: auto;
        margin-bottom: 20px;
    }
}

@media (max-width: 480px) {
    .panel-agency .heading {
        font-size: 24px;
    }
    
    .agency-item {
        padding: 15px;
        margin-bottom: 15px;
    }
    
    .agency-item .title {
        font-size: 16px;
    }
}

/* ========== AUTH PAGES ========== */
@media (max-width: 768px) {
    .auth-container {
        padding: 20px 15px;
    }
    
    .form-signup,
    .form-login {
        padding: 25px 20px;
    }
    
    .form-signup h3,
    .form-login h3 {
        font-size: 24px;
    }
    
    .password-toggle-icon {
        right: 15px;
    }
}

@media (max-width: 480px) {
    .form-signup,
    .form-login {
        padding: 20px 15px;
    }
    
    .form-signup h3,
    .form-login h3 {
        font-size: 20px;
    }
    
    .form-label {
        font-size: 14px;
    }
    
    .form-control {
        font-size: 14px;
        padding: 10px 12px;
    }
    
    .btn-custom {
        font-size: 14px;
        padding: 10px 20px;
    }
}

/* ========== PROFILE PAGE ========== */
@media (max-width: 768px) {
    .profile-header-card {
        flex-direction: column;
        text-align: center;
        padding: 20px;
    }
    
    .profile-avatar {
        margin-bottom: 20px;
    }
    
    .info-cards-container {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .info-card {
        padding: 15px;
    }
}

@media (max-width: 480px) {
    .profile-header-card {
        padding: 15px;
    }
    
    .profile-name {
        font-size: 20px;
    }
    
    .membership-badge {
        font-size: 14px;
    }
    
    .info-card .card-label {
        font-size: 12px;
    }
    
    .info-card .card-value {
        font-size: 14px;
    }
}

/* ========== NOTIFICATION PAGE ========== */
@media (max-width: 768px) {
    .notification-list-page {
        padding: 0;
    }
    
    .notification-item-page {
        padding: 15px;
        margin-bottom: 15px;
    }
    
    .notification-icon-page {
        width: 40px;
        height: 40px;
        font-size: 18px;
    }
    
    .notification-content-page {
        padding-left: 15px;
    }
    
    .notification-title-page {
        font-size: 15px;
    }
    
    .notification-message-page {
        font-size: 13px;
    }
    
    .notification-time-page {
        font-size: 12px;
    }
}

@media (max-width: 480px) {
    .notification-item-page {
        padding: 12px;
    }
    
    .notification-icon-page {
        width: 35px;
        height: 35px;
        font-size: 16px;
    }
    
    .notification-title-page {
        font-size: 14px;
    }
    
    .notification-message-page {
        font-size: 12px;
    }
}

/* ========== LAB BOOKING PAGE ========== */
@media (max-width: 768px) {
    .lab-container {
        padding: 20px 15px;
    }
    
    .lab-header {
        padding: 20px 0;
    }
    
    .lab-title {
        font-size: 28px;
    }
    
    .lab-section {
        margin-bottom: 30px;
    }
    
    .lab-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .lab-card {
        padding: 20px;
    }
    
    .lab-date-time-section {
        flex-direction: column;
        gap: 20px;
    }
    
    .lab-time-slots {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    
    .lab-summary {
        padding: 20px;
    }
    
    .lab-form-row {
        flex-direction: column;
        gap: 15px;
    }
    
    .lab-form-group {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .lab-title {
        font-size: 24px;
    }
    
    .lab-section-title {
        font-size: 18px;
    }
    
    .lab-card {
        padding: 15px;
    }
    
    .lab-time-slots {
        grid-template-columns: 1fr;
    }
    
    .lab-form-input {
        font-size: 14px;
        padding: 10px 12px;
    }
    
    .lab-btn {
        width: 100%;
        padding: 12px 20px;
    }
}

/* ========== BREADCRUMB ========== */
@media (max-width: 768px) {
    .page-breadcrumb {
        padding: 15px 0;
    }
    
    .page-breadcrumb ul {
        flex-wrap: wrap;
        gap: 5px;
    }
    
    .page-breadcrumb li {
        font-size: 13px;
    }
}

@media (max-width: 480px) {
    .page-breadcrumb li {
        font-size: 12px;
    }
}

/* ========== PAGINATION ========== */
@media (max-width: 768px) {
    .pagination-container {
        flex-direction: column;
        gap: 15px;
        text-align: center;
    }
    
    .pagination {
        justify-content: center;
        flex-wrap: wrap;
    }
    
    .pagination-summary {
        font-size: 13px;
    }
    
    .page-link {
        min-width: 32px;
        height: 32px;
        font-size: 13px;
        padding: 0 8px;
    }
}

@media (max-width: 480px) {
    .page-link {
        min-width: 28px;
        height: 28px;
        font-size: 12px;
        padding: 0 6px;
    }
}

/* ========== FILTER BAR ========== */
@media (max-width: 768px) {
    .booking-filter,
    .filters-row {
        flex-direction: column;
        gap: 10px;
    }
    
    .filter-item {
        width: 100%;
    }
    
    .booking-filter .form-select,
    .booking-filter .form-control {
        width: 100%;
        height: 40px !important;
    }
}

/* ========== TABLES ========== */
@media (max-width: 768px) {
    /* Make tables horizontally scrollable on mobile — except oligo/gblock detail tables */
    .table-responsive,
    table:not(.oligo-table):not(.gblock-table) {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    table:not(.oligo-table):not(.gblock-table) thead,
    table:not(.oligo-table):not(.gblock-table) tbody,
    table:not(.oligo-table):not(.gblock-table) tr {
        display: table;
        width: 100%;
        table-layout: fixed;
    }
    
    table:not(.oligo-table):not(.gblock-table) th,
    table:not(.oligo-table):not(.gblock-table) td {
        padding: 8px 6px;
        font-size: 12px;
    }
}

/* ========== MODAL ========== */
@media (max-width: 768px) {
    .modal-dialog {
        margin: 10px;
        max-width: calc(100% - 20px);
    }
    
    .modal-content {
        border-radius: 8px;
    }
    
    .modal-header {
        padding: 15px;
    }
    
    .modal-title {
        font-size: 18px;
    }
    
    .modal-body {
        padding: 15px;
    }
    
    .modal-footer {
        padding: 15px;
    }
}

/* ========== UTILITY CLASSES ========== */
@media (max-width: 768px) {
    .hide-mobile {
        display: none !important;
    }
    
    .show-mobile {
        display: block !important;
    }
    
    .text-center-mobile {
        text-align: center !important;
    }
    
    .full-width-mobile {
        width: 100% !important;
    }
}

@media (min-width: 769px) {
    .show-mobile {
        display: none !important;
    }
}

/* ========== SIDEBAR ========== */
@media (max-width: 768px) {
    .customer-sidebar {
        margin-bottom: 30px;
    }
    
    .sidebar-menu {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }
    
    .sidebar-menu li {
        flex: 1 1 auto;
        min-width: calc(50% - 5px);
    }
    
    .sidebar-menu a {
        padding: 12px 15px;
        font-size: 14px;
        text-align: center;
    }
}

@media (max-width: 480px) {
    .sidebar-menu li {
        min-width: 100%;
    }
}

/* ========== GENERAL IMPROVEMENTS ========== */
@media (max-width: 768px) {
    /* Improve touch targets */
    a, button, input[type="submit"], input[type="button"] {
        min-height: 44px;
        min-width: 44px;
    }
    
    /* Better spacing */
    .mb-3,
    .mb-4 {
        margin-bottom: 20px !important;
    }
    
    .mt-3,
    .mt-4 {
        margin-top: 20px !important;
    }
    
    /* Better text sizes */
    h1 { font-size: 28px; }
    h2 { font-size: 24px; }
    h3 { font-size: 20px; }
    h4 { font-size: 18px; }
    h5 { font-size: 16px; }
    h6 { font-size: 14px; }
}

@media (max-width: 480px) {
    h1 { font-size: 24px; }
    h2 { font-size: 20px; }
    h3 { font-size: 18px; }
    h4 { font-size: 16px; }
    h5 { font-size: 14px; }
    h6 { font-size: 12px; }
}

/* ========== PRINT STYLES ========== */
@media print {
    .header-wrapper,
    .footer-wrapper,
    .phusa-header-top,
    .phusa-footer,
    .btn,
    button,
    .no-print {
        display: none !important;
    }
    
    .main-content,
    .page-content {
        padding: 0;
        margin: 0;
    }
}