html.hc-nav-yscroll{overflow-y:scroll}body.hc-nav-open{overflow:visible;position:fixed;width:100%;min-height:100%}.hc-offcanvas-nav{visibility:hidden;display:none;position:fixed;top:0;height:100%;z-index:9999;text-align:left}.hc-offcanvas-nav.is-ios *{cursor:pointer !important}.hc-offcanvas-nav .nav-container{position:fixed;z-index:9998;top:0;height:100%;max-width:100%;max-height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;transition:transform .4s ease;transition:transform .4s ease, -webkit-transform .4s ease}.hc-offcanvas-nav .nav-wrapper{width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-scroll-chaining:none;overscroll-behavior:none}.hc-offcanvas-nav .nav-content{height:100%}.hc-offcanvas-nav .nav-wrapper-0>.nav-content{overflow:scroll;overflow-x:visible;overflow-y:auto;-webkit-box-sizing:border-box;box-sizing:border-box}.hc-offcanvas-nav ul{list-style:none;margin:0;padding:0}.hc-offcanvas-nav li{position:relative;display:block}.hc-offcanvas-nav li.level-open>.nav-wrapper{visibility:visible}.hc-offcanvas-nav li:not(.custom-content) a{position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.hc-offcanvas-nav li:not(.custom-content) a[disabled]{cursor:not-allowed}.hc-offcanvas-nav li:not(.custom-content) a,.hc-offcanvas-nav li:not(.custom-content) a:hover{text-decoration:none}.hc-offcanvas-nav input[type="checkbox"]{display:none}.hc-offcanvas-nav label{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;cursor:pointer}.hc-offcanvas-nav .nav-item-wrapper{position:relative}.hc-offcanvas-nav .nav-item-link{position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box}.hc-offcanvas-nav:not(.user-is-tabbing) .nav-close-button:focus,.hc-offcanvas-nav:not(.user-is-tabbing) .nav-item-wrapper a:focus{outline:none}.hc-offcanvas-nav .nav-close:focus,.hc-offcanvas-nav .nav-next:focus,.hc-offcanvas-nav .nav-back:focus{z-index:10}.hc-offcanvas-nav.disable-body::after,.hc-offcanvas-nav .nav-wrapper::after{content:'';z-index:9990;top:0;left:0;right:0;bottom:0;width:100%;height:100%;-ms-scroll-chaining:none;overscroll-behavior:none;visibility:hidden;opacity:0;-webkit-transition:visibility 0s ease .4s,opacity .4s ease;-o-transition:visibility 0s ease .4s,opacity .4s ease;transition:visibility 0s ease .4s,opacity .4s ease}.hc-offcanvas-nav.disable-body::after{position:fixed}.hc-offcanvas-nav .nav-wrapper::after{position:absolute}.hc-offcanvas-nav.disable-body.nav-open::after,.hc-offcanvas-nav .sub-level-open::after{visibility:visible;opacity:1;-webkit-transition-delay:.05s;-o-transition-delay:.05s;transition-delay:.05s}.hc-offcanvas-nav:not(.nav-open)::after{pointer-events:none}.hc-offcanvas-nav.nav-levels-expand .nav-wrapper::after{display:none}.hc-offcanvas-nav.nav-levels-expand .nav-wrapper.nav-wrapper-0{max-height:100vh}.hc-offcanvas-nav.nav-levels-expand .nav-wrapper.nav-wrapper-0>.nav-content{overflow:scroll;overflow-x:visible;overflow-y:auto;-webkit-box-sizing:border-box;box-sizing:border-box;max-height:100vh}.hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper{min-width:0;max-height:0;visibility:hidden;overflow:hidden;-webkit-transition:height 0s ease .4s;-o-transition:height 0s ease .4s;transition:height 0s ease .4s}.hc-offcanvas-nav.nav-levels-expand .level-open>.nav-wrapper{max-height:none;overflow:visible;visibility:visible}.hc-offcanvas-nav.nav-levels-overlap .nav-content{overflow:scroll;overflow-x:visible;overflow-y:auto;-webkit-box-sizing:border-box;box-sizing:border-box;max-height:100vh}.hc-offcanvas-nav.nav-levels-overlap .nav-wrapper{max-height:100vh}.hc-offcanvas-nav.nav-levels-overlap ul .nav-wrapper{position:absolute;z-index:9999;top:0;height:100%;visibility:hidden;-webkit-transition:visibility 0s ease .4s,-webkit-transform .4s ease;transition:visibility 0s ease .4s,-webkit-transform .4s ease;-o-transition:visibility 0s ease .4s,transform .4s ease;transition:visibility 0s ease .4s,transform .4s ease;transition:visibility 0s ease .4s,transform .4s ease,-webkit-transform .4s ease}.hc-offcanvas-nav.nav-levels-overlap ul li.nav-parent{position:static}.hc-offcanvas-nav.nav-levels-overlap ul li.level-open>.nav-wrapper{visibility:visible;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;transition:transform .4s ease;transition:transform .4s ease, -webkit-transform .4s ease}.hc-offcanvas-nav.nav-position-left{left:0}.hc-offcanvas-nav.nav-position-left .nav-container{left:0}.hc-offcanvas-nav.nav-position-left.nav-levels-overlap li .nav-wrapper{left:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}.hc-offcanvas-nav.nav-position-right{right:0}.hc-offcanvas-nav.nav-position-right .nav-container{right:0}.hc-offcanvas-nav.nav-position-right.nav-levels-overlap li .nav-wrapper{right:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}.hc-offcanvas-nav.nav-position-top{top:0}.hc-offcanvas-nav.nav-position-top .nav-container{top:0;width:100%}.hc-offcanvas-nav.nav-position-top.nav-levels-overlap li .nav-wrapper{left:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}.hc-offcanvas-nav.nav-position-bottom{top:auto;bottom:0}.hc-offcanvas-nav.nav-position-bottom .nav-container{top:auto;bottom:0;width:100%}.hc-offcanvas-nav.nav-position-bottom.nav-levels-overlap li .nav-wrapper{left:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}.hc-offcanvas-nav.nav-open[class*='hc-nav-'] div.nav-container{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.hc-offcanvas-nav.rtl{text-align:right;direction:rtl}.hc-nav-trigger{position:absolute;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:none;top:20px;z-index:9980;width:30px;min-height:24px}.hc-nav-trigger span{width:30px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}.hc-nav-trigger span,.hc-nav-trigger span::before,.hc-nav-trigger span::after{display:block;position:absolute;left:0;height:4px;background:#34495E;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}.hc-nav-trigger span::before,.hc-nav-trigger span::after{content:'';width:100%}.hc-nav-trigger span::before{top:-10px}.hc-nav-trigger span::after{bottom:-10px}.hc-nav-trigger.toggle-open span{background:rgba(0,0,0,0);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.hc-nav-trigger.toggle-open span::before{-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0)}.hc-nav-trigger.toggle-open span::after{-webkit-transform:rotate(-90deg) translate3d(10px, 0, 0);transform:rotate(-90deg) translate3d(10px, 0, 0)}.hc-offcanvas-nav{font-family:sans-serif}.hc-offcanvas-nav::after,.hc-offcanvas-nav .nav-wrapper::after{background:rgba(0,0,0,0.3)}.hc-offcanvas-nav .nav-container,.hc-offcanvas-nav .nav-wrapper,.hc-offcanvas-nav ul{background:#336ca6}.hc-offcanvas-nav .nav-content>h2,.hc-offcanvas-nav .nav-content>h3,.hc-offcanvas-nav .nav-content>h4,.hc-offcanvas-nav .nav-content>h5,.hc-offcanvas-nav .nav-content>h6{font-size:19px;font-weight:normal;padding:20px 17px;color:#1b3958}.hc-offcanvas-nav .nav-content>h2:not(.nav-title):not(.level-title),.hc-offcanvas-nav .nav-content>h3:not(.nav-title):not(.level-title),.hc-offcanvas-nav .nav-content>h4:not(.nav-title):not(.level-title),.hc-offcanvas-nav .nav-content>h5:not(.nav-title):not(.level-title),.hc-offcanvas-nav .nav-content>h6:not(.nav-title):not(.level-title){font-size:16px;padding:15px 17px;background:#336ca6}.hc-offcanvas-nav .nav-item-link,.hc-offcanvas-nav li.nav-close a,.hc-offcanvas-nav .nav-back a{padding:14px 17px;font-size:14px;color:#fff;z-index:1;background:rgba(0,0,0,0);border-bottom:1px solid #2c5d8f;-webkit-transition:background .1s ease;-o-transition:background .1s ease;transition:background .1s ease}.hc-offcanvas-nav .nav-item-link:focus,.hc-offcanvas-nav .nav-item-link:focus-within,.hc-offcanvas-nav li.nav-close a:focus,.hc-offcanvas-nav li.nav-close a:focus-within,.hc-offcanvas-nav .nav-back a:focus,.hc-offcanvas-nav .nav-back a:focus-within{z-index:10}.hc-offcanvas-nav .nav-item-link[disabled],.hc-offcanvas-nav li.nav-close a[disabled],.hc-offcanvas-nav .nav-back a[disabled]{color:rgba(255,255,255,0.5)}.hc-offcanvas-nav div.nav-back+ul>li:first-child>.nav-item-wrapper>.nav-item-link{border-top:none !important}.hc-offcanvas-nav:not(.touch-device) li:not(.nav-item-custom) a:not([disabled]):hover{background:#31679e}.hc-offcanvas-nav .nav-custom-content{padding:14px 17px;font-size:14px;border-bottom:1px solid #2c5d8f}.hc-offcanvas-nav .nav-highlight{background:#2e6296}.hc-offcanvas-nav .nav-wrapper>.nav-content>ul:first-of-type>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link{border-top:1px solid #2c5d8f}.hc-offcanvas-nav .nav-wrapper>.nav-content>ul:first-of-type>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link+a{border-top:1px solid #2c5d8f}.hc-offcanvas-nav .nav-wrapper>.nav-content>ul:not(:last-child){border-bottom:2px solid #2c5d8f}.hc-offcanvas-nav .nav-wrapper>.nav-content>ul+h2,.hc-offcanvas-nav .nav-wrapper>.nav-content>ul+h3,.hc-offcanvas-nav .nav-wrapper>.nav-content>ul+h4,.hc-offcanvas-nav .nav-wrapper>.nav-content>ul+h5,.hc-offcanvas-nav .nav-wrapper>.nav-content>ul+h6{margin-top:-2px}.hc-offcanvas-nav .nav-wrapper>.nav-content>h2+ul>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link,.hc-offcanvas-nav .nav-wrapper>.nav-content>h3+ul>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link,.hc-offcanvas-nav .nav-wrapper>.nav-content>h4+ul>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link,.hc-offcanvas-nav .nav-wrapper>.nav-content>h5+ul>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link,.hc-offcanvas-nav .nav-wrapper>.nav-content>h6+ul>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link{border-top:1px solid #2c5d8f}.hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-title+h2,.hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-title+h3,.hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-title+h4,.hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-title+h5,.hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-title+h6,.hc-offcanvas-nav .nav-wrapper>.nav-content>.level-title+h2,.hc-offcanvas-nav .nav-wrapper>.nav-content>.level-title+h3,.hc-offcanvas-nav .nav-wrapper>.nav-content>.level-title+h4,.hc-offcanvas-nav .nav-wrapper>.nav-content>.level-title+h5,.hc-offcanvas-nav .nav-wrapper>.nav-content>.level-title+h6,.hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-close+h2,.hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-close+h3,.hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-close+h4,.hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-close+h5,.hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-close+h6{border-top:1px solid #2c5d8f}.hc-offcanvas-nav li{color:#fff}.hc-offcanvas-nav li.nav-parent .nav-item-link:last-child{padding-right:58px}.hc-offcanvas-nav li.nav-parent .nav-item-link:not(:last-child){margin-right:45px}.hc-offcanvas-nav .nav-close-button span,.hc-offcanvas-nav .nav-parent .nav-next,.hc-offcanvas-nav .nav-back span{width:45px;position:absolute;top:0;right:0;bottom:0;text-align:center;cursor:pointer;-webkit-transition:background .1s ease;-o-transition:background .1s ease;transition:background .1s ease}.hc-offcanvas-nav .nav-close-button{position:relative;display:block}.hc-offcanvas-nav .nav-close-button span::before,.hc-offcanvas-nav .nav-close-button span::after{content:'';position:absolute;top:50%;left:50%;width:6px;height:6px;margin-top:-3px;border-top:2px solid #fff;border-left:2px solid #fff}.hc-offcanvas-nav .nav-close-button span::before{margin-left:-9px;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}.hc-offcanvas-nav .nav-close-button span::after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.hc-offcanvas-nav .nav-content>.nav-close{position:relative;z-index:2}.hc-offcanvas-nav .nav-content>.nav-close a{font-size:14px;color:#fff;background:rgba(0,0,0,0);z-index:1;text-decoration:none;-webkit-box-sizing:border-box;box-sizing:border-box}.hc-offcanvas-nav .nav-content>.nav-close a:not(.has-label){height:50px}.hc-offcanvas-nav .nav-content>.nav-close a.has-label{padding:14px 17px;border-top:1px solid #2c5d8f}.hc-offcanvas-nav .nav-content>.nav-close a:hover{border:none;background:-o-radial-gradient(top right, farthest-corner, rgba(0,0,0,0.1), rgba(0,0,0,0));background:radial-gradient(farthest-corner at top right, rgba(0,0,0,0.1), rgba(0,0,0,0))}.hc-offcanvas-nav .nav-content>.nav-close.has-label+ul{margin-top:-1px}.hc-offcanvas-nav:not(.nav-close-button-empty) .nav-content>.nav-close{margin-bottom:-1px}.hc-offcanvas-nav .nav-title+.nav-close a:not(.has-label){position:absolute;width:45px;height:66px;line-height:66px;top:-66px;right:0}.hc-offcanvas-nav.nav-close-button-empty .nav-title{padding-right:55px}.hc-offcanvas-nav li.nav-close a:not(.has-label){height:49px}.hc-offcanvas-nav .nav-content>.nav-close:first-child a,.hc-offcanvas-nav .nav-title+.nav-close a.has-label,.hc-offcanvas-nav li.nav-close a,.hc-offcanvas-nav .nav-back a{background:#2f649a;border-top:1px solid #2b5a8b;border-bottom:1px solid #2b5a8b}.hc-offcanvas-nav .nav-content>.nav-close:first-child a:hover,.hc-offcanvas-nav .nav-title+.nav-close a.has-label:hover,.hc-offcanvas-nav li.nav-close a:hover,.hc-offcanvas-nav .nav-back a:hover{background:#2e6195}.hc-offcanvas-nav li.nav-close:not(:first-child) a,.hc-offcanvas-nav li.nav-back:not(:first-child) a{margin-top:-1px}.hc-offcanvas-nav a.nav-next{border-left:1px solid #2c5d8f;border-bottom:1px solid #2c5d8f}.hc-offcanvas-nav .nav-next span::before,.hc-offcanvas-nav .nav-back span::before{content:'';position:absolute;top:50%;left:50%;width:8px;height:8px;margin-left:-2px;-webkit-box-sizing:border-box;box-sizing:border-box;border-top:2px solid #fff;border-left:2px solid #fff;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}.hc-offcanvas-nav .nav-next span{position:absolute;top:0;right:0;left:0;bottom:0}.hc-offcanvas-nav .nav-next span::before{-webkit-transform:translate(-50%, -50%) rotate(135deg);-ms-transform:translate(-50%, -50%) rotate(135deg);transform:translate(-50%, -50%) rotate(135deg)}.hc-offcanvas-nav .nav-back span::before{margin-left:2px;-webkit-transform:translate(-50%, -50%) rotate(-45deg);-ms-transform:translate(-50%, -50%) rotate(-45deg);transform:translate(-50%, -50%) rotate(-45deg)}.hc-offcanvas-nav.nav-position-left.nav-open.nav-levels-overlap .nav-wrapper{-webkit-box-shadow:1px 0 2px rgba(0,0,0,0.2);box-shadow:1px 0 2px rgba(0,0,0,0.2)}.hc-offcanvas-nav.nav-position-right.nav-open.nav-levels-overlap .nav-wrapper{-webkit-box-shadow:-1px 0 2px rgba(0,0,0,0.2);box-shadow:-1px 0 2px rgba(0,0,0,0.2)}.hc-offcanvas-nav.nav-position-right .nav-next span::before{margin-left:2px;-webkit-transform:translate(-50%, -50%) rotate(-45deg);-ms-transform:translate(-50%, -50%) rotate(-45deg);transform:translate(-50%, -50%) rotate(-45deg)}.hc-offcanvas-nav.nav-position-right .nav-back span::before{margin-left:-2px;-webkit-transform:translate(-50%, -50%) rotate(135deg);-ms-transform:translate(-50%, -50%) rotate(135deg);transform:translate(-50%, -50%) rotate(135deg)}.hc-offcanvas-nav.nav-position-top.nav-open .nav-wrapper{-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2);box-shadow:0 1px 2px rgba(0,0,0,0.2)}.hc-offcanvas-nav.nav-position-top .nav-next span::before{margin-left:0;margin-right:-2px;-webkit-transform:translate(-50%, -50%) rotate(-135deg);-ms-transform:translate(-50%, -50%) rotate(-135deg);transform:translate(-50%, -50%) rotate(-135deg)}.hc-offcanvas-nav.nav-position-top .nav-back span::before{margin-left:0;margin-right:-2px;-webkit-transform:translate(-50%, -50%) rotate(45deg);-ms-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg)}.hc-offcanvas-nav.nav-position-bottom.nav-open .nav-wrapper{-webkit-box-shadow:0 -1px 2px rgba(0,0,0,0.2);box-shadow:0 -1px 2px rgba(0,0,0,0.2)}.hc-offcanvas-nav.nav-position-bottom .nav-next span::before{margin-left:0;margin-right:-2px;-webkit-transform:translate(-50%, -50%) rotate(45deg);-ms-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg)}.hc-offcanvas-nav.nav-position-bottom .nav-back span::before{margin-left:0;margin-right:-2px;-webkit-transform:translate(-50%, -50%) rotate(-135deg);-ms-transform:translate(-50%, -50%) rotate(-135deg);transform:translate(-50%, -50%) rotate(-135deg)}.hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper,.hc-offcanvas-nav.nav-levels-none ul .nav-wrapper{-webkit-box-shadow:none;box-shadow:none;background:transparent}.hc-offcanvas-nav.nav-levels-expand li.level-open,.hc-offcanvas-nav.nav-levels-none li.level-open{background:#2e6296}.hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-item-wrapper>a,.hc-offcanvas-nav.nav-levels-none li.level-open>.nav-item-wrapper>a{border-bottom:1px solid #295887}.hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-item-wrapper>a:hover,.hc-offcanvas-nav.nav-levels-none li.level-open>.nav-item-wrapper>a:hover{background:#2f649a}.hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-item-wrapper>.nav-next span::before,.hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-item-wrapper>a>.nav-next span::before,.hc-offcanvas-nav.nav-levels-none li.level-open>.nav-item-wrapper>.nav-next span::before,.hc-offcanvas-nav.nav-levels-none li.level-open>.nav-item-wrapper>a>.nav-next span::before{margin-top:-2px;-webkit-transform:translate(-50%, -50%) rotate(-135deg);-ms-transform:translate(-50%, -50%) rotate(-135deg);transform:translate(-50%, -50%) rotate(-135deg)}.hc-offcanvas-nav.nav-levels-expand .nav-wrapper-1 .nav-item-link,.hc-offcanvas-nav.nav-levels-none .nav-wrapper-1 .nav-item-link{padding-left:calc(17px + 20px * 1)}.hc-offcanvas-nav.nav-levels-expand .nav-wrapper-2 .nav-item-link,.hc-offcanvas-nav.nav-levels-none .nav-wrapper-2 .nav-item-link{padding-left:calc(17px + 20px * 2)}.hc-offcanvas-nav.nav-levels-expand .nav-wrapper-3 .nav-item-link,.hc-offcanvas-nav.nav-levels-none .nav-wrapper-3 .nav-item-link{padding-left:calc(17px + 20px * 3)}.hc-offcanvas-nav.nav-levels-expand .nav-wrapper-4 .nav-item-link,.hc-offcanvas-nav.nav-levels-none .nav-wrapper-4 .nav-item-link{padding-left:calc(17px + 20px * 4)}.hc-offcanvas-nav.nav-levels-expand .nav-wrapper-5 .nav-item-link,.hc-offcanvas-nav.nav-levels-none .nav-wrapper-5 .nav-item-link{padding-left:calc(17px + 20px * 5)}.hc-offcanvas-nav.rtl a.nav-next{border-left:none;border-right:1px solid #2c5d8f}.hc-offcanvas-nav.rtl .nav-title+.nav-close a:not(.has-label),.hc-offcanvas-nav.rtl .nav-close-button span,.hc-offcanvas-nav.rtl .nav-next,.hc-offcanvas-nav.rtl .nav-back span{left:0;right:auto}.hc-offcanvas-nav.rtl li.nav-parent .nav-item-link:last-child{padding-left:58px;padding-right:17px}.hc-offcanvas-nav.rtl li.nav-parent .nav-item-link:not(:last-child){margin-left:45px;margin-right:0}.hc-offcanvas-nav.rtl .nav-wrapper-1 li.nav-item .nav-item-link{padding-right:calc(17px + 20px * 1)}.hc-offcanvas-nav.rtl .nav-wrapper-2 li.nav-item .nav-item-link{padding-right:calc(17px + 20px * 2)}.hc-offcanvas-nav.rtl .nav-wrapper-3 li.nav-item .nav-item-link{padding-right:calc(17px + 20px * 3)}.hc-offcanvas-nav.rtl .nav-wrapper-4 li.nav-item .nav-item-link{padding-right:calc(17px + 20px * 4)}.hc-offcanvas-nav.rtl .nav-wrapper-5 li.nav-item .nav-item-link{padding-right:calc(17px + 20px * 5)}
@charset "UTF-8";
/* Bulma Utilities */
@-webkit-keyframes spinAround {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes spinAround {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.breadcrumb,
.pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis,
.button,
.file,
.modal-close,
.delete {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.select:not(.is-multiple):not(.is-loading)::after {
border: 3px solid transparent;
border-radius: 2px;
border-right: 0;
border-top: 0;
content: " ";
display: block;
height: 0.625em;
margin-top: -0.4375em;
pointer-events: none;
position: absolute;
top: 50%;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
width: 0.625em;
}
.breadcrumb:not(:last-child),
.pagination:not(:last-child),
.highlight:not(:last-child),
.block:not(:last-child),
.title:not(:last-child),
.subtitle:not(:last-child),
.table-container:not(:last-child),
.table:not(:last-child),
.progress:not(:last-child),
.notification:not(:last-child),
.content:not(:last-child),
.box:not(:last-child) {
margin-bottom: 1.5rem;
}
.modal-close,
.delete {
-moz-appearance: none;
-webkit-appearance: none;
background-color: rgba(10, 10, 10, 0.2);
border: none;
border-radius: 290486px;
cursor: pointer;
pointer-events: auto;
display: inline-block;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
font-size: 0;
height: 20px;
max-height: 20px;
max-width: 20px;
min-height: 20px;
min-width: 20px;
outline: none;
position: relative;
vertical-align: top;
width: 20px;
}
.modal-close::before,
.delete::before,
.modal-close::after,
.delete::after {
background-color: white;
content: "";
display: block;
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
}
.modal-close::before,
.delete::before {
height: 2px;
width: 50%;
}
.modal-close::after,
.delete::after {
height: 50%;
width: 2px;
}
.modal-close:hover,
.delete:hover,
.modal-close:focus,
.delete:focus {
background-color: rgba(10, 10, 10, 0.3);
}
.modal-close:active,
.delete:active {
background-color: rgba(10, 10, 10, 0.4);
}
.is-small.modal-close,
.is-small.delete {
height: 16px;
max-height: 16px;
max-width: 16px;
min-height: 16px;
min-width: 16px;
width: 16px;
}
.is-medium.modal-close,
.is-medium.delete {
height: 24px;
max-height: 24px;
max-width: 24px;
min-height: 24px;
min-width: 24px;
width: 24px;
}
.is-large.modal-close,
.is-large.delete {
height: 32px;
max-height: 32px;
max-width: 32px;
min-height: 32px;
min-width: 32px;
width: 32px;
}
.loader,
.button.is-loading::after,
.control.is-loading::after,
.select.is-loading::after {
-webkit-animation: spinAround 500ms infinite linear;
animation: spinAround 500ms infinite linear;
border: 2px solid #dbdbdb;
border-radius: 290486px;
border-right-color: transparent;
border-top-color: transparent;
content: "";
display: block;
height: 1em;
position: relative;
width: 1em;
}
.modal-background,
.modal,
.image.is-square img,
.image.is-square .has-ratio,
.image.is-1by1 img,
.image.is-1by1 .has-ratio,
.image.is-5by4 img,
.image.is-5by4 .has-ratio,
.image.is-4by3 img,
.image.is-4by3 .has-ratio,
.image.is-3by2 img,
.image.is-3by2 .has-ratio,
.image.is-5by3 img,
.image.is-5by3 .has-ratio,
.image.is-16by9 img,
.image.is-16by9 .has-ratio,
.image.is-2by1 img,
.image.is-2by1 .has-ratio,
.image.is-3by1 img,
.image.is-3by1 .has-ratio,
.image.is-4by5 img,
.image.is-4by5 .has-ratio,
.image.is-3by4 img,
.image.is-3by4 .has-ratio,
.image.is-2by3 img,
.image.is-2by3 .has-ratio,
.image.is-3by5 img,
.image.is-3by5 .has-ratio,
.image.is-9by16 img,
.image.is-9by16 .has-ratio,
.image.is-1by2 img,
.image.is-1by2 .has-ratio,
.image.is-1by3 img,
.image.is-1by3 .has-ratio {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis,
.button,
.file-cta,
.file-name,
.select select,
.textarea,
.input {
-moz-appearance: none;
-webkit-appearance: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid transparent;
border-radius: 4px;
-webkit-box-shadow: none;
box-shadow: none;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 1rem;
height: 2.5em;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
line-height: 1.5;
padding-bottom: calc(0.5em - 1px);
padding-left: calc(0.75em - 1px);
padding-right: calc(0.75em - 1px);
padding-top: calc(0.5em - 1px);
position: relative;
vertical-align: top;
}
.pagination-previous:focus,
.pagination-next:focus,
.pagination-link:focus,
.pagination-ellipsis:focus,
.button:focus,
.file-cta:focus,
.file-name:focus,
.select select:focus,
.textarea:focus,
.input:focus,
.is-focused.pagination-previous,
.is-focused.pagination-next,
.is-focused.pagination-link,
.is-focused.pagination-ellipsis,
.is-focused.button,
.is-focused.file-cta,
.is-focused.file-name,
.select select.is-focused,
.is-focused.textarea,
.is-focused.input,
.pagination-previous:active,
.pagination-next:active,
.pagination-link:active,
.pagination-ellipsis:active,
.button:active,
.file-cta:active,
.file-name:active,
.select select:active,
.textarea:active,
.input:active,
.is-active.pagination-previous,
.is-active.pagination-next,
.is-active.pagination-link,
.is-active.pagination-ellipsis,
.is-active.button,
.is-active.file-cta,
.is-active.file-name,
.select select.is-active,
.is-active.textarea,
.is-active.input {
outline: none;
}
[disabled].pagination-previous,
[disabled].pagination-next,
[disabled].pagination-link,
[disabled].pagination-ellipsis,
[disabled].button,
[disabled].file-cta,
[disabled].file-name,
.select select[disabled],
[disabled].textarea,
[disabled].input,
fieldset[disabled] .pagination-previous,
fieldset[disabled] .pagination-next,
fieldset[disabled] .pagination-link,
fieldset[disabled] .pagination-ellipsis,
fieldset[disabled] .button,
fieldset[disabled] .file-cta,
fieldset[disabled] .file-name,
fieldset[disabled] .select select,
.select fieldset[disabled] select,
fieldset[disabled] .textarea,
fieldset[disabled] .input {
cursor: not-allowed;
}
/* Bulma Form */
.select select,
.textarea,
.input {
background-color: white;
border-color: #dbdbdb;
border-radius: 4px;
color: #363636;
}
.select select::-moz-placeholder,
.textarea::-moz-placeholder,
.input::-moz-placeholder {
color: rgba(54, 54, 54, 0.3);
}
.select select::-webkit-input-placeholder,
.textarea::-webkit-input-placeholder,
.input::-webkit-input-placeholder {
color: rgba(54, 54, 54, 0.3);
}
.select select:-moz-placeholder,
.textarea:-moz-placeholder,
.input:-moz-placeholder {
color: rgba(54, 54, 54, 0.3);
}
.select select:-ms-input-placeholder,
.textarea:-ms-input-placeholder,
.input:-ms-input-placeholder {
color: rgba(54, 54, 54, 0.3);
}
.select select:hover,
.textarea:hover,
.input:hover,
.select select.is-hovered,
.is-hovered.textarea,
.is-hovered.input {
border-color: #b5b5b5;
}
.select select:focus,
.textarea:focus,
.input:focus,
.select select.is-focused,
.is-focused.textarea,
.is-focused.input,
.select select:active,
.textarea:active,
.input:active,
.select select.is-active,
.is-active.textarea,
.is-active.input {
border-color: #3273dc;
-webkit-box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
}
.select select[disabled],
[disabled].textarea,
[disabled].input,
fieldset[disabled] .select select,
.select fieldset[disabled] select,
fieldset[disabled] .textarea,
fieldset[disabled] .input {
background-color: whitesmoke;
border-color: whitesmoke;
-webkit-box-shadow: none;
box-shadow: none;
color: #7a7a7a;
}
.select select[disabled]::-moz-placeholder,
[disabled].textarea::-moz-placeholder,
[disabled].input::-moz-placeholder,
fieldset[disabled] .select select::-moz-placeholder,
.select fieldset[disabled] select::-moz-placeholder,
fieldset[disabled] .textarea::-moz-placeholder,
fieldset[disabled] .input::-moz-placeholder {
color: rgba(122, 122, 122, 0.3);
}
.select select[disabled]::-webkit-input-placeholder,
[disabled].textarea::-webkit-input-placeholder,
[disabled].input::-webkit-input-placeholder,
fieldset[disabled] .select select::-webkit-input-placeholder,
.select fieldset[disabled] select::-webkit-input-placeholder,
fieldset[disabled] .textarea::-webkit-input-placeholder,
fieldset[disabled] .input::-webkit-input-placeholder {
color: rgba(122, 122, 122, 0.3);
}
.select select[disabled]:-moz-placeholder,
[disabled].textarea:-moz-placeholder,
[disabled].input:-moz-placeholder,
fieldset[disabled] .select select:-moz-placeholder,
.select fieldset[disabled] select:-moz-placeholder,
fieldset[disabled] .textarea:-moz-placeholder,
fieldset[disabled] .input:-moz-placeholder {
color: rgba(122, 122, 122, 0.3);
}
.select select[disabled]:-ms-input-placeholder,
[disabled].textarea:-ms-input-placeholder,
[disabled].input:-ms-input-placeholder,
fieldset[disabled] .select select:-ms-input-placeholder,
.select fieldset[disabled] select:-ms-input-placeholder,
fieldset[disabled] .textarea:-ms-input-placeholder,
fieldset[disabled] .input:-ms-input-placeholder {
color: rgba(122, 122, 122, 0.3);
}
.textarea,
.input {
-webkit-box-shadow: inset 0 0.0625em 0.125em rgba(10, 10, 10, 0.05);
box-shadow: inset 0 0.0625em 0.125em rgba(10, 10, 10, 0.05);
max-width: 100%;
width: 100%;
}
[readonly].textarea,
[readonly].input {
-webkit-box-shadow: none;
box-shadow: none;
}
.is-white.textarea,
.is-white.input {
border-color: white;
}
.is-white.textarea:focus,
.is-white.input:focus,
.is-white.is-focused.textarea,
.is-white.is-focused.input,
.is-white.textarea:active,
.is-white.input:active,
.is-white.is-active.textarea,
.is-white.is-active.input {
-webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
}
.is-black.textarea,
.is-black.input {
border-color: #0a0a0a;
}
.is-black.textarea:focus,
.is-black.input:focus,
.is-black.is-focused.textarea,
.is-black.is-focused.input,
.is-black.textarea:active,
.is-black.input:active,
.is-black.is-active.textarea,
.is-black.is-active.input {
-webkit-box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
}
.is-light.textarea,
.is-light.input {
border-color: whitesmoke;
}
.is-light.textarea:focus,
.is-light.input:focus,
.is-light.is-focused.textarea,
.is-light.is-focused.input,
.is-light.textarea:active,
.is-light.input:active,
.is-light.is-active.textarea,
.is-light.is-active.input {
-webkit-box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
}
.is-dark.textarea,
.is-dark.input {
border-color: #363636;
}
.is-dark.textarea:focus,
.is-dark.input:focus,
.is-dark.is-focused.textarea,
.is-dark.is-focused.input,
.is-dark.textarea:active,
.is-dark.input:active,
.is-dark.is-active.textarea,
.is-dark.is-active.input {
-webkit-box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
}
.is-primary.textarea,
.is-primary.input {
border-color: #00d1b2;
}
.is-primary.textarea:focus,
.is-primary.input:focus,
.is-primary.is-focused.textarea,
.is-primary.is-focused.input,
.is-primary.textarea:active,
.is-primary.input:active,
.is-primary.is-active.textarea,
.is-primary.is-active.input {
-webkit-box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
}
.is-link.textarea,
.is-link.input {
border-color: #3273dc;
}
.is-link.textarea:focus,
.is-link.input:focus,
.is-link.is-focused.textarea,
.is-link.is-focused.input,
.is-link.textarea:active,
.is-link.input:active,
.is-link.is-active.textarea,
.is-link.is-active.input {
-webkit-box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
}
.is-info.textarea,
.is-info.input {
border-color: #3298dc;
}
.is-info.textarea:focus,
.is-info.input:focus,
.is-info.is-focused.textarea,
.is-info.is-focused.input,
.is-info.textarea:active,
.is-info.input:active,
.is-info.is-active.textarea,
.is-info.is-active.input {
-webkit-box-shadow: 0 0 0 0.125em rgba(50, 152, 220, 0.25);
box-shadow: 0 0 0 0.125em rgba(50, 152, 220, 0.25);
}
.is-success.textarea,
.is-success.input {
border-color: #48c774;
}
.is-success.textarea:focus,
.is-success.input:focus,
.is-success.is-focused.textarea,
.is-success.is-focused.input,
.is-success.textarea:active,
.is-success.input:active,
.is-success.is-active.textarea,
.is-success.is-active.input {
-webkit-box-shadow: 0 0 0 0.125em rgba(72, 199, 116, 0.25);
box-shadow: 0 0 0 0.125em rgba(72, 199, 116, 0.25);
}
.is-warning.textarea,
.is-warning.input {
border-color: #ffdd57;
}
.is-warning.textarea:focus,
.is-warning.input:focus,
.is-warning.is-focused.textarea,
.is-warning.is-focused.input,
.is-warning.textarea:active,
.is-warning.input:active,
.is-warning.is-active.textarea,
.is-warning.is-active.input {
-webkit-box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25);
box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25);
}
.is-danger.textarea,
.is-danger.input {
border-color: #f14668;
}
.is-danger.textarea:focus,
.is-danger.input:focus,
.is-danger.is-focused.textarea,
.is-danger.is-focused.input,
.is-danger.textarea:active,
.is-danger.input:active,
.is-danger.is-active.textarea,
.is-danger.is-active.input {
-webkit-box-shadow: 0 0 0 0.125em rgba(241, 70, 104, 0.25);
box-shadow: 0 0 0 0.125em rgba(241, 70, 104, 0.25);
}
.is-small.textarea,
.is-small.input {
border-radius: 2px;
font-size: 0.75rem;
}
.is-medium.textarea,
.is-medium.input {
font-size: 1.25rem;
}
.is-large.textarea,
.is-large.input {
font-size: 1.5rem;
}
.is-fullwidth.textarea,
.is-fullwidth.input {
display: block;
width: 100%;
}
.is-inline.textarea,
.is-inline.input {
display: inline;
width: auto;
}
.input.is-rounded {
border-radius: 290486px;
padding-left: calc(calc(0.75em - 1px) + 0.375em);
padding-right: calc(calc(0.75em - 1px) + 0.375em);
}
.input.is-static {
background-color: transparent;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
padding-left: 0;
padding-right: 0;
}
.textarea {
display: block;
max-width: 100%;
min-width: 100%;
padding: calc(0.75em - 1px);
resize: vertical;
}
.textarea:not([rows]) {
max-height: 40em;
min-height: 8em;
}
.textarea[rows] {
height: initial;
}
.textarea.has-fixed-size {
resize: none;
}
.radio,
.checkbox {
cursor: pointer;
display: inline-block;
line-height: 1.25;
position: relative;
}
.radio input,
.checkbox input {
cursor: pointer;
}
.radio:hover,
.checkbox:hover {
color: #363636;
}
[disabled].radio,
[disabled].checkbox,
fieldset[disabled] .radio,
fieldset[disabled] .checkbox,
.radio input[disabled],
.checkbox input[disabled] {
color: #7a7a7a;
cursor: not-allowed;
}
.radio + .radio {
margin-left: 0.5em;
}
.select {
display: inline-block;
max-width: 100%;
position: relative;
vertical-align: top;
}
.select:not(.is-multiple) {
height: 2.5em;
}
.select:not(.is-multiple):not(.is-loading)::after {
border-color: #3273dc;
right: 1.125em;
z-index: 4;
}
.select.is-rounded select {
border-radius: 290486px;
padding-left: 1em;
}
.select select {
cursor: pointer;
display: block;
font-size: 1em;
max-width: 100%;
outline: none;
}
.select select::-ms-expand {
display: none;
}
.select select[disabled]:hover,
fieldset[disabled] .select select:hover {
border-color: whitesmoke;
}
.select select:not([multiple]) {
padding-right: 2.5em;
}
.select select[multiple] {
height: auto;
padding: 0;
}
.select select[multiple] option {
padding: 0.5em 1em;
}
.select:not(.is-multiple):not(.is-loading):hover::after {
border-color: #363636;
}
.select.is-white:not(:hover)::after {
border-color: white;
}
.select.is-white select {
border-color: white;
}
.select.is-white select:hover,
.select.is-white select.is-hovered {
border-color: #f2f2f2;
}
.select.is-white select:focus,
.select.is-white select.is-focused,
.select.is-white select:active,
.select.is-white select.is-active {
-webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
}
.select.is-black:not(:hover)::after {
border-color: #0a0a0a;
}
.select.is-black select {
border-color: #0a0a0a;
}
.select.is-black select:hover,
.select.is-black select.is-hovered {
border-color: black;
}
.select.is-black select:focus,
.select.is-black select.is-focused,
.select.is-black select:active,
.select.is-black select.is-active {
-webkit-box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
}
.select.is-light:not(:hover)::after {
border-color: whitesmoke;
}
.select.is-light select {
border-color: whitesmoke;
}
.select.is-light select:hover,
.select.is-light select.is-hovered {
border-color: #e8e8e8;
}
.select.is-light select:focus,
.select.is-light select.is-focused,
.select.is-light select:active,
.select.is-light select.is-active {
-webkit-box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
}
.select.is-dark:not(:hover)::after {
border-color: #363636;
}
.select.is-dark select {
border-color: #363636;
}
.select.is-dark select:hover,
.select.is-dark select.is-hovered {
border-color: #292929;
}
.select.is-dark select:focus,
.select.is-dark select.is-focused,
.select.is-dark select:active,
.select.is-dark select.is-active {
-webkit-box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
}
.select.is-primary:not(:hover)::after {
border-color: #00d1b2;
}
.select.is-primary select {
border-color: #00d1b2;
}
.select.is-primary select:hover,
.select.is-primary select.is-hovered {
border-color: #00b89c;
}
.select.is-primary select:focus,
.select.is-primary select.is-focused,
.select.is-primary select:active,
.select.is-primary select.is-active {
-webkit-box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
}
.select.is-link:not(:hover)::after {
border-color: #3273dc;
}
.select.is-link select {
border-color: #3273dc;
}
.select.is-link select:hover,
.select.is-link select.is-hovered {
border-color: #2366d1;
}
.select.is-link select:focus,
.select.is-link select.is-focused,
.select.is-link select:active,
.select.is-link select.is-active {
-webkit-box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
}
.select.is-info:not(:hover)::after {
border-color: #3298dc;
}
.select.is-info select {
border-color: #3298dc;
}
.select.is-info select:hover,
.select.is-info select.is-hovered {
border-color: #238cd1;
}
.select.is-info select:focus,
.select.is-info select.is-focused,
.select.is-info select:active,
.select.is-info select.is-active {
-webkit-box-shadow: 0 0 0 0.125em rgba(50, 152, 220, 0.25);
box-shadow: 0 0 0 0.125em rgba(50, 152, 220, 0.25);
}
.select.is-success:not(:hover)::after {
border-color: #48c774;
}
.select.is-success select {
border-color: #48c774;
}
.select.is-success select:hover,
.select.is-success select.is-hovered {
border-color: #3abb67;
}
.select.is-success select:focus,
.select.is-success select.is-focused,
.select.is-success select:active,
.select.is-success select.is-active {
-webkit-box-shadow: 0 0 0 0.125em rgba(72, 199, 116, 0.25);
box-shadow: 0 0 0 0.125em rgba(72, 199, 116, 0.25);
}
.select.is-warning:not(:hover)::after {
border-color: #ffdd57;
}
.select.is-warning select {
border-color: #ffdd57;
}
.select.is-warning select:hover,
.select.is-warning select.is-hovered {
border-color: #ffd83d;
}
.select.is-warning select:focus,
.select.is-warning select.is-focused,
.select.is-warning select:active,
.select.is-warning select.is-active {
-webkit-box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25);
box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25);
}
.select.is-danger:not(:hover)::after {
border-color: #f14668;
}
.select.is-danger select {
border-color: #f14668;
}
.select.is-danger select:hover,
.select.is-danger select.is-hovered {
border-color: #ef2e55;
}
.select.is-danger select:focus,
.select.is-danger select.is-focused,
.select.is-danger select:active,
.select.is-danger select.is-active {
-webkit-box-shadow: 0 0 0 0.125em rgba(241, 70, 104, 0.25);
box-shadow: 0 0 0 0.125em rgba(241, 70, 104, 0.25);
}
.select.is-small {
border-radius: 2px;
font-size: 0.75rem;
}
.select.is-medium {
font-size: 1.25rem;
}
.select.is-large {
font-size: 1.5rem;
}
.select.is-disabled::after {
border-color: #7a7a7a;
}
.select.is-fullwidth {
width: 100%;
}
.select.is-fullwidth select {
width: 100%;
}
.select.is-loading::after {
margin-top: 0;
position: absolute;
right: 0.625em;
top: 0.625em;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.select.is-loading.is-small:after {
font-size: 0.75rem;
}
.select.is-loading.is-medium:after {
font-size: 1.25rem;
}
.select.is-loading.is-large:after {
font-size: 1.5rem;
}
.file {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
position: relative;
}
.file.is-white .file-cta {
background-color: white;
border-color: transparent;
color: #0a0a0a;
}
.file.is-white:hover .file-cta,
.file.is-white.is-hovered .file-cta {
background-color: #f9f9f9;
border-color: transparent;
color: #0a0a0a;
}
.file.is-white:focus .file-cta,
.file.is-white.is-focused .file-cta {
border-color: transparent;
-webkit-box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25);
box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25);
color: #0a0a0a;
}
.file.is-white:active .file-cta,
.file.is-white.is-active .file-cta {
background-color: #f2f2f2;
border-color: transparent;
color: #0a0a0a;
}
.file.is-black .file-cta {
background-color: #0a0a0a;
border-color: transparent;
color: white;
}
.file.is-black:hover .file-cta,
.file.is-black.is-hovered .file-cta {
background-color: #040404;
border-color: transparent;
color: white;
}
.file.is-black:focus .file-cta,
.file.is-black.is-focused .file-cta {
border-color: transparent;
-webkit-box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25);
box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25);
color: white;
}
.file.is-black:active .file-cta,
.file.is-black.is-active .file-cta {
background-color: black;
border-color: transparent;
color: white;
}
.file.is-light .file-cta {
background-color: whitesmoke;
border-color: transparent;
color: rgba(0, 0, 0, 0.7);
}
.file.is-light:hover .file-cta,
.file.is-light.is-hovered .file-cta {
background-color: #eeeeee;
border-color: transparent;
color: rgba(0, 0, 0, 0.7);
}
.file.is-light:focus .file-cta,
.file.is-light.is-focused .file-cta {
border-color: transparent;
-webkit-box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25);
box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25);
color: rgba(0, 0, 0, 0.7);
}
.file.is-light:active .file-cta,
.file.is-light.is-active .file-cta {
background-color: #e8e8e8;
border-color: transparent;
color: rgba(0, 0, 0, 0.7);
}
.file.is-dark .file-cta {
background-color: #363636;
border-color: transparent;
color: #fff;
}
.file.is-dark:hover .file-cta,
.file.is-dark.is-hovered .file-cta {
background-color: #2f2f2f;
border-color: transparent;
color: #fff;
}
.file.is-dark:focus .file-cta,
.file.is-dark.is-focused .file-cta {
border-color: transparent;
-webkit-box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25);
box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25);
color: #fff;
}
.file.is-dark:active .file-cta,
.file.is-dark.is-active .file-cta {
background-color: #292929;
border-color: transparent;
color: #fff;
}
.file.is-primary .file-cta {
background-color: #00d1b2;
border-color: transparent;
color: #fff;
}
.file.is-primary:hover .file-cta,
.file.is-primary.is-hovered .file-cta {
background-color: #00c4a7;
border-color: transparent;
color: #fff;
}
.file.is-primary:focus .file-cta,
.file.is-primary.is-focused .file-cta {
border-color: transparent;
-webkit-box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25);
box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25);
color: #fff;
}
.file.is-primary:active .file-cta,
.file.is-primary.is-active .file-cta {
background-color: #00b89c;
border-color: transparent;
color: #fff;
}
.file.is-link .file-cta {
background-color: #3273dc;
border-color: transparent;
color: #fff;
}
.file.is-link:hover .file-cta,
.file.is-link.is-hovered .file-cta {
background-color: #276cda;
border-color: transparent;
color: #fff;
}
.file.is-link:focus .file-cta,
.file.is-link.is-focused .file-cta {
border-color: transparent;
-webkit-box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25);
box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25);
color: #fff;
}
.file.is-link:active .file-cta,
.file.is-link.is-active .file-cta {
background-color: #2366d1;
border-color: transparent;
color: #fff;
}
.file.is-info .file-cta {
background-color: #3298dc;
border-color: transparent;
color: #fff;
}
.file.is-info:hover .file-cta,
.file.is-info.is-hovered .file-cta {
background-color: #2793da;
border-color: transparent;
color: #fff;
}
.file.is-info:focus .file-cta,
.file.is-info.is-focused .file-cta {
border-color: transparent;
-webkit-box-shadow: 0 0 0.5em rgba(50, 152, 220, 0.25);
box-shadow: 0 0 0.5em rgba(50, 152, 220, 0.25);
color: #fff;
}
.file.is-info:active .file-cta,
.file.is-info.is-active .file-cta {
background-color: #238cd1;
border-color: transparent;
color: #fff;
}
.file.is-success .file-cta {
background-color: #48c774;
border-color: transparent;
color: #fff;
}
.file.is-success:hover .file-cta,
.file.is-success.is-hovered .file-cta {
background-color: #3ec46d;
border-color: transparent;
color: #fff;
}
.file.is-success:focus .file-cta,
.file.is-success.is-focused .file-cta {
border-color: transparent;
-webkit-box-shadow: 0 0 0.5em rgba(72, 199, 116, 0.25);
box-shadow: 0 0 0.5em rgba(72, 199, 116, 0.25);
color: #fff;
}
.file.is-success:active .file-cta,
.file.is-success.is-active .file-cta {
background-color: #3abb67;
border-color: transparent;
color: #fff;
}
.file.is-warning .file-cta {
background-color: #ffdd57;
border-color: transparent;
color: rgba(0, 0, 0, 0.7);
}
.file.is-warning:hover .file-cta,
.file.is-warning.is-hovered .file-cta {
background-color: #ffdb4a;
border-color: transparent;
color: rgba(0, 0, 0, 0.7);
}
.file.is-warning:focus .file-cta,
.file.is-warning.is-focused .file-cta {
border-color: transparent;
-webkit-box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25);
box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25);
color: rgba(0, 0, 0, 0.7);
}
.file.is-warning:active .file-cta,
.file.is-warning.is-active .file-cta {
background-color: #ffd83d;
border-color: transparent;
color: rgba(0, 0, 0, 0.7);
}
.file.is-danger .file-cta {
background-color: #f14668;
border-color: transparent;
color: #fff;
}
.file.is-danger:hover .file-cta,
.file.is-danger.is-hovered .file-cta {
background-color: #f03a5f;
border-color: transparent;
color: #fff;
}
.file.is-danger:focus .file-cta,
.file.is-danger.is-focused .file-cta {
border-color: transparent;
-webkit-box-shadow: 0 0 0.5em rgba(241, 70, 104, 0.25);
box-shadow: 0 0 0.5em rgba(241, 70, 104, 0.25);
color: #fff;
}
.file.is-danger:active .file-cta,
.file.is-danger.is-active .file-cta {
background-color: #ef2e55;
border-color: transparent;
color: #fff;
}
.file.is-small {
font-size: 0.75rem;
}
.file.is-medium {
font-size: 1.25rem;
}
.file.is-medium .file-icon .fa {
font-size: 21px;
}
.file.is-large {
font-size: 1.5rem;
}
.file.is-large .file-icon .fa {
font-size: 28px;
}
.file.has-name .file-cta {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.file.has-name .file-name {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.file.has-name.is-empty .file-cta {
border-radius: 4px;
}
.file.has-name.is-empty .file-name {
display: none;
}
.file.is-boxed .file-label {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.file.is-boxed .file-cta {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: auto;
padding: 1em 3em;
}
.file.is-boxed .file-name {
border-width: 0 1px 1px;
}
.file.is-boxed .file-icon {
height: 1.5em;
width: 1.5em;
}
.file.is-boxed .file-icon .fa {
font-size: 21px;
}
.file.is-boxed.is-small .file-icon .fa {
font-size: 14px;
}
.file.is-boxed.is-medium .file-icon .fa {
font-size: 28px;
}
.file.is-boxed.is-large .file-icon .fa {
font-size: 35px;
}
.file.is-boxed.has-name .file-cta {
border-radius: 4px 4px 0 0;
}
.file.is-boxed.has-name .file-name {
border-radius: 0 0 4px 4px;
border-width: 0 1px 1px;
}
.file.is-centered {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.file.is-fullwidth .file-label {
width: 100%;
}
.file.is-fullwidth .file-name {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: none;
}
.file.is-right {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.file.is-right .file-cta {
border-radius: 0 4px 4px 0;
}
.file.is-right .file-name {
border-radius: 4px 0 0 4px;
border-width: 1px 0 1px 1px;
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.file-label {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
cursor: pointer;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
overflow: hidden;
position: relative;
}
.file-label:hover .file-cta {
background-color: #eeeeee;
color: #363636;
}
.file-label:hover .file-name {
border-color: #d5d5d5;
}
.file-label:active .file-cta {
background-color: #e8e8e8;
color: #363636;
}
.file-label:active .file-name {
border-color: #cfcfcf;
}
.file-input {
height: 100%;
left: 0;
opacity: 0;
outline: none;
position: absolute;
top: 0;
width: 100%;
}
.file-cta,
.file-name {
border-color: #dbdbdb;
border-radius: 4px;
font-size: 1em;
padding-left: 1em;
padding-right: 1em;
white-space: nowrap;
}
.file-cta {
background-color: whitesmoke;
color: #4a4a4a;
}
.file-name {
border-color: #dbdbdb;
border-style: solid;
border-width: 1px 1px 1px 0;
display: block;
max-width: 16em;
overflow: hidden;
text-align: inherit;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.file-icon {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 1em;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-right: 0.5em;
width: 1em;
}
.file-icon .fa {
font-size: 14px;
}
.label {
color: #363636;
display: block;
font-size: 1rem;
font-weight: 700;
}
.label:not(:last-child) {
margin-bottom: 0.5em;
}
.label.is-small {
font-size: 0.75rem;
}
.label.is-medium {
font-size: 1.25rem;
}
.label.is-large {
font-size: 1.5rem;
}
.help {
display: block;
font-size: 0.75rem;
margin-top: 0.25rem;
}
.help.is-white {
color: white;
}
.help.is-black {
color: #0a0a0a;
}
.help.is-light {
color: whitesmoke;
}
.help.is-dark {
color: #363636;
}
.help.is-primary {
color: #00d1b2;
}
.help.is-link {
color: #3273dc;
}
.help.is-info {
color: #3298dc;
}
.help.is-success {
color: #48c774;
}
.help.is-warning {
color: #ffdd57;
}
.help.is-danger {
color: #f14668;
}
.field:not(:last-child) {
margin-bottom: 0.75rem;
}
.field.has-addons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.field.has-addons .control:not(:last-child) {
margin-right: -1px;
}
.field.has-addons .control:not(:first-child):not(:last-child) .button,
.field.has-addons .control:not(:first-child):not(:last-child) .input,
.field.has-addons .control:not(:first-child):not(:last-child) .select select {
border-radius: 0;
}
.field.has-addons .control:first-child:not(:only-child) .button,
.field.has-addons .control:first-child:not(:only-child) .input,
.field.has-addons .control:first-child:not(:only-child) .select select {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.field.has-addons .control:last-child:not(:only-child) .button,
.field.has-addons .control:last-child:not(:only-child) .input,
.field.has-addons .control:last-child:not(:only-child) .select select {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.field.has-addons .control .button:not([disabled]):hover,
.field.has-addons .control .button:not([disabled]).is-hovered,
.field.has-addons .control .input:not([disabled]):hover,
.field.has-addons .control .input:not([disabled]).is-hovered,
.field.has-addons .control .select select:not([disabled]):hover,
.field.has-addons .control .select select:not([disabled]).is-hovered {
z-index: 2;
}
.field.has-addons .control .button:not([disabled]):focus,
.field.has-addons .control .button:not([disabled]).is-focused,
.field.has-addons .control .button:not([disabled]):active,
.field.has-addons .control .button:not([disabled]).is-active,
.field.has-addons .control .input:not([disabled]):focus,
.field.has-addons .control .input:not([disabled]).is-focused,
.field.has-addons .control .input:not([disabled]):active,
.field.has-addons .control .input:not([disabled]).is-active,
.field.has-addons .control .select select:not([disabled]):focus,
.field.has-addons .control .select select:not([disabled]).is-focused,
.field.has-addons .control .select select:not([disabled]):active,
.field.has-addons .control .select select:not([disabled]).is-active {
z-index: 3;
}
.field.has-addons .control .button:not([disabled]):focus:hover,
.field.has-addons .control .button:not([disabled]).is-focused:hover,
.field.has-addons .control .button:not([disabled]):active:hover,
.field.has-addons .control .button:not([disabled]).is-active:hover,
.field.has-addons .control .input:not([disabled]):focus:hover,
.field.has-addons .control .input:not([disabled]).is-focused:hover,
.field.has-addons .control .input:not([disabled]):active:hover,
.field.has-addons .control .input:not([disabled]).is-active:hover,
.field.has-addons .control .select select:not([disabled]):focus:hover,
.field.has-addons .control .select select:not([disabled]).is-focused:hover,
.field.has-addons .control .select select:not([disabled]):active:hover,
.field.has-addons .control .select select:not([disabled]).is-active:hover {
z-index: 4;
}
.field.has-addons .control.is-expanded {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
}
.field.has-addons.has-addons-centered {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.field.has-addons.has-addons-right {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.field.has-addons.has-addons-fullwidth .control {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.field.is-grouped {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.field.is-grouped > .control {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.field.is-grouped > .control:not(:last-child) {
margin-bottom: 0;
margin-right: 0.75rem;
}
.field.is-grouped > .control.is-expanded {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
}
.field.is-grouped.is-grouped-centered {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.field.is-grouped.is-grouped-right {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.field.is-grouped.is-grouped-multiline {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.field.is-grouped.is-grouped-multiline > .control:last-child,
.field.is-grouped.is-grouped-multiline > .control:not(:last-child) {
margin-bottom: 0.75rem;
}
.field.is-grouped.is-grouped-multiline:last-child {
margin-bottom: -0.75rem;
}
.field.is-grouped.is-grouped-multiline:not(:last-child) {
margin-bottom: 0;
}
@media screen and (min-width: 769px), print {
.field.is-horizontal {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.field-label .label {
font-size: inherit;
}
@media screen and (max-width: 768px) {
.field-label {
margin-bottom: 0.5rem;
}
}
@media screen and (min-width: 769px), print {
.field-label {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 1.5rem;
text-align: right;
}
.field-label.is-small {
font-size: 0.75rem;
padding-top: 0.375em;
}
.field-label.is-normal {
padding-top: 0.375em;
}
.field-label.is-medium {
font-size: 1.25rem;
padding-top: 0.375em;
}
.field-label.is-large {
font-size: 1.5rem;
padding-top: 0.375em;
}
}
.field-body .field .field {
margin-bottom: 0;
}
@media screen and (min-width: 769px), print {
.field-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 5;
-ms-flex-positive: 5;
flex-grow: 5;
-ms-flex-negative: 1;
flex-shrink: 1;
}
.field-body .field {
margin-bottom: 0;
}
.field-body > .field {
-ms-flex-negative: 1;
flex-shrink: 1;
}
.field-body > .field:not(.is-narrow) {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.field-body > .field:not(:last-child) {
margin-right: 0.75rem;
}
}
.control {
-webkit-box-sizing: border-box;
box-sizing: border-box;
clear: both;
font-size: 1rem;
position: relative;
text-align: inherit;
}
.control.has-icons-left .input:focus ~ .icon,
.control.has-icons-left .select:focus ~ .icon,
.control.has-icons-right .input:focus ~ .icon,
.control.has-icons-right .select:focus ~ .icon {
color: #4a4a4a;
}
.control.has-icons-left .input.is-small ~ .icon,
.control.has-icons-left .select.is-small ~ .icon,
.control.has-icons-right .input.is-small ~ .icon,
.control.has-icons-right .select.is-small ~ .icon {
font-size: 0.75rem;
}
.control.has-icons-left .input.is-medium ~ .icon,
.control.has-icons-left .select.is-medium ~ .icon,
.control.has-icons-right .input.is-medium ~ .icon,
.control.has-icons-right .select.is-medium ~ .icon {
font-size: 1.25rem;
}
.control.has-icons-left .input.is-large ~ .icon,
.control.has-icons-left .select.is-large ~ .icon,
.control.has-icons-right .input.is-large ~ .icon,
.control.has-icons-right .select.is-large ~ .icon {
font-size: 1.5rem;
}
.control.has-icons-left .icon,
.control.has-icons-right .icon {
color: #dbdbdb;
height: 2.5em;
pointer-events: none;
position: absolute;
top: 0;
width: 2.5em;
z-index: 4;
}
.control.has-icons-left .input,
.control.has-icons-left .select select {
padding-left: 2.5em;
}
.control.has-icons-left .icon.is-left {
left: 0;
}
.control.has-icons-right .input,
.control.has-icons-right .select select {
padding-right: 2.5em;
}
.control.has-icons-right .icon.is-right {
right: 0;
}
.control.is-loading::after {
position: absolute !important;
right: 0.625em;
top: 0.625em;
z-index: 4;
}
.control.is-loading.is-small:after {
font-size: 0.75rem;
}
.control.is-loading.is-medium:after {
font-size: 1.25rem;
}
.control.is-loading.is-large:after {
font-size: 1.5rem;
}
/* Bulma Elements */
.box {
background-color: white;
border-radius: 6px;
-webkit-box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
color: #4a4a4a;
display: block;
padding: 1.25rem;
}
a.box:hover,
a.box:focus {
-webkit-box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0 0 1px #3273dc;
box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0 0 1px #3273dc;
}
a.box:active {
-webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #3273dc;
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #3273dc;
}
.button {
background-color: white;
border-color: #dbdbdb;
border-width: 1px;
color: #363636;
cursor: pointer;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-bottom: calc(0.5em - 1px);
padding-left: 1em;
padding-right: 1em;
padding-top: calc(0.5em - 1px);
text-align: center;
white-space: nowrap;
}
.button strong {
color: inherit;
}
.button .icon,
.button .icon.is-small,
.button .icon.is-medium,
.button .icon.is-large {
height: 1.5em;
width: 1.5em;
}
.button .icon:first-child:not(:last-child) {
margin-left: calc(-0.5em - 1px);
margin-right: 0.25em;
}
.button .icon:last-child:not(:first-child) {
margin-left: 0.25em;
margin-right: calc(-0.5em - 1px);
}
.button .icon:first-child:last-child {
margin-left: calc(-0.5em - 1px);
margin-right: calc(-0.5em - 1px);
}
.button:hover,
.button.is-hovered {
border-color: #b5b5b5;
color: #363636;
}
.button:focus,
.button.is-focused {
border-color: #3273dc;
color: #363636;
}
.button:focus:not(:active),
.button.is-focused:not(:active) {
-webkit-box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
}
.button:active,
.button.is-active {
border-color: #4a4a4a;
color: #363636;
}
.button.is-text {
background-color: transparent;
border-color: transparent;
color: #4a4a4a;
text-decoration: underline;
}
.button.is-text:hover,
.button.is-text.is-hovered,
.button.is-text:focus,
.button.is-text.is-focused {
background-color: whitesmoke;
color: #363636;
}
.button.is-text:active,
.button.is-text.is-active {
background-color: #e8e8e8;
color: #363636;
}
.button.is-text[disabled],
fieldset[disabled] .button.is-text {
background-color: transparent;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.button.is-white {
background-color: white;
border-color: transparent;
color: #0a0a0a;
}
.button.is-white:hover,
.button.is-white.is-hovered {
background-color: #f9f9f9;
border-color: transparent;
color: #0a0a0a;
}
.button.is-white:focus,
.button.is-white.is-focused {
border-color: transparent;
color: #0a0a0a;
}
.button.is-white:focus:not(:active),
.button.is-white.is-focused:not(:active) {
-webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
}
.button.is-white:active,
.button.is-white.is-active {
background-color: #f2f2f2;
border-color: transparent;
color: #0a0a0a;
}
.button.is-white[disabled],
fieldset[disabled] .button.is-white {
background-color: white;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.button.is-white.is-inverted {
background-color: #0a0a0a;
color: white;
}
.button.is-white.is-inverted:hover,
.button.is-white.is-inverted.is-hovered {
background-color: black;
}
.button.is-white.is-inverted[disabled],
fieldset[disabled] .button.is-white.is-inverted {
background-color: #0a0a0a;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
color: white;
}
.button.is-white.is-loading::after {
border-color: transparent transparent #0a0a0a #0a0a0a !important;
}
.button.is-white.is-outlined {
background-color: transparent;
border-color: white;
color: white;
}
.button.is-white.is-outlined:hover,
.button.is-white.is-outlined.is-hovered,
.button.is-white.is-outlined:focus,
.button.is-white.is-outlined.is-focused {
background-color: white;
border-color: white;
color: #0a0a0a;
}
.button.is-white.is-outlined.is-loading::after {
border-color: transparent transparent white white !important;
}
.button.is-white.is-outlined.is-loading:hover::after,
.button.is-white.is-outlined.is-loading.is-hovered::after,
.button.is-white.is-outlined.is-loading:focus::after,
.button.is-white.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent #0a0a0a #0a0a0a !important;
}
.button.is-white.is-outlined[disabled],
fieldset[disabled] .button.is-white.is-outlined {
background-color: transparent;
border-color: white;
-webkit-box-shadow: none;
box-shadow: none;
color: white;
}
.button.is-white.is-inverted.is-outlined {
background-color: transparent;
border-color: #0a0a0a;
color: #0a0a0a;
}
.button.is-white.is-inverted.is-outlined:hover,
.button.is-white.is-inverted.is-outlined.is-hovered,
.button.is-white.is-inverted.is-outlined:focus,
.button.is-white.is-inverted.is-outlined.is-focused {
background-color: #0a0a0a;
color: white;
}
.button.is-white.is-inverted.is-outlined.is-loading:hover::after,
.button.is-white.is-inverted.is-outlined.is-loading.is-hovered::after,
.button.is-white.is-inverted.is-outlined.is-loading:focus::after,
.button.is-white.is-inverted.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent white white !important;
}
.button.is-white.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-white.is-inverted.is-outlined {
background-color: transparent;
border-color: #0a0a0a;
-webkit-box-shadow: none;
box-shadow: none;
color: #0a0a0a;
}
.button.is-black {
background-color: #0a0a0a;
border-color: transparent;
color: white;
}
.button.is-black:hover,
.button.is-black.is-hovered {
background-color: #040404;
border-color: transparent;
color: white;
}
.button.is-black:focus,
.button.is-black.is-focused {
border-color: transparent;
color: white;
}
.button.is-black:focus:not(:active),
.button.is-black.is-focused:not(:active) {
-webkit-box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
}
.button.is-black:active,
.button.is-black.is-active {
background-color: black;
border-color: transparent;
color: white;
}
.button.is-black[disabled],
fieldset[disabled] .button.is-black {
background-color: #0a0a0a;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.button.is-black.is-inverted {
background-color: white;
color: #0a0a0a;
}
.button.is-black.is-inverted:hover,
.button.is-black.is-inverted.is-hovered {
background-color: #f2f2f2;
}
.button.is-black.is-inverted[disabled],
fieldset[disabled] .button.is-black.is-inverted {
background-color: white;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
color: #0a0a0a;
}
.button.is-black.is-loading::after {
border-color: transparent transparent white white !important;
}
.button.is-black.is-outlined {
background-color: transparent;
border-color: #0a0a0a;
color: #0a0a0a;
}
.button.is-black.is-outlined:hover,
.button.is-black.is-outlined.is-hovered,
.button.is-black.is-outlined:focus,
.button.is-black.is-outlined.is-focused {
background-color: #0a0a0a;
border-color: #0a0a0a;
color: white;
}
.button.is-black.is-outlined.is-loading::after {
border-color: transparent transparent #0a0a0a #0a0a0a !important;
}
.button.is-black.is-outlined.is-loading:hover::after,
.button.is-black.is-outlined.is-loading.is-hovered::after,
.button.is-black.is-outlined.is-loading:focus::after,
.button.is-black.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent white white !important;
}
.button.is-black.is-outlined[disabled],
fieldset[disabled] .button.is-black.is-outlined {
background-color: transparent;
border-color: #0a0a0a;
-webkit-box-shadow: none;
box-shadow: none;
color: #0a0a0a;
}
.button.is-black.is-inverted.is-outlined {
background-color: transparent;
border-color: white;
color: white;
}
.button.is-black.is-inverted.is-outlined:hover,
.button.is-black.is-inverted.is-outlined.is-hovered,
.button.is-black.is-inverted.is-outlined:focus,
.button.is-black.is-inverted.is-outlined.is-focused {
background-color: white;
color: #0a0a0a;
}
.button.is-black.is-inverted.is-outlined.is-loading:hover::after,
.button.is-black.is-inverted.is-outlined.is-loading.is-hovered::after,
.button.is-black.is-inverted.is-outlined.is-loading:focus::after,
.button.is-black.is-inverted.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent #0a0a0a #0a0a0a !important;
}
.button.is-black.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-black.is-inverted.is-outlined {
background-color: transparent;
border-color: white;
-webkit-box-shadow: none;
box-shadow: none;
color: white;
}
.button.is-light {
background-color: whitesmoke;
border-color: transparent;
color: rgba(0, 0, 0, 0.7);
}
.button.is-light:hover,
.button.is-light.is-hovered {
background-color: #eeeeee;
border-color: transparent;
color: rgba(0, 0, 0, 0.7);
}
.button.is-light:focus,
.button.is-light.is-focused {
border-color: transparent;
color: rgba(0, 0, 0, 0.7);
}
.button.is-light:focus:not(:active),
.button.is-light.is-focused:not(:active) {
-webkit-box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
}
.button.is-light:active,
.button.is-light.is-active {
background-color: #e8e8e8;
border-color: transparent;
color: rgba(0, 0, 0, 0.7);
}
.button.is-light[disabled],
fieldset[disabled] .button.is-light {
background-color: whitesmoke;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.button.is-light.is-inverted {
background-color: rgba(0, 0, 0, 0.7);
color: whitesmoke;
}
.button.is-light.is-inverted:hover,
.button.is-light.is-inverted.is-hovered {
background-color: rgba(0, 0, 0, 0.7);
}
.button.is-light.is-inverted[disabled],
fieldset[disabled] .button.is-light.is-inverted {
background-color: rgba(0, 0, 0, 0.7);
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
color: whitesmoke;
}
.button.is-light.is-loading::after {
border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
}
.button.is-light.is-outlined {
background-color: transparent;
border-color: whitesmoke;
color: whitesmoke;
}
.button.is-light.is-outlined:hover,
.button.is-light.is-outlined.is-hovered,
.button.is-light.is-outlined:focus,
.button.is-light.is-outlined.is-focused {
background-color: whitesmoke;
border-color: whitesmoke;
color: rgba(0, 0, 0, 0.7);
}
.button.is-light.is-outlined.is-loading::after {
border-color: transparent transparent whitesmoke whitesmoke !important;
}
.button.is-light.is-outlined.is-loading:hover::after,
.button.is-light.is-outlined.is-loading.is-hovered::after,
.button.is-light.is-outlined.is-loading:focus::after,
.button.is-light.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
}
.button.is-light.is-outlined[disabled],
fieldset[disabled] .button.is-light.is-outlined {
background-color: transparent;
border-color: whitesmoke;
-webkit-box-shadow: none;
box-shadow: none;
color: whitesmoke;
}
.button.is-light.is-inverted.is-outlined {
background-color: transparent;
border-color: rgba(0, 0, 0, 0.7);
color: rgba(0, 0, 0, 0.7);
}
.button.is-light.is-inverted.is-outlined:hover,
.button.is-light.is-inverted.is-outlined.is-hovered,
.button.is-light.is-inverted.is-outlined:focus,
.button.is-light.is-inverted.is-outlined.is-focused {
background-color: rgba(0, 0, 0, 0.7);
color: whitesmoke;
}
.button.is-light.is-inverted.is-outlined.is-loading:hover::after,
.button.is-light.is-inverted.is-outlined.is-loading.is-hovered::after,
.button.is-light.is-inverted.is-outlined.is-loading:focus::after,
.button.is-light.is-inverted.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent whitesmoke whitesmoke !important;
}
.button.is-light.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-light.is-inverted.is-outlined {
background-color: transparent;
border-color: rgba(0, 0, 0, 0.7);
-webkit-box-shadow: none;
box-shadow: none;
color: rgba(0, 0, 0, 0.7);
}
.button.is-dark {
background-color: #363636;
border-color: transparent;
color: #fff;
}
.button.is-dark:hover,
.button.is-dark.is-hovered {
background-color: #2f2f2f;
border-color: transparent;
color: #fff;
}
.button.is-dark:focus,
.button.is-dark.is-focused {
border-color: transparent;
color: #fff;
}
.button.is-dark:focus:not(:active),
.button.is-dark.is-focused:not(:active) {
-webkit-box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
}
.button.is-dark:active,
.button.is-dark.is-active {
background-color: #292929;
border-color: transparent;
color: #fff;
}
.button.is-dark[disabled],
fieldset[disabled] .button.is-dark {
background-color: #363636;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.button.is-dark.is-inverted {
background-color: #fff;
color: #363636;
}
.button.is-dark.is-inverted:hover,
.button.is-dark.is-inverted.is-hovered {
background-color: #f2f2f2;
}
.button.is-dark.is-inverted[disabled],
fieldset[disabled] .button.is-dark.is-inverted {
background-color: #fff;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
color: #363636;
}
.button.is-dark.is-loading::after {
border-color: transparent transparent #fff #fff !important;
}
.button.is-dark.is-outlined {
background-color: transparent;
border-color: #363636;
color: #363636;
}
.button.is-dark.is-outlined:hover,
.button.is-dark.is-outlined.is-hovered,
.button.is-dark.is-outlined:focus,
.button.is-dark.is-outlined.is-focused {
background-color: #363636;
border-color: #363636;
color: #fff;
}
.button.is-dark.is-outlined.is-loading::after {
border-color: transparent transparent #363636 #363636 !important;
}
.button.is-dark.is-outlined.is-loading:hover::after,
.button.is-dark.is-outlined.is-loading.is-hovered::after,
.button.is-dark.is-outlined.is-loading:focus::after,
.button.is-dark.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent #fff #fff !important;
}
.button.is-dark.is-outlined[disabled],
fieldset[disabled] .button.is-dark.is-outlined {
background-color: transparent;
border-color: #363636;
-webkit-box-shadow: none;
box-shadow: none;
color: #363636;
}
.button.is-dark.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
color: #fff;
}
.button.is-dark.is-inverted.is-outlined:hover,
.button.is-dark.is-inverted.is-outlined.is-hovered,
.button.is-dark.is-inverted.is-outlined:focus,
.button.is-dark.is-inverted.is-outlined.is-focused {
background-color: #fff;
color: #363636;
}
.button.is-dark.is-inverted.is-outlined.is-loading:hover::after,
.button.is-dark.is-inverted.is-outlined.is-loading.is-hovered::after,
.button.is-dark.is-inverted.is-outlined.is-loading:focus::after,
.button.is-dark.is-inverted.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent #363636 #363636 !important;
}
.button.is-dark.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-dark.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
}
.button.is-primary {
background-color: #00d1b2;
border-color: transparent;
color: #fff;
}
.button.is-primary:hover,
.button.is-primary.is-hovered {
background-color: #00c4a7;
border-color: transparent;
color: #fff;
}
.button.is-primary:focus,
.button.is-primary.is-focused {
border-color: transparent;
color: #fff;
}
.button.is-primary:focus:not(:active),
.button.is-primary.is-focused:not(:active) {
-webkit-box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
}
.button.is-primary:active,
.button.is-primary.is-active {
background-color: #00b89c;
border-color: transparent;
color: #fff;
}
.button.is-primary[disabled],
fieldset[disabled] .button.is-primary {
background-color: #00d1b2;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.button.is-primary.is-inverted {
background-color: #fff;
color: #00d1b2;
}
.button.is-primary.is-inverted:hover,
.button.is-primary.is-inverted.is-hovered {
background-color: #f2f2f2;
}
.button.is-primary.is-inverted[disabled],
fieldset[disabled] .button.is-primary.is-inverted {
background-color: #fff;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
color: #00d1b2;
}
.button.is-primary.is-loading::after {
border-color: transparent transparent #fff #fff !important;
}
.button.is-primary.is-outlined {
background-color: transparent;
border-color: #00d1b2;
color: #00d1b2;
}
.button.is-primary.is-outlined:hover,
.button.is-primary.is-outlined.is-hovered,
.button.is-primary.is-outlined:focus,
.button.is-primary.is-outlined.is-focused {
background-color: #00d1b2;
border-color: #00d1b2;
color: #fff;
}
.button.is-primary.is-outlined.is-loading::after {
border-color: transparent transparent #00d1b2 #00d1b2 !important;
}
.button.is-primary.is-outlined.is-loading:hover::after,
.button.is-primary.is-outlined.is-loading.is-hovered::after,
.button.is-primary.is-outlined.is-loading:focus::after,
.button.is-primary.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent #fff #fff !important;
}
.button.is-primary.is-outlined[disabled],
fieldset[disabled] .button.is-primary.is-outlined {
background-color: transparent;
border-color: #00d1b2;
-webkit-box-shadow: none;
box-shadow: none;
color: #00d1b2;
}
.button.is-primary.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
color: #fff;
}
.button.is-primary.is-inverted.is-outlined:hover,
.button.is-primary.is-inverted.is-outlined.is-hovered,
.button.is-primary.is-inverted.is-outlined:focus,
.button.is-primary.is-inverted.is-outlined.is-focused {
background-color: #fff;
color: #00d1b2;
}
.button.is-primary.is-inverted.is-outlined.is-loading:hover::after,
.button.is-primary.is-inverted.is-outlined.is-loading.is-hovered::after,
.button.is-primary.is-inverted.is-outlined.is-loading:focus::after,
.button.is-primary.is-inverted.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent #00d1b2 #00d1b2 !important;
}
.button.is-primary.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-primary.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
}
.button.is-primary.is-light {
background-color: #ebfffc;
color: #00947e;
}
.button.is-primary.is-light:hover,
.button.is-primary.is-light.is-hovered {
background-color: #defffa;
border-color: transparent;
color: #00947e;
}
.button.is-primary.is-light:active,
.button.is-primary.is-light.is-active {
background-color: #d1fff8;
border-color: transparent;
color: #00947e;
}
.button.is-link {
background-color: #3273dc;
border-color: transparent;
color: #fff;
}
.button.is-link:hover,
.button.is-link.is-hovered {
background-color: #276cda;
border-color: transparent;
color: #fff;
}
.button.is-link:focus,
.button.is-link.is-focused {
border-color: transparent;
color: #fff;
}
.button.is-link:focus:not(:active),
.button.is-link.is-focused:not(:active) {
-webkit-box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
}
.button.is-link:active,
.button.is-link.is-active {
background-color: #2366d1;
border-color: transparent;
color: #fff;
}
.button.is-link[disabled],
fieldset[disabled] .button.is-link {
background-color: #3273dc;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.button.is-link.is-inverted {
background-color: #fff;
color: #3273dc;
}
.button.is-link.is-inverted:hover,
.button.is-link.is-inverted.is-hovered {
background-color: #f2f2f2;
}
.button.is-link.is-inverted[disabled],
fieldset[disabled] .button.is-link.is-inverted {
background-color: #fff;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
color: #3273dc;
}
.button.is-link.is-loading::after {
border-color: transparent transparent #fff #fff !important;
}
.button.is-link.is-outlined {
background-color: transparent;
border-color: #3273dc;
color: #3273dc;
}
.button.is-link.is-outlined:hover,
.button.is-link.is-outlined.is-hovered,
.button.is-link.is-outlined:focus,
.button.is-link.is-outlined.is-focused {
background-color: #3273dc;
border-color: #3273dc;
color: #fff;
}
.button.is-link.is-outlined.is-loading::after {
border-color: transparent transparent #3273dc #3273dc !important;
}
.button.is-link.is-outlined.is-loading:hover::after,
.button.is-link.is-outlined.is-loading.is-hovered::after,
.button.is-link.is-outlined.is-loading:focus::after,
.button.is-link.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent #fff #fff !important;
}
.button.is-link.is-outlined[disabled],
fieldset[disabled] .button.is-link.is-outlined {
background-color: transparent;
border-color: #3273dc;
-webkit-box-shadow: none;
box-shadow: none;
color: #3273dc;
}
.button.is-link.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
color: #fff;
}
.button.is-link.is-inverted.is-outlined:hover,
.button.is-link.is-inverted.is-outlined.is-hovered,
.button.is-link.is-inverted.is-outlined:focus,
.button.is-link.is-inverted.is-outlined.is-focused {
background-color: #fff;
color: #3273dc;
}
.button.is-link.is-inverted.is-outlined.is-loading:hover::after,
.button.is-link.is-inverted.is-outlined.is-loading.is-hovered::after,
.button.is-link.is-inverted.is-outlined.is-loading:focus::after,
.button.is-link.is-inverted.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent #3273dc #3273dc !important;
}
.button.is-link.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-link.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
}
.button.is-link.is-light {
background-color: #eef3fc;
color: #2160c4;
}
.button.is-link.is-light:hover,
.button.is-link.is-light.is-hovered {
background-color: #e3ecfa;
border-color: transparent;
color: #2160c4;
}
.button.is-link.is-light:active,
.button.is-link.is-light.is-active {
background-color: #d8e4f8;
border-color: transparent;
color: #2160c4;
}
.button.is-info {
background-color: #3298dc;
border-color: transparent;
color: #fff;
}
.button.is-info:hover,
.button.is-info.is-hovered {
background-color: #2793da;
border-color: transparent;
color: #fff;
}
.button.is-info:focus,
.button.is-info.is-focused {
border-color: transparent;
color: #fff;
}
.button.is-info:focus:not(:active),
.button.is-info.is-focused:not(:active) {
-webkit-box-shadow: 0 0 0 0.125em rgba(50, 152, 220, 0.25);
box-shadow: 0 0 0 0.125em rgba(50, 152, 220, 0.25);
}
.button.is-info:active,
.button.is-info.is-active {
background-color: #238cd1;
border-color: transparent;
color: #fff;
}
.button.is-info[disabled],
fieldset[disabled] .button.is-info {
background-color: #3298dc;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.button.is-info.is-inverted {
background-color: #fff;
color: #3298dc;
}
.button.is-info.is-inverted:hover,
.button.is-info.is-inverted.is-hovered {
background-color: #f2f2f2;
}
.button.is-info.is-inverted[disabled],
fieldset[disabled] .button.is-info.is-inverted {
background-color: #fff;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
color: #3298dc;
}
.button.is-info.is-loading::after {
border-color: transparent transparent #fff #fff !important;
}
.button.is-info.is-outlined {
background-color: transparent;
border-color: #3298dc;
color: #3298dc;
}
.button.is-info.is-outlined:hover,
.button.is-info.is-outlined.is-hovered,
.button.is-info.is-outlined:focus,
.button.is-info.is-outlined.is-focused {
background-color: #3298dc;
border-color: #3298dc;
color: #fff;
}
.button.is-info.is-outlined.is-loading::after {
border-color: transparent transparent #3298dc #3298dc !important;
}
.button.is-info.is-outlined.is-loading:hover::after,
.button.is-info.is-outlined.is-loading.is-hovered::after,
.button.is-info.is-outlined.is-loading:focus::after,
.button.is-info.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent #fff #fff !important;
}
.button.is-info.is-outlined[disabled],
fieldset[disabled] .button.is-info.is-outlined {
background-color: transparent;
border-color: #3298dc;
-webkit-box-shadow: none;
box-shadow: none;
color: #3298dc;
}
.button.is-info.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
color: #fff;
}
.button.is-info.is-inverted.is-outlined:hover,
.button.is-info.is-inverted.is-outlined.is-hovered,
.button.is-info.is-inverted.is-outlined:focus,
.button.is-info.is-inverted.is-outlined.is-focused {
background-color: #fff;
color: #3298dc;
}
.button.is-info.is-inverted.is-outlined.is-loading:hover::after,
.button.is-info.is-inverted.is-outlined.is-loading.is-hovered::after,
.button.is-info.is-inverted.is-outlined.is-loading:focus::after,
.button.is-info.is-inverted.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent #3298dc #3298dc !important;
}
.button.is-info.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-info.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
}
.button.is-info.is-light {
background-color: #eef6fc;
color: #1d72aa;
}
.button.is-info.is-light:hover,
.button.is-info.is-light.is-hovered {
background-color: #e3f1fa;
border-color: transparent;
color: #1d72aa;
}
.button.is-info.is-light:active,
.button.is-info.is-light.is-active {
background-color: #d8ebf8;
border-color: transparent;
color: #1d72aa;
}
.button.is-success {
background-color: #48c774;
border-color: transparent;
color: #fff;
}
.button.is-success:hover,
.button.is-success.is-hovered {
background-color: #3ec46d;
border-color: transparent;
color: #fff;
}
.button.is-success:focus,
.button.is-success.is-focused {
border-color: transparent;
color: #fff;
}
.button.is-success:focus:not(:active),
.button.is-success.is-focused:not(:active) {
-webkit-box-shadow: 0 0 0 0.125em rgba(72, 199, 116, 0.25);
box-shadow: 0 0 0 0.125em rgba(72, 199, 116, 0.25);
}
.button.is-success:active,
.button.is-success.is-active {
background-color: #3abb67;
border-color: transparent;
color: #fff;
}
.button.is-success[disabled],
fieldset[disabled] .button.is-success {
background-color: #48c774;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.button.is-success.is-inverted {
background-color: #fff;
color: #48c774;
}
.button.is-success.is-inverted:hover,
.button.is-success.is-inverted.is-hovered {
background-color: #f2f2f2;
}
.button.is-success.is-inverted[disabled],
fieldset[disabled] .button.is-success.is-inverted {
background-color: #fff;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
color: #48c774;
}
.button.is-success.is-loading::after {
border-color: transparent transparent #fff #fff !important;
}
.button.is-success.is-outlined {
background-color: transparent;
border-color: #48c774;
color: #48c774;
}
.button.is-success.is-outlined:hover,
.button.is-success.is-outlined.is-hovered,
.button.is-success.is-outlined:focus,
.button.is-success.is-outlined.is-focused {
background-color: #48c774;
border-color: #48c774;
color: #fff;
}
.button.is-success.is-outlined.is-loading::after {
border-color: transparent transparent #48c774 #48c774 !important;
}
.button.is-success.is-outlined.is-loading:hover::after,
.button.is-success.is-outlined.is-loading.is-hovered::after,
.button.is-success.is-outlined.is-loading:focus::after,
.button.is-success.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent #fff #fff !important;
}
.button.is-success.is-outlined[disabled],
fieldset[disabled] .button.is-success.is-outlined {
background-color: transparent;
border-color: #48c774;
-webkit-box-shadow: none;
box-shadow: none;
color: #48c774;
}
.button.is-success.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
color: #fff;
}
.button.is-success.is-inverted.is-outlined:hover,
.button.is-success.is-inverted.is-outlined.is-hovered,
.button.is-success.is-inverted.is-outlined:focus,
.button.is-success.is-inverted.is-outlined.is-focused {
background-color: #fff;
color: #48c774;
}
.button.is-success.is-inverted.is-outlined.is-loading:hover::after,
.button.is-success.is-inverted.is-outlined.is-loading.is-hovered::after,
.button.is-success.is-inverted.is-outlined.is-loading:focus::after,
.button.is-success.is-inverted.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent #48c774 #48c774 !important;
}
.button.is-success.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-success.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
}
.button.is-success.is-light {
background-color: #effaf3;
color: #257942;
}
.button.is-success.is-light:hover,
.button.is-success.is-light.is-hovered {
background-color: #e6f7ec;
border-color: transparent;
color: #257942;
}
.button.is-success.is-light:active,
.button.is-success.is-light.is-active {
background-color: #dcf4e4;
border-color: transparent;
color: #257942;
}
.button.is-warning {
background-color: #ffdd57;
border-color: transparent;
color: rgba(0, 0, 0, 0.7);
}
.button.is-warning:hover,
.button.is-warning.is-hovered {
background-color: #ffdb4a;
border-color: transparent;
color: rgba(0, 0, 0, 0.7);
}
.button.is-warning:focus,
.button.is-warning.is-focused {
border-color: transparent;
color: rgba(0, 0, 0, 0.7);
}
.button.is-warning:focus:not(:active),
.button.is-warning.is-focused:not(:active) {
-webkit-box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25);
box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25);
}
.button.is-warning:active,
.button.is-warning.is-active {
background-color: #ffd83d;
border-color: transparent;
color: rgba(0, 0, 0, 0.7);
}
.button.is-warning[disabled],
fieldset[disabled] .button.is-warning {
background-color: #ffdd57;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.button.is-warning.is-inverted {
background-color: rgba(0, 0, 0, 0.7);
color: #ffdd57;
}
.button.is-warning.is-inverted:hover,
.button.is-warning.is-inverted.is-hovered {
background-color: rgba(0, 0, 0, 0.7);
}
.button.is-warning.is-inverted[disabled],
fieldset[disabled] .button.is-warning.is-inverted {
background-color: rgba(0, 0, 0, 0.7);
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
color: #ffdd57;
}
.button.is-warning.is-loading::after {
border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
}
.button.is-warning.is-outlined {
background-color: transparent;
border-color: #ffdd57;
color: #ffdd57;
}
.button.is-warning.is-outlined:hover,
.button.is-warning.is-outlined.is-hovered,
.button.is-warning.is-outlined:focus,
.button.is-warning.is-outlined.is-focused {
background-color: #ffdd57;
border-color: #ffdd57;
color: rgba(0, 0, 0, 0.7);
}
.button.is-warning.is-outlined.is-loading::after {
border-color: transparent transparent #ffdd57 #ffdd57 !important;
}
.button.is-warning.is-outlined.is-loading:hover::after,
.button.is-warning.is-outlined.is-loading.is-hovered::after,
.button.is-warning.is-outlined.is-loading:focus::after,
.button.is-warning.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
}
.button.is-warning.is-outlined[disabled],
fieldset[disabled] .button.is-warning.is-outlined {
background-color: transparent;
border-color: #ffdd57;
-webkit-box-shadow: none;
box-shadow: none;
color: #ffdd57;
}
.button.is-warning.is-inverted.is-outlined {
background-color: transparent;
border-color: rgba(0, 0, 0, 0.7);
color: rgba(0, 0, 0, 0.7);
}
.button.is-warning.is-inverted.is-outlined:hover,
.button.is-warning.is-inverted.is-outlined.is-hovered,
.button.is-warning.is-inverted.is-outlined:focus,
.button.is-warning.is-inverted.is-outlined.is-focused {
background-color: rgba(0, 0, 0, 0.7);
color: #ffdd57;
}
.button.is-warning.is-inverted.is-outlined.is-loading:hover::after,
.button.is-warning.is-inverted.is-outlined.is-loading.is-hovered::after,
.button.is-warning.is-inverted.is-outlined.is-loading:focus::after,
.button.is-warning.is-inverted.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent #ffdd57 #ffdd57 !important;
}
.button.is-warning.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-warning.is-inverted.is-outlined {
background-color: transparent;
border-color: rgba(0, 0, 0, 0.7);
-webkit-box-shadow: none;
box-shadow: none;
color: rgba(0, 0, 0, 0.7);
}
.button.is-warning.is-light {
background-color: #fffbeb;
color: #947600;
}
.button.is-warning.is-light:hover,
.button.is-warning.is-light.is-hovered {
background-color: #fff8de;
border-color: transparent;
color: #947600;
}
.button.is-warning.is-light:active,
.button.is-warning.is-light.is-active {
background-color: #fff6d1;
border-color: transparent;
color: #947600;
}
.button.is-danger {
background-color: #f14668;
border-color: transparent;
color: #fff;
}
.button.is-danger:hover,
.button.is-danger.is-hovered {
background-color: #f03a5f;
border-color: transparent;
color: #fff;
}
.button.is-danger:focus,
.button.is-danger.is-focused {
border-color: transparent;
color: #fff;
}
.button.is-danger:focus:not(:active),
.button.is-danger.is-focused:not(:active) {
-webkit-box-shadow: 0 0 0 0.125em rgba(241, 70, 104, 0.25);
box-shadow: 0 0 0 0.125em rgba(241, 70, 104, 0.25);
}
.button.is-danger:active,
.button.is-danger.is-active {
background-color: #ef2e55;
border-color: transparent;
color: #fff;
}
.button.is-danger[disabled],
fieldset[disabled] .button.is-danger {
background-color: #f14668;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.button.is-danger.is-inverted {
background-color: #fff;
color: #f14668;
}
.button.is-danger.is-inverted:hover,
.button.is-danger.is-inverted.is-hovered {
background-color: #f2f2f2;
}
.button.is-danger.is-inverted[disabled],
fieldset[disabled] .button.is-danger.is-inverted {
background-color: #fff;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
color: #f14668;
}
.button.is-danger.is-loading::after {
border-color: transparent transparent #fff #fff !important;
}
.button.is-danger.is-outlined {
background-color: transparent;
border-color: #f14668;
color: #f14668;
}
.button.is-danger.is-outlined:hover,
.button.is-danger.is-outlined.is-hovered,
.button.is-danger.is-outlined:focus,
.button.is-danger.is-outlined.is-focused {
background-color: #f14668;
border-color: #f14668;
color: #fff;
}
.button.is-danger.is-outlined.is-loading::after {
border-color: transparent transparent #f14668 #f14668 !important;
}
.button.is-danger.is-outlined.is-loading:hover::after,
.button.is-danger.is-outlined.is-loading.is-hovered::after,
.button.is-danger.is-outlined.is-loading:focus::after,
.button.is-danger.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent #fff #fff !important;
}
.button.is-danger.is-outlined[disabled],
fieldset[disabled] .button.is-danger.is-outlined {
background-color: transparent;
border-color: #f14668;
-webkit-box-shadow: none;
box-shadow: none;
color: #f14668;
}
.button.is-danger.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
color: #fff;
}
.button.is-danger.is-inverted.is-outlined:hover,
.button.is-danger.is-inverted.is-outlined.is-hovered,
.button.is-danger.is-inverted.is-outlined:focus,
.button.is-danger.is-inverted.is-outlined.is-focused {
background-color: #fff;
color: #f14668;
}
.button.is-danger.is-inverted.is-outlined.is-loading:hover::after,
.button.is-danger.is-inverted.is-outlined.is-loading.is-hovered::after,
.button.is-danger.is-inverted.is-outlined.is-loading:focus::after,
.button.is-danger.is-inverted.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent #f14668 #f14668 !important;
}
.button.is-danger.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-danger.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
}
.button.is-danger.is-light {
background-color: #feecf0;
color: #cc0f35;
}
.button.is-danger.is-light:hover,
.button.is-danger.is-light.is-hovered {
background-color: #fde0e6;
border-color: transparent;
color: #cc0f35;
}
.button.is-danger.is-light:active,
.button.is-danger.is-light.is-active {
background-color: #fcd4dc;
border-color: transparent;
color: #cc0f35;
}
.button.is-small {
border-radius: 2px;
font-size: 0.75rem;
}
.button.is-normal {
font-size: 1rem;
}
.button.is-medium {
font-size: 1.25rem;
}
.button.is-large {
font-size: 1.5rem;
}
.button[disabled],
fieldset[disabled] .button {
background-color: white;
border-color: #dbdbdb;
-webkit-box-shadow: none;
box-shadow: none;
opacity: 0.5;
}
.button.is-fullwidth {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.button.is-loading {
color: transparent !important;
pointer-events: none;
}
.button.is-loading::after {
position: absolute;
left: calc(50% - (1em / 2));
top: calc(50% - (1em / 2));
position: absolute !important;
}
.button.is-static {
background-color: whitesmoke;
border-color: #dbdbdb;
color: #7a7a7a;
-webkit-box-shadow: none;
box-shadow: none;
pointer-events: none;
}
.button.is-rounded {
border-radius: 290486px;
padding-left: calc(1em + 0.25em);
padding-right: calc(1em + 0.25em);
}
.buttons {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.buttons .button {
margin-bottom: 0.5rem;
}
.buttons .button:not(:last-child):not(.is-fullwidth) {
margin-right: 0.5rem;
}
.buttons:last-child {
margin-bottom: -0.5rem;
}
.buttons:not(:last-child) {
margin-bottom: 1rem;
}
.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) {
border-radius: 2px;
font-size: 0.75rem;
}
.buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) {
font-size: 1.25rem;
}
.buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) {
font-size: 1.5rem;
}
.buttons.has-addons .button:not(:first-child) {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.buttons.has-addons .button:not(:last-child) {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
margin-right: -1px;
}
.buttons.has-addons .button:last-child {
margin-right: 0;
}
.buttons.has-addons .button:hover,
.buttons.has-addons .button.is-hovered {
z-index: 2;
}
.buttons.has-addons .button:focus,
.buttons.has-addons .button.is-focused,
.buttons.has-addons .button:active,
.buttons.has-addons .button.is-active,
.buttons.has-addons .button.is-selected {
z-index: 3;
}
.buttons.has-addons .button:focus:hover,
.buttons.has-addons .button.is-focused:hover,
.buttons.has-addons .button:active:hover,
.buttons.has-addons .button.is-active:hover,
.buttons.has-addons .button.is-selected:hover {
z-index: 4;
}
.buttons.has-addons .button.is-expanded {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
}
.buttons.is-centered {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth) {
margin-left: 0.25rem;
margin-right: 0.25rem;
}
.buttons.is-right {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.buttons.is-right:not(.has-addons) .button:not(.is-fullwidth) {
margin-left: 0.25rem;
margin-right: 0.25rem;
}
.container {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin: 0 auto;
position: relative;
width: auto;
}
.container.is-fluid {
max-width: none !important;
padding-left: 32px;
padding-right: 32px;
width: 100%;
}
@media screen and (min-width: 1024px) {
.container {
max-width: 960px;
}
}
@media screen and (max-width: 1215px) {
.container.is-widescreen:not(.is-max-desktop) {
max-width: 1152px;
}
}
@media screen and (max-width: 1407px) {
.container.is-fullhd:not(.is-max-desktop):not(.is-max-widescreen) {
max-width: 1344px;
}
}
@media screen and (min-width: 1216px) {
.container:not(.is-max-desktop) {
max-width: 1152px;
}
}
@media screen and (min-width: 1408px) {
.container:not(.is-max-desktop):not(.is-max-widescreen) {
max-width: 1344px;
}
}
.content li + li {
margin-top: 0.25em;
}
.content p:not(:last-child),
.content dl:not(:last-child),
.content ol:not(:last-child),
.content ul:not(:last-child),
.content blockquote:not(:last-child),
.content pre:not(:last-child),
.content table:not(:last-child) {
margin-bottom: 1em;
}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
color: #363636;
font-weight: 600;
line-height: 1.125;
}
.content h1 {
font-size: 2em;
margin-bottom: 0.5em;
}
.content h1:not(:first-child) {
margin-top: 1em;
}
.content h2 {
font-size: 1.75em;
margin-bottom: 0.5714em;
}
.content h2:not(:first-child) {
margin-top: 1.1428em;
}
.content h3 {
font-size: 1.5em;
margin-bottom: 0.6666em;
}
.content h3:not(:first-child) {
margin-top: 1.3333em;
}
.content h4 {
font-size: 1.25em;
margin-bottom: 0.8em;
}
.content h5 {
font-size: 1.125em;
margin-bottom: 0.8888em;
}
.content h6 {
font-size: 1em;
margin-bottom: 1em;
}
.content blockquote {
background-color: whitesmoke;
border-left: 5px solid #dbdbdb;
padding: 1.25em 1.5em;
}
.content ol {
list-style-position: outside;
margin-left: 2em;
margin-top: 1em;
}
.content ol:not([type]) {
list-style-type: decimal;
}
.content ol:not([type]).is-lower-alpha {
list-style-type: lower-alpha;
}
.content ol:not([type]).is-lower-roman {
list-style-type: lower-roman;
}
.content ol:not([type]).is-upper-alpha {
list-style-type: upper-alpha;
}
.content ol:not([type]).is-upper-roman {
list-style-type: upper-roman;
}
.content ul {
list-style: disc outside;
margin-left: 2em;
margin-top: 1em;
}
.content ul ul {
list-style-type: circle;
margin-top: 0.5em;
}
.content ul ul ul {
list-style-type: square;
}
.content dd {
margin-left: 2em;
}
.content figure {
margin-left: 2em;
margin-right: 2em;
text-align: center;
}
.content figure:not(:first-child) {
margin-top: 2em;
}
.content figure:not(:last-child) {
margin-bottom: 2em;
}
.content figure img {
display: inline-block;
}
.content figure figcaption {
font-style: italic;
}
.content pre {
-webkit-overflow-scrolling: touch;
overflow-x: auto;
padding: 1.25em 1.5em;
white-space: pre;
word-wrap: normal;
}
.content sup,
.content sub {
font-size: 75%;
}
.content table {
width: 100%;
}
.content table td,
.content table th {
border: 1px solid #dbdbdb;
border-width: 0 0 1px;
padding: 0.5em 0.75em;
vertical-align: top;
}
.content table th {
color: #363636;
}
.content table th:not([align]) {
text-align: inherit;
}
.content table thead td,
.content table thead th {
border-width: 0 0 2px;
color: #363636;
}
.content table tfoot td,
.content table tfoot th {
border-width: 2px 0 0;
color: #363636;
}
.content table tbody tr:last-child td,
.content table tbody tr:last-child th {
border-bottom-width: 0;
}
.content .tabs li + li {
margin-top: 0;
}
.content.is-small {
font-size: 0.75rem;
}
.content.is-medium {
font-size: 1.25rem;
}
.content.is-large {
font-size: 1.5rem;
}
.icon {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 1.5rem;
width: 1.5rem;
}
.icon.is-small {
height: 1rem;
width: 1rem;
}
.icon.is-medium {
height: 2rem;
width: 2rem;
}
.icon.is-large {
height: 3rem;
width: 3rem;
}
.image {
display: block;
position: relative;
}
.image img {
display: block;
height: auto;
width: 100%;
}
.image img.is-rounded {
border-radius: 290486px;
}
.image.is-fullwidth {
width: 100%;
}
.image.is-square img,
.image.is-square .has-ratio,
.image.is-1by1 img,
.image.is-1by1 .has-ratio,
.image.is-5by4 img,
.image.is-5by4 .has-ratio,
.image.is-4by3 img,
.image.is-4by3 .has-ratio,
.image.is-3by2 img,
.image.is-3by2 .has-ratio,
.image.is-5by3 img,
.image.is-5by3 .has-ratio,
.image.is-16by9 img,
.image.is-16by9 .has-ratio,
.image.is-2by1 img,
.image.is-2by1 .has-ratio,
.image.is-3by1 img,
.image.is-3by1 .has-ratio,
.image.is-4by5 img,
.image.is-4by5 .has-ratio,
.image.is-3by4 img,
.image.is-3by4 .has-ratio,
.image.is-2by3 img,
.image.is-2by3 .has-ratio,
.image.is-3by5 img,
.image.is-3by5 .has-ratio,
.image.is-9by16 img,
.image.is-9by16 .has-ratio,
.image.is-1by2 img,
.image.is-1by2 .has-ratio,
.image.is-1by3 img,
.image.is-1by3 .has-ratio {
height: 100%;
width: 100%;
}
.image.is-square,
.image.is-1by1 {
padding-top: 100%;
}
.image.is-5by4 {
padding-top: 80%;
}
.image.is-4by3 {
padding-top: 75%;
}
.image.is-3by2 {
padding-top: 66.6666%;
}
.image.is-5by3 {
padding-top: 60%;
}
.image.is-16by9 {
padding-top: 56.25%;
}
.image.is-2by1 {
padding-top: 50%;
}
.image.is-3by1 {
padding-top: 33.3333%;
}
.image.is-4by5 {
padding-top: 125%;
}
.image.is-3by4 {
padding-top: 133.3333%;
}
.image.is-2by3 {
padding-top: 150%;
}
.image.is-3by5 {
padding-top: 166.6666%;
}
.image.is-9by16 {
padding-top: 177.7777%;
}
.image.is-1by2 {
padding-top: 200%;
}
.image.is-1by3 {
padding-top: 300%;
}
.image.is-16x16 {
height: 16px;
width: 16px;
}
.image.is-24x24 {
height: 24px;
width: 24px;
}
.image.is-32x32 {
height: 32px;
width: 32px;
}
.image.is-48x48 {
height: 48px;
width: 48px;
}
.image.is-64x64 {
height: 64px;
width: 64px;
}
.image.is-96x96 {
height: 96px;
width: 96px;
}
.image.is-128x128 {
height: 128px;
width: 128px;
}
.notification {
background-color: whitesmoke;
border-radius: 4px;
position: relative;
padding: 1.25rem 2.5rem 1.25rem 1.5rem;
}
.notification a:not(.button):not(.dropdown-item) {
color: currentColor;
text-decoration: underline;
}
.notification strong {
color: currentColor;
}
.notification code,
.notification pre {
background: white;
}
.notification pre code {
background: transparent;
}
.notification > .delete {
right: 0.5rem;
position: absolute;
top: 0.5rem;
}
.notification .title,
.notification .subtitle,
.notification .content {
color: currentColor;
}
.notification.is-white {
background-color: white;
color: #0a0a0a;
}
.notification.is-black {
background-color: #0a0a0a;
color: white;
}
.notification.is-light {
background-color: whitesmoke;
color: rgba(0, 0, 0, 0.7);
}
.notification.is-dark {
background-color: #363636;
color: #fff;
}
.notification.is-primary {
background-color: #00d1b2;
color: #fff;
}
.notification.is-primary.is-light {
background-color: #ebfffc;
color: #00947e;
}
.notification.is-link {
background-color: #3273dc;
color: #fff;
}
.notification.is-link.is-light {
background-color: #eef3fc;
color: #2160c4;
}
.notification.is-info {
background-color: #3298dc;
color: #fff;
}
.notification.is-info.is-light {
background-color: #eef6fc;
color: #1d72aa;
}
.notification.is-success {
background-color: #48c774;
color: #fff;
}
.notification.is-success.is-light {
background-color: #effaf3;
color: #257942;
}
.notification.is-warning {
background-color: #ffdd57;
color: rgba(0, 0, 0, 0.7);
}
.notification.is-warning.is-light {
background-color: #fffbeb;
color: #947600;
}
.notification.is-danger {
background-color: #f14668;
color: #fff;
}
.notification.is-danger.is-light {
background-color: #feecf0;
color: #cc0f35;
}
.progress {
-moz-appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 290486px;
display: block;
height: 1rem;
overflow: hidden;
padding: 0;
width: 100%;
}
.progress::-webkit-progress-bar {
background-color: #ededed;
}
.progress::-webkit-progress-value {
background-color: #4a4a4a;
}
.progress::-moz-progress-bar {
background-color: #4a4a4a;
}
.progress::-ms-fill {
background-color: #4a4a4a;
border: none;
}
.progress.is-white::-webkit-progress-value {
background-color: white;
}
.progress.is-white::-moz-progress-bar {
background-color: white;
}
.progress.is-white::-ms-fill {
background-color: white;
}
.progress.is-white:indeterminate {
background-image: -o-linear-gradient(left, white 30%, #ededed 30%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, white), color-stop(30%, #ededed));
background-image: linear-gradient(to right, white 30%, #ededed 30%);
}
.progress.is-black::-webkit-progress-value {
background-color: #0a0a0a;
}
.progress.is-black::-moz-progress-bar {
background-color: #0a0a0a;
}
.progress.is-black::-ms-fill {
background-color: #0a0a0a;
}
.progress.is-black:indeterminate {
background-image: -o-linear-gradient(left, #0a0a0a 30%, #ededed 30%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #0a0a0a), color-stop(30%, #ededed));
background-image: linear-gradient(to right, #0a0a0a 30%, #ededed 30%);
}
.progress.is-light::-webkit-progress-value {
background-color: whitesmoke;
}
.progress.is-light::-moz-progress-bar {
background-color: whitesmoke;
}
.progress.is-light::-ms-fill {
background-color: whitesmoke;
}
.progress.is-light:indeterminate {
background-image: -o-linear-gradient(left, whitesmoke 30%, #ededed 30%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, whitesmoke), color-stop(30%, #ededed));
background-image: linear-gradient(to right, whitesmoke 30%, #ededed 30%);
}
.progress.is-dark::-webkit-progress-value {
background-color: #363636;
}
.progress.is-dark::-moz-progress-bar {
background-color: #363636;
}
.progress.is-dark::-ms-fill {
background-color: #363636;
}
.progress.is-dark:indeterminate {
background-image: -o-linear-gradient(left, #363636 30%, #ededed 30%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #363636), color-stop(30%, #ededed));
background-image: linear-gradient(to right, #363636 30%, #ededed 30%);
}
.progress.is-primary::-webkit-progress-value {
background-color: #00d1b2;
}
.progress.is-primary::-moz-progress-bar {
background-color: #00d1b2;
}
.progress.is-primary::-ms-fill {
background-color: #00d1b2;
}
.progress.is-primary:indeterminate {
background-image: -o-linear-gradient(left, #00d1b2 30%, #ededed 30%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #00d1b2), color-stop(30%, #ededed));
background-image: linear-gradient(to right, #00d1b2 30%, #ededed 30%);
}
.progress.is-link::-webkit-progress-value {
background-color: #3273dc;
}
.progress.is-link::-moz-progress-bar {
background-color: #3273dc;
}
.progress.is-link::-ms-fill {
background-color: #3273dc;
}
.progress.is-link:indeterminate {
background-image: -o-linear-gradient(left, #3273dc 30%, #ededed 30%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #3273dc), color-stop(30%, #ededed));
background-image: linear-gradient(to right, #3273dc 30%, #ededed 30%);
}
.progress.is-info::-webkit-progress-value {
background-color: #3298dc;
}
.progress.is-info::-moz-progress-bar {
background-color: #3298dc;
}
.progress.is-info::-ms-fill {
background-color: #3298dc;
}
.progress.is-info:indeterminate {
background-image: -o-linear-gradient(left, #3298dc 30%, #ededed 30%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #3298dc), color-stop(30%, #ededed));
background-image: linear-gradient(to right, #3298dc 30%, #ededed 30%);
}
.progress.is-success::-webkit-progress-value {
background-color: #48c774;
}
.progress.is-success::-moz-progress-bar {
background-color: #48c774;
}
.progress.is-success::-ms-fill {
background-color: #48c774;
}
.progress.is-success:indeterminate {
background-image: -o-linear-gradient(left, #48c774 30%, #ededed 30%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #48c774), color-stop(30%, #ededed));
background-image: linear-gradient(to right, #48c774 30%, #ededed 30%);
}
.progress.is-warning::-webkit-progress-value {
background-color: #ffdd57;
}
.progress.is-warning::-moz-progress-bar {
background-color: #ffdd57;
}
.progress.is-warning::-ms-fill {
background-color: #ffdd57;
}
.progress.is-warning:indeterminate {
background-image: -o-linear-gradient(left, #ffdd57 30%, #ededed 30%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #ffdd57), color-stop(30%, #ededed));
background-image: linear-gradient(to right, #ffdd57 30%, #ededed 30%);
}
.progress.is-danger::-webkit-progress-value {
background-color: #f14668;
}
.progress.is-danger::-moz-progress-bar {
background-color: #f14668;
}
.progress.is-danger::-ms-fill {
background-color: #f14668;
}
.progress.is-danger:indeterminate {
background-image: -o-linear-gradient(left, #f14668 30%, #ededed 30%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #f14668), color-stop(30%, #ededed));
background-image: linear-gradient(to right, #f14668 30%, #ededed 30%);
}
.progress:indeterminate {
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-name: moveIndeterminate;
animation-name: moveIndeterminate;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
background-color: #ededed;
background-image: -o-linear-gradient(left, #4a4a4a 30%, #ededed 30%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #4a4a4a), color-stop(30%, #ededed));
background-image: linear-gradient(to right, #4a4a4a 30%, #ededed 30%);
background-position: top left;
background-repeat: no-repeat;
background-size: 150% 150%;
}
.progress:indeterminate::-webkit-progress-bar {
background-color: transparent;
}
.progress:indeterminate::-moz-progress-bar {
background-color: transparent;
}
.progress:indeterminate::-ms-fill {
animation-name: none;
}
.progress.is-small {
height: 0.75rem;
}
.progress.is-medium {
height: 1.25rem;
}
.progress.is-large {
height: 1.5rem;
}
@-webkit-keyframes moveIndeterminate {
from {
background-position: 200% 0;
}
to {
background-position: -200% 0;
}
}
@keyframes moveIndeterminate {
from {
background-position: 200% 0;
}
to {
background-position: -200% 0;
}
}
.table {
background-color: white;
color: #363636;
}
.table td,
.table th {
border: 1px solid #dbdbdb;
border-width: 0 0 1px;
padding: 0.5em 0.75em;
vertical-align: top;
}
.table td.is-white,
.table th.is-white {
background-color: white;
border-color: white;
color: #0a0a0a;
}
.table td.is-black,
.table th.is-black {
background-color: #0a0a0a;
border-color: #0a0a0a;
color: white;
}
.table td.is-light,
.table th.is-light {
background-color: whitesmoke;
border-color: whitesmoke;
color: rgba(0, 0, 0, 0.7);
}
.table td.is-dark,
.table th.is-dark {
background-color: #363636;
border-color: #363636;
color: #fff;
}
.table td.is-primary,
.table th.is-primary {
background-color: #00d1b2;
border-color: #00d1b2;
color: #fff;
}
.table td.is-link,
.table th.is-link {
background-color: #3273dc;
border-color: #3273dc;
color: #fff;
}
.table td.is-info,
.table th.is-info {
background-color: #3298dc;
border-color: #3298dc;
color: #fff;
}
.table td.is-success,
.table th.is-success {
background-color: #48c774;
border-color: #48c774;
color: #fff;
}
.table td.is-warning,
.table th.is-warning {
background-color: #ffdd57;
border-color: #ffdd57;
color: rgba(0, 0, 0, 0.7);
}
.table td.is-danger,
.table th.is-danger {
background-color: #f14668;
border-color: #f14668;
color: #fff;
}
.table td.is-narrow,
.table th.is-narrow {
white-space: nowrap;
width: 1%;
}
.table td.is-selected,
.table th.is-selected {
background-color: #00d1b2;
color: #fff;
}
.table td.is-selected a,
.table td.is-selected strong,
.table th.is-selected a,
.table th.is-selected strong {
color: currentColor;
}
.table td.is-vcentered,
.table th.is-vcentered {
vertical-align: middle;
}
.table th {
color: #363636;
}
.table th:not([align]) {
text-align: inherit;
}
.table tr.is-selected {
background-color: #00d1b2;
color: #fff;
}
.table tr.is-selected a,
.table tr.is-selected strong {
color: currentColor;
}
.table tr.is-selected td,
.table tr.is-selected th {
border-color: #fff;
color: currentColor;
}
.table thead {
background-color: transparent;
}
.table thead td,
.table thead th {
border-width: 0 0 2px;
color: #363636;
}
.table tfoot {
background-color: transparent;
}
.table tfoot td,
.table tfoot th {
border-width: 2px 0 0;
color: #363636;
}
.table tbody {
background-color: transparent;
}
.table tbody tr:last-child td,
.table tbody tr:last-child th {
border-bottom-width: 0;
}
.table.is-bordered td,
.table.is-bordered th {
border-width: 1px;
}
.table.is-bordered tr:last-child td,
.table.is-bordered tr:last-child th {
border-bottom-width: 1px;
}
.table.is-fullwidth {
width: 100%;
}
.table.is-hoverable tbody tr:not(.is-selected):hover {
background-color: #fafafa;
}
.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover {
background-color: #fafafa;
}
.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even) {
background-color: whitesmoke;
}
.table.is-narrow td,
.table.is-narrow th {
padding: 0.25em 0.5em;
}
.table.is-striped tbody tr:not(.is-selected):nth-child(even) {
background-color: #fafafa;
}
.table-container {
-webkit-overflow-scrolling: touch;
overflow: auto;
overflow-y: hidden;
max-width: 100%;
}
.tags {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.tags .tag {
margin-bottom: 0.5rem;
}
.tags .tag:not(:last-child) {
margin-right: 0.5rem;
}
.tags:last-child {
margin-bottom: -0.5rem;
}
.tags:not(:last-child) {
margin-bottom: 1rem;
}
.tags.are-medium .tag:not(.is-normal):not(.is-large) {
font-size: 1rem;
}
.tags.are-large .tag:not(.is-normal):not(.is-medium) {
font-size: 1.25rem;
}
.tags.is-centered {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.tags.is-centered .tag {
margin-right: 0.25rem;
margin-left: 0.25rem;
}
.tags.is-right {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.tags.is-right .tag:not(:first-child) {
margin-left: 0.5rem;
}
.tags.is-right .tag:not(:last-child) {
margin-right: 0;
}
.tags.has-addons .tag {
margin-right: 0;
}
.tags.has-addons .tag:not(:first-child) {
margin-left: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.tags.has-addons .tag:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.tag:not(body) {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: whitesmoke;
border-radius: 4px;
color: #4a4a4a;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 0.75rem;
height: 2em;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 1.5;
padding-left: 0.75em;
padding-right: 0.75em;
white-space: nowrap;
}
.tag:not(body) .delete {
margin-left: 0.25rem;
margin-right: -0.375rem;
}
.tag:not(body).is-white {
background-color: white;
color: #0a0a0a;
}
.tag:not(body).is-black {
background-color: #0a0a0a;
color: white;
}
.tag:not(body).is-light {
background-color: whitesmoke;
color: rgba(0, 0, 0, 0.7);
}
.tag:not(body).is-dark {
background-color: #363636;
color: #fff;
}
.tag:not(body).is-primary {
background-color: #00d1b2;
color: #fff;
}
.tag:not(body).is-primary.is-light {
background-color: #ebfffc;
color: #00947e;
}
.tag:not(body).is-link {
background-color: #3273dc;
color: #fff;
}
.tag:not(body).is-link.is-light {
background-color: #eef3fc;
color: #2160c4;
}
.tag:not(body).is-info {
background-color: #3298dc;
color: #fff;
}
.tag:not(body).is-info.is-light {
background-color: #eef6fc;
color: #1d72aa;
}
.tag:not(body).is-success {
background-color: #48c774;
color: #fff;
}
.tag:not(body).is-success.is-light {
background-color: #effaf3;
color: #257942;
}
.tag:not(body).is-warning {
background-color: #ffdd57;
color: rgba(0, 0, 0, 0.7);
}
.tag:not(body).is-warning.is-light {
background-color: #fffbeb;
color: #947600;
}
.tag:not(body).is-danger {
background-color: #f14668;
color: #fff;
}
.tag:not(body).is-danger.is-light {
background-color: #feecf0;
color: #cc0f35;
}
.tag:not(body).is-normal {
font-size: 0.75rem;
}
.tag:not(body).is-medium {
font-size: 1rem;
}
.tag:not(body).is-large {
font-size: 1.25rem;
}
.tag:not(body) .icon:first-child:not(:last-child) {
margin-left: -0.375em;
margin-right: 0.1875em;
}
.tag:not(body) .icon:last-child:not(:first-child) {
margin-left: 0.1875em;
margin-right: -0.375em;
}
.tag:not(body) .icon:first-child:last-child {
margin-left: -0.375em;
margin-right: -0.375em;
}
.tag:not(body).is-delete {
margin-left: 1px;
padding: 0;
position: relative;
width: 2em;
}
.tag:not(body).is-delete::before,
.tag:not(body).is-delete::after {
background-color: currentColor;
content: "";
display: block;
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
}
.tag:not(body).is-delete::before {
height: 1px;
width: 50%;
}
.tag:not(body).is-delete::after {
height: 50%;
width: 1px;
}
.tag:not(body).is-delete:hover,
.tag:not(body).is-delete:focus {
background-color: #e8e8e8;
}
.tag:not(body).is-delete:active {
background-color: #dbdbdb;
}
.tag:not(body).is-rounded {
border-radius: 290486px;
}
a.tag:hover {
text-decoration: underline;
}
.title,
.subtitle {
word-break: break-word;
}
.title em,
.title span,
.subtitle em,
.subtitle span {
font-weight: inherit;
}
.title sub,
.subtitle sub {
font-size: 0.75em;
}
.title sup,
.subtitle sup {
font-size: 0.75em;
}
.title .tag,
.subtitle .tag {
vertical-align: middle;
}
.title {
color: #363636;
font-size: 2rem;
font-weight: 600;
line-height: 1.125;
}
.title strong {
color: inherit;
font-weight: inherit;
}
.title + .highlight {
margin-top: -0.75rem;
}
.title:not(.is-spaced) + .subtitle {
margin-top: -1.25rem;
}
.title.is-1 {
font-size: 3rem;
}
.title.is-2 {
font-size: 2.5rem;
}
.title.is-3 {
font-size: 2rem;
}
.title.is-4 {
font-size: 1.5rem;
}
.title.is-5 {
font-size: 1.25rem;
}
.title.is-6 {
font-size: 1rem;
}
.title.is-7 {
font-size: 0.75rem;
}
.subtitle {
color: #4a4a4a;
font-size: 1.25rem;
font-weight: 400;
line-height: 1.25;
}
.subtitle strong {
color: #363636;
font-weight: 600;
}
.subtitle:not(.is-spaced) + .title {
margin-top: -1.25rem;
}
.subtitle.is-1 {
font-size: 3rem;
}
.subtitle.is-2 {
font-size: 2.5rem;
}
.subtitle.is-3 {
font-size: 2rem;
}
.subtitle.is-4 {
font-size: 1.5rem;
}
.subtitle.is-5 {
font-size: 1.25rem;
}
.subtitle.is-6 {
font-size: 1rem;
}
.subtitle.is-7 {
font-size: 0.75rem;
}
.heading {
display: block;
font-size: 11px;
letter-spacing: 1px;
margin-bottom: 5px;
text-transform: uppercase;
}
.highlight {
font-weight: 400;
max-width: 100%;
overflow: hidden;
padding: 0;
}
.highlight pre {
overflow: auto;
max-width: 100%;
}
.number {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: whitesmoke;
border-radius: 290486px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 1.25rem;
height: 2em;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-right: 1.5rem;
min-width: 2.5em;
padding: 0.25rem 0.5rem;
text-align: center;
vertical-align: top;
}
.pagination {
font-size: 1rem;
margin: -0.25rem;
}
.pagination.is-small {
font-size: 0.75rem;
}
.pagination.is-medium {
font-size: 1.25rem;
}
.pagination.is-large {
font-size: 1.5rem;
}
.pagination.is-rounded .pagination-previous,
.pagination.is-rounded .pagination-next {
padding-left: 1em;
padding-right: 1em;
border-radius: 290486px;
}
.pagination.is-rounded .pagination-link {
border-radius: 290486px;
}
.pagination,
.pagination-list {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis {
font-size: 1em;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0.25rem;
padding-left: 0.5em;
padding-right: 0.5em;
text-align: center;
}
.pagination-previous,
.pagination-next,
.pagination-link {
border-color: #dbdbdb;
color: #363636;
min-width: 2.5em;
}
.pagination-previous:hover,
.pagination-next:hover,
.pagination-link:hover {
border-color: #b5b5b5;
color: #363636;
}
.pagination-previous:focus,
.pagination-next:focus,
.pagination-link:focus {
border-color: #3273dc;
}
.pagination-previous:active,
.pagination-next:active,
.pagination-link:active {
-webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
}
.pagination-previous[disabled],
.pagination-next[disabled],
.pagination-link[disabled] {
background-color: #dbdbdb;
border-color: #dbdbdb;
-webkit-box-shadow: none;
box-shadow: none;
color: #7a7a7a;
opacity: 0.5;
}
.pagination-previous,
.pagination-next {
padding-left: 0.75em;
padding-right: 0.75em;
white-space: nowrap;
}
.pagination-link.is-current {
background-color: #3273dc;
border-color: #3273dc;
color: #fff;
}
.pagination-ellipsis {
color: #b5b5b5;
pointer-events: none;
}
.pagination-list {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
.pagination {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.pagination-previous,
.pagination-next {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
}
.pagination-list li {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
}
}
@media screen and (min-width: 769px), print {
.pagination-list {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.pagination-previous {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.pagination-next {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.pagination {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.pagination.is-centered .pagination-previous {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.pagination.is-centered .pagination-list {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.pagination.is-centered .pagination-next {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.pagination.is-right .pagination-previous {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.pagination.is-right .pagination-next {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.pagination.is-right .pagination-list {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
}
.modal {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
overflow: hidden;
position: fixed;
z-index: 40;
}
.modal.is-active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.modal-background {
background-color: rgba(10, 10, 10, 0.86);
}
.modal-content,
.modal-card {
margin: 0 20px;
max-height: calc(100vh - 160px);
overflow: auto;
position: relative;
width: 100%;
}
@media screen and (min-width: 769px) {
.modal-content,
.modal-card {
margin: 0 auto;
max-height: calc(100vh - 40px);
width: 640px;
}
}
.modal-close {
background: none;
height: 40px;
position: fixed;
right: 20px;
top: 20px;
width: 40px;
}
.modal-card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-height: calc(100vh - 40px);
overflow: hidden;
-ms-overflow-y: visible;
}
.modal-card-head,
.modal-card-foot {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: whitesmoke;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 20px;
position: relative;
}
.modal-card-head {
border-bottom: 1px solid #dbdbdb;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.modal-card-title {
color: #363636;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 0;
flex-shrink: 0;
font-size: 1.5rem;
line-height: 1;
}
.modal-card-foot {
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
border-top: 1px solid #dbdbdb;
}
.modal-card-foot .button:not(:last-child) {
margin-right: 0.5em;
}
.modal-card-body {
-webkit-overflow-scrolling: touch;
background-color: white;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
overflow: auto;
padding: 20px;
}
.breadcrumb {
font-size: 1rem;
white-space: nowrap;
}
.breadcrumb a {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #3273dc;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 0.75em;
}
.breadcrumb a:hover {
color: #363636;
}
.breadcrumb li {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.breadcrumb li:first-child a {
padding-left: 0;
}
.breadcrumb li.is-active a {
color: #363636;
cursor: default;
pointer-events: none;
}
.breadcrumb li + li::before {
color: #b5b5b5;
content: "/";
}
.breadcrumb ul,
.breadcrumb ol {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.breadcrumb .icon:first-child {
margin-right: 0.5em;
}
.breadcrumb .icon:last-child {
margin-left: 0.5em;
}
.breadcrumb.is-centered ol,
.breadcrumb.is-centered ul {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.breadcrumb.is-right ol,
.breadcrumb.is-right ul {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.breadcrumb.is-small {
font-size: 0.75rem;
}
.breadcrumb.is-medium {
font-size: 1.25rem;
}
.breadcrumb.is-large {
font-size: 1.5rem;
}
.breadcrumb.has-arrow-separator li + li::before {
content: "\2192";
}
.breadcrumb.has-bullet-separator li + li::before {
content: "\2022";
}
.breadcrumb.has-dot-separator li + li::before {
content: "\B7";
}
.breadcrumb.has-succeeds-separator li + li::before {
content: "\227B";
}
.media {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
text-align: inherit;
}
.media .content:not(:last-child) {
margin-bottom: 0.75rem;
}
.media .media {
border-top: 1px solid rgba(219, 219, 219, 0.5);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-top: 0.75rem;
}
.media .media .content:not(:last-child),
.media .media .control:not(:last-child) {
margin-bottom: 0.5rem;
}
.media .media .media {
padding-top: 0.5rem;
}
.media .media .media + .media {
margin-top: 0.5rem;
}
.media + .media {
border-top: 1px solid rgba(219, 219, 219, 0.5);
margin-top: 1rem;
padding-top: 1rem;
}
.media.is-large + .media {
margin-top: 1.5rem;
padding-top: 1.5rem;
}
.media-left,
.media-right {
-ms-flex-preferred-size: auto;
flex-basis: auto;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.media-left {
margin-right: 1rem;
}
.media-right {
margin-left: 1rem;
}
.media-content {
-ms-flex-preferred-size: auto;
flex-basis: auto;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
text-align: inherit;
}
@media screen and (max-width: 768px) {
.media-content {
overflow-x: auto;
}
}
.card {
background-color: white;
border-radius: 0.25rem;
-webkit-box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
color: #4a4a4a;
max-width: 100%;
overflow: hidden;
position: relative;
}
.card-header {
background-color: transparent;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-shadow: 0 0.125em 0.25em rgba(10, 10, 10, 0.1);
box-shadow: 0 0.125em 0.25em rgba(10, 10, 10, 0.1);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.card-header-title {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #363636;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
font-weight: 700;
padding: 0.75rem 1rem;
}
.card-header-title.is-centered {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.card-header-icon {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0.75rem 1rem;
}
.card-image {
display: block;
position: relative;
}
.card-content {
background-color: transparent;
padding: 1.5rem;
}
.card-footer {
background-color: transparent;
border-top: 1px solid #ededed;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.card-footer-item {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0.75rem;
}
.card-footer-item:not(:last-child) {
border-right: 1px solid #ededed;
}
.card .media:not(:last-child) {
margin-bottom: 1.5rem;
}
.hc-offcanvas-nav.hc-nav-1.nav-open .mobile-menu-link:before {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.ready-made-products {
color: var(--base) !important;
}
#megamenu {
background-color: var(--base-blue);
}
.hc-nav-trigger.hc-nav-1 {
display: inline-block;
}
.megamenu {
width: 100%;
}
.megamenu.megamenu-is-active {
display: block;
}
.megamenu > ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-overflow-scrolling: touch;
-ms-touch-action: auto;
touch-action: auto;
width: 100%;
-webkit-box-sizing: content-box;
box-sizing: content-box;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.megamenu > ul > li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.megamenu > ul > li:hover {
background-color: var(--category-color);
}
.megamenu > ul > li:hover > a {
color: var(--white);
}
.megamenu > ul > li > a {
padding: 1.5rem 0;
text-transform: uppercase;
color: var(--white);
text-decoration: none;
position: relative;
}
.megamenu > ul > li > a:hover a {
background: var(--base);
}
.megamenu > ul > li:last-child > a {
border-bottom: 0;
}
.megamenu > ul > li:hover > a.menu-item-link {
position: relative;
color: var(--base);
}
.megamenu > ul > li:hover > a.menu-item-link:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0.2rem;
background: var(--base);
display: block;
}
.megamenu > ul > li .mega-submenu {
width: 0;
visibility: hidden;
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.megamenu > ul > li .mega-submenu .megamenu-banner__wrapper {
-webkit-box-flex: 0;
-ms-flex: 0 0 22%;
flex: 0 0 22%;
}
.megamenu > ul > li .mega-submenu .megamenu-banner__wrapper .worth-to-see {
background-color: var(--base-light);
padding: 1.5rem;
}
.megamenu > ul > li .mega-submenu .megamenu-banner__wrapper .worth-to-see h4 {
font-weight: 500;
margin-bottom: 2rem;
}
.megamenu > ul > li .mega-submenu .megamenu-banner__wrapper .worth-to-see .block-list {
margin-bottom: 1.5rem;
}
.megamenu > ul > li .mega-submenu .megamenu-banner__wrapper .worth-to-see .block-list h5 {
font-weight: 500;
margin-bottom: 0.3rem;
}
.megamenu > ul > li .mega-submenu .megamenu-banner__wrapper .worth-to-see .block-list ul li a {
font-weight: 400;
}
.megamenu > ul > li .mega-submenu .submenu-content {
-webkit-box-flex: 0;
-ms-flex: 0 0 56%;
flex: 0 0 56%;
padding: 0 2rem;
height: 100%;
}
.megamenu > ul > li:hover .mega-submenu {
top: 100%;
right: 0;
left: 0;
z-index: 99;
padding: 2rem;
background-color: var(--base-pr);
color: var(--black);
overflow-x: hidden;
visibility: visible;
width: 100%;
border-bottom: 4px solid var(--base);
max-height: calc(100vh - 216px);
overflow-y: auto;
overflow-x: hidden;
}
.megamenu > ul > li:hover .mega-submenu::-webkit-scrollbar {
width: 5px;
}
.megamenu > ul > li:hover .mega-submenu::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
border-radius: 10px;
}
.megamenu > ul > li:hover .mega-submenu::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: var(--base);
}
.menu-item .section {
width: 100%;
}
.menu-item .section h5 {
font-size: 1.5rem;
font-weight: 500;
margin-bottom: 1.5rem;
}
.menu-item .section ul {
margin: 0;
padding: 0;
}
.menu-item .section ul li {
display: block;
}
.menu-item .section ul li:not(:last-child) {
margin-bottom: 0.5rem;
}
.menu-item .section ul li.cta-see-all a {
color: var(--base);
}
.menu-item .section ul li a {
font-size: 1.5rem;
font-weight: 400;
display: block;
text-decoration: none;
}
@media only screen and (min-width: 1024px) {
.megamenu > ul > li:hover .mega-submenu .masonry {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
}
@media only screen and (min-width: 1024px) {
#main-mobile-nav {
display: none;
}
}
/* Masonry grid */
.masonry {
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
-webkit-column-fill: initial;
-moz-column-fill: initial;
column-fill: initial;
}
/* Masonry item */
.masonry .brick {
margin-bottom: 30px;
display: inline-block;
/* Fix the misalignment of items */
vertical-align: top;
/* Keep the item on the very top */
}
.hc-offcanvas-nav .nav-container {
background-color: var(--white);
}
.hc-offcanvas-nav .nav-container .nav-wrapper {
background-color: var(--white);
}
.hc-offcanvas-nav .nav-container .nav-wrapper .nav-content {
background-color: var(--white);
}
.hc-offcanvas-nav .nav-container .nav-wrapper .nav-content #hc-nav-1-nav-title {
position: relative;
color: var(--white);
background-color: var(--white);
position: relative;
}
.hc-offcanvas-nav .nav-container .nav-wrapper .nav-content #hc-nav-1-nav-title:before {
content: "";
background: url("/assets/logo/logo.svg");
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 50%;
left: 1rem;
width: 225px;
height: 50px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.hc-offcanvas-nav .nav-container .nav-wrapper .nav-content .level-title {
color: var(--white);
background-color: var(--base-blue);
}
.hc-offcanvas-nav .nav-container .nav-wrapper .nav-content .nav-back a {
background: var(--base-grey);
}
.hc-offcanvas-nav .nav-container .nav-wrapper .nav-content a.nav-next span:before {
border-color: var(--grey);
}
.hc-offcanvas-nav .nav-container .nav-wrapper .nav-content .nav-close .nav-close-button span:before,
.hc-offcanvas-nav .nav-container .nav-wrapper .nav-content .nav-close .nav-close-button span:after {
width: 8px;
height: 8px;
border-top: 2px solid var(--base-blue);
border-left: 2px solid var(--base-blue);
}
.hc-offcanvas-nav ul {
background-color: var(--white);
}
.hc-offcanvas-nav ul .nav-item .nav-item-wrapper .nav-item-link {
color: var(--black);
padding: 1rem 1.7rem;
}
.hc-offcanvas-nav ul .nav-item .nav-item-wrapper .mobile-menu-link {
color: var(--black);
position: relative;
}
.hc-offcanvas-nav ul .nav-item .nav-item-wrapper .mobile-menu-link picture {
margin-right: 1rem;
}
.hc-offcanvas-nav ul .nav-item .nav-item-wrapper .mobile-menu-link picture img {
border-radius: 5px;
}
@media only screen and (min-width: 1245px), (hover: hover) and (pointer: fine) {
#megamenu {
display: block;
}
#main-mobile-nav {
display: none;
}
#megamenu-child-categories {
display: block;
}
}
@media only screen and (max-width: 1244px), (hover: none) and (pointer: coarse), (-moz-touch-enabled: 1) and (any-pointer: coarse) {
#megamenu {
display: none;
}
#main-mobile-nav {
display: none;
}
#megamenu-child-categories {
display: none;
}
}
.hc-offcanvas-nav:not(.touch-device) li:not(.nav-item-custom) a:not([disabled]):hover {
background: var(--base);
}
.hc-offcanvas-nav:not(.touch-device) li:not(.nav-item-custom) a.nav-next:not([disabled]):hover {
background: var(--base-pr);
}
.hc-offcanvas-nav:not(.touch-device) li:not(.nav-item-custom) a.nav-back-button:not([disabled]):hover {
background: var(--base);
color: var(--black);
}
.hc-offcanvas-nav .nav-wrapper > .nav-content > ul:first-of-type > li:first-child:not(.nav-back):not(.nav-close) > .nav-item-wrapper > .nav-item-link,
.hc-offcanvas-nav .nav-item-link,
.hc-offcanvas-nav li.nav-close a,
.hc-offcanvas-nav .nav-back a,
.hc-offcanvas-nav a.nav-next,
.hc-offcanvas-nav .nav-wrapper > .nav-content > ul:first-of-type > li:first-child:not(.nav-back):not(.nav-close) > .nav-item-wrapper > .nav-item-link + a {
border-color: var(--light-white);
}
.hc-offcanvas-nav .nav-content > .nav-close a:hover {
background: none;
}
/*!
* mhead.js
* mmenu.frebsite.nl/mhead
*
* Copyright (c) Fred Heusschen
* www.frebsite.nl
*
* License: CC-BY-4.0
* http://creativecommons.org/licenses/by/4.0/
*/
.mh-sticky {
position: sticky;
top: 0;
z-index: 10;
-webkit-transition: -webkit-transform 0.2s ease;
transition: -webkit-transform 0.2s ease;
-o-transition: transform 0.2s ease;
transition: transform 0.2s ease;
transition: transform 0.2s ease, -webkit-transform 0.2s ease;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.mh-sticky.mh-unpinned {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
.is-collapsible {
overflow-y: hidden;
-webkit-transition: height 0.2s ease;
-o-transition: height 0.2s ease;
transition: height 0.2s ease;
}
.is-collapsible.is-active {
-webkit-transition: height 0.2s ease;
-o-transition: height 0.2s ease;
transition: height 0.2s ease;
}
.is-collapsible.message-body {
padding: 0 !important;
}
.is-collapsible.message-body .message-body-content {
padding: 1.25em 1.5em;
}
.toast-title {
font-weight: bold;
}
.toast-message {
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.toast-message a,
.toast-message label {
color: #ffffff;
}
.toast-message a:hover {
color: #cccccc;
text-decoration: none;
}
.toast-close-button {
position: relative;
right: -0.3em;
top: -0.3em;
float: right;
font-size: 20px;
font-weight: bold;
color: #ffffff;
-webkit-text-shadow: 0 1px 0 #ffffff;
text-shadow: 0 1px 0 #ffffff;
opacity: 0.8;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
filter: alpha(opacity=80);
}
.toast-close-button:hover,
.toast-close-button:focus {
color: #000000;
text-decoration: none;
cursor: pointer;
opacity: 0.4;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
filter: alpha(opacity=40);
}
/*Additional properties for button version
iOS requires the button element instead of an anchor tag.
If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
padding: 0;
cursor: pointer;
background: transparent;
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;
/*overrides*/
}
#toast-container * {
-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;
border-radius: 3px 3px 3px 3px;
background-position: 15px center;
background-repeat: no-repeat;
-webkit-box-shadow: 0 0 12px #999999;
box-shadow: 0 0 12px #999999;
color: #ffffff;
opacity: 0.8;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
filter: alpha(opacity=80);
}
#toast-container > div:hover {
-webkit-box-shadow: 0 0 12px #000000;
box-shadow: 0 0 12px #000000;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.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-top-center > div,
#toast-container.toast-bottom-center > div {
width: 300px;
margin-left: auto;
margin-right: auto;
}
#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
width: 96%;
margin-left: auto;
margin-right: 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: #000000;
opacity: 0.4;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
filter: alpha(opacity=40);
}
/*Responsive Design*/
@media all and (max-width: 240px) {
#toast-container > div {
padding: 8px 8px 8px 50px;
width: 11em;
}
#toast-container .toast-close-button {
right: -0.2em;
top: -0.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: -0.2em;
top: -0.2em;
}
}
@media all and (min-width: 481px) and (max-width: 768px) {
#toast-container > div {
padding: 15px 15px 15px 50px;
width: 25em;
}
}
.container.is-fluid {
padding-left: 0px;
padding-right: 0px;
max-width: 1920px !important;
}
.columns.is-gapless:not(:last-child) {
margin-bottom: 1rem;
}
.columns:not(:last-child) {
margin-bottom: 0;
}
.box {
border-radius: var(--border-m);
padding: 1rem 1rem;
color: var(--black);
}
.read-more {
position: relative;
padding-bottom: 1rem;
margin-left: 1rem;
display: inline-block;
}
.read-more:after {
content: "";
width: 50%;
height: 0.2rem;
background: var(--black);
position: absolute;
bottom: 0;
left: 0rem;
}
.notifications {
padding-top: 1rem;
}
.notifications .notification > .delete {
top: 1rem;
}
.grecaptcha-badge {
visibility: hidden !important;
}
.breadcrumb {
font-size: 1.3rem !important;
font-weight: 400;
margin-top: 2rem;
margin-bottom: 2rem !important;
}
.breadcrumb ul,
.breadcrumb ol {
padding: 0 1rem;
}
.breadcrumb ul li a,
.breadcrumb ol li a {
color: var(--black) !important;
word-break: break-all;
white-space: pre-wrap;
}
.breadcrumb ul li.is-active a,
.breadcrumb ol li.is-active a {
font-weight: 500;
}
.i3-title {
margin-bottom: 2rem;
}
.i3-subtitle {
font-size: 1.5rem;
color: var(--base-grey);
}
.info-msg {
color: var(--base);
font-size: 1.4rem;
font-weight: 600;
}
.with-discount__price .discount__price-outer,
.product-main__price .discount__price-outer,
.cart-discount-price .discount__price-outer {
margin-left: 1.5rem;
color: var(--base);
text-decoration: line-through;
}
.with-discount__price .discount__price-outer .discount__price-inner,
.product-main__price .discount__price-outer .discount__price-inner,
.cart-discount-price .discount__price-outer .discount__price-inner {
font-size: 1.5rem;
color: var(--base-grey);
}
.i3-search-results__overlay {
z-index: 2;
position: fixed;
top: calc(var(--headerHeight) + var(--messagesBlockHeight) + var(--topHeaderBlock) - var(--categoriesHeight));
width: 100%;
max-width: 134.4rem;
left: 50%;
max-height: calc(100vh - var(--headerHeight) - var(--messagesBlockHeight) - var(--topHeaderBlock) - var(--categoriesHeight));
overflow: auto;
margin: 0 auto;
background: var(--white);
border-radius: 0;
padding: 1rem;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
border-top: 2px solid var(--base);
-webkit-box-shadow: var(--shadow2);
box-shadow: var(--shadow2);
}
.i3-search-results__overlay::-webkit-scrollbar {
width: 6px;
}
.i3-search-results__overlay::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: var(--black);
}
.i3-search-results__overlay::-webkit-scrollbar-track {
border-radius: 10px;
}
.i3-search-results__overlay .i3-search-results__more {
width: 100%;
padding: 1rem;
background: var(--lighter-white);
border-top: 1px solid var(--light-grey);
}
.i3-search-results__overlay .i3-search-results__container {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.i3-search-results__overlay .i3-search-results__container .i3-search-results__products .i3-search-results__products-header {
margin-bottom: 1.5rem;
}
.i3-search-results__overlay .i3-search-results__container .i3-search-results__products .i3-search-results__product {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.i3-search-results__overlay .i3-search-results__container .i3-search-results__products .i3-search-results__product .product-item .card {
background-color: none;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.i3-search-results__overlay .i3-search-results__container .i3-search-results__products .i3-search-results__product .product-item .card .card-content {
padding: 0.5rem 0;
font-size: 1.4rem;
}
.i3-search-results__overlay .i3-search-results__container .i3-search-results__products .i3-search-results__product .product-item .card .card-content .product-item__sku {
margin-bottom: 0.5rem;
color: #666;
}
.i3-search-results__overlay .i3-search-results__container .i3-search-results__products .i3-search-results__product .product-item .card .card-content .product-item__title {
color: var(--black);
margin-bottom: 0.5rem;
}
.i3-search-results__overlay .i3-search-results__container .i3-search-results__products .i3-search-results__product .product-item .card .card-content .product-item__price {
color: var(--black);
font-weight: 600;
}
.i3-search-results__overlay .i3-search-results__container .i3-search-results__products .i3-more-btn {
text-decoration: underline;
}
.i3-search-results__overlay .i3-search-results__container .i3-search-results__product-related .i3-search-results__product-related-block .i3-search-results__block-header {
margin-bottom: 1.5rem;
}
.i3-search-results__overlay .i3-search-results__container .i3-search-results__product-related .i3-search-results__product-related-block .box {
-webkit-box-shadow: none;
box-shadow: none;
background-color: var(--base-pr);
}
.i3-search-results__overlay .i3-search-results__container .i3-search-results__product-related .i3-search-results__product-related-block .box .block-item:not(:last-child) {
margin-bottom: 0.5rem;
}
@media only screen and (min-width: 768px) {
.breadcrumb ul,
.breadcrumb ol {
padding: 0rem;
}
.box {
padding: 2.5rem 2rem;
}
.i3-title {
margin-bottom: 3.5rem;
}
.i3-subtitle {
font-size: 1.8rem;
}
.i3-search-results__overlay .i3-search-results__container .i3-search-results__products .i3-search-results__products-header {
padding-right: 1.5rem;
}
}
@media only screen and (max-width: 425px) {
.columns {
margin: 0;
}
}
.i3-toast-top-right {
right: 20px;
top: 40px;
}
#toast-container > div {
border-radius: var(--border-m);
-webkit-box-shadow: var(--shadow2);
box-shadow: var(--shadow2);
}
#toast-container > .toast-success {
background-color: var(--base-blue) !important;
}
.toast-message a,
.toast-message label,
.toast-message a:hover {
color: var(--black);
}
.toast-message .button {
background: var(--base);
width: 100%;
padding: 1.5rem;
font-size: 1.5rem;
border: none;
color: var(--black);
}
#sa-badge-floating-plugin {
z-index: 9998 !important;
}
.cookie-content {
width: 100%;
margin: auto;
max-width: 960px;
}
@media (max-width: 425px) {
.fb_dialog_content iframe {
right: 0 !important;
}
}
.hc-offcanvas-nav .nav-container .nav-wrapper .nav-content > ul {
padding-bottom: 6rem;
}
.mob-menu-languages {
position: absolute !important;
bottom: 0;
background: var(--base-blue);
width: 100%;
border-top: 2px solid var(--base);
z-index: 1;
}
#mob-languages {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1rem;
font-weight: 600;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#mob-languages a {
padding: 0 1rem 0 0;
color: white;
}
#mob-languages a:not(:nth-child(2)) {
border-right: 1px solid var(--white);
}
.ready-made-products {
color: var(--base);
}
@-webkit-keyframes bounce {
0%, 100%, 20%, 50%, 80% {
-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);
}
}
@keyframes bounce {
0%, 100%, 20%, 50%, 80% {
-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);
}
}
@-webkit-keyframes rotating {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotating {
from {
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes fadeIn {
0% {
background: rgba(255, 255, 255, 0);
}
100% {
background: rgba(255, 255, 255, 0.9);
}
}
@keyframes fadeIn {
0% {
background: rgba(255, 255, 255, 0);
}
100% {
background: rgba(255, 255, 255, 0.9);
}
}
@-webkit-keyframes fadeOut {
0% {
background: rgba(0, 0, 0, 0.7);
}
100% {
background: rgba(0, 0, 0, 0);
}
}
@keyframes fadeOut {
0% {
background: rgba(0, 0, 0, 0.7);
}
100% {
background: rgba(0, 0, 0, 0);
}
}
@-webkit-keyframes scaleUp {
0% {
-webkit-transform: scale(0.8) translateY(1000px);
transform: scale(0.8) translateY(1000px);
opacity: 0;
}
100% {
-webkit-transform: scale(1) translateY(0px);
transform: scale(1) translateY(0px);
opacity: 1;
}
}
@keyframes scaleUp {
0% {
-webkit-transform: scale(0.8) translateY(1000px);
transform: scale(0.8) translateY(1000px);
opacity: 0;
}
100% {
-webkit-transform: scale(1) translateY(0px);
transform: scale(1) translateY(0px);
opacity: 1;
}
}
@-webkit-keyframes scaleDown {
0% {
-webkit-transform: scale(1) translateY(0px);
transform: scale(1) translateY(0px);
opacity: 1;
}
100% {
-webkit-transform: scale(0.8) translateY(1000px);
transform: scale(0.8) translateY(1000px);
opacity: 0;
}
}
@keyframes scaleDown {
0% {
-webkit-transform: scale(1) translateY(0px);
transform: scale(1) translateY(0px);
opacity: 1;
}
100% {
-webkit-transform: scale(0.8) translateY(1000px);
transform: scale(0.8) translateY(1000px);
opacity: 0;
}
}
@-webkit-keyframes scaleBack {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(0.85);
transform: scale(0.85);
}
}
@keyframes scaleBack {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(0.85);
transform: scale(0.85);
}
}
@-webkit-keyframes scaleForward {
0% {
-webkit-transform: scale(0.85);
transform: scale(0.85);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes scaleForward {
0% {
-webkit-transform: scale(0.85);
transform: scale(0.85);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes quickScaleDown {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
99.9% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
}
@keyframes quickScaleDown {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
99.9% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
}
.clearfix:after {
content: "";
display: block;
clear: both;
}
.is-clipped {
overflow: hidden !important;
}
.scrollOverflow {
overflow: hidden !important;
overflow-anchor: none;
-ms-overflow-style: none;
touch-action: auto;
-ms-touch-action: auto;
}
.mobile-filters-active {
overflow: hidden;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.section-padding-t {
padding-top: 2rem;
}
.section-padding-b {
padding-bottom: 2rem;
}
.section-space-sides {
padding-left: 1rem;
padding-right: 1rem;
}
.section-margin-b {
margin-bottom: 5rem;
}
@media (min-width: 992px) {
.i3-section-header {
margin-bottom: 2rem !important;
}
.section-padding-t {
padding-top: 5rem;
}
.section-padding-b {
padding-bottom: 5rem;
}
.section-margin-b {
margin-bottom: 11.5rem;
}
}
.is-center {
text-align: center !important;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
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;
}
.ellipsis {
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
}
.multi-ellipsis {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
word-wrap: break-word;
}
.multi-ellipsis-2 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
word-wrap: break-word;
}
.multi-ellipsis-4 {
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
word-wrap: break-word;
}
:root {
--messagesBlockHeight: 100%;
--headerHeight: 100%;
--topHeaderBlock: 100%;
--categoriesHeight: 100%;
--base: #FFAD33;
--base-light: #F9F3E2;
--base-blue: #142E3F;
--base-grey: #4A515E;
--base-pr: #f5f5f3;
--hover: var(--base-grey);
--hover-bg: #ffc061;
--black: #000000;
--dark: #333;
--light-dark: #a5a5a5;
--white: #ffffff;
--light-white: #f3f4f6;
--lighter-white: #fafafa;
--grey: #c0c0c0;
--light-grey: #e4e4e4;
--lighter-grey: #e8e8e8;
--blocks: #d6d6dd;
--is-available: #1C7E14;
--not-available: #FF2917;
--pending: var(--base);
--warning: var(--not-available);
--shadow-blue: rgba(108, 118, 137, 0.16);
--available: var(--is-available);
--available2: var(--pending);
--available3: var(--not-available);
--font-sans-serif: gill-sans-nova , Arial, "Helvetica Neue", Helvetica,
sans-serif;
--font-serif: "Times New Roman", Times, Baskerville, Georgia, serif;
--container-size: 1440px;
--base-background-color: var(--white);
--base-font-family: var(--font-sans-serif);
--base-font-size: 1.5rem;
--base-line-height: normal;
--base-text-color: var(--black);
--base-min-width: 320px;
--base-link-color: var(--black);
--base-hover-color: var(--hover);
--form-font-family: var(--font-sans-serif);
--form-element-border-color: var(--base-blue);
--form-element-focus-border-color: var(--base);
--placeholder-color: var(--base-blue);
--form-active: var(--base-blue);
--headings-font-family: var(--font-sans-serif);
--headings-color: var(--base-text-color);
--headings-weight: 400;
--headings-sizes-h1: 4.2rem;
--headings-sizes-h2: 4.2rem;
--headings-sizes-h3: 3.2rem;
--headings-sizes-h4: 1.8rem;
--headings-sizes-h5: 1.6rem;
--headings-sizes-h6: 1.4rem;
--anchor-base-size: 1.4rem;
--btn-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
--base-transition: all 550ms ease-in-out;
--card-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1),
0 0 0 1px rgba(10, 10, 10, 0.02);
--shadow: 0 0 6px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.02);
--shadow-hover: 0 0 3px rgba(10, 10, 10, 0.1),
0 0 0 1px rgba(10, 10, 10, 0.02);
--outline: 0 0 0px 2px var(--base);
--shadow2: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0px 0 1px rgb(10 10 10 / 2%);
--shadow3: 0 2px 8px rgba(0,0,0,.3);
--shadow4: 0 5px 15px rgba(0,0,0,.16);
--shadow5: 0 1px 8px var(--light-white);
--shadow6: 0 3px 20px var(--light-white);
--shadow7: 0 2px 6px rgb(0 0 0 / 16%);
--border-s: 5px;
--border-m: 10px;
--border-l: 25px;
--border-r: 50%;
}
.cl0 {
fill: var(--white);
}
.cl1 {
fill: var(--base);
}
@media all and (max-width: 1023px) {
:root {
--headings-sizes-h1: 3.4rem;
--headings-sizes-h2: 2.5rem;
--headings-sizes-h3: 2.2rem;
--headings-sizes-h4: 2rem;
--headings-sizes-h5: 1.8rem;
}
}
@keyframes bounce {
0%, 100%, 20%, 50%, 80% {
-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);
}
}
@-webkit-keyframes rotating {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotating {
from {
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes fadeIn {
0% {
background: rgba(255, 255, 255, 0);
}
100% {
background: rgba(255, 255, 255, 0.9);
}
}
@keyframes fadeOut {
0% {
background: rgba(0, 0, 0, 0.7);
}
100% {
background: rgba(0, 0, 0, 0);
}
}
@keyframes scaleUp {
0% {
-webkit-transform: scale(0.8) translateY(1000px);
transform: scale(0.8) translateY(1000px);
opacity: 0;
}
100% {
-webkit-transform: scale(1) translateY(0px);
transform: scale(1) translateY(0px);
opacity: 1;
}
}
@keyframes scaleDown {
0% {
-webkit-transform: scale(1) translateY(0px);
transform: scale(1) translateY(0px);
opacity: 1;
}
100% {
-webkit-transform: scale(0.8) translateY(1000px);
transform: scale(0.8) translateY(1000px);
opacity: 0;
}
}
@keyframes scaleBack {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(0.85);
transform: scale(0.85);
}
}
@keyframes scaleForward {
0% {
-webkit-transform: scale(0.85);
transform: scale(0.85);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes quickScaleDown {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
99.9% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
}
.clearfix:after {
content: "";
display: block;
clear: both;
}
.is-clipped {
overflow: hidden !important;
}
.scrollOverflow {
overflow: hidden !important;
overflow-anchor: none;
-ms-overflow-style: none;
touch-action: auto;
-ms-touch-action: auto;
}
.mobile-filters-active {
overflow: hidden;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.section-padding-t {
padding-top: 2rem;
}
.section-padding-b {
padding-bottom: 2rem;
}
.section-space-sides {
padding-left: 1rem;
padding-right: 1rem;
}
.section-margin-b {
margin-bottom: 5rem;
}
@media (min-width: 992px) {
.i3-section-header {
margin-bottom: 2rem !important;
}
.section-padding-t {
padding-top: 5rem;
}
.section-padding-b {
padding-bottom: 5rem;
}
.section-margin-b {
margin-bottom: 11.5rem;
}
}
.is-center {
text-align: center !important;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
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;
}
.ellipsis {
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
}
.multi-ellipsis {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
word-wrap: break-word;
}
.multi-ellipsis-2 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
word-wrap: break-word;
}
.multi-ellipsis-4 {
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
word-wrap: break-word;
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
}
html {
font-size: 62.5%;
}
body {
scroll-behavior: smooth;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: var(--base-text-color);
background: var(--base-background-color);
font-size: var(--base-font-size);
line-height: var(--base-line-height);
font-family: var(--base-font-family);
min-width: var(--base-min-width);
font-display: swap;
font-weight: 500;
}
body.search-field-active {
overflow: hidden;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
}
body.search-field-active:after {
width: 100%;
height: 100%;
content: "";
background: rgba(0, 0, 0, 0.35);
position: absolute;
display: block;
top: 0;
left: 0;
z-index: 1;
}
body::-webkit-scrollbar {
width: 12px;
height: 18px;
}
body::-webkit-scrollbar-thumb {
height: 6px;
border: 3px solid transparent;
background-clip: padding-box;
-webkit-border-radius: 9px;
background-image: -webkit-gradient(linear, left top, left bottom, from(var(--base-blue)), to(var(--base-blue)));
background-image: linear-gradient(var(--base-blue), var(--base-blue));
-webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05);
}
body::-webkit-scrollbar-button {
width: 0;
height: 0;
display: none;
}
body::-webkit-scrollbar-corner {
background-color: transparent;
}
html,
body {
min-height: 100%;
}
html.modal-active,
body.modal-active {
overflow: hidden;
}
html.cart-is-active,
body.cart-is-active {
overflow: visible;
position: fixed;
width: 100%;
min-height: 100%;
}
img {
max-width: 100%;
height: auto;
}
strong {
color: inherit;
}
ul {
list-style-type: none;
}
a {
text-decoration: none;
}
@media (hover: none) {
/* start mobile styles */
select,
textarea,
input[type=”text”],
input[type=”password”],
input[type=”datetime”],
input[type=”datetime-local”],
input[type=”date”],
input[type=”month”],
input[type=”time”],
input[type=”week”],
input[type=”number”],
input[type=”email”],
input[type=”url”] {
font-size: var(--base-font-size);
}
/* end mobile styles */
}
@media (hover: hover) {
a:hover {
color: var(--black);
}
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--headings-font-family);
font-weight: var(--headings-weight);
color: var(--headings-color);
}
h1 {
font-size: var(--headings-sizes-h1);
}
h2 {
font-size: var(--headings-sizes-h2);
}
h3 {
font-size: var(--headings-sizes-h3);
}
h4 {
font-size: var(--headings-sizes-h4);
}
h5 {
font-size: var(--headings-sizes-h5);
}
h6 {
font-size: var(--headings-sizes-h6);
}
p {
margin: 0 0 1em;
}
a {
color: var(--base-link-color);
}
a:focus {
text-decoration: none;
}
a:hover {
text-decoration: none;
color: var(--base-hover-color);
}
.is-checkradio[type=radio],
.is-checkradio[type=checkbox] {
outline: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: inline-block;
position: absolute;
opacity: 0;
}
.is-checkradio[type=radio] + label,
.is-checkradio[type=checkbox] + label {
position: relative;
display: initial;
cursor: pointer;
vertical-align: middle;
margin: 0.5em;
padding: 0rem 0.5rem 0rem 0;
border-radius: 4px;
}
.is-checkradio[type=radio] + label:first-of-type,
.is-checkradio[type=checkbox] + label:first-of-type {
margin-left: 0;
}
.is-checkradio[type=radio] + label:hover,
.is-checkradio[type=checkbox] + label:hover {
color: #ffad33 !important;
}
.is-checkradio[type=radio] + label:hover::before,
.is-checkradio[type=radio] + label:hover:before,
.is-checkradio[type=checkbox] + label:hover::before,
.is-checkradio[type=checkbox] + label:hover:before {
-webkit-animation-duration: 0.4s;
animation-duration: 0.4s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: hover-color;
animation-name: hover-color;
}
.is-checkradio[type=radio] + label::before,
.is-checkradio[type=radio] + label:before,
.is-checkradio[type=checkbox] + label::before,
.is-checkradio[type=checkbox] + label:before {
position: absolute;
left: 0;
top: -0.1rem;
content: "";
border: 0.1rem solid #dbdbdb;
}
.is-checkradio[type=radio] + label::after,
.is-checkradio[type=radio] + label:after,
.is-checkradio[type=checkbox] + label::after,
.is-checkradio[type=checkbox] + label:after {
position: absolute;
display: none;
content: "";
top: -0.1rem;
}
.is-checkradio[type=radio].is-rtl + label,
.is-checkradio[type=checkbox].is-rtl + label {
margin-right: 0rem;
margin-left: 0.5rem;
}
.is-checkradio[type=radio].is-rtl + label::before,
.is-checkradio[type=radio].is-rtl + label:before,
.is-checkradio[type=checkbox].is-rtl + label::before,
.is-checkradio[type=checkbox].is-rtl + label:before {
left: auto;
right: 0;
}
.is-checkradio[type=radio]:focus + label::before,
.is-checkradio[type=radio]:focus + label:before,
.is-checkradio[type=checkbox]:focus + label::before,
.is-checkradio[type=checkbox]:focus + label:before {
outline: 0;
}
.is-checkradio[type=radio]:hover:not([disabled]) + label::before,
.is-checkradio[type=radio]:hover:not([disabled]) + label:before,
.is-checkradio[type=checkbox]:hover:not([disabled]) + label::before,
.is-checkradio[type=checkbox]:hover:not([disabled]) + label:before {
border-color: #ffad33 !important;
}
.is-checkradio[type=radio]:checked + label,
.is-checkradio[type=checkbox]:checked + label {
color: #ffad33 !important;
font-weight: 600 !important;
}
.is-checkradio[type=radio]:checked + label::before,
.is-checkradio[type=radio]:checked + label:before,
.is-checkradio[type=checkbox]:checked + label::before,
.is-checkradio[type=checkbox]:checked + label:before {
border: 0.1rem solid #dbdbdb;
border-color: #142E3F !important;
-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16);
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16);
}
.is-checkradio[type=radio]:checked[disabled],
.is-checkradio[type=checkbox]:checked[disabled] {
cursor: not-allowed;
}
.is-checkradio[type=radio]:checked[disabled] + label,
.is-checkradio[type=checkbox]:checked[disabled] + label {
opacity: 0.5;
}
.is-checkradio[type=radio]:checked + label::before,
.is-checkradio[type=radio]:checked + label:before,
.is-checkradio[type=checkbox]:checked + label::before,
.is-checkradio[type=checkbox]:checked + label:before {
-webkit-animation-name: none;
animation-name: none;
}
.is-checkradio[type=radio]:checked + label::after,
.is-checkradio[type=radio]:checked + label:after,
.is-checkradio[type=checkbox]:checked + label::after,
.is-checkradio[type=checkbox]:checked + label:after {
display: inline-block;
}
.is-checkradio[type=radio][disabled],
.is-checkradio[type=checkbox][disabled] {
cursor: not-allowed;
}
.is-checkradio[type=radio][disabled] + label,
.is-checkradio[type=checkbox][disabled] + label {
opacity: 0.5;
cursor: not-allowed;
}
.is-checkradio[type=radio][disabled] + label:hover,
.is-checkradio[type=radio][disabled] + label:before,
.is-checkradio[type=radio][disabled] + label::before,
.is-checkradio[type=radio][disabled] + label::after,
.is-checkradio[type=radio][disabled] + label:after,
.is-checkradio[type=checkbox][disabled] + label:hover,
.is-checkradio[type=checkbox][disabled] + label:before,
.is-checkradio[type=checkbox][disabled] + label::before,
.is-checkradio[type=checkbox][disabled] + label::after,
.is-checkradio[type=checkbox][disabled] + label:after {
cursor: not-allowed;
}
.is-checkradio[type=radio][disabled]:hover,
.is-checkradio[type=checkbox][disabled]:hover {
cursor: not-allowed;
}
.is-checkradio[type=radio][disabled]:hover::before,
.is-checkradio[type=radio][disabled]:hover:before,
.is-checkradio[type=checkbox][disabled]:hover::before,
.is-checkradio[type=checkbox][disabled]:hover:before {
-webkit-animation-name: none;
animation-name: none;
}
.is-checkradio[type=radio][disabled]::before,
.is-checkradio[type=radio][disabled]:before,
.is-checkradio[type=checkbox][disabled]::before,
.is-checkradio[type=checkbox][disabled]:before {
cursor: not-allowed;
}
.is-checkradio[type=radio][disabled]::after,
.is-checkradio[type=radio][disabled]:after,
.is-checkradio[type=checkbox][disabled]::after,
.is-checkradio[type=checkbox][disabled]:after {
cursor: not-allowed;
}
.is-checkradio[type=radio].has-no-border + label::before,
.is-checkradio[type=radio].has-no-border + label:before,
.is-checkradio[type=checkbox].has-no-border + label::before,
.is-checkradio[type=checkbox].has-no-border + label:before {
border: none !important;
}
.is-checkradio[type=radio].is-block,
.is-checkradio[type=checkbox].is-block {
display: none !important;
}
.is-checkradio[type=radio].is-block + label,
.is-checkradio[type=checkbox].is-block + label {
width: 100% !important;
background: whitesmoke;
color: rgba(0, 0, 0, 0.7);
padding-right: 0.75em;
}
.is-checkradio[type=radio].is-block:hover:not([disabled]) + label,
.is-checkradio[type=checkbox].is-block:hover:not([disabled]) + label {
background: #e8e8e8;
}
.is-checkradio[type=radio] + label::before,
.is-checkradio[type=radio] + label:before {
border-radius: 50%;
}
.is-checkradio[type=radio] + label::after,
.is-checkradio[type=radio] + label:after {
border-radius: 50%;
background: #ffad33 !important;
left: 0;
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
}
.is-checkradio[type=radio]:checked.has-background-color + label::before,
.is-checkradio[type=radio]:checked.has-background-color + label:before {
border-color: #142E3F !important;
background-color: #ffad33 !important;
}
.is-checkradio[type=radio]:checked.has-background-color + label::after,
.is-checkradio[type=radio]:checked.has-background-color + label:after {
border-color: #ffad33 !important;
background-color: #ffad33 !important;
}
.is-checkradio[type=radio].is-rtl + label {
padding-left: 0;
}
.is-checkradio[type=radio].is-rtl + label::after,
.is-checkradio[type=radio].is-rtl + label:after {
left: auto;
right: 0;
}
.is-checkradio[type=radio] + label {
font-size: 1.4rem;
line-height: inherit;
color: #000000;
padding-left: 3rem;
}
.is-checkradio[type=radio] + label::before,
.is-checkradio[type=radio] + label:before,
.is-checkradio[type=radio] + label::after,
.is-checkradio[type=radio] + label:after {
width: 1.8rem;
height: 1.8rem;
}
.is-checkradio[type=radio].is-rtl + label {
padding-right: 2rem;
}
.is-checkradio[type=radio].is-small + label {
font-size: 1.4rem;
line-height: inherit;
color: #000000;
padding-left: 3rem;
}
.is-checkradio[type=radio].is-small + label::before,
.is-checkradio[type=radio].is-small + label:before,
.is-checkradio[type=radio].is-small + label::after,
.is-checkradio[type=radio].is-small + label:after {
width: 1.8rem;
height: 1.8rem;
}
.is-checkradio[type=radio].is-small.is-rtl + label {
padding-right: 1.5rem;
}
.is-checkradio[type=radio].is-medium + label {
font-size: 1.4rem;
line-height: inherit;
color: #000000;
padding-left: 3rem;
}
.is-checkradio[type=radio].is-medium + label::before,
.is-checkradio[type=radio].is-medium + label:before,
.is-checkradio[type=radio].is-medium + label::after,
.is-checkradio[type=radio].is-medium + label:after {
width: 1.8rem;
height: 1.8rem;
}
.is-checkradio[type=radio].is-medium.is-rtl + label {
padding-right: 2.5rem;
}
.is-checkradio[type=radio].is-large + label {
font-size: 1.4rem;
line-height: inherit;
color: #000000;
padding-left: 3rem;
}
.is-checkradio[type=radio].is-large + label::before,
.is-checkradio[type=radio].is-large + label:before,
.is-checkradio[type=radio].is-large + label::after,
.is-checkradio[type=radio].is-large + label:after {
width: 1.8rem;
height: 1.8rem;
}
.is-checkradio[type=radio].is-large.is-rtl + label {
padding-right: 3rem;
}
.is-checkradio[type=radio].is-white.has-background-color + label::before,
.is-checkradio[type=radio].is-white.has-background-color + label:before {
border-color: white !important;
background-color: white !important;
}
.is-checkradio[type=radio].is-white:hover:not([disabled]) + label::before,
.is-checkradio[type=radio].is-white:hover:not([disabled]) + label:before {
border-color: white !important;
}
.is-checkradio[type=radio].is-white:checked + label::after,
.is-checkradio[type=radio].is-white:checked + label:after {
border-color: white !important;
background-color: white !important;
}
.is-checkradio[type=radio].is-white:checked.has-background-color + label::before,
.is-checkradio[type=radio].is-white:checked.has-background-color + label:before {
border-color: white !important;
background-color: white !important;
}
.is-checkradio[type=radio].is-white:checked.has-background-color + label::after,
.is-checkradio[type=radio].is-white:checked.has-background-color + label:after {
border-color: #0a0a0a !important;
background-color: #0a0a0a !important;
}
.is-checkradio[type=radio].is-black.has-background-color + label::before,
.is-checkradio[type=radio].is-black.has-background-color + label:before {
border-color: #0a0a0a !important;
background-color: #0a0a0a !important;
}
.is-checkradio[type=radio].is-black:hover:not([disabled]) + label::before,
.is-checkradio[type=radio].is-black:hover:not([disabled]) + label:before {
border-color: #0a0a0a !important;
}
.is-checkradio[type=radio].is-black:checked + label::after,
.is-checkradio[type=radio].is-black:checked + label:after {
border-color: #0a0a0a !important;
background-color: #0a0a0a !important;
}
.is-checkradio[type=radio].is-black:checked.has-background-color + label::before,
.is-checkradio[type=radio].is-black:checked.has-background-color + label:before {
border-color: #0a0a0a !important;
background-color: #0a0a0a !important;
}
.is-checkradio[type=radio].is-black:checked.has-background-color + label::after,
.is-checkradio[type=radio].is-black:checked.has-background-color + label:after {
border-color: white !important;
background-color: white !important;
}
.is-checkradio[type=radio].is-light.has-background-color + label::before,
.is-checkradio[type=radio].is-light.has-background-color + label:before {
border-color: whitesmoke !important;
background-color: whitesmoke !important;
}
.is-checkradio[type=radio].is-light:hover:not([disabled]) + label::before,
.is-checkradio[type=radio].is-light:hover:not([disabled]) + label:before {
border-color: whitesmoke !important;
}
.is-checkradio[type=radio].is-light:checked + label::after,
.is-checkradio[type=radio].is-light:checked + label:after {
border-color: whitesmoke !important;
background-color: whitesmoke !important;
}
.is-checkradio[type=radio].is-light:checked.has-background-color + label::before,
.is-checkradio[type=radio].is-light:checked.has-background-color + label:before {
border-color: whitesmoke !important;
background-color: whitesmoke !important;
}
.is-checkradio[type=radio].is-light:checked.has-background-color + label::after,
.is-checkradio[type=radio].is-light:checked.has-background-color + label:after {
border-color: rgba(0, 0, 0, 0.7) !important;
background-color: rgba(0, 0, 0, 0.7) !important;
}
.is-checkradio[type=radio].is-dark.has-background-color + label::before,
.is-checkradio[type=radio].is-dark.has-background-color + label:before {
border-color: #363636 !important;
background-color: #363636 !important;
}
.is-checkradio[type=radio].is-dark:hover:not([disabled]) + label::before,
.is-checkradio[type=radio].is-dark:hover:not([disabled]) + label:before {
border-color: #363636 !important;
}
.is-checkradio[type=radio].is-dark:checked + label::after,
.is-checkradio[type=radio].is-dark:checked + label:after {
border-color: #363636 !important;
background-color: #363636 !important;
}
.is-checkradio[type=radio].is-dark:checked.has-background-color + label::before,
.is-checkradio[type=radio].is-dark:checked.has-background-color + label:before {
border-color: #363636 !important;
background-color: #363636 !important;
}
.is-checkradio[type=radio].is-dark:checked.has-background-color + label::after,
.is-checkradio[type=radio].is-dark:checked.has-background-color + label:after {
border-color: #fff !important;
background-color: #fff !important;
}
.is-checkradio[type=radio].is-primary.has-background-color + label::before,
.is-checkradio[type=radio].is-primary.has-background-color + label:before {
border-color: #00d1b2 !important;
background-color: #00d1b2 !important;
}
.is-checkradio[type=radio].is-primary:hover:not([disabled]) + label::before,
.is-checkradio[type=radio].is-primary:hover:not([disabled]) + label:before {
border-color: #00d1b2 !important;
}
.is-checkradio[type=radio].is-primary:checked + label::after,
.is-checkradio[type=radio].is-primary:checked + label:after {
border-color: #00d1b2 !important;
background-color: #00d1b2 !important;
}
.is-checkradio[type=radio].is-primary:checked.has-background-color + label::before,
.is-checkradio[type=radio].is-primary:checked.has-background-color + label:before {
border-color: #00d1b2 !important;
background-color: #00d1b2 !important;
}
.is-checkradio[type=radio].is-primary:checked.has-background-color + label::after,
.is-checkradio[type=radio].is-primary:checked.has-background-color + label:after {
border-color: #fff !important;
background-color: #fff !important;
}
.is-checkradio[type=radio].is-link.has-background-color + label::before,
.is-checkradio[type=radio].is-link.has-background-color + label:before {
border-color: #3273dc !important;
background-color: #3273dc !important;
}
.is-checkradio[type=radio].is-link:hover:not([disabled]) + label::before,
.is-checkradio[type=radio].is-link:hover:not([disabled]) + label:before {
border-color: #3273dc !important;
}
.is-checkradio[type=radio].is-link:checked + label::after,
.is-checkradio[type=radio].is-link:checked + label:after {
border-color: #3273dc !important;
background-color: #3273dc !important;
}
.is-checkradio[type=radio].is-link:checked.has-background-color + label::before,
.is-checkradio[type=radio].is-link:checked.has-background-color + label:before {
border-color: #3273dc !important;
background-color: #3273dc !important;
}
.is-checkradio[type=radio].is-link:checked.has-background-color + label::after,
.is-checkradio[type=radio].is-link:checked.has-background-color + label:after {
border-color: #fff !important;
background-color: #fff !important;
}
.is-checkradio[type=radio].is-info.has-background-color + label::before,
.is-checkradio[type=radio].is-info.has-background-color + label:before {
border-color: #3298dc !important;
background-color: #3298dc !important;
}
.is-checkradio[type=radio].is-info:hover:not([disabled]) + label::before,
.is-checkradio[type=radio].is-info:hover:not([disabled]) + label:before {
border-color: #3298dc !important;
}
.is-checkradio[type=radio].is-info:checked + label::after,
.is-checkradio[type=radio].is-info:checked + label:after {
border-color: #3298dc !important;
background-color: #3298dc !important;
}
.is-checkradio[type=radio].is-info:checked.has-background-color + label::before,
.is-checkradio[type=radio].is-info:checked.has-background-color + label:before {
border-color: #3298dc !important;
background-color: #3298dc !important;
}
.is-checkradio[type=radio].is-info:checked.has-background-color + label::after,
.is-checkradio[type=radio].is-info:checked.has-background-color + label:after {
border-color: #fff !important;
background-color: #fff !important;
}
.is-checkradio[type=radio].is-success.has-background-color + label::before,
.is-checkradio[type=radio].is-success.has-background-color + label:before {
border-color: #48c774 !important;
background-color: #48c774 !important;
}
.is-checkradio[type=radio].is-success:hover:not([disabled]) + label::before,
.is-checkradio[type=radio].is-success:hover:not([disabled]) + label:before {
border-color: #48c774 !important;
}
.is-checkradio[type=radio].is-success:checked + label::after,
.is-checkradio[type=radio].is-success:checked + label:after {
border-color: #48c774 !important;
background-color: #48c774 !important;
}
.is-checkradio[type=radio].is-success:checked.has-background-color + label::before,
.is-checkradio[type=radio].is-success:checked.has-background-color + label:before {
border-color: #48c774 !important;
background-color: #48c774 !important;
}
.is-checkradio[type=radio].is-success:checked.has-background-color + label::after,
.is-checkradio[type=radio].is-success:checked.has-background-color + label:after {
border-color: #fff !important;
background-color: #fff !important;
}
.is-checkradio[type=radio].is-warning.has-background-color + label::before,
.is-checkradio[type=radio].is-warning.has-background-color + label:before {
border-color: #ffdd57 !important;
background-color: #ffdd57 !important;
}
.is-checkradio[type=radio].is-warning:hover:not([disabled]) + label::before,
.is-checkradio[type=radio].is-warning:hover:not([disabled]) + label:before {
border-color: #ffdd57 !important;
}
.is-checkradio[type=radio].is-warning:checked + label::after,
.is-checkradio[type=radio].is-warning:checked + label:after {
border-color: #ffdd57 !important;
background-color: #ffdd57 !important;
}
.is-checkradio[type=radio].is-warning:checked.has-background-color + label::before,
.is-checkradio[type=radio].is-warning:checked.has-background-color + label:before {
border-color: #ffdd57 !important;
background-color: #ffdd57 !important;
}
.is-checkradio[type=radio].is-warning:checked.has-background-color + label::after,
.is-checkradio[type=radio].is-warning:checked.has-background-color + label:after {
border-color: rgba(0, 0, 0, 0.7) !important;
background-color: rgba(0, 0, 0, 0.7) !important;
}
.is-checkradio[type=radio].is-danger.has-background-color + label::before,
.is-checkradio[type=radio].is-danger.has-background-color + label:before {
border-color: #f14668 !important;
background-color: #f14668 !important;
}
.is-checkradio[type=radio].is-danger:hover:not([disabled]) + label::before,
.is-checkradio[type=radio].is-danger:hover:not([disabled]) + label:before {
border-color: #f14668 !important;
}
.is-checkradio[type=radio].is-danger:checked + label::after,
.is-checkradio[type=radio].is-danger:checked + label:after {
border-color: #f14668 !important;
background-color: #f14668 !important;
}
.is-checkradio[type=radio].is-danger:checked.has-background-color + label::before,
.is-checkradio[type=radio].is-danger:checked.has-background-color + label:before {
border-color: #f14668 !important;
background-color: #f14668 !important;
}
.is-checkradio[type=radio].is-danger:checked.has-background-color + label::after,
.is-checkradio[type=radio].is-danger:checked.has-background-color + label:after {
border-color: #fff !important;
background-color: #fff !important;
}
.is-checkradio[type=checkbox] + label::before,
.is-checkradio[type=checkbox] + label:before {
border-radius: 5px;
}
.is-checkradio[type=checkbox] + label::after,
.is-checkradio[type=checkbox] + label:after {
border-radius: 5px;
background: #ffad33 !important;
left: 0;
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
}
.is-checkradio[type=checkbox]:checked.has-background-color + label::before,
.is-checkradio[type=checkbox]:checked.has-background-color + label:before {
border-color: #142E3F !important;
background-color: #ffad33 !important;
}
.is-checkradio[type=checkbox]:checked.has-background-color + label::after,
.is-checkradio[type=checkbox]:checked.has-background-color + label:after {
border-color: #ffad33 !important;
background-color: #ffad33 !important;
}
.is-checkradio[type=checkbox].is-rtl + label {
padding-left: 0;
}
.is-checkradio[type=checkbox].is-rtl + label::after,
.is-checkradio[type=checkbox].is-rtl + label:after {
left: auto;
right: 0;
}
.is-checkradio[type=checkbox] + label {
font-size: 1.4rem;
line-height: inherit;
color: #000000;
padding-left: 3rem;
}
.is-checkradio[type=checkbox] + label::before,
.is-checkradio[type=checkbox] + label:before,
.is-checkradio[type=checkbox] + label::after,
.is-checkradio[type=checkbox] + label:after {
width: 1.8rem;
height: 1.8rem;
}
.is-checkradio[type=checkbox].is-rtl + label {
padding-right: 2rem;
}
.is-checkradio[type=checkbox].is-small + label {
font-size: 1.4rem;
line-height: inherit;
color: #000000;
padding-left: 3rem;
}
.is-checkradio[type=checkbox].is-small + label::before,
.is-checkradio[type=checkbox].is-small + label:before,
.is-checkradio[type=checkbox].is-small + label::after,
.is-checkradio[type=checkbox].is-small + label:after {
width: 1.8rem;
height: 1.8rem;
}
.is-checkradio[type=checkbox].is-small.is-rtl + label {
padding-right: 1.5rem;
}
.is-checkradio[type=checkbox].is-medium + label {
font-size: 1.4rem;
line-height: inherit;
color: #000000;
padding-left: 3rem;
}
.is-checkradio[type=checkbox].is-medium + label::before,
.is-checkradio[type=checkbox].is-medium + label:before,
.is-checkradio[type=checkbox].is-medium + label::after,
.is-checkradio[type=checkbox].is-medium + label:after {
width: 1.8rem;
height: 1.8rem;
}
.is-checkradio[type=checkbox].is-medium.is-rtl + label {
padding-right: 2.5rem;
}
.is-checkradio[type=checkbox].is-large + label {
font-size: 1.4rem;
line-height: inherit;
color: #000000;
padding-left: 3rem;
}
.is-checkradio[type=checkbox].is-large + label::before,
.is-checkradio[type=checkbox].is-large + label:before,
.is-checkradio[type=checkbox].is-large + label::after,
.is-checkradio[type=checkbox].is-large + label:after {
width: 1.8rem;
height: 1.8rem;
}
.is-checkradio[type=checkbox].is-large.is-rtl + label {
padding-right: 3rem;
}
.is-checkradio[type=checkbox].is-white.has-background-color + label::before,
.is-checkradio[type=checkbox].is-white.has-background-color + label:before {
border-color: white !important;
background-color: white !important;
}
.is-checkradio[type=checkbox].is-white:hover:not([disabled]) + label::before,
.is-checkradio[type=checkbox].is-white:hover:not([disabled]) + label:before {
border-color: white !important;
}
.is-checkradio[type=checkbox].is-white:checked + label::after,
.is-checkradio[type=checkbox].is-white:checked + label:after {
border-color: white !important;
background-color: white !important;
}
.is-checkradio[type=checkbox].is-white:checked.has-background-color + label::before,
.is-checkradio[type=checkbox].is-white:checked.has-background-color + label:before {
border-color: white !important;
background-color: white !important;
}
.is-checkradio[type=checkbox].is-white:checked.has-background-color + label::after,
.is-checkradio[type=checkbox].is-white:checked.has-background-color + label:after {
border-color: #0a0a0a !important;
background-color: #0a0a0a !important;
}
.is-checkradio[type=checkbox].is-black.has-background-color + label::before,
.is-checkradio[type=checkbox].is-black.has-background-color + label:before {
border-color: #0a0a0a !important;
background-color: #0a0a0a !important;
}
.is-checkradio[type=checkbox].is-black:hover:not([disabled]) + label::before,
.is-checkradio[type=checkbox].is-black:hover:not([disabled]) + label:before {
border-color: #0a0a0a !important;
}
.is-checkradio[type=checkbox].is-black:checked + label::after,
.is-checkradio[type=checkbox].is-black:checked + label:after {
border-color: #0a0a0a !important;
background-color: #0a0a0a !important;
}
.is-checkradio[type=checkbox].is-black:checked.has-background-color + label::before,
.is-checkradio[type=checkbox].is-black:checked.has-background-color + label:before {
border-color: #0a0a0a !important;
background-color: #0a0a0a !important;
}
.is-checkradio[type=checkbox].is-black:checked.has-background-color + label::after,
.is-checkradio[type=checkbox].is-black:checked.has-background-color + label:after {
border-color: white !important;
background-color: white !important;
}
.is-checkradio[type=checkbox].is-light.has-background-color + label::before,
.is-checkradio[type=checkbox].is-light.has-background-color + label:before {
border-color: whitesmoke !important;
background-color: whitesmoke !important;
}
.is-checkradio[type=checkbox].is-light:hover:not([disabled]) + label::before,
.is-checkradio[type=checkbox].is-light:hover:not([disabled]) + label:before {
border-color: whitesmoke !important;
}
.is-checkradio[type=checkbox].is-light:checked + label::after,
.is-checkradio[type=checkbox].is-light:checked + label:after {
border-color: whitesmoke !important;
background-color: whitesmoke !important;
}
.is-checkradio[type=checkbox].is-light:checked.has-background-color + label::before,
.is-checkradio[type=checkbox].is-light:checked.has-background-color + label:before {
border-color: whitesmoke !important;
background-color: whitesmoke !important;
}
.is-checkradio[type=checkbox].is-light:checked.has-background-color + label::after,
.is-checkradio[type=checkbox].is-light:checked.has-background-color + label:after {
border-color: rgba(0, 0, 0, 0.7) !important;
background-color: rgba(0, 0, 0, 0.7) !important;
}
.is-checkradio[type=checkbox].is-dark.has-background-color + label::before,
.is-checkradio[type=checkbox].is-dark.has-background-color + label:before {
border-color: #363636 !important;
background-color: #363636 !important;
}
.is-checkradio[type=checkbox].is-dark:hover:not([disabled]) + label::before,
.is-checkradio[type=checkbox].is-dark:hover:not([disabled]) + label:before {
border-color: #363636 !important;
}
.is-checkradio[type=checkbox].is-dark:checked + label::after,
.is-checkradio[type=checkbox].is-dark:checked + label:after {
border-color: #363636 !important;
background-color: #363636 !important;
}
.is-checkradio[type=checkbox].is-dark:checked.has-background-color + label::before,
.is-checkradio[type=checkbox].is-dark:checked.has-background-color + label:before {
border-color: #363636 !important;
background-color: #363636 !important;
}
.is-checkradio[type=checkbox].is-dark:checked.has-background-color + label::after,
.is-checkradio[type=checkbox].is-dark:checked.has-background-color + label:after {
border-color: #fff !important;
background-color: #fff !important;
}
.is-checkradio[type=checkbox].is-primary.has-background-color + label::before,
.is-checkradio[type=checkbox].is-primary.has-background-color + label:before {
border-color: #00d1b2 !important;
background-color: #00d1b2 !important;
}
.is-checkradio[type=checkbox].is-primary:hover:not([disabled]) + label::before,
.is-checkradio[type=checkbox].is-primary:hover:not([disabled]) + label:before {
border-color: #00d1b2 !important;
}
.is-checkradio[type=checkbox].is-primary:checked + label::after,
.is-checkradio[type=checkbox].is-primary:checked + label:after {
border-color: #00d1b2 !important;
background-color: #00d1b2 !important;
}
.is-checkradio[type=checkbox].is-primary:checked.has-background-color + label::before,
.is-checkradio[type=checkbox].is-primary:checked.has-background-color + label:before {
border-color: #00d1b2 !important;
background-color: #00d1b2 !important;
}
.is-checkradio[type=checkbox].is-primary:checked.has-background-color + label::after,
.is-checkradio[type=checkbox].is-primary:checked.has-background-color + label:after {
border-color: #fff !important;
background-color: #fff !important;
}
.is-checkradio[type=checkbox].is-link.has-background-color + label::before,
.is-checkradio[type=checkbox].is-link.has-background-color + label:before {
border-color: #3273dc !important;
background-color: #3273dc !important;
}
.is-checkradio[type=checkbox].is-link:hover:not([disabled]) + label::before,
.is-checkradio[type=checkbox].is-link:hover:not([disabled]) + label:before {
border-color: #3273dc !important;
}
.is-checkradio[type=checkbox].is-link:checked + label::after,
.is-checkradio[type=checkbox].is-link:checked + label:after {
border-color: #3273dc !important;
background-color: #3273dc !important;
}
.is-checkradio[type=checkbox].is-link:checked.has-background-color + label::before,
.is-checkradio[type=checkbox].is-link:checked.has-background-color + label:before {
border-color: #3273dc !important;
background-color: #3273dc !important;
}
.is-checkradio[type=checkbox].is-link:checked.has-background-color + label::after,
.is-checkradio[type=checkbox].is-link:checked.has-background-color + label:after {
border-color: #fff !important;
background-color: #fff !important;
}
.is-checkradio[type=checkbox].is-info.has-background-color + label::before,
.is-checkradio[type=checkbox].is-info.has-background-color + label:before {
border-color: #3298dc !important;
background-color: #3298dc !important;
}
.is-checkradio[type=checkbox].is-info:hover:not([disabled]) + label::before,
.is-checkradio[type=checkbox].is-info:hover:not([disabled]) + label:before {
border-color: #3298dc !important;
}
.is-checkradio[type=checkbox].is-info:checked + label::after,
.is-checkradio[type=checkbox].is-info:checked + label:after {
border-color: #3298dc !important;
background-color: #3298dc !important;
}
.is-checkradio[type=checkbox].is-info:checked.has-background-color + label::before,
.is-checkradio[type=checkbox].is-info:checked.has-background-color + label:before {
border-color: #3298dc !important;
background-color: #3298dc !important;
}
.is-checkradio[type=checkbox].is-info:checked.has-background-color + label::after,
.is-checkradio[type=checkbox].is-info:checked.has-background-color + label:after {
border-color: #fff !important;
background-color: #fff !important;
}
.is-checkradio[type=checkbox].is-success.has-background-color + label::before,
.is-checkradio[type=checkbox].is-success.has-background-color + label:before {
border-color: #48c774 !important;
background-color: #48c774 !important;
}
.is-checkradio[type=checkbox].is-success:hover:not([disabled]) + label::before,
.is-checkradio[type=checkbox].is-success:hover:not([disabled]) + label:before {
border-color: #48c774 !important;
}
.is-checkradio[type=checkbox].is-success:checked + label::after,
.is-checkradio[type=checkbox].is-success:checked + label:after {
border-color: #48c774 !important;
background-color: #48c774 !important;
}
.is-checkradio[type=checkbox].is-success:checked.has-background-color + label::before,
.is-checkradio[type=checkbox].is-success:checked.has-background-color + label:before {
border-color: #48c774 !important;
background-color: #48c774 !important;
}
.is-checkradio[type=checkbox].is-success:checked.has-background-color + label::after,
.is-checkradio[type=checkbox].is-success:checked.has-background-color + label:after {
border-color: #fff !important;
background-color: #fff !important;
}
.is-checkradio[type=checkbox].is-warning.has-background-color + label::before,
.is-checkradio[type=checkbox].is-warning.has-background-color + label:before {
border-color: #ffdd57 !important;
background-color: #ffdd57 !important;
}
.is-checkradio[type=checkbox].is-warning:hover:not([disabled]) + label::before,
.is-checkradio[type=checkbox].is-warning:hover:not([disabled]) + label:before {
border-color: #ffdd57 !important;
}
.is-checkradio[type=checkbox].is-warning:checked + label::after,
.is-checkradio[type=checkbox].is-warning:checked + label:after {
border-color: #ffdd57 !important;
background-color: #ffdd57 !important;
}
.is-checkradio[type=checkbox].is-warning:checked.has-background-color + label::before,
.is-checkradio[type=checkbox].is-warning:checked.has-background-color + label:before {
border-color: #ffdd57 !important;
background-color: #ffdd57 !important;
}
.is-checkradio[type=checkbox].is-warning:checked.has-background-color + label::after,
.is-checkradio[type=checkbox].is-warning:checked.has-background-color + label:after {
border-color: rgba(0, 0, 0, 0.7) !important;
background-color: rgba(0, 0, 0, 0.7) !important;
}
.is-checkradio[type=checkbox].is-danger.has-background-color + label::before,
.is-checkradio[type=checkbox].is-danger.has-background-color + label:before {
border-color: #f14668 !important;
background-color: #f14668 !important;
}
.is-checkradio[type=checkbox].is-danger:hover:not([disabled]) + label::before,
.is-checkradio[type=checkbox].is-danger:hover:not([disabled]) + label:before {
border-color: #f14668 !important;
}
.is-checkradio[type=checkbox].is-danger:checked + label::after,
.is-checkradio[type=checkbox].is-danger:checked + label:after {
border-color: #f14668 !important;
background-color: #f14668 !important;
}
.is-checkradio[type=checkbox].is-danger:checked.has-background-color + label::before,
.is-checkradio[type=checkbox].is-danger:checked.has-background-color + label:before {
border-color: #f14668 !important;
background-color: #f14668 !important;
}
.is-checkradio[type=checkbox].is-danger:checked.has-background-color + label::after,
.is-checkradio[type=checkbox].is-danger:checked.has-background-color + label:after {
border-color: #fff !important;
background-color: #fff !important;
}
.is-checkradio[type=checkbox]:indeterminate + label::after,
.is-checkradio[type=checkbox]:indeterminate + label:after {
display: inline-block;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
border-bottom: none;
}
.is-checkradio[type=checkbox]:indeterminate.is-white + label::after,
.is-checkradio[type=checkbox]:indeterminate.is-white + label:after {
border-color: white;
}
.is-checkradio[type=checkbox]:indeterminate.is-black + label::after,
.is-checkradio[type=checkbox]:indeterminate.is-black + label:after {
border-color: #0a0a0a;
}
.is-checkradio[type=checkbox]:indeterminate.is-light + label::after,
.is-checkradio[type=checkbox]:indeterminate.is-light + label:after {
border-color: whitesmoke;
}
.is-checkradio[type=checkbox]:indeterminate.is-dark + label::after,
.is-checkradio[type=checkbox]:indeterminate.is-dark + label:after {
border-color: #363636;
}
.is-checkradio[type=checkbox]:indeterminate.is-primary + label::after,
.is-checkradio[type=checkbox]:indeterminate.is-primary + label:after {
border-color: #00d1b2;
}
.is-checkradio[type=checkbox]:indeterminate.is-link + label::after,
.is-checkradio[type=checkbox]:indeterminate.is-link + label:after {
border-color: #3273dc;
}
.is-checkradio[type=checkbox]:indeterminate.is-info + label::after,
.is-checkradio[type=checkbox]:indeterminate.is-info + label:after {
border-color: #3298dc;
}
.is-checkradio[type=checkbox]:indeterminate.is-success + label::after,
.is-checkradio[type=checkbox]:indeterminate.is-success + label:after {
border-color: #48c774;
}
.is-checkradio[type=checkbox]:indeterminate.is-warning + label::after,
.is-checkradio[type=checkbox]:indeterminate.is-warning + label:after {
border-color: #ffdd57;
}
.is-checkradio[type=checkbox]:indeterminate.is-danger + label::after,
.is-checkradio[type=checkbox]:indeterminate.is-danger + label:after {
border-color: #f14668;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0px 1000px var(--white) inset !important;
}
form,
fieldset {
margin: 0;
padding: 0;
border-style: none;
}
input[type=text]:not(.i3-search-input),
input[type=tel],
input[type=email],
input[type=search],
input[type=password] {
outline: 0;
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-weight: 500;
padding: 1.5rem;
font-size: 1.5rem;
font-family: var(--form-font-family);
border-radius: var(--border-s);
border: 0.2rem solid var(--form-element-border-color);
color: var(--form-active);
-webkit-transition: var(--btn-transition);
-o-transition: var(--btn-transition);
transition: var(--btn-transition);
}
input[type=text]:not(.i3-search-input):focus:not(.i3-search-input),
input[type=tel]:focus:not(.i3-search-input),
input[type=email]:focus:not(.i3-search-input),
input[type=search]:focus:not(.i3-search-input),
input[type=password]:focus:not(.i3-search-input) {
background-color: transparent;
-webkit-box-shadow: none !important;
box-shadow: none !important;
border-color: var(--base);
}
input[type=text]:not(.i3-search-input):focus:not(.i3-search-input)::-webkit-input-placeholder:not(.i3-search-input), input[type=tel]:focus:not(.i3-search-input)::-webkit-input-placeholder:not(.i3-search-input), input[type=email]:focus:not(.i3-search-input)::-webkit-input-placeholder:not(.i3-search-input), input[type=search]:focus:not(.i3-search-input)::-webkit-input-placeholder:not(.i3-search-input), input[type=password]:focus:not(.i3-search-input)::-webkit-input-placeholder:not(.i3-search-input) {
visibility: hidden !important;
opacity: 0 !important;
}
input[type=text]:not(.i3-search-input):focus:not(.i3-search-input)::-moz-placeholder:not(.i3-search-input), input[type=tel]:focus:not(.i3-search-input)::-moz-placeholder:not(.i3-search-input), input[type=email]:focus:not(.i3-search-input)::-moz-placeholder:not(.i3-search-input), input[type=search]:focus:not(.i3-search-input)::-moz-placeholder:not(.i3-search-input), input[type=password]:focus:not(.i3-search-input)::-moz-placeholder:not(.i3-search-input) {
visibility: hidden !important;
opacity: 0 !important;
}
input[type=text]:not(.i3-search-input):focus:not(.i3-search-input):-ms-input-placeholder:not(.i3-search-input), input[type=tel]:focus:not(.i3-search-input):-ms-input-placeholder:not(.i3-search-input), input[type=email]:focus:not(.i3-search-input):-ms-input-placeholder:not(.i3-search-input), input[type=search]:focus:not(.i3-search-input):-ms-input-placeholder:not(.i3-search-input), input[type=password]:focus:not(.i3-search-input):-ms-input-placeholder:not(.i3-search-input) {
visibility: hidden !important;
opacity: 0 !important;
}
input[type=text]:not(.i3-search-input):focus:not(.i3-search-input)::-ms-input-placeholder:not(.i3-search-input), input[type=tel]:focus:not(.i3-search-input)::-ms-input-placeholder:not(.i3-search-input), input[type=email]:focus:not(.i3-search-input)::-ms-input-placeholder:not(.i3-search-input), input[type=search]:focus:not(.i3-search-input)::-ms-input-placeholder:not(.i3-search-input), input[type=password]:focus:not(.i3-search-input)::-ms-input-placeholder:not(.i3-search-input) {
visibility: hidden !important;
opacity: 0 !important;
}
input[type=text]:not(.i3-search-input):focus:not(.i3-search-input)::placeholder:not(.i3-search-input),
input[type=tel]:focus:not(.i3-search-input)::placeholder:not(.i3-search-input),
input[type=email]:focus:not(.i3-search-input)::placeholder:not(.i3-search-input),
input[type=search]:focus:not(.i3-search-input)::placeholder:not(.i3-search-input),
input[type=password]:focus:not(.i3-search-input)::placeholder:not(.i3-search-input) {
visibility: hidden !important;
opacity: 0 !important;
}
input[type=text]:not(.i3-search-input)::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder {
color: var(--base-blue);
font-weight: 500;
}
input[type=text]:not(.i3-search-input)::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=password]::-moz-placeholder {
color: var(--base-blue);
font-weight: 500;
}
input[type=text]:not(.i3-search-input):-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder {
color: var(--base-blue);
font-weight: 500;
}
input[type=text]:not(.i3-search-input)::-ms-input-placeholder, input[type=tel]::-ms-input-placeholder, input[type=email]::-ms-input-placeholder, input[type=search]::-ms-input-placeholder, input[type=password]::-ms-input-placeholder {
color: var(--base-blue);
font-weight: 500;
}
input[type=text]:not(.i3-search-input)::placeholder,
input[type=tel]::placeholder,
input[type=email]::placeholder,
input[type=search]::placeholder,
input[type=password]::placeholder {
color: var(--base-blue);
font-weight: 500;
}
.customer-checkout input[type=text]:not(.i3-search-input),
.customer-checkout input[type=tel],
.customer-checkout input[type=email],
.customer-checkout input[type=search],
.customer-checkout input[type=password] {
outline: 0;
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-weight: 500;
padding: 1.5rem;
font-size: 1.5rem;
font-family: var(--form-font-family);
border-radius: var(--border-s);
border: 0.2rem solid var(--grey);
color: var(--base-blue);
-webkit-transition: var(--btn-transition);
-o-transition: var(--btn-transition);
transition: var(--btn-transition);
}
.customer-checkout input[type=text]:not(.i3-search-input):focus,
.customer-checkout input[type=tel]:focus,
.customer-checkout input[type=email]:focus,
.customer-checkout input[type=search]:focus,
.customer-checkout input[type=password]:focus {
background-color: transparent;
-webkit-box-shadow: none !important;
box-shadow: none !important;
border-color: var(--base-blue);
}
.customer-checkout input[type=text]:not(.i3-search-input):focus::-webkit-input-placeholder, .customer-checkout input[type=tel]:focus::-webkit-input-placeholder, .customer-checkout input[type=email]:focus::-webkit-input-placeholder, .customer-checkout input[type=search]:focus::-webkit-input-placeholder, .customer-checkout input[type=password]:focus::-webkit-input-placeholder {
color: var(--base-blue) !important;
}
.customer-checkout input[type=text]:not(.i3-search-input):focus::-moz-placeholder, .customer-checkout input[type=tel]:focus::-moz-placeholder, .customer-checkout input[type=email]:focus::-moz-placeholder, .customer-checkout input[type=search]:focus::-moz-placeholder, .customer-checkout input[type=password]:focus::-moz-placeholder {
color: var(--base-blue) !important;
}
.customer-checkout input[type=text]:not(.i3-search-input):focus:-ms-input-placeholder, .customer-checkout input[type=tel]:focus:-ms-input-placeholder, .customer-checkout input[type=email]:focus:-ms-input-placeholder, .customer-checkout input[type=search]:focus:-ms-input-placeholder, .customer-checkout input[type=password]:focus:-ms-input-placeholder {
color: var(--base-blue) !important;
}
.customer-checkout input[type=text]:not(.i3-search-input):focus::-ms-input-placeholder, .customer-checkout input[type=tel]:focus::-ms-input-placeholder, .customer-checkout input[type=email]:focus::-ms-input-placeholder, .customer-checkout input[type=search]:focus::-ms-input-placeholder, .customer-checkout input[type=password]:focus::-ms-input-placeholder {
color: var(--base-blue) !important;
}
.customer-checkout input[type=text]:not(.i3-search-input):focus::placeholder,
.customer-checkout input[type=tel]:focus::placeholder,
.customer-checkout input[type=email]:focus::placeholder,
.customer-checkout input[type=search]:focus::placeholder,
.customer-checkout input[type=password]:focus::placeholder {
color: var(--base-blue) !important;
}
.customer-checkout input[type=text]:not(.i3-search-input)::-webkit-input-placeholder, .customer-checkout input[type=tel]::-webkit-input-placeholder, .customer-checkout input[type=email]::-webkit-input-placeholder, .customer-checkout input[type=search]::-webkit-input-placeholder, .customer-checkout input[type=password]::-webkit-input-placeholder {
color: var(--grey);
font-weight: 500;
}
.customer-checkout input[type=text]:not(.i3-search-input)::-moz-placeholder, .customer-checkout input[type=tel]::-moz-placeholder, .customer-checkout input[type=email]::-moz-placeholder, .customer-checkout input[type=search]::-moz-placeholder, .customer-checkout input[type=password]::-moz-placeholder {
color: var(--grey);
font-weight: 500;
}
.customer-checkout input[type=text]:not(.i3-search-input):-ms-input-placeholder, .customer-checkout input[type=tel]:-ms-input-placeholder, .customer-checkout input[type=email]:-ms-input-placeholder, .customer-checkout input[type=search]:-ms-input-placeholder, .customer-checkout input[type=password]:-ms-input-placeholder {
color: var(--grey);
font-weight: 500;
}
.customer-checkout input[type=text]:not(.i3-search-input)::-ms-input-placeholder, .customer-checkout input[type=tel]::-ms-input-placeholder, .customer-checkout input[type=email]::-ms-input-placeholder, .customer-checkout input[type=search]::-ms-input-placeholder, .customer-checkout input[type=password]::-ms-input-placeholder {
color: var(--grey);
font-weight: 500;
}
.customer-checkout input[type=text]:not(.i3-search-input)::placeholder,
.customer-checkout input[type=tel]::placeholder,
.customer-checkout input[type=email]::placeholder,
.customer-checkout input[type=search]::placeholder,
.customer-checkout input[type=password]::placeholder {
color: var(--grey);
font-weight: 500;
}
.customer-checkout .select select:not([multiple]) {
padding-right: 2.5em;
font-size: 1.4rem;
color: var(--base-blue);
padding-left: 1.5rem;
border: 0.2rem solid var(--grey) !important;
}
.customer-checkout .select select:not([multiple]):not(.is-multiple):not(.is-loading)::after {
border-color: var(--base-blue) !important;
}
.customer-checkout .is-checkradio[type=radio] + label::before,
.customer-checkout .is-checkradio[type=radio] + label:before,
.customer-checkout .is-checkradio[type=checkbox] + label::before,
.customer-checkout .is-checkradio[type=checkbox] + label:before,
.customer-checkout .is-checkradio[type=radio] + label::after,
.customer-checkout .is-checkradio[type=radio] + label:after,
.customer-checkout .is-checkradio[type=checkbox] + label::after,
.customer-checkout .is-checkradio[type=checkbox] + label:after {
top: 0.3rem;
}
.customer-checkout .is-checkradio[type=radio] + label,
.customer-checkout .is-checkradio[type=checkbox] + label {
margin: 0 0.5rem;
}
select {
border-radius: 0;
}
textarea {
resize: vertical;
vertical-align: top;
outline: 0;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number] {
-moz-appearance: textfield;
}
button,
input[type=button],
input[type=reset],
input[type=file],
input[type=submit] {
outline: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
font-family: var(--form-font-family);
}
.control .input {
height: 4.3rem !important;
}
.control .icon {
height: 4.3rem !important;
z-index: 1 !important;
}
.input {
font-size: inherit;
}
.iti {
width: 100%;
}
.help {
font-size: 1.4rem;
}
.select {
width: 100% !important;
height: 43px !important;
}
.select:not(.is-multiple):not(.is-loading)::after {
margin-top: -0.2375em !important;
}
.select select {
font-weight: 500 !important;
outline: 0 !important;
width: 100% !important;
height: 43px !important;
border-radius: var(--border-s) !important;
border: 0.1rem solid var(--form-element-border-color) !important;
}
.select select:focus {
background-color: var(--white) !important;
-webkit-box-shadow: var(--outline) !important;
box-shadow: var(--outline) !important;
}
#i3-customer-info.i3-red-error .field .control.i3-empty:after {
background-image: url("/assets/icons/page-assets/asterisk-r.svg") !important;
}
#i3-customer-info.i3-red-error .field .control .select.i3-empty:before {
background-image: url("/assets/icons/page-assets/asterisk-r.svg") !important;
}
.field .control.i3-empty:after {
content: "";
background-image: url("/assets/icons/page-assets/asterisk.svg");
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 15px;
z-index: 1;
height: 15px;
width: 15px;
background-size: 15px;
background-repeat: no-repeat;
background-position: center center;
}
.field .control.i3-error:after {
content: "";
background-image: url("/assets/icons/page-assets/close.svg");
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 15px;
z-index: 1;
height: 15px;
width: 15px;
background-size: 15px;
background-repeat: no-repeat;
background-position: center center;
}
.field .control.i3-success:after {
content: "";
background-image: url("/assets/icons/page-assets/checky.svg");
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 15px;
z-index: 1;
height: 15px;
width: 15px;
background-size: 15px;
background-repeat: no-repeat;
background-position: center center;
}
.field .control .select:not(.is-multiple):not(.is-loading)::after {
right: 2.825em !important;
margin-top: -0.3375em !important;
}
.field .control .select.i3-empty:before {
content: "";
background-image: url("/assets/icons/page-assets/asterisk.svg");
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 15px;
z-index: 1;
height: 15px;
width: 15px;
background-size: 15px;
background-repeat: no-repeat;
background-position: center center;
}
.field .control .select.i3-error:before {
content: "";
background-image: url("/assets/icons/page-assets/close.svg");
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 15px;
z-index: 1;
height: 15px;
width: 15px;
background-size: 15px;
background-repeat: no-repeat;
background-position: center center;
}
.field .control .select.i3-success:before {
content: "";
background-image: url("/assets/icons/page-assets/checky.svg");
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 15px;
z-index: 1;
height: 15px;
width: 15px;
background-size: 15px;
background-repeat: no-repeat;
background-position: center center;
}
.select select {
border: 0.2rem solid var(--form-element-border-color) !important;
}
.select select:not([multiple]) {
padding-right: 2.5em;
font-size: 1.4rem;
color: var(--base-blue);
padding-left: 1.5rem;
}
.select select:hover,
.textarea:hover,
.input:hover,
.select select.is-hovered,
.is-hovered.textarea,
.is-hovered.input {
border-color: var(--base-grey);
}
.textarea {
background: var(--white);
border-radius: var(--border-s);
border: 2px solid var(--base-blue);
font-size: 1.5rem;
font-family: inherit;
font-weight: 500;
}
.textarea:focus {
border-color: transparent;
-webkit-box-shadow: var(--outline);
box-shadow: var(--outline);
}
.is-checkradio[type=checkbox] + label,
.is-checkradio[type=radio]:checked + label,
.is-checkradio[type=checkbox]:checked + label {
color: inherit !important;
font-size: inherit !important;
font-weight: inherit !important;
}
.is-checkradio[type=radio] + label:hover,
.is-checkradio[type=checkbox] + label:hover {
color: inherit !important;
}
.is-checkradio[type=radio]:checked + label::before,
.is-checkradio[type=radio] + label::before,
.is-checkradio[type=radio] + label:before,
.is-checkradio[type=radio]:checked + label:before {
border: 0.1rem solid var(--base-blue) !important;
border-radius: var(--border-r);
}
.is-checkradio[type=checkbox]:checked + label::before,
.is-checkradio[type=checkbox]:checked + label:before,
.is-checkradio[type=checkbox] + label::before,
.is-checkradio[type=checkbox] + label:before,
.is-checkradio[type=checkbox] + label::before,
.is-checkradio[type=checkbox] + label:before {
border-radius: 0.3rem !important;
border-color: var(--black) !important;
}
.is-checkradio[type=checkbox] + label::after,
.is-checkradio[type=checkbox] + label:after {
border-radius: 0.3rem !important;
background: var(--base) !important;
}
.is-checkradio[type=radio]:checked + label::before,
.is-checkradio[type=radio]:checked + label:before {
border-color: var(--base-blue) !important;
}
.is-checkradio[type=radio] + label::after,
.is-checkradio[type=radio] + label:after {
background-color: var(--base) !important;
}
.is-checkradio[type=radio] + label:first-of-type,
.is-checkradio[type=checkbox] + label:first-of-type {
display: inline-block;
}
.is-checkradio[type=checkbox] + label {
padding-left: 2.5rem !important;
}
.control {
position: relative;
}
.control input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: var(--white);
}
.control input:focus ~ .floating-placeholder,
.control input:focus:invalid ~ .floating-placeholder,
.control input:not(:focus):valid ~ .floating-placeholder,
.control input:focus:valid ~ .floating-placeholder {
top: 0rem;
left: 1.7rem;
font-size: 1rem;
opacity: 1;
color: var(--base-grey);
background: var(--base-light);
line-height: normal;
border-radius: 5px;
padding: 0rem 0.5rem;
width: auto;
}
.control input:not(:focus):invalid ~ .floating-placeholder {
padding: 0.5rem 2rem 0.5rem 0.5rem;
width: 80%;
text-align: left;
background: var(--white);
left: 1.5rem;
}
.control .floating-placeholder {
position: absolute;
pointer-events: none;
left: 2rem;
top: 50%;
font-size: 1.5rem;
-webkit-transition: 0.2s ease all;
-o-transition: 0.2s ease all;
transition: 0.2s ease all;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
color: var(--base-blue);
}
.toggle-password {
position: absolute;
top: 50%;
right: 1.5rem;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.toggle-password:before {
content: "";
display: none;
width: 25px;
height: 25px;
background-image: url("/assets/icons/page-assets/eye-hidden.svg");
background-repeat: no-repeat;
background-size: cover;
}
.toggle-password:after {
content: "";
width: 25px;
height: 25px;
background-image: url("/assets/icons/page-assets/eye.svg");
background-repeat: no-repeat;
background-size: cover;
}
.toggle-password.hide-me:after {
display: none;
}
.toggle-password.hide-me:before {
display: inline-block;
}
.select:not(.is-multiple):not(.is-loading)::after {
border-color: var(--base-blue) !important;
z-index: 0;
}
.iti {
position: relative;
display: inline-block;
}
.iti * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.iti__hide {
display: none;
}
.iti__v-hide {
visibility: hidden;
}
.iti input,
.iti input[type=text],
.iti input[type=tel] {
position: relative;
z-index: 0;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-right: 36px;
margin-right: 0;
}
.iti__flag-container {
position: absolute;
top: 0;
bottom: 0;
right: 0;
padding: 1px;
}
.iti__selected-flag {
z-index: 1;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
padding: 0 6px 0 8px;
}
.iti__arrow {
margin-left: 6px;
width: 0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 4px solid #555;
}
.iti__arrow--up {
border-top: none;
border-bottom: 4px solid #555;
}
.iti__country-list {
position: absolute;
z-index: 2;
list-style: none;
text-align: left;
padding: 0;
margin: 0 0 0 -1px;
-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
background-color: white;
border: 1px solid #CCC;
white-space: nowrap;
max-height: 200px;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
.iti__country-list--dropup {
bottom: 100%;
margin-bottom: -1px;
}
@media (max-width: 500px) {
.iti__country-list {
white-space: normal;
}
}
.iti__flag-box {
display: inline-block;
width: 20px;
}
.iti__divider {
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #CCC;
}
.iti__country {
padding: 5px 10px;
outline: none;
}
.iti__dial-code {
color: #999;
}
.iti__country.iti__highlight {
background-color: rgba(0, 0, 0, 0.05);
}
.iti__flag-box,
.iti__country-name,
.iti__dial-code {
vertical-align: middle;
}
.iti__flag-box,
.iti__country-name {
margin-right: 6px;
}
.iti--allow-dropdown input,
.iti--allow-dropdown input[type=text],
.iti--allow-dropdown input[type=tel],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type=text],
.iti--separate-dial-code input[type=tel] {
padding-right: 6px;
padding-left: 52px;
margin-left: 0;
}
.iti--allow-dropdown .iti__flag-container,
.iti--separate-dial-code .iti__flag-container {
right: auto;
left: 0;
}
.iti--allow-dropdown .iti__flag-container:hover {
cursor: pointer;
}
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
background-color: rgba(0, 0, 0, 0.05);
}
.iti--allow-dropdown input[disabled] + .iti__flag-container:hover,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
cursor: default;
}
.iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
background-color: transparent;
}
.iti--separate-dial-code .iti__selected-flag {
background-color: rgba(0, 0, 0, 0.05);
}
.iti--separate-dial-code .iti__selected-dial-code {
margin-left: 6px;
}
.iti--container {
position: absolute;
top: -1000px;
left: -1000px;
z-index: 1060;
padding: 1px;
}
.iti--container:hover {
cursor: pointer;
}
.iti-mobile .iti--container {
top: 30px;
bottom: 30px;
left: 30px;
right: 30px;
position: fixed;
}
.iti-mobile .iti__country-list {
max-height: 100%;
width: 100%;
}
.iti-mobile .iti__country {
padding: 10px 10px;
line-height: 1.5em;
}
.iti__flag {
width: 20px;
}
.iti__flag.iti__be {
width: 18px;
}
.iti__flag.iti__ch {
width: 15px;
}
.iti__flag.iti__mc {
width: 19px;
}
.iti__flag.iti__ne {
width: 18px;
}
.iti__flag.iti__np {
width: 13px;
}
.iti__flag.iti__va {
width: 15px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.iti__flag {
background-size: 5652px 15px;
}
}
.iti__flag.iti__ac {
height: 10px;
background-position: 0px 0px;
}
.iti__flag.iti__ad {
height: 14px;
background-position: -22px 0px;
}
.iti__flag.iti__ae {
height: 10px;
background-position: -44px 0px;
}
.iti__flag.iti__af {
height: 14px;
background-position: -66px 0px;
}
.iti__flag.iti__ag {
height: 14px;
background-position: -88px 0px;
}
.iti__flag.iti__ai {
height: 10px;
background-position: -110px 0px;
}
.iti__flag.iti__al {
height: 15px;
background-position: -132px 0px;
}
.iti__flag.iti__am {
height: 10px;
background-position: -154px 0px;
}
.iti__flag.iti__ao {
height: 14px;
background-position: -176px 0px;
}
.iti__flag.iti__aq {
height: 14px;
background-position: -198px 0px;
}
.iti__flag.iti__ar {
height: 13px;
background-position: -220px 0px;
}
.iti__flag.iti__as {
height: 10px;
background-position: -242px 0px;
}
.iti__flag.iti__at {
height: 14px;
background-position: -264px 0px;
}
.iti__flag.iti__au {
height: 10px;
background-position: -286px 0px;
}
.iti__flag.iti__aw {
height: 14px;
background-position: -308px 0px;
}
.iti__flag.iti__ax {
height: 13px;
background-position: -330px 0px;
}
.iti__flag.iti__az {
height: 10px;
background-position: -352px 0px;
}
.iti__flag.iti__ba {
height: 10px;
background-position: -374px 0px;
}
.iti__flag.iti__bb {
height: 14px;
background-position: -396px 0px;
}
.iti__flag.iti__bd {
height: 12px;
background-position: -418px 0px;
}
.iti__flag.iti__be {
height: 15px;
background-position: -440px 0px;
}
.iti__flag.iti__bf {
height: 14px;
background-position: -460px 0px;
}
.iti__flag.iti__bg {
height: 12px;
background-position: -482px 0px;
}
.iti__flag.iti__bh {
height: 12px;
background-position: -504px 0px;
}
.iti__flag.iti__bi {
height: 12px;
background-position: -526px 0px;
}
.iti__flag.iti__bj {
height: 14px;
background-position: -548px 0px;
}
.iti__flag.iti__bl {
height: 14px;
background-position: -570px 0px;
}
.iti__flag.iti__bm {
height: 10px;
background-position: -592px 0px;
}
.iti__flag.iti__bn {
height: 10px;
background-position: -614px 0px;
}
.iti__flag.iti__bo {
height: 14px;
background-position: -636px 0px;
}
.iti__flag.iti__bq {
height: 14px;
background-position: -658px 0px;
}
.iti__flag.iti__br {
height: 14px;
background-position: -680px 0px;
}
.iti__flag.iti__bs {
height: 10px;
background-position: -702px 0px;
}
.iti__flag.iti__bt {
height: 14px;
background-position: -724px 0px;
}
.iti__flag.iti__bv {
height: 15px;
background-position: -746px 0px;
}
.iti__flag.iti__bw {
height: 14px;
background-position: -768px 0px;
}
.iti__flag.iti__by {
height: 10px;
background-position: -790px 0px;
}
.iti__flag.iti__bz {
height: 14px;
background-position: -812px 0px;
}
.iti__flag.iti__ca {
height: 10px;
background-position: -834px 0px;
}
.iti__flag.iti__cc {
height: 10px;
background-position: -856px 0px;
}
.iti__flag.iti__cd {
height: 15px;
background-position: -878px 0px;
}
.iti__flag.iti__cf {
height: 14px;
background-position: -900px 0px;
}
.iti__flag.iti__cg {
height: 14px;
background-position: -922px 0px;
}
.iti__flag.iti__ch {
height: 15px;
background-position: -944px 0px;
}
.iti__flag.iti__ci {
height: 14px;
background-position: -961px 0px;
}
.iti__flag.iti__ck {
height: 10px;
background-position: -983px 0px;
}
.iti__flag.iti__cl {
height: 14px;
background-position: -1005px 0px;
}
.iti__flag.iti__cm {
height: 14px;
background-position: -1027px 0px;
}
.iti__flag.iti__cn {
height: 14px;
background-position: -1049px 0px;
}
.iti__flag.iti__co {
height: 14px;
background-position: -1071px 0px;
}
.iti__flag.iti__cp {
height: 14px;
background-position: -1093px 0px;
}
.iti__flag.iti__cr {
height: 12px;
background-position: -1115px 0px;
}
.iti__flag.iti__cu {
height: 10px;
background-position: -1137px 0px;
}
.iti__flag.iti__cv {
height: 12px;
background-position: -1159px 0px;
}
.iti__flag.iti__cw {
height: 14px;
background-position: -1181px 0px;
}
.iti__flag.iti__cx {
height: 10px;
background-position: -1203px 0px;
}
.iti__flag.iti__cy {
height: 14px;
background-position: -1225px 0px;
}
.iti__flag.iti__cz {
height: 14px;
background-position: -1247px 0px;
}
.iti__flag.iti__de {
height: 12px;
background-position: -1269px 0px;
}
.iti__flag.iti__dg {
height: 10px;
background-position: -1291px 0px;
}
.iti__flag.iti__dj {
height: 14px;
background-position: -1313px 0px;
}
.iti__flag.iti__dk {
height: 15px;
background-position: -1335px 0px;
}
.iti__flag.iti__dm {
height: 10px;
background-position: -1357px 0px;
}
.iti__flag.iti__do {
height: 14px;
background-position: -1379px 0px;
}
.iti__flag.iti__dz {
height: 14px;
background-position: -1401px 0px;
}
.iti__flag.iti__ea {
height: 14px;
background-position: -1423px 0px;
}
.iti__flag.iti__ec {
height: 14px;
background-position: -1445px 0px;
}
.iti__flag.iti__ee {
height: 13px;
background-position: -1467px 0px;
}
.iti__flag.iti__eg {
height: 14px;
background-position: -1489px 0px;
}
.iti__flag.iti__eh {
height: 10px;
background-position: -1511px 0px;
}
.iti__flag.iti__er {
height: 10px;
background-position: -1533px 0px;
}
.iti__flag.iti__es {
height: 14px;
background-position: -1555px 0px;
}
.iti__flag.iti__et {
height: 10px;
background-position: -1577px 0px;
}
.iti__flag.iti__eu {
height: 14px;
background-position: -1599px 0px;
}
.iti__flag.iti__fi {
height: 12px;
background-position: -1621px 0px;
}
.iti__flag.iti__fj {
height: 10px;
background-position: -1643px 0px;
}
.iti__flag.iti__fk {
height: 10px;
background-position: -1665px 0px;
}
.iti__flag.iti__fm {
height: 11px;
background-position: -1687px 0px;
}
.iti__flag.iti__fo {
height: 15px;
background-position: -1709px 0px;
}
.iti__flag.iti__fr {
height: 14px;
background-position: -1731px 0px;
}
.iti__flag.iti__ga {
height: 15px;
background-position: -1753px 0px;
}
.iti__flag.iti__gb {
height: 10px;
background-position: -1775px 0px;
}
.iti__flag.iti__gd {
height: 12px;
background-position: -1797px 0px;
}
.iti__flag.iti__ge {
height: 14px;
background-position: -1819px 0px;
}
.iti__flag.iti__gf {
height: 14px;
background-position: -1841px 0px;
}
.iti__flag.iti__gg {
height: 14px;
background-position: -1863px 0px;
}
.iti__flag.iti__gh {
height: 14px;
background-position: -1885px 0px;
}
.iti__flag.iti__gi {
height: 10px;
background-position: -1907px 0px;
}
.iti__flag.iti__gl {
height: 14px;
background-position: -1929px 0px;
}
.iti__flag.iti__gm {
height: 14px;
background-position: -1951px 0px;
}
.iti__flag.iti__gn {
height: 14px;
background-position: -1973px 0px;
}
.iti__flag.iti__gp {
height: 14px;
background-position: -1995px 0px;
}
.iti__flag.iti__gq {
height: 14px;
background-position: -2017px 0px;
}
.iti__flag.iti__gr {
height: 14px;
background-position: -2039px 0px;
}
.iti__flag.iti__gs {
height: 10px;
background-position: -2061px 0px;
}
.iti__flag.iti__gt {
height: 13px;
background-position: -2083px 0px;
}
.iti__flag.iti__gu {
height: 11px;
background-position: -2105px 0px;
}
.iti__flag.iti__gw {
height: 10px;
background-position: -2127px 0px;
}
.iti__flag.iti__gy {
height: 12px;
background-position: -2149px 0px;
}
.iti__flag.iti__hk {
height: 14px;
background-position: -2171px 0px;
}
.iti__flag.iti__hm {
height: 10px;
background-position: -2193px 0px;
}
.iti__flag.iti__hn {
height: 10px;
background-position: -2215px 0px;
}
.iti__flag.iti__hr {
height: 10px;
background-position: -2237px 0px;
}
.iti__flag.iti__ht {
height: 12px;
background-position: -2259px 0px;
}
.iti__flag.iti__hu {
height: 10px;
background-position: -2281px 0px;
}
.iti__flag.iti__ic {
height: 14px;
background-position: -2303px 0px;
}
.iti__flag.iti__id {
height: 14px;
background-position: -2325px 0px;
}
.iti__flag.iti__ie {
height: 10px;
background-position: -2347px 0px;
}
.iti__flag.iti__il {
height: 15px;
background-position: -2369px 0px;
}
.iti__flag.iti__im {
height: 10px;
background-position: -2391px 0px;
}
.iti__flag.iti__in {
height: 14px;
background-position: -2413px 0px;
}
.iti__flag.iti__io {
height: 10px;
background-position: -2435px 0px;
}
.iti__flag.iti__iq {
height: 14px;
background-position: -2457px 0px;
}
.iti__flag.iti__ir {
height: 12px;
background-position: -2479px 0px;
}
.iti__flag.iti__is {
height: 15px;
background-position: -2501px 0px;
}
.iti__flag.iti__it {
height: 14px;
background-position: -2523px 0px;
}
.iti__flag.iti__je {
height: 12px;
background-position: -2545px 0px;
}
.iti__flag.iti__jm {
height: 10px;
background-position: -2567px 0px;
}
.iti__flag.iti__jo {
height: 10px;
background-position: -2589px 0px;
}
.iti__flag.iti__jp {
height: 14px;
background-position: -2611px 0px;
}
.iti__flag.iti__ke {
height: 14px;
background-position: -2633px 0px;
}
.iti__flag.iti__kg {
height: 12px;
background-position: -2655px 0px;
}
.iti__flag.iti__kh {
height: 13px;
background-position: -2677px 0px;
}
.iti__flag.iti__ki {
height: 10px;
background-position: -2699px 0px;
}
.iti__flag.iti__km {
height: 12px;
background-position: -2721px 0px;
}
.iti__flag.iti__kn {
height: 14px;
background-position: -2743px 0px;
}
.iti__flag.iti__kp {
height: 10px;
background-position: -2765px 0px;
}
.iti__flag.iti__kr {
height: 14px;
background-position: -2787px 0px;
}
.iti__flag.iti__kw {
height: 10px;
background-position: -2809px 0px;
}
.iti__flag.iti__ky {
height: 10px;
background-position: -2831px 0px;
}
.iti__flag.iti__kz {
height: 10px;
background-position: -2853px 0px;
}
.iti__flag.iti__la {
height: 14px;
background-position: -2875px 0px;
}
.iti__flag.iti__lb {
height: 14px;
background-position: -2897px 0px;
}
.iti__flag.iti__lc {
height: 10px;
background-position: -2919px 0px;
}
.iti__flag.iti__li {
height: 12px;
background-position: -2941px 0px;
}
.iti__flag.iti__lk {
height: 10px;
background-position: -2963px 0px;
}
.iti__flag.iti__lr {
height: 11px;
background-position: -2985px 0px;
}
.iti__flag.iti__ls {
height: 14px;
background-position: -3007px 0px;
}
.iti__flag.iti__lt {
height: 12px;
background-position: -3029px 0px;
}
.iti__flag.iti__lu {
height: 12px;
background-position: -3051px 0px;
}
.iti__flag.iti__lv {
height: 10px;
background-position: -3073px 0px;
}
.iti__flag.iti__ly {
height: 10px;
background-position: -3095px 0px;
}
.iti__flag.iti__ma {
height: 14px;
background-position: -3117px 0px;
}
.iti__flag.iti__mc {
height: 15px;
background-position: -3139px 0px;
}
.iti__flag.iti__md {
height: 10px;
background-position: -3160px 0px;
}
.iti__flag.iti__me {
height: 10px;
background-position: -3182px 0px;
}
.iti__flag.iti__mf {
height: 14px;
background-position: -3204px 0px;
}
.iti__flag.iti__mg {
height: 14px;
background-position: -3226px 0px;
}
.iti__flag.iti__mh {
height: 11px;
background-position: -3248px 0px;
}
.iti__flag.iti__mk {
height: 10px;
background-position: -3270px 0px;
}
.iti__flag.iti__ml {
height: 14px;
background-position: -3292px 0px;
}
.iti__flag.iti__mm {
height: 14px;
background-position: -3314px 0px;
}
.iti__flag.iti__mn {
height: 10px;
background-position: -3336px 0px;
}
.iti__flag.iti__mo {
height: 14px;
background-position: -3358px 0px;
}
.iti__flag.iti__mp {
height: 10px;
background-position: -3380px 0px;
}
.iti__flag.iti__mq {
height: 14px;
background-position: -3402px 0px;
}
.iti__flag.iti__mr {
height: 14px;
background-position: -3424px 0px;
}
.iti__flag.iti__ms {
height: 10px;
background-position: -3446px 0px;
}
.iti__flag.iti__mt {
height: 14px;
background-position: -3468px 0px;
}
.iti__flag.iti__mu {
height: 14px;
background-position: -3490px 0px;
}
.iti__flag.iti__mv {
height: 14px;
background-position: -3512px 0px;
}
.iti__flag.iti__mw {
height: 14px;
background-position: -3534px 0px;
}
.iti__flag.iti__mx {
height: 12px;
background-position: -3556px 0px;
}
.iti__flag.iti__my {
height: 10px;
background-position: -3578px 0px;
}
.iti__flag.iti__mz {
height: 14px;
background-position: -3600px 0px;
}
.iti__flag.iti__na {
height: 14px;
background-position: -3622px 0px;
}
.iti__flag.iti__nc {
height: 10px;
background-position: -3644px 0px;
}
.iti__flag.iti__ne {
height: 15px;
background-position: -3666px 0px;
}
.iti__flag.iti__nf {
height: 10px;
background-position: -3686px 0px;
}
.iti__flag.iti__ng {
height: 10px;
background-position: -3708px 0px;
}
.iti__flag.iti__ni {
height: 12px;
background-position: -3730px 0px;
}
.iti__flag.iti__nl {
height: 14px;
background-position: -3752px 0px;
}
.iti__flag.iti__no {
height: 15px;
background-position: -3774px 0px;
}
.iti__flag.iti__np {
height: 15px;
background-position: -3796px 0px;
}
.iti__flag.iti__nr {
height: 10px;
background-position: -3811px 0px;
}
.iti__flag.iti__nu {
height: 10px;
background-position: -3833px 0px;
}
.iti__flag.iti__nz {
height: 10px;
background-position: -3855px 0px;
}
.iti__flag.iti__om {
height: 10px;
background-position: -3877px 0px;
}
.iti__flag.iti__pa {
height: 14px;
background-position: -3899px 0px;
}
.iti__flag.iti__pe {
height: 14px;
background-position: -3921px 0px;
}
.iti__flag.iti__pf {
height: 14px;
background-position: -3943px 0px;
}
.iti__flag.iti__pg {
height: 15px;
background-position: -3965px 0px;
}
.iti__flag.iti__ph {
height: 10px;
background-position: -3987px 0px;
}
.iti__flag.iti__pk {
height: 14px;
background-position: -4009px 0px;
}
.iti__flag.iti__pl {
height: 13px;
background-position: -4031px 0px;
}
.iti__flag.iti__pm {
height: 14px;
background-position: -4053px 0px;
}
.iti__flag.iti__pn {
height: 10px;
background-position: -4075px 0px;
}
.iti__flag.iti__pr {
height: 14px;
background-position: -4097px 0px;
}
.iti__flag.iti__ps {
height: 10px;
background-position: -4119px 0px;
}
.iti__flag.iti__pt {
height: 14px;
background-position: -4141px 0px;
}
.iti__flag.iti__pw {
height: 13px;
background-position: -4163px 0px;
}
.iti__flag.iti__py {
height: 11px;
background-position: -4185px 0px;
}
.iti__flag.iti__qa {
height: 8px;
background-position: -4207px 0px;
}
.iti__flag.iti__re {
height: 14px;
background-position: -4229px 0px;
}
.iti__flag.iti__ro {
height: 14px;
background-position: -4251px 0px;
}
.iti__flag.iti__rs {
height: 14px;
background-position: -4273px 0px;
}
.iti__flag.iti__ru {
height: 14px;
background-position: -4295px 0px;
}
.iti__flag.iti__rw {
height: 14px;
background-position: -4317px 0px;
}
.iti__flag.iti__sa {
height: 14px;
background-position: -4339px 0px;
}
.iti__flag.iti__sb {
height: 10px;
background-position: -4361px 0px;
}
.iti__flag.iti__sc {
height: 10px;
background-position: -4383px 0px;
}
.iti__flag.iti__sd {
height: 10px;
background-position: -4405px 0px;
}
.iti__flag.iti__se {
height: 13px;
background-position: -4427px 0px;
}
.iti__flag.iti__sg {
height: 14px;
background-position: -4449px 0px;
}
.iti__flag.iti__sh {
height: 10px;
background-position: -4471px 0px;
}
.iti__flag.iti__si {
height: 10px;
background-position: -4493px 0px;
}
.iti__flag.iti__sj {
height: 15px;
background-position: -4515px 0px;
}
.iti__flag.iti__sk {
height: 14px;
background-position: -4537px 0px;
}
.iti__flag.iti__sl {
height: 14px;
background-position: -4559px 0px;
}
.iti__flag.iti__sm {
height: 15px;
background-position: -4581px 0px;
}
.iti__flag.iti__sn {
height: 14px;
background-position: -4603px 0px;
}
.iti__flag.iti__so {
height: 14px;
background-position: -4625px 0px;
}
.iti__flag.iti__sr {
height: 14px;
background-position: -4647px 0px;
}
.iti__flag.iti__ss {
height: 10px;
background-position: -4669px 0px;
}
.iti__flag.iti__st {
height: 10px;
background-position: -4691px 0px;
}
.iti__flag.iti__sv {
height: 12px;
background-position: -4713px 0px;
}
.iti__flag.iti__sx {
height: 14px;
background-position: -4735px 0px;
}
.iti__flag.iti__sy {
height: 14px;
background-position: -4757px 0px;
}
.iti__flag.iti__sz {
height: 14px;
background-position: -4779px 0px;
}
.iti__flag.iti__ta {
height: 10px;
background-position: -4801px 0px;
}
.iti__flag.iti__tc {
height: 10px;
background-position: -4823px 0px;
}
.iti__flag.iti__td {
height: 14px;
background-position: -4845px 0px;
}
.iti__flag.iti__tf {
height: 14px;
background-position: -4867px 0px;
}
.iti__flag.iti__tg {
height: 13px;
background-position: -4889px 0px;
}
.iti__flag.iti__th {
height: 14px;
background-position: -4911px 0px;
}
.iti__flag.iti__tj {
height: 10px;
background-position: -4933px 0px;
}
.iti__flag.iti__tk {
height: 10px;
background-position: -4955px 0px;
}
.iti__flag.iti__tl {
height: 10px;
background-position: -4977px 0px;
}
.iti__flag.iti__tm {
height: 14px;
background-position: -4999px 0px;
}
.iti__flag.iti__tn {
height: 14px;
background-position: -5021px 0px;
}
.iti__flag.iti__to {
height: 10px;
background-position: -5043px 0px;
}
.iti__flag.iti__tr {
height: 14px;
background-position: -5065px 0px;
}
.iti__flag.iti__tt {
height: 12px;
background-position: -5087px 0px;
}
.iti__flag.iti__tv {
height: 10px;
background-position: -5109px 0px;
}
.iti__flag.iti__tw {
height: 14px;
background-position: -5131px 0px;
}
.iti__flag.iti__tz {
height: 14px;
background-position: -5153px 0px;
}
.iti__flag.iti__ua {
height: 14px;
background-position: -5175px 0px;
}
.iti__flag.iti__ug {
height: 14px;
background-position: -5197px 0px;
}
.iti__flag.iti__um {
height: 11px;
background-position: -5219px 0px;
}
.iti__flag.iti__un {
height: 14px;
background-position: -5241px 0px;
}
.iti__flag.iti__us {
height: 11px;
background-position: -5263px 0px;
}
.iti__flag.iti__uy {
height: 14px;
background-position: -5285px 0px;
}
.iti__flag.iti__uz {
height: 10px;
background-position: -5307px 0px;
}
.iti__flag.iti__va {
height: 15px;
background-position: -5329px 0px;
}
.iti__flag.iti__vc {
height: 14px;
background-position: -5346px 0px;
}
.iti__flag.iti__ve {
height: 14px;
background-position: -5368px 0px;
}
.iti__flag.iti__vg {
height: 10px;
background-position: -5390px 0px;
}
.iti__flag.iti__vi {
height: 14px;
background-position: -5412px 0px;
}
.iti__flag.iti__vn {
height: 14px;
background-position: -5434px 0px;
}
.iti__flag.iti__vu {
height: 12px;
background-position: -5456px 0px;
}
.iti__flag.iti__wf {
height: 14px;
background-position: -5478px 0px;
}
.iti__flag.iti__ws {
height: 10px;
background-position: -5500px 0px;
}
.iti__flag.iti__xk {
height: 15px;
background-position: -5522px 0px;
}
.iti__flag.iti__ye {
height: 14px;
background-position: -5544px 0px;
}
.iti__flag.iti__yt {
height: 14px;
background-position: -5566px 0px;
}
.iti__flag.iti__za {
height: 14px;
background-position: -5588px 0px;
}
.iti__flag.iti__zm {
height: 14px;
background-position: -5610px 0px;
}
.iti__flag.iti__zw {
height: 10px;
background-position: -5632px 0px;
}
.iti__flag {
height: 15px;
-webkit-box-shadow: 0px 0px 1px 0px #888;
box-shadow: 0px 0px 1px 0px #888;
background-image: url(/images/flags.png?dd08683dfb69fac870960440220f4efe);
background-repeat: no-repeat;
background-color: #DBDBDB;
background-position: 20px 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.iti__flag {
background-image: url(/images/flags@2x.png?47f8284431592173edbcf8251eb482b8);
}
}
.iti__flag.iti__np {
background-color: transparent;
}
.i3-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border: 0;
height: 40px;
font-weight: 500;
font-size: 1.5rem;
border-radius: 5px;
cursor: pointer;
padding: 1.5rem;
color: var(--black);
background-color: var(--base);
-webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
-o-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
-webkit-box-shadow: var(--shadow7);
box-shadow: var(--shadow7);
}
.i3-button:hover {
background-color: var(--hover-bg);
color: var(--black);
}
.i3-button-base {
display: inline-block;
border: 0;
width: auto;
font-weight: 500;
font-size: 1.5rem;
border-radius: 5px;
cursor: pointer;
padding: 1rem 1.8rem;
color: var(--white);
background-color: var(--base-blue);
-webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
-o-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
-webkit-box-shadow: var(--shadow7);
box-shadow: var(--shadow7);
}
.i3-button-base:hover {
background-color: var(--base);
color: var(--black);
}
.i3-button-bordered {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: auto;
font-weight: 500;
font-size: 1.5rem;
border-radius: 5px;
cursor: pointer;
padding: 1rem;
background-color: var(--white);
border: 1px solid var(--black);
-webkit-box-shadow: var(--shadow7);
box-shadow: var(--shadow7);
-webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
-o-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.i3-button-bordered:hover {
background-color: var(--base);
color: var(--black);
}
.i3-button-bordered.i3-round {
padding: 0.5rem 1.5rem;
border-radius: 2.5rem;
}
.field.has-button-in .control button,
.field.has-button-in .control a {
position: absolute;
top: 50%;
right: 0.5rem;
border: 0;
height: 3.2rem;
padding: 0 1rem;
font-weight: 500;
font-size: 1.4rem;
cursor: pointer;
border-radius: var(--border-s);
background: var(--base);
color: var(--white);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: background-color 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
-o-transition: background-color 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition: background-color 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.field.has-button-in .control button:hover,
.field.has-button-in .control a:hover {
background-color: var(--hover);
}
#i3-top-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: var(--base-blue);
width: 44px;
height: 44px;
position: fixed;
bottom: 100px;
right: 30px;
-webkit-transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
-o-transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
opacity: 0;
visibility: hidden;
z-index: 2;
border-radius: 25px;
-webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.6);
box-shadow: 0 1px 7px rgba(0, 0, 0, 0.6);
}
#i3-top-btn:hover {
-webkit-transition: var(--btn-transition);
-o-transition: var(--btn-transition);
transition: var(--btn-transition);
cursor: pointer;
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
background-color: var(--base);
}
#i3-top-btn:active {
background-color: var(--base);
}
#i3-top-btn.show {
opacity: 1;
visibility: visible;
}
#mobile-action-bar {
-webkit-transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
-o-transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
opacity: 0;
visibility: hidden;
}
#mobile-action-bar.show {
opacity: 1;
visibility: visible;
}
@media screen and (max-width: 425px) {
#i3-top-btn {
width: 34px;
height: 34px;
right: 15px;
}
#i3-top-btn svg {
height: 20px !important;
}
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
pointer-events: unset;
}
.section:not(#i3-video-stories) .swiper-pagination-bullets {
bottom: 20px;
padding: 0.9rem 0rem;
background: white;
border-radius: var(--border-s);
background-color: rgba(20, 46, 63, 0.3);
-webkit-backdrop-filter: blur(30px) brightness(115%);
backdrop-filter: blur(30px) brightness(115%);
}
.section:not(#i3-video-stories) .swiper-pagination-bullets .swiper-pagination-bullet {
width: 0.4rem;
height: 1rem;
display: inline-block;
background: var(--base-blue);
border-radius: var(--border-m);
opacity: 1;
-webkit-transform: scale(1) !important;
-ms-transform: scale(1) !important;
transform: scale(1) !important;
}
.section:not(#i3-video-stories) .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active-main {
height: 2rem;
background: var(--base);
}
.section:not(#i3-video-stories) .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active-prev-prev,
.section:not(#i3-video-stories) .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active-next-next {
height: 0.5rem;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next,
.swiper-button-next {
width: unset;
outline: 0;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after,
.swiper-button-next:after {
color: var(--base-blue);
font-size: 12px;
font-weight: bolder;
width: 35px;
height: 35px;
border-radius: var(--border-r);
border: 2px solid var(--base-blue);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: var(--light-white);
background-color: rgba(20, 46, 63, 0.5);
-webkit-backdrop-filter: blur(30px) brightness(115%);
backdrop-filter: blur(30px) brightness(115%);
color: var(--light-grey);
}
.saved-address-modal,
.delete-validation-modal {
padding: 1rem;
}
.saved-address-modal .modal-card,
.delete-validation-modal .modal-card {
-webkit-box-shadow: var(--shadow2);
box-shadow: var(--shadow2);
border-radius: var(--border-s);
color: var(--black);
}
.saved-address-modal .modal-card .modal-card-head,
.delete-validation-modal .modal-card .modal-card-head {
background-color: var(--base);
border-bottom: none;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.saved-address-modal .modal-card .modal-card-head .modal-card-title,
.delete-validation-modal .modal-card .modal-card-head .modal-card-title {
margin: 0;
text-align: center;
font-weight: 600;
color: var(--white);
font-size: 1.8rem;
}
.saved-address-modal .modal-card .modal-card-body .menu-content-cta,
.saved-address-modal .modal-card .modal-card-foot .menu-content-cta,
.delete-validation-modal .modal-card .modal-card-body .menu-content-cta,
.delete-validation-modal .modal-card .modal-card-foot .menu-content-cta {
margin-top: 0 !important;
}
.saved-address-modal .modal-card .modal-card-body .menu-content-cta button,
.saved-address-modal .modal-card .modal-card-foot .menu-content-cta button,
.delete-validation-modal .modal-card .modal-card-body .menu-content-cta button,
.delete-validation-modal .modal-card .modal-card-foot .menu-content-cta button {
margin-top: 0 !important;
width: auto !important;
}
.saved-address-modal .modal-card .modal-card-body .menu-content-cta .modal-cancel,
.saved-address-modal .modal-card .modal-card-foot .menu-content-cta .modal-cancel,
.delete-validation-modal .modal-card .modal-card-body .menu-content-cta .modal-cancel,
.delete-validation-modal .modal-card .modal-card-foot .menu-content-cta .modal-cancel {
margin: 1rem;
cursor: pointer;
}
.modal-button {
cursor: pointer;
text-decoration: underline;
}
.modal .modal-card .modal-card-head {
background-color: var(--base-blue);
margin-bottom: 0;
}
.modal .modal-card .modal-card-head .modal-card-title {
font-size: 2rem;
margin: 0;
font-weight: 500;
color: var(--white);
text-align: center;
}
.modal .modal-card .modal-card-body::-webkit-scrollbar {
width: 7px;
}
.modal .modal-card .modal-card-body::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
border-radius: 10px;
}
.modal .modal-card .modal-card-body::-webkit-scrollbar-thumb {
border-radius: 25px;
background-color: var(--base);
}
.modal .modal-card .modal-card-foot {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-bottom: 0;
}
.i3-card__product {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: auto;
width: 100%;
height: 100%;
max-width: 34rem;
z-index: 0;
}
.i3-card__product .has-hover-img {
display: none;
max-width: 30rem;
max-height: 24.4rem;
height: 100%;
}
.i3-card__product .card__product-content {
padding: 1.5rem 1.5rem 1.5rem;
height: 100%;
overflow: hidden;
border-radius: 1rem 1rem 0 0;
background-color: var(--base-pr);
}
.i3-card__product .card__product-content .card__product-content__top {
margin-bottom: 1rem;
}
.i3-card__product .card__product-content .card__product-content__top .card__product-img {
width: 100%;
height: auto;
position: relative;
}
.i3-card__product .card__product-content .card__product-content__mid .card__product-name {
margin-bottom: 1rem;
}
.i3-card__product .card__product-content .card__product-content__mid .card__product-name a {
height: 42px;
}
.i3-card__product .card__product-content .card__product-content__mid .card__product-attributes {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 1rem;
}
.i3-card__product .card__product-content .card__product-content__mid .card__product-attributes .attr-price {
font-size: 1.8rem;
font-weight: 600;
}
.i3-card__product .card__product-content .card__product-content__mid .card__product-attributes .card__product-material {
position: relative;
cursor: pointer;
}
.i3-card__product .card__product-content .card__product-content__mid .card__product-attributes .card__product-material .materials {
display: block;
width: 2.5rem;
height: 2.5rem;
}
.i3-card__product .card__product-content .card__product-content__mid .card__product-attributes .card__product-material .materials:before {
content: "";
width: 2.5rem;
height: 2.5rem;
position: absolute;
display: inline-block;
background-repeat: no-repeat;
background-size: cover;
}
.i3-card__product .card__product-content .card__product-content__mid .card__product-attributes .card__product-material .materials.material-type-1:before {
content: url("/assets/icons/product-assets/material-type-1.svg");
}
.i3-card__product .card__product-content .card__product-content__mid .card__product-attributes .card__product-material .materials.material-type-2:before {
content: url("/assets/icons/product-assets/material-type-2.svg");
}
.i3-card__product .card__product-content .card__product-content__mid .card__product-attributes .card__product-material .materials.material-type-3:before {
content: url("/assets/icons/product-assets/material-type-3.svg");
}
.i3-card__product .card__product-content .card__product-content__mid .card__product-attributes .card__product-material .materials:after {
content: attr(data-product-material);
width: 100%;
-webkit-transform: translateX(180px);
-ms-transform: translateX(180px);
transform: translateX(180px);
opacity: 0;
visibility: hidden;
min-width: 16rem;
padding: 1rem;
font-weight: 600;
border-radius: var(--border-s);
background: var(--white);
-webkit-box-shadow: var(--shadow2);
box-shadow: var(--shadow2);
position: absolute;
top: -80px;
right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 1;
-webkit-transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
-o-transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
-webkit-filter: blur(0);
filter: blur(0);
color: var(--black);
}
.i3-card__product .card__product-content .card__product-content__mid .card__product-attributes .card__product-material .materials:hover:after {
will-change: visibility, transform, opacity;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
opacity: 1;
visibility: visible;
}
.i3-card__product .card__product-content .card__product-content__mid .card__related-product-attributes {
margin-bottom: 1rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.i3-card__product .card__product-content .card__product-content__mid .card__related-product-attributes .attribute-item span {
font-size: 1.1rem;
-webkit-font-smoothing: antialiased;
}
.i3-card__product .card__product-content .card__product-content__mid .card__related-product-attributes .attribute-item span.attr-name {
color: var(--base-grey);
}
.i3-card__product .card__product-content .card__product-content__mid .card__product-personalization {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.i3-card__product .card__product-content .card__product-content__mid .card__product-personalization img {
margin-right: 1rem;
}
.i3-card__product .card__product-content .card__product-content__mid .card__product-personalization span {
font-size: 1.3rem;
}
.i3-card__product .card__product-content__bottom {
width: 100%;
background: var(--base-pr);
border-radius: 0 0 1rem 1rem;
padding: 0.5rem 1.5rem 1.5rem;
}
.i3-card__product .card__product-content__bottom .card__product-actions {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
}
.i3-card__product .action-wishlist {
cursor: pointer;
}
.i3-card__product .action-wishlist:before,
.i3-card__product .action-wishlist:after {
position: absolute;
right: 2rem;
top: 1.5rem;
background-size: cover;
background-repeat: no-repeat;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
position: absolute;
}
.i3-card__product .action-wishlist:before {
will-change: opacity, visibility;
content: url("/assets/icons/product-assets/wishlist-pr.svg");
}
.i3-card__product .action-wishlist:after {
will-change: opacity, visibility;
content: url("/assets/icons/product-assets/wishlist-pr-hover.svg");
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.i3-card__product .action-wishlist:hover:before {
opacity: 0;
visibility: hidden;
}
.i3-card__product .action-wishlist:hover:after {
opacity: 1;
visibility: visible;
}
.i3-card__product .product-labels {
position: absolute;
top: 1rem;
left: 0;
}
.i3-card__product .product-labels .has-label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.i3-card__product .product-labels .has-label span {
font-size: 1.3rem;
font-weight: 600;
padding-left: 1rem;
}
.i3-card__product .product-labels .has-label.has-discount span {
border-bottom: 3px solid var(--available3);
}
.i3-card__product .product-labels .has-label.is-new span {
border-bottom: 3px solid var(--base);
}
.i3-card__product .product-labels .has-label.availability-type-1 span {
border-bottom: 3px solid var(--available);
}
.i3-card__product .product-labels .has-label.availability-type-2 span {
border-bottom: 3px solid var(--available2);
}
.i3-card__product .product-labels .has-label.availability-type-3 span {
border-bottom: 3px solid var(--available3);
}
@media screen and (min-width: 1024px) {
.i3-card__product:before {
width: 12rem;
height: 0.2rem;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background: var(--base-blue);
-webkit-transition: var(--btn-transition);
-o-transition: var(--btn-transition);
transition: var(--btn-transition);
content: "";
opacity: 0;
visibility: hidden;
}
.i3-card__product .action-wishlist {
opacity: 0;
visibility: hidden;
-webkit-transition: var(--btn-transition);
-o-transition: var(--btn-transition);
transition: var(--btn-transition);
will-change: opacity, visibility;
}
.i3-card__product .card__product-content {
border-radius: var(--border-m);
}
.i3-card__product .card__product-content:before {
content: "";
position: absolute;
display: block;
width: 85%;
height: 2.4rem;
border-radius: 50%;
background-color: var(--base-grey);
-webkit-filter: blur(5px);
filter: blur(5px);
z-index: -1;
bottom: -1rem;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
visibility: hidden;
opacity: 0;
}
.i3-card__product .card__product-content__bottom {
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
position: absolute;
left: 0;
width: 100%;
bottom: -45px;
background: var(--base-pr);
border-radius: 0 0 1rem 1rem;
padding: 0.5rem 1.5rem 1.5rem;
}
.i3-card__product .card__product-content__bottom .card__product-actions {
z-index: 0;
}
.i3-card__product .card__product-content__bottom .card__product-actions:after {
content: "";
position: absolute;
display: block;
width: 85%;
height: 2.4rem;
border-radius: 50%;
background-color: rgba(108, 118, 137, 0.3);
-webkit-filter: blur(10px);
filter: blur(10px);
z-index: -1;
bottom: -1rem;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.i3-card__product .has-base-img {
visibility: visible;
-webkit-animation: in 0s linear;
animation: in 0s linear;
}
.i3-card__product .has-hover-img {
display: none;
-webkit-animation: out 0s linear;
animation: out 0s linear;
}
.i3-card__product:hover {
z-index: 1;
}
.i3-card__product:hover .has-hover-img {
display: block;
-webkit-animation: in 0s linear;
animation: in 0s linear;
}
.i3-card__product:hover .has-base-img {
display: none;
-webkit-animation: out 0s linear;
animation: out 0s linear;
}
.i3-card__product:hover::before {
opacity: 1;
visibility: visible;
}
.i3-card__product:hover .action-wishlist {
opacity: 1;
visibility: visible;
}
.i3-card__product:hover .card__product-content {
border-radius: 1rem 1rem 0 0;
}
.i3-card__product:hover .card__product-content__bottom {
margin-bottom: 0;
opacity: 1;
visibility: visible;
bottom: -56px;
}
.i3-card__product:hover .card__product-content__bottom .card__product-actions {
z-index: 0;
}
.i3-card__product:hover .card__product-content__bottom .card__product-actions:after {
visibility: visible;
opacity: 1;
z-index: -1;
}
}
@media screen and (max-width: 425px) {
.i3-card__product .card__product-content {
padding: 1rem;
}
.i3-card__product .card__product-content__bottom {
padding: 1rem;
}
}
@keyframes in {
from {
visibility: hidden;
}
to {
visibility: visible;
}
}
@keyframes out {
0% {
opacity: 1;
visibility: visible;
}
100% {
opacity: 0;
visibility: hidden;
}
}
@-webkit-keyframes in {
from {
opacity: 0;
visibility: hidden;
}
to {
opacity: 1;
visibility: visible;
}
}
@-webkit-keyframes out {
0% {
opacity: 1;
visibility: visible;
}
100% {
opacity: 0;
visibility: hidden;
}
}
/* --------------------------------
Primary style
-------------------------------- */
/* --------------------------------
Modules - reusable parts of our design
-------------------------------- */
#cd-cart {
position: fixed;
top: 0;
height: 100%;
width: 300px;
/* header height */
padding: 0.5rem 1.5rem;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.16);
box-shadow: 0 0 15px rgba(0, 0, 0, 0.16);
z-index: 3;
}
#cd-cart .multi-ellipsis {
-webkit-line-clamp: 2;
}
#cd-cart.speed-in {
right: 0;
}
#cd-cart .cd-cart-head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 1.5rem;
}
#cd-cart .cd-cart-head .cd-cart__close {
cursor: pointer;
display: inline-block;
color: var(--base);
margin-right: 1.5rem;
font-weight: 800;
font-size: 1.5rem;
}
#cd-cart .cd-cart-head .cd-cart-header {
font-size: 1.8rem;
font-weight: 500;
color: var(--black);
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
#cd-cart .cd-cart-head .cd-cart-counter {
font-size: 1.4rem;
font-weight: 500;
color: var(--base-grey);
}
#cd-cart .cd-cart-top {
height: auto;
margin-bottom: 2.5rem;
}
#cd-cart .cd-cart-top .cd-cart-items {
padding: 0.8rem;
padding-bottom: 1.5rem;
max-height: calc(100vh - 255px);
overflow: hidden;
overflow-y: auto;
border-bottom: 2px solid var(--base);
height: 100%;
}
#cd-cart .cd-cart-top .cd-cart-items::-webkit-scrollbar {
width: 2px;
}
#cd-cart .cd-cart-top .cd-cart-items::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
border-radius: 10px;
}
#cd-cart .cd-cart-top .cd-cart-items::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px var(--base);
}
#cd-cart .cd-cart-top .cd-cart-items li {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 1rem 1.5rem;
-webkit-box-shadow: var(--shadow2);
box-shadow: var(--shadow2);
border-radius: var(--border-m);
}
#cd-cart .cd-cart-top .cd-cart-items li:not(:last-child) {
margin-bottom: 1.5rem;
}
#cd-cart .cd-cart-top .cd-cart-items li .cd-item__media {
margin-right: 1rem;
overflow: hidden;
min-width: 8rem;
border-radius: var(--border-m);
}
#cd-cart .cd-cart-top .cd-cart-items li .cd-item__description {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-right: 1rem;
}
#cd-cart .cd-cart-top .cd-cart-items li .cd-item__description .cd-item__title {
font-size: 1.4rem;
margin-bottom: 1rem;
padding-right: 0.5rem;
}
#cd-cart .cd-cart-top .cd-cart-items li .cd-item__description .cd-item__qty {
font-size: 1.4rem;
margin-bottom: 0.5rem;
color: var(--grey);
}
#cd-cart .cd-cart-top .cd-cart-items li .cd-item__description .cd-item__price {
font-size: 1.8rem;
font-weight: 600;
}
#cd-cart .cd-cart-top .cd-cart-items li .cd-item__remove {
cursor: pointer;
position: absolute;
right: 1rem;
top: 0.5rem;
bottom: auto;
width: 1rem;
height: 1rem;
color: var(--base-blue);
}
#cd-cart .cd-cart-bottom {
position: relative;
background-color: var(--white);
padding-top: 1rem;
}
#cd-cart .cd-cart-bottom:before {
content: "";
position: absolute;
display: block;
width: 95%;
height: 2.4rem;
border-radius: 50%;
background-color: var(--base-grey);
opacity: 0.3;
-webkit-filter: blur(5px);
filter: blur(5px);
z-index: -1;
top: -0.5rem;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
#cd-cart .cd-cart-bottom .cd-cart-total p {
font-size: 1.4rem;
color: var(--base-grey);
}
#cd-cart .cd-cart-bottom .cd-cart-total p span {
float: right;
}
#cd-cart .cd-cart-bottom .cd-cart-total p span strong {
color: var(--black);
font-size: 1.8rem;
}
#cd-cart .cd-cart-bottom .cd-cart-total::after {
/* clearfix */
content: "";
display: table;
clear: both;
}
#cd-cart .cd-cart-bottom .checkout-btn {
width: 100%;
}
#cd-cart .cd-cart-bottom .cd-go-to-cart {
text-align: center;
margin: 1rem 0;
}
#cd-cart .cd-cart-bottom .cd-go-to-cart a {
text-decoration: underline;
}
@media only screen and (min-width: 768px) {
#cd-cart {
width: 350px;
}
}
@media only screen and (min-width: 1200px) {
#cd-cart {
width: 370px;
/* header height has changed */
padding-top: 40px;
}
}
#cd-cart {
right: -100%;
background: var(--white);
-webkit-transition: right 0.3s;
-o-transition: right 0.3s;
transition: right 0.3s;
}
.no-touch #cd-cart .checkout-btn:hover {
background: var(--base);
}
/* --------------------------------
layer
-------------------------------- */
#cd-shadow-layer {
position: fixed;
min-height: 100%;
width: 100%;
top: 0;
left: 0;
background: rgba(31, 38, 51, 0.6);
cursor: pointer;
z-index: 2;
display: none;
}
#cd-shadow-layer.is-visible {
display: block;
-webkit-animation: cd-fade-in 0.3s;
animation: cd-fade-in 0.3s;
}
/* --------------------------------
xkeyframes
-------------------------------- */
@-webkit-keyframes cd-fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes cd-fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
#i3-newsletter {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
position: relative;
background-color: var(--lighter-white);
}
#i3-newsletter .newsletter-wrapper {
position: relative;
padding: 1.5rem 1.5rem 2rem;
}
#i3-newsletter .newsletter-wrapper:before {
content: url("/assets/icons/page-assets/deco-lines-l.svg");
position: absolute;
top: 0;
left: 0;
background-repeat: no-repeat;
background-size: cover;
}
#i3-newsletter .newsletter-wrapper:after {
content: url("/assets/icons/page-assets/deco-lines-r.svg");
position: absolute;
bottom: 0;
right: 0;
background-repeat: no-repeat;
background-size: cover;
}
#i3-newsletter .newsletter-wrapper .i3-title {
margin-bottom: 1.5rem;
}
#i3-newsletter .newsletter-wrapper .form-wrapper {
padding: 1.5rem 1rem;
background-color: var(--base-light);
}
#i3-newsletter .newsletter-wrapper .form-wrapper .field.is-grouped > .control:not(:last-child) {
margin-right: 2rem;
}
#i3-newsletter .newsletter-wrapper .form-wrapper input {
background: transparent;
}
#i3-newsletter .newsletter-wrapper .form-wrapper .i3-button-base {
min-height: 4.3rem;
}
#i3-newsletter .newsletter-wrapper .form-wrapper label a {
text-decoration: underline;
}
#i3-newsletter .newsletter-wrapper .form-wrapper .is-checkradio[type=radio] + label:first-of-type,
#i3-newsletter .newsletter-wrapper .form-wrapper .is-checkradio[type=checkbox] + label:first-of-type {
font-size: 1.3rem !important;
}
#i3-newsletter .newsletter-wrapper .form-wrapper .control input:not(:focus):invalid ~ .floating-placeholder {
background-color: var(--base-light);
}
#popup-overlay {
width: 60rem;
position: fixed;
bottom: 0;
left: 0;
z-index: 4;
-webkit-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.popup-hide {
opacity: 0;
visibility: hidden;
}
.popup-show {
opacity: 1;
visibility: visible;
}
#close-wrap {
position: absolute;
top: 1rem;
right: 1rem;
cursor: pointer;
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
}
@media only screen and (min-width: 768px) {
#i3-newsletter .newsletter-wrapper {
padding: 4rem 6rem 5rem;
}
#i3-newsletter .newsletter-wrapper .i3-title {
font-weight: 400;
font-size: 5.2rem;
margin-bottom: 4.5rem;
}
#i3-newsletter .newsletter-wrapper .form-wrapper {
padding: 6rem 3.5rem;
}
#i3-newsletter .newsletter-wrapper .form-wrapper .is-checkradio[type=radio] + label:first-of-type,
#i3-newsletter .newsletter-wrapper .form-wrapper .is-checkradio[type=checkbox] + label:first-of-type {
font-size: 1.5rem !important;
}
}
@media only screen and (max-width: 425px) {
#i3-newsletter .newsletter-wrapper .form-wrapper #newsletter-form {
position: relative;
}
#i3-newsletter .newsletter-wrapper .form-wrapper #newsletter-form > .control:not(:last-child) {
margin-right: 0rem;
}
#i3-newsletter .newsletter-wrapper .form-wrapper #newsletter-form .i3-button-base {
min-height: 0;
padding: 0.8rem 1.5rem;
position: absolute;
right: 0.3rem;
top: 0.3rem;
}
}
footer {
position: relative;
}
footer h3 {
margin-bottom: 2.3rem;
padding-bottom: 1rem;
font-size: 1.5rem;
position: relative;
color: var(--white);
font-weight: 500;
}
footer h3:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
height: 0.1rem;
width: 100%;
margin-top: 1rem;
background: var(--white);
}
footer .first-level-footer .i3-first-row {
padding: 3.2rem 1rem;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
background: #1f2633;
background: -o-linear-gradient(bottom, #1f2633 0%, #142e3f 100%);
background: -webkit-gradient(linear, left bottom, left top, from(#1f2633), to(#142e3f));
background: linear-gradient(0deg, #1f2633 0%, #142e3f 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1f2633",endColorstr="#142e3f",GradientType=1);
}
footer .first-level-footer .i3-first-row span,
footer .first-level-footer .i3-first-row a {
color: var(--white);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
footer .first-level-footer .i3-first-row span.has-viber::before {
content: "";
background: url("/assets/icons/social-assets/viber-icon.svg") no-repeat;
width: 1.5rem;
height: 1.5rem;
margin-right: 0.5rem;
}
footer .first-level-footer .i3-first-row .footer-logo {
max-width: 20rem;
margin-bottom: 1.5rem;
}
footer .first-level-footer .i3-first-row .footer-text {
color: var(--white);
}
footer .first-level-footer .i3-first-row .social-links .social-link-item:not(:last-child) {
margin-right: 2rem;
}
footer .first-level-footer .i3-first-row .social-links .social-link-item:hover {
-webkit-transition: var(--btn-transition);
-o-transition: var(--btn-transition);
transition: var(--btn-transition);
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
}
footer .first-level-footer .i3-first-row .lists-wrapper ul .item:first-child {
padding-top: 1.5rem;
}
footer .first-level-footer .i3-first-row .lists-wrapper ul .item:not(:last-child) {
margin-bottom: 0.7rem;
}
footer .first-level-footer .i3-first-row .lists-wrapper ul .item:hover a,
footer .first-level-footer .i3-first-row .lists-wrapper ul .item:hover span {
color: var(--base);
}
footer .first-level-footer .i3-first-row .lists-wrapper ul .item img {
margin-right: 1rem;
}
footer .second-level-footer {
max-width: 100%;
background-color: var(--light-white);
font-size: 1.4rem;
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
footer .second-level-footer .policy-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
footer .second-level-footer .policy-links > li:not(:first-child) {
margin-left: 1.5rem;
}
footer .second-level-footer .is-flex-mobile.is-flex-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (min-width: 768px) {
footer .first-level-footer .i3-first-row {
padding: 3.2rem;
}
footer .first-level-footer .i3-first-row .i3-nav h3 {
pointer-events: none;
display: inline-block;
}
footer .first-level-footer .i3-first-row .i3-nav h3:before {
width: 50%;
height: 0.2rem;
}
}
@media only screen and (max-width: 767px) {
footer {
/**nav-expand for footer with head and ul**/
}
footer .first-level-footer .i3-nav h3 {
cursor: pointer;
}
footer .first-level-footer ul:not(.social-links) {
max-height: 0;
overflow: hidden;
-webkit-transition: max-height 1s ease-out;
-o-transition: max-height 1s ease-out;
transition: max-height 1s ease-out;
}
footer .first-level-footer .i3-nav h3:after {
content: url("/assets/icons/page-assets/arrow-forward.svg");
margin-top: -4px;
line-height: 28px;
text-align: center;
float: right;
-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16);
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
-o-transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
}
footer .first-level-footer .i3-nav.open h3:after {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
footer .first-level-footer .i3-nav.open ul {
height: auto;
max-height: 500px;
-webkit-transition: max-height 1s ease-in !important;
-o-transition: max-height 1s ease-in !important;
transition: max-height 1s ease-in !important;
}
footer .first-level-footer .i3-first-row {
padding-top: 1.5rem;
padding-bottom: 0rem;
margin-bottom: 0;
}
footer .first-level-footer .i3-first-row h3 {
margin-bottom: 0;
}
footer .first-level-footer .i3-first-row .brand-wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
footer .first-level-footer .i3-first-row .lists-wrapper.last-item {
padding-bottom: 0;
margin-bottom: 0;
}
footer .second-level-footer {
padding-top: 1.5rem;
padding-bottom: 0.5rem;
}
footer .second-level-footer .policy-links {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
footer .second-level-footer .copyrights {
text-align: center;
}
footer .second-level-footer .banks-wrapper {
text-align: center;
}
}
#popup-circle .is-checkradio[type=radio] + label::after,
#popup-circle .is-checkradio[type=radio] + label:after,
#popup-circle .is-checkradio[type=checkbox] + label::after,
#popup-circle .is-checkradio[type=checkbox] + label:after,
#popup-circle .is-checkradio[type=radio] + label::before,
#popup-circle .is-checkradio[type=radio] + label:before,
#popup-circle .is-checkradio[type=checkbox] + label::before,
#popup-circle .is-checkradio[type=checkbox] + label:before {
top: 0.3rem;
}
/* mouse, touch pad */
@media only screen and (min-width: 768px), (hover: hover) and (pointer: fine) {
#popup-circle {
text-align: left;
max-width: 52rem;
bottom: 5rem;
left: 5rem;
-webkit-transform: unset;
-ms-transform: unset;
transform: unset;
padding: 1.5rem;
width: 100%;
border-radius: var(--border-m);
background: var(--white);
-webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.16);
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.16);
position: fixed;
z-index: 1101;
overflow: hidden;
}
#popup-circle .image img {
border-radius: var(--border-m);
}
#popup-circle .content-box h3 {
margin-bottom: 1rem;
font-weight: 500;
line-height: 1.2;
}
#popup-circle .content-box p {
margin-bottom: 1.2rem;
color: var(--base-grey);
font-weight: 400;
}
#popup-circle .content-box form input {
padding: 1rem;
}
#popup-circle .content-box .i3-button-base {
width: 100%;
padding: 1.2rem 1.5rem;
}
#close-wrap {
top: 2rem;
right: 2rem;
}
}
/* smartphones, touchscreens */
@media only screen and (max-width: 767px), (hover: none) and (pointer: coarse), (-moz-touch-enabled: 1) and (any-pointer: coarse) {
#popup-circle {
text-align: center;
padding: 1.3rem 0.5rem;
width: 100%;
max-width: 90vw;
border-radius: var(--border-m);
background: var(--white);
-webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.16);
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.16);
position: fixed;
z-index: 1101;
top: calc(100% - 5.5rem);
left: 50%;
bottom: 0;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
overflow: hidden;
will-change: transform;
}
#popup-circle.mobile-view {
bottom: unset;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
#popup-circle .image img {
border-radius: var(--border-m);
}
#popup-circle .content-box h3 {
margin-bottom: 1.5rem;
font-weight: 500;
line-height: 1;
font-size: 1.8rem;
}
#popup-circle .content-box p {
margin-bottom: 2.1rem;
color: var(--base-grey);
font-weight: 400;
}
#popup-circle .content-box form input {
padding: 1rem;
}
#popup-circle .content-box .i3-button-base {
width: 100%;
padding: 1.2rem 1.5rem;
}
#popup-circle #close-wrap {
position: absolute;
top: 0.5rem;
right: 0.5rem;
cursor: pointer;
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
width: 20px;
height: 20px;
border-radius: 50%;
border: 1px solid var(--base);
}
#popup-circle #close-wrap #close {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#popup-circle #close-wrap #close img {
width: 10px;
}
}
/*
* jQuery Basic Table
* Author: Jerry Low
*/
table.bt thead,
table.bt tbody th {
display: none;
}
table.bt tfoot th,
table.bt tfoot td,
table.bt tbody td {
border: none;
display: block;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
vertical-align: top;
/* IE 9 */
float: left\9;
width: 100% \9;
}
table.bt tfoot th::before,
table.bt tfoot td::before,
table.bt tbody td::before {
content: attr(data-th) ": ";
display: inline-block;
-ms-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
font-weight: bold;
width: 6.5em;
}
table.bt tfoot th.bt-hide,
table.bt tfoot td.bt-hide,
table.bt tbody td.bt-hide {
display: none;
}
table.bt tfoot th .bt-content,
table.bt tfoot td .bt-content,
table.bt tbody td .bt-content {
vertical-align: top;
}
.bt-wrapper.active {
max-height: 310px;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
table.bt.bt--no-header tfoot td::before,
table.bt.bt--no-header tbody td::before {
display: none;
}
.customer-account {
margin-top: 2rem;
}
#i3-account .i3-section-header .i3-title span {
color: var(--white);
}
#i3-account aside.menu {
background: var(--white);
border-radius: var(--border-m);
-webkit-box-shadow: var(--shadow2);
box-shadow: var(--shadow2);
margin-top: 0;
padding: 2rem 0 2rem;
}
#i3-account aside.menu .i3-title {
padding: 0 2rem;
font-size: 1.8rem;
font-weight: 600;
margin-bottom: 2rem;
}
#i3-account aside.menu .menu-list li:not(:last-child) {
margin-bottom: 2rem;
}
#i3-account aside.menu .menu-list li > a {
position: relative;
display: inline-block;
width: auto;
height: 20px;
font-size: 1.5rem;
padding-left: 2rem;
-webkit-transition: var(--btn-transition);
-o-transition: var(--btn-transition);
transition: var(--btn-transition);
}
#i3-account aside.menu .menu-list li > a.acc_logout {
color: var(--base-grey);
}
#i3-account aside.menu .menu-list li.active {
padding: 1rem 0;
background-color: var(--base-blue);
border-left: 0.4rem solid var(--base);
-webkit-box-shadow: var(--shadow2);
box-shadow: var(--shadow2);
}
#i3-account aside.menu .menu-list li.active > a {
color: var(--white);
}
#i3-account .i3-title {
margin-bottom: 1.5rem;
}
#i3-account .order-status-label {
margin-bottom: 2.5rem;
font-weight: 600;
}
#i3-account .order-status-label .timeline-status {
border-radius: 2.5rem;
background-color: var(--base);
padding: 0.3rem 1rem;
color: var(--white);
text-align: center;
font-size: 1.6rem;
}
#i3-account .menu-content {
padding: 2rem;
background: var(--white);
-webkit-box-shadow: var(--shadow2);
box-shadow: var(--shadow2);
border-radius: var(--border-m);
}
#i3-account .menu-content > p {
margin: 0;
}
#i3-account .menu-content .content-header {
font-size: 2.4rem;
margin-bottom: 2rem;
font-weight: 500;
}
#i3-account .menu-content .content-subtitle {
font-size: 1.6rem;
margin-bottom: 2rem;
padding-bottom: 1rem;
border-bottom: 1px solid var(--light-grey);
}
#i3-account .menu-content .menu-content-cta {
margin-top: 2rem;
}
#i3-account .menu-content .menu-content-cta button {
width: 100%;
}
#i3-account .menu-content .reset-form {
margin: 1rem;
cursor: pointer;
font-weight: 500;
}
#i3-account .menu-content .i3-card__product {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#i3-account .menu-content .i3-card__product .card__product-content {
width: 100%;
}
#i3-account .menu-content .linked-social-accounts {
margin-bottom: 2.5rem;
}
#i3-account .menu-content .linked-social-accounts p:not(:last-child) {
margin-bottom: 0.5rem;
}
#i3-account .menu-content .field:not(:last-child) {
margin-bottom: 1.5rem;
}
#i3-account .menu-content #extra-input-wrapper {
display: none;
}
#i3-account .menu-content .orders-list .order-item {
background: var(--white);
overflow: hidden;
width: 100%;
-webkit-box-shadow: var(--shadow2);
box-shadow: var(--shadow2);
border-radius: var(--border-s);
}
#i3-account .menu-content .orders-list .order-item:not(:last-child) {
margin-bottom: 2rem;
}
#i3-account .menu-content .orders-list .order-item .order-item__top {
background: var(--light-white);
padding: 1.5rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#i3-account .menu-content .orders-list .order-item .order-item__top .order-item__top--info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 1.5rem;
}
#i3-account .menu-content .orders-list .order-item .order-item__top .order-item__top--info .orderId {
margin-bottom: 0.5rem;
font-weight: 800;
}
#i3-account .menu-content .orders-list .order-item .order-item__top .order-item__top--info .orderDate {
font-size: 1.4rem;
}
#i3-account .menu-content .orders-list .order-item .order-item__top > a {
width: 100%;
}
#i3-account .menu-content .orders-list .order-item .order-item__bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
padding: 1.5rem;
}
#i3-account .menu-content .orders-list .order-item .order-item__bottom:before {
display: none;
}
#i3-account .menu-content .orders-list .order-item .order-item__bottom .orderStatus {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0;
margin-bottom: 1rem;
}
#i3-account .menu-content .orders-list .order-item .order-item__bottom .orderStatus span {
font-weight: 600;
margin-right: 1rem;
}
#i3-account .menu-content .orders-list .order-item .order-item__bottom .orderStatus .order-confirmed {
color: var(--available);
}
#i3-account .menu-content .orders-list .order-item .order-item__bottom .orderStatus .order-pending {
color: var(--available2);
}
#i3-account .menu-content .orders-list .order-item .order-item__bottom .orderStatus .order-canceled {
color: var(--available3);
}
#i3-account .menu-content .orders-list .order-item .order-item__bottom .orderPricing {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0rem;
font-weight: 800;
}
#i3-account .menu-content .tables-wrapper {
margin-bottom: 3rem;
-webkit-box-shadow: var(--shadow2);
box-shadow: var(--shadow2);
border-radius: var(--border-s);
}
#i3-account .menu-content .tables-wrapper .table {
border-collapse: inherit;
color: inherit;
width: 100%;
overflow: hidden;
border-radius: 5px 5px 0 0;
background-color: var(--white);
border-bottom: 1px solid var(--light-grey);
}
#i3-account .menu-content .tables-wrapper .table:not(:last-child) {
margin-bottom: 2rem;
}
#i3-account .menu-content .tables-wrapper .table > thead {
background-color: var(--light-white);
}
#i3-account .menu-content .tables-wrapper .table > thead td,
#i3-account .menu-content .tables-wrapper .table > thead th {
border: none;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
color: inherit;
vertical-align: middle;
font-weight: 600;
}
#i3-account .menu-content .tables-wrapper .table tbody tr:not(:last-child) {
border-bottom: 1px solid var(--blocks);
}
#i3-account .menu-content .tables-wrapper .table-pricing.table {
border-collapse: collapse;
width: 100%;
overflow: hidden;
}
#i3-account .menu-content .tables-wrapper .table-pricing.table:not(:last-child) {
margin-bottom: 2rem;
}
#i3-account .menu-content .tables-wrapper .table-pricing.table tbody td,
#i3-account .menu-content .tables-wrapper .table-pricing.table tbody th {
border: none;
color: inherit;
font-weight: 400;
}
#i3-account .menu-content .tables-wrapper .table-pricing.table tbody .mark,
#i3-account .menu-content .tables-wrapper .table-pricing.table tbody .amount {
text-align: right;
}
#i3-account .menu-content .tables-wrapper .table-pricing.table tbody tr:first-child th,
#i3-account .menu-content .tables-wrapper .table-pricing.table tbody tr:first-child td {
padding-top: 1.5rem;
font-weight: 800;
}
#i3-account .menu-content .tables-wrapper .table-pricing.table tbody tr:last-child th,
#i3-account .menu-content .tables-wrapper .table-pricing.table tbody tr:last-child td {
background-color: var(--light-white);
font-weight: 800;
padding-bottom: 1.5rem;
padding-top: 1.5rem;
}
#i3-account .menu-content .order-extra-informations ul li:not(:last-child) {
margin-bottom: 1rem;
}
#i3-account .menu-content .order-timeline {
margin-bottom: 3rem;
}
#i3-account .menu-content .order-timeline .widget-timeline {
border-radius: var(--border-s);
-webkit-box-shadow: var(--shadow2);
box-shadow: var(--shadow2);
}
#i3-account .menu-content .order-timeline .widget-timeline .timeline-items {
list-style: none;
position: relative;
padding: 1.2rem;
border-radius: var(--border-s);
background-color: var(--light-white);
}
#i3-account .menu-content .order-timeline .widget-timeline .timeline-items:not(:last-child) {
margin-bottom: 1rem;
}
#i3-account .menu-content .order-timeline .widget-timeline .timeline-items .timeline-status {
border-radius: 2.5rem;
background-color: var(--base);
padding: 0.3rem 1rem;
color: var(--white);
text-align: center;
margin-bottom: 1rem;
float: right;
}
#i3-account .menu-content .order-timeline .widget-timeline .timeline-items .timeline-time {
color: var(--dark);
font-weight: 600;
margin-bottom: 1rem;
}
#i3-account .menu-content .order-timeline .widget-timeline .timeline-items .timeline-content {
clear: both;
background: var(--light-white);
color: var(--grey);
padding: 1.5rem;
margin-top: 2rem;
border-radius: var(--border-s);
}
#i3-account .menu-content .saved-addresses .column .address-card {
position: relative;
border: 1px solid var(--blocks);
border-radius: var(--border-s);
background-color: var(--white);
padding: 1.5rem;
margin-bottom: 1.5rem;
min-height: 130px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#i3-account .menu-content .saved-addresses .column .address-card:not(:last-child) {
margin-bottom: 1.5rem;
}
#i3-account .menu-content .saved-addresses .column .address-card.default-shipping-address {
background-color: var(--light-white);
border: 0;
}
#i3-account .menu-content .saved-addresses .column .address-card.default-shipping-address:after {
content: "";
background-image: url("/assets/icons/page-assets/delivery-account.svg");
background-repeat: no-repeat;
background-size: 18px;
background-position: center center;
position: absolute;
bottom: 15px;
right: 15px;
width: 26px;
height: 26px;
line-height: 26px;
border-radius: 50%;
background-color: var(--white);
border: 1px solid var(--black);
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
#i3-account .menu-content .saved-addresses .column .address-card.default-billing-address {
background-color: var(--light-white);
border: 0;
}
#i3-account .menu-content .saved-addresses .column .address-card.default-billing-address:before {
content: "";
background-image: url("/assets/icons/page-assets/pay-account.svg");
background-repeat: no-repeat;
background-size: 18px;
background-position: center center;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 15px;
width: 26px;
height: 26px;
line-height: 26px;
border-radius: 50%;
background-color: var(--white);
border: 1px solid var(--black);
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
#i3-account .menu-content .saved-addresses .column .address-card .card-settings {
opacity: 0;
visibility: hidden;
will-change: opacity, visibility;
position: absolute;
top: 0;
right: 50px;
height: 100%;
width: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
padding: 1rem;
background-color: var(--white);
border-radius: var(--border-s);
-webkit-box-shadow: var(--shadow2);
box-shadow: var(--shadow2);
border: 1px solid var(--blocks);
-webkit-transition: var(--btn-transition);
-o-transition: var(--btn-transition);
transition: var(--btn-transition);
}
#i3-account .menu-content .saved-addresses .column .address-card .card-settings span {
font-size: 1.3rem;
cursor: pointer;
}
#i3-account .menu-content .saved-addresses .column .address-card .card-settings span:hover {
color: var(--base);
}
#i3-account .menu-content .saved-addresses .column .address-card .card-settings hr.line {
background-color: var(--light-grey);
width: 100%;
height: 1px;
margin: 0;
padding: 0;
}
#i3-account .menu-content .saved-addresses .column .address-card.panel-on .card-settings {
opacity: 1;
visibility: visible;
will-change: opacity, visibility;
}
#i3-account .menu-content .saved-addresses .column .address-card .field {
width: 1.7rem;
}
#i3-account .menu-content .saved-addresses .column .address-card .field .is-checkradio[type=radio].is-medium + label {
padding-left: 0;
}
#i3-account .menu-content .saved-addresses .column .address-card .address-content {
-webkit-box-flex: 1;
-ms-flex: 1 1 75%;
flex: 1 1 75%;
padding-left: 0rem;
padding-right: 2.6rem;
}
#i3-account .menu-content .saved-addresses .column .address-card .address-content ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#i3-account .menu-content .saved-addresses .column .address-card .address-content ul li:not(:last-child) {
margin-bottom: 0.5rem;
}
#i3-account .menu-content .saved-addresses .column .address-card .address-content ul li span.attr-name {
font-size: 1.4rem;
color: var(--grey);
-webkit-box-flex: 1;
-ms-flex: 1 1 45%;
flex: 1 1 45%;
font-weight: 600;
}
#i3-account .menu-content .saved-addresses .column .address-card .address-content ul li span.data-name {
font-size: 1.4rem;
color: inherit;
-webkit-box-flex: 1;
-ms-flex: 1 1 55%;
flex: 1 1 55%;
font-weight: 600;
}
#i3-account .menu-content .saved-addresses .column .address-card .card-option {
position: absolute;
top: 15px;
right: 15px;
cursor: pointer;
width: 25px;
height: 25px;
}
#i3-account .menu-content .saved-addresses .column .address-card .card-option:before {
content: "";
background-image: url("/assets/icons/account-assets/options.svg");
height: 25px;
width: 25px;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
border-radius: 50%;
background-repeat: no-repeat;
background-size: cover;
-webkit-transition: var(--btn-transition);
-o-transition: var(--btn-transition);
transition: var(--btn-transition);
position: absolute;
top: 0;
left: 0;
background-color: var(--base);
}
#i3-account .menu-content .saved-addresses .add-new-address__form {
margin-top: 2.5rem;
}
#i3-account .menu-content .saved-addresses .add-new-address__form .menu-content-cta button {
width: auto;
}
#i3-account .menu-content .cta-delete:before {
content: "";
background: url("/assets/icons/page-assets/delete.svg");
background-size: contain;
background-repeat: no-repeat;
width: 20px;
height: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
top: 15px;
right: 15px;
cursor: pointer;
}
#i3-account .wishlist-toolbar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 2rem;
-webkit-box-shadow: var(--shadow2);
box-shadow: var(--shadow2);
border-radius: var(--border-s);
background-color: var(--white);
padding: 1rem 2rem;
}
#i3-account .wishlist-toolbar .content-header {
margin-bottom: 0;
font-size: 2.4rem;
font-weight: 500;
}
@media screen and (min-width: 1024px) {
#i3-account .menu-content .orders-list .order-item:not(:last-child) {
margin-bottom: 3rem;
}
#i3-account .menu-content .orders-list .order-item .order-item__top .order-item__top--info {
margin-bottom: 0;
}
#i3-account .menu-content .orders-list .order-item .order-item__top .order-item__top--info .orderId {
margin-bottom: 0.5rem;
font-weight: 800;
}
#i3-account .menu-content .orders-list .order-item .order-item__top .order-item__top--info .orderDate {
font-size: 1.4rem;
}
#i3-account .menu-content .orders-list .order-item .order-item__bottom {
padding: 0;
}
#i3-account .menu-content .orders-list .order-item .order-item__bottom:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 1px;
height: 70%;
background: var(--blocks);
display: block;
}
#i3-account .menu-content .orders-list .order-item .order-item__bottom .orderStatus {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 1.5rem;
margin-bottom: 0;
}
#i3-account .menu-content .orders-list .order-item .order-item__bottom .orderStatus span {
font-weight: 600;
margin-right: 1rem;
}
#i3-account .menu-content .orders-list .order-item .order-item__bottom .orderPricing {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
padding: 1.5rem;
}
#i3-account .menu-content .tables-wrapper .table:not(:last-child) {
margin-bottom: 3rem;
}
#i3-account .menu-content .tables-wrapper .table tbody tr:not(:last-child) {
border-bottom: none;
}
}
@media screen and (min-width: 768px) {
#i3-account aside.menu {
margin-right: 3.5rem;
}
#i3-account .menu-content .orders-list .order-item:not(:last-child) {
margin-bottom: 3rem;
}
#i3-account .menu-content .orders-list .order-item .order-item__top a {
width: auto;
}
#i3-account .menu-content .saved-addresses .column:nth-child(2n+1) .address-card {
margin-right: 1.5rem;
}
}
@media screen and (max-width: 450px) {
#i3-account .menu-content .menu-content-cta {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#i3-account .menu-content .menu-content-cta .i3-banner-btn {
margin: 0rem 0 1rem 0;
}
}
@media screen and (max-width: 425px) {
#i3-account .menu-content .saved-addresses .column .address-card .address-content ul li {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}