/*! core_demo.scss | Bulkit | CSS Ninja */ /*! themes/_colors.scss | Bulkit | CSS Ninja */ /*! themes/_main.scss | Bulkit | CSS Ninja */ /* line 63, src/assets/scss/abstracts/_themes-main.scss */ .pageloader { background-color: #7F00FF; background: -webkit-gradient(linear, left bottom, left top, from(#19B4F2), to(#43CE8B)) !important; background: linear-gradient(45deg, #19B4F2 0%, #43CE8B 100%) !important } /* line 72, src/assets/scss/abstracts/_themes-main.scss */ .hero.is-theme-secondary, .section.is-theme-secondary { background-color: #7F00FF; background: -webkit-gradient(linear, left top, right top, from(#7F00FF), to(#ad5cff)); background: linear-gradient(to right, #7F00FF, #ad5cff); background: -webkit-gradient(linear, left bottom, left top, from(#7F00FF), to(#ad5cff)); background: linear-gradient(to top, #7F00FF, #ad5cff) } /* line 77, src/assets/scss/abstracts/_themes-main.scss */ .hero.is-theme-secondary .title, .section.is-theme-secondary .title { color: #fff } /* line 81, src/assets/scss/abstracts/_themes-main.scss */ .hero.is-theme-secondary .subtitle, .section.is-theme-secondary .subtitle { color: #fff } /*! _layout-utils.scss | Bulkit | CSS Ninja */ /* line 23, src/assets/scss/layout/_layout-utils.scss */ body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; overflow: hidden !important } /* line 28, src/assets/scss/layout/_layout-utils.scss */ a, a:active, i, i:active, div, div:active, div:focus, span:focus, span:active { outline: none !important } /* line 32, src/assets/scss/layout/_layout-utils.scss */ .button.is-active, .button:active, .button:focus { -webkit-box-shadow: none !important; box-shadow: none !important } /* line 36, src/assets/scss/layout/_layout-utils.scss */ section:focus { outline: none !important } @font-face { font-family: 'Nexa Light'; src: url("../fonts/text/nexa/NexaLight.woff") format("woff"), url("../fonts/text/nexa/NexaLight.ttf") format("truetype") } @font-face { font-family: 'Nexa Bold'; font-weight: bold; src: url("../fonts/text/nexa/NexaBold.woff") format("woff"), url("../fonts/text/nexa/NexaBold.ttf") format("truetype") } /* line 55, src/assets/scss/layout/_layout-utils.scss */ #backtotop { position: fixed; right: 0; opacity: 0; visibility: hidden; bottom: 25px; margin: 0 25px 0 0; z-index: 9999; -webkit-transition: 0.35s; transition: 0.35s; -webkit-transform: scale(0.7); transform: scale(0.7); -webkit-transition: all 0.5s; transition: all 0.5s } /* line 68, src/assets/scss/layout/_layout-utils.scss */ #backtotop.visible { opacity: 1; visibility: visible; -webkit-transform: scale(1); transform: scale(1) } /* line 74, src/assets/scss/layout/_layout-utils.scss */ #backtotop.visible a:hover { outline: none; opacity: 0.9; background: #7F00FF } /* line 80, src/assets/scss/layout/_layout-utils.scss */ #backtotop a { outline: none; text-decoration: none; border: 0 none; display: block; width: 46px; height: 46px; background-color: #66676b; opacity: 1; -webkit-transition: all 0.3s; transition: all 0.3s; border-radius: 50%; text-align: center; font-size: 26px } /* line 95, src/assets/scss/layout/_layout-utils.scss */ body #backtotop a { outline: none; color: #fff } /* line 100, src/assets/scss/layout/_layout-utils.scss */ #backtotop a:after { outline: none; content: "\f106"; font-family: "FontAwesome"; position: relative; display: block; top: 50%; -webkit-transform: translateY(-55%); transform: translateY(-55%) } /* line 115, src/assets/scss/layout/_layout-utils.scss */ .progress { width: 100% !important } /* line 119, src/assets/scss/layout/_layout-utils.scss */ .progress.primary::-webkit-progress-value { background-color: #4FC1EA !important } /* line 123, src/assets/scss/layout/_layout-utils.scss */ .progress.secondary::-moz-progress-bar { background-color: #7F00FF !important } /* line 131, src/assets/scss/layout/_layout-utils.scss */ ::-webkit-input-placeholder { color: #cecece } /* line 135, src/assets/scss/layout/_layout-utils.scss */ ::-moz-placeholder { color: #cecece } /* line 139, src/assets/scss/layout/_layout-utils.scss */ :-ms-input-placeholder { color: #cecece } /* line 143, src/assets/scss/layout/_layout-utils.scss */ :-moz-placeholder { color: #cecece } /* line 151, src/assets/scss/layout/_layout-utils.scss */ body::-webkit-scrollbar { width: 10px } /* line 155, src/assets/scss/layout/_layout-utils.scss */ body::-webkit-scrollbar-thumb { border-radius: 5px; background: rgba(0, 0, 0, 0.2) } /*! _navbar.scss | Bulkit | CSS Ninja */ /* line 28, src/assets/scss/layout/_layout-navbar.scss */ .navbar-placeholder { z-index: 999 } /* line 35, src/assets/scss/layout/_layout-navbar.scss */ .navbar-wrapper { width: 100%; height: 6rem; position: fixed; top: 0; left: 0; z-index: 20; -webkit-transition: all 0.4s; transition: all 0.4s } /* line 44, src/assets/scss/layout/_layout-navbar.scss */ .navbar-wrapper.is-static { position: static !important } /* line 48, src/assets/scss/layout/_layout-navbar.scss */ .navbar-wrapper.is-solid { background: #fff; -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12) } /* line 54, src/assets/scss/layout/_layout-navbar.scss */ .navbar-wrapper.is-cloned { position: fixed; top: 0; left: 0; width: 100%; -webkit-transform: translateY(-100%); transform: translateY(-100%); z-index: 100; background: #fff; -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12) } /* line 64, src/assets/scss/layout/_layout-navbar.scss */ .navbar-wrapper.is-cloned.is-active { -webkit-transform: translateY(0); transform: translateY(0) } /* line 71, src/assets/scss/layout/_layout-navbar.scss */ .navbar-wrapper.is-transparent .navbar-item.is-slide, .navbar-wrapper.is-transparent .navbar-link.is-slide { border-bottom: 1px solid transparent } /* line 74, src/assets/scss/layout/_layout-navbar.scss */ .navbar-wrapper.is-transparent .navbar-item.is-slide:after, .navbar-wrapper.is-transparent .navbar-link.is-slide:after { content: ''; display: block; width: 0; min-width: 0; height: 1.6px; position: absolute; left: 0; bottom: 0; background: #4FC1EA; -webkit-transition: width .3s; transition: width .3s } /* line 88, src/assets/scss/layout/_layout-navbar.scss */ .navbar-wrapper.is-transparent .navbar-item.is-slide:hover:after, .navbar-wrapper.is-transparent .navbar-link.is-slide:hover:after { width: 100% } /* line 96, src/assets/scss/layout/_layout-navbar.scss */ .navbar-wrapper .navbar-brand { -webkit-box-align: center; -ms-flex-align: center; align-items: center } /* line 99, src/assets/scss/layout/_layout-navbar.scss */ .navbar-wrapper .navbar-brand img { height: 28px } /* line 102, src/assets/scss/layout/_layout-navbar.scss */ .navbar-wrapper .navbar-brand img.light-logo { display: block } /* line 106, src/assets/scss/layout/_layout-navbar.scss */ .navbar-wrapper .navbar-brand img.dark-logo { display: none } /* line 113, src/assets/scss/layout/_layout-navbar.scss */ .navbar-wrapper .navbar-item:hover, .navbar-wrapper .navbar-item.has-dropdown:hover { color: #999; background: transparent } /* line 117, src/assets/scss/layout/_layout-navbar.scss */ .navbar-wrapper .navbar-item:hover a, .navbar-wrapper .navbar-item.has-dropdown:hover a { background: transparent } /* line 125, src/assets/scss/layout/_layout-navbar.scss */ .navbar-wrapper .navbar-item.is-menu:hover { background: #e8e8e8 !important } /* line 128, src/assets/scss/layout/_layout-navbar.scss */ .navbar-wrapper .navbar-item.is-menu:hover i, .navbar-wrapper .navbar-item.is-menu:hover span { color: #7F00FF !important } /* line 133, src/assets/scss/layout/_layout-navbar.scss */ .navbar-wrapper .navbar-item.is-menu span { padding: 0 10px } /* line 137, src/assets/scss/layout/_layout-navbar.scss */ .navbar-wrapper .navbar-item.is-menu i { font-size: 22px; color: #999 } /* line 143, src/assets/scss/layout/_layout-navbar.scss */ .navbar-wrapper .navbar-item.is-mega { position: static } /* line 146, src/assets/scss/layout/_layout-navbar.scss */ .navbar-wrapper .navbar-item.is-mega .is-mega-menu-title { margin-bottom: 0; padding: .375rem 1rem } /* line 154, src/assets/scss/layout/_layout-navbar.scss */ .navbar-wrapper .navbar-link:hover { background: transparent !important; color: #7F00FF } /* line 158, src/assets/scss/layout/_layout-navbar.scss */ .navbar-wrapper .navbar-link:hover:after { border-color: #7F00FF } /* line 163, src/assets/scss/layout/_layout-navbar.scss */ .navbar-wrapper .navbar-link:after { font-size: 0.85rem; border: 1.6px solid transparent; border-radius: 2px; border-right: 0; border-top: 0; border-color: #444F60; margin-top: -0.375em; right: 1.125em; -webkit-transition: all .3s; transition: all .3s; right: 1.525em } /* line 177, src/assets/scss/layout/_layout-navbar.scss */ .navbar-wrapper .custom-burger { margin-left: auto; display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 4.6rem; width: 4.6rem } /* line 189, src/assets/scss/layout/_layout-navbar.scss */ .navbar-wrapper.navbar-light .icon-box-toggle span i { background: #fff !important } /* line 194, src/assets/scss/layout/_layout-navbar.scss */ .navbar-wrapper.navbar-light .navbar-item, .navbar-wrapper.navbar-light .navbar-link { color: #fff } /* line 197, src/assets/scss/layout/_layout-navbar.scss */ .navbar-wrapper.navbar-light .navbar-item.is-slide, .navbar-wrapper.navbar-light .navbar-link.is-slide { border-bottom: 1px solid transparent } /* line 200, src/assets/scss/layout/_layout-navbar.scss */ .navbar-wrapper.navbar-light .navbar-item.is-slide:after, .navbar-wrapper.navbar-light .navbar-link.is-slide:after { content: ''; display: block; width: 0; min-width: 0; height: 1px; position: absolute; left: 0; bottom: 0; background: #fff; -webkit-transition: width .3s; transition: width .3s } /* line 214, src/assets/scss/layout/_layout-navbar.scss */ .navbar-wrapper.navbar-light .navbar-item.is-slide:hover:after, .navbar-wrapper.navbar-light .navbar-link.is-slide:hover:after { width: 100% } /* line 222, src/assets/scss/layout/_layout-navbar.scss */ .navbar-wrapper.navbar-light .navbar-link:after { font-size: 0.85rem; border: 1.6px solid transparent; border-radius: 2px; border-right: 0; border-top: 0; border-color: #fff; margin-top: -0.375em; right: 1.125em; -webkit-transition: all .3s; transition: all .3s; right: 1.525em } /* line 237, src/assets/scss/layout/_layout-navbar.scss */ .navbar-wrapper.navbar-light .navbar-burger span { background: #fff !important } /* line 244, src/assets/scss/layout/_layout-navbar.scss */ .navbar-wrapper.navbar-inverse.is-reverse { background: #344258 } /* line 247, src/assets/scss/layout/_layout-navbar.scss */ .navbar-wrapper.navbar-inverse.is-reverse .navbar-menu.is-active { background: #344258 } /* line 252, src/assets/scss/layout/_layout-navbar.scss */ .navbar-wrapper.navbar-inverse.is-blue { background: #039BE5 } /* line 255, src/assets/scss/layout/_layout-navbar.scss */ .navbar-wrapper.navbar-inverse.is-blue .navbar-menu.is-active { background: #039BE5 } /* line 260, src/assets/scss/layout/_layout-navbar.scss */ .navbar-wrapper.navbar-inverse.is-purple { background: #7F00FF } /* line 263, src/assets/scss/layout/_layout-navbar.scss */ .navbar-wrapper.navbar-inverse.is-purple .navbar-menu.is-active { background: #7F00FF } /* line 268, src/assets/scss/layout/_layout-navbar.scss */ .navbar-wrapper.navbar-inverse.is-red { background: #FF7273 } /* line 271, src/assets/scss/layout/_layout-navbar.scss */ .navbar-wrapper.navbar-inverse.is-red .navbar-menu.is-active { background: #FF7273 } /* line 277, src/assets/scss/layout/_layout-navbar.scss */ .navbar-wrapper.navbar-inverse .icon-box-toggle span i { background: #fff !important } /* line 282, src/assets/scss/layout/_layout-navbar.scss */ .navbar-wrapper.navbar-inverse .navbar-item, .navbar-wrapper.navbar-inverse .navbar-link { color: #fff } /* line 287, src/assets/scss/layout/_layout-navbar.scss */ .navbar-wrapper.navbar-inverse .navbar-link:after { font-size: 0.85rem; border: 1.6px solid transparent; border-radius: 2px; border-right: 0; border-top: 0; border-color: #fff; margin-top: -0.375em; right: 1.125em; -webkit-transition: all .3s; transition: all .3s; right: 1.525em } /* line 302, src/assets/scss/layout/_layout-navbar.scss */ .navbar-wrapper.navbar-inverse .navbar-burger span { background: #fff !important } /* line 309, src/assets/scss/layout/_layout-navbar.scss */ .navbar-wrapper .navbar-dropdown.is-medium { width: 200px } /* line 313, src/assets/scss/layout/_layout-navbar.scss */ .navbar-wrapper .navbar-dropdown .navbar-item { color: #444F60 } /* line 319, src/assets/scss/layout/_layout-navbar.scss */ .navbar-wrapper.navbar-faded { background: #fff; -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12) } /* line 324, src/assets/scss/layout/_layout-navbar.scss */ .navbar-wrapper.navbar-faded .navbar-brand img { height: 28px } /* line 327, src/assets/scss/layout/_layout-navbar.scss */ .navbar-wrapper.navbar-faded .navbar-brand img.light-logo { display: none } /* line 331, src/assets/scss/layout/_layout-navbar.scss */ .navbar-wrapper.navbar-faded .navbar-brand img.dark-logo { display: block } /* line 342, src/assets/scss/layout/_layout-navbar.scss */ .account { position: relative; right: 20px; top: 5px; margin-left: 30px } /* line 348, src/assets/scss/layout/_layout-navbar.scss */ .account .nav-item { border-bottom: 1px solid transparent !important } /* line 352, src/assets/scss/layout/_layout-navbar.scss */ .account img.account-avatar { max-height: 40px; border-radius: 50px; border: 1px solid #EFF4F7 } /* line 358, src/assets/scss/layout/_layout-navbar.scss */ .account div a { color: #66676b !important } /* line 362, src/assets/scss/layout/_layout-navbar.scss */ .account div a i { position: relative; top: 3px; left: 10px; font-size: 7px !important; color: #66676b } /* line 370, src/assets/scss/layout/_layout-navbar.scss */ .account .dropOut ul { margin-left: 0 !important } /* line 378, src/assets/scss/layout/_layout-navbar.scss */ .scroll-nav-wrapper { width: 100%; height: 60px; line-height: 60px; background: #fff; -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12) } /* line 385, src/assets/scss/layout/_layout-navbar.scss */ .scroll-nav-wrapper .tabs { background: #fff } /* line 388, src/assets/scss/layout/_layout-navbar.scss */ .scroll-nav-wrapper .tabs a { padding-bottom: 0; padding-top: 0; border-bottom-color: transparent } /* line 394, src/assets/scss/layout/_layout-navbar.scss */ .scroll-nav-wrapper .tabs ul { border-bottom: none } /* line 398, src/assets/scss/layout/_layout-navbar.scss */ .scroll-nav-wrapper .tabs ul li a { color: #A9ABAC } /* line 402, src/assets/scss/layout/_layout-navbar.scss */ .scroll-nav-wrapper .tabs ul li:hover a { color: #ad5cff; border-bottom-color: #ad5cff } /* line 407, src/assets/scss/layout/_layout-navbar.scss */ .scroll-nav-wrapper .tabs ul li.is-active a { color: #ad5cff; border-bottom: 2px solid #ad5cff } /* line 412, src/assets/scss/layout/_layout-navbar.scss */ .scroll-nav-wrapper .tabs ul li a.there { color: #ad5cff; border-bottom: 2px solid #ad5cff } /* line 422, src/assets/scss/layout/_layout-navbar.scss */ .menu-toggle { font-size: 20px; color: #666; line-height: 48px; text-align: center; background: transparent; display: block; width: 24px; height: 26px; cursor: pointer; padding: 0; margin: 0 14px; -webkit-transition: opacity 0.4s; transition: opacity 0.4s; opacity: 1; position: relative; top: 2px } /* line 439, src/assets/scss/layout/_layout-navbar.scss */ .menu-toggle .icon-box-toggle { height: 100%; width: 100%; background: tranparent; position: relative; display: block; width: 30px; height: 30px } /* line 448, src/assets/scss/layout/_layout-navbar.scss */ .menu-toggle .icon-box-toggle.active>span.rotate { -webkit-transform: rotate(90deg); transform: translate(0px, 0px) rotate(90deg) } /* line 457, src/assets/scss/layout/_layout-navbar.scss */ .menu-toggle .icon-box-toggle.active>span>i.icon-line-center { visibility: hidden; width: 1px; height: 3px; left: 70% } /* line 464, src/assets/scss/layout/_layout-navbar.scss */ .menu-toggle .icon-box-toggle.active>span>i.icon-line-bottom { margin: -2px 0 0 -10px; left: 50%; top: 12px; -webkit-transform: rotate(135deg); transform: translate(0px, 0px) rotate(135deg) } /* line 477, src/assets/scss/layout/_layout-navbar.scss */ .menu-toggle .icon-box-toggle.active>span>i.icon-line-top { margin: -2px 0 0 -10px; left: 50%; top: 12px; -webkit-transform: rotate(45deg); transform: translate(0px, 0px) rotate(45deg) } /* line 491, src/assets/scss/layout/_layout-navbar.scss */ .menu-toggle .icon-line-center { position: absolute; width: 20px; height: 2px; background: #A9ABAC; margin: -1px 0 0 -10px; left: 50%; top: 11px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease } /* line 505, src/assets/scss/layout/_layout-navbar.scss */ .menu-toggle .icon-line-top { position: absolute; width: 20px; height: 2px; background: #A9ABAC; margin: -3px 0 0 -10px; left: 50%; top: 7px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease } /* line 519, src/assets/scss/layout/_layout-navbar.scss */ .menu-toggle .icon-line-bottom { position: absolute; width: 20px; height: 2px; background: #A9ABAC; margin: 2px 0 0 -10px; left: 50%; top: 14px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease } /*! _sections.scss | Bulkit | CSS Ninja */ /* line 21, src/assets/scss/layout/_layout-sections.scss */ .section.section-light-grey { background-color: #EFF4F7 } /* line 25, src/assets/scss/layout/_layout-sections.scss */ .section.section-feature-grey { background-color: #fbfbfb } /* line 29, src/assets/scss/layout/_layout-sections.scss */ .section.section-header-grey { background-color: #F5F9FC } /* line 33, src/assets/scss/layout/_layout-sections.scss */ .section.section-feature-grey-accent { background-color: #efefef } /* line 37, src/assets/scss/layout/_layout-sections.scss */ .section.section-primary { background-color: #4FC1EA } /* line 41, src/assets/scss/layout/_layout-sections.scss */ .section.section-secondary { background-color: #7F00FF } /* line 46, src/assets/scss/layout/_layout-sections.scss */ .section.has-border-bottom { border-bottom: 1px solid #ededed } /* line 50, src/assets/scss/layout/_layout-sections.scss */ .section.has-border-top { border-top: 1px solid #ededed } /* line 55, src/assets/scss/layout/_layout-sections.scss */ .section.is-relative { position: relative } /* line 59, src/assets/scss/layout/_layout-sections.scss */ .section.is-cover { background-size: cover !important } /* line 63, src/assets/scss/layout/_layout-sections.scss */ .section.no-margin { margin: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important } /* line 69, src/assets/scss/layout/_layout-sections.scss */ .section.section-half { height: 75vh !important } /* line 74, src/assets/scss/layout/_layout-sections.scss */ .section.is-skewed-sm { -webkit-transform: skew(0deg, -3deg) translate(0, -45px); transform: skew(0deg, -3deg) translate(0, -45px); padding-top: 140px } /* line 80, src/assets/scss/layout/_layout-sections.scss */ .section .container { z-index: 1 } /* line 83, src/assets/scss/layout/_layout-sections.scss */ .section .container.is-reverse-skewed-sm { -webkit-transform: skew(0deg, 3deg) translate(0, 45px); transform: skew(0deg, 3deg) translate(0, 45px) } /* line 87, src/assets/scss/layout/_layout-sections.scss */ .section .container.slanted-container { margin-top: -100px } /* line 93, src/assets/scss/layout/_layout-sections.scss */ .section .content-wrapper { padding-top: 40px } /* line 98, src/assets/scss/layout/_layout-sections.scss */ .section .bottom-spacer { padding-bottom: 200px } /* line 103, src/assets/scss/layout/_layout-sections.scss */ .section .section-title-wrapper { position: relative; padding: 40px 20px } /* line 108, src/assets/scss/layout/_layout-sections.scss */ .section .section-title-wrapper .bg-number, .section .section-title-wrapper .bg-symbol { position: absolute; text-align: center; font-weight: bolder; top: -18px; margin-left: auto; margin-right: auto; left: 0; right: 0; font-size: 160px; z-index: 0; opacity: 0.1; color: #999; width: 160px; height: 160px; line-height: 160px } /* line 125, src/assets/scss/layout/_layout-sections.scss */ .section .section-title-wrapper .bg-number .material-icons, .section .section-title-wrapper .bg-symbol .material-icons { font-size: 12rem } /* line 131, src/assets/scss/layout/_layout-sections.scss */ .section .section-title-wrapper .top-subtitle { text-transform: uppercase; color: #4FC1EA; font-family: 'Nexa Light', sans-serif; font-weight: 700; font-size: 1.05rem } /* line 140, src/assets/scss/layout/_layout-sections.scss */ .section .section-title-wrapper .icon-subtitle { 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; -ms-flex-line-pack: center; align-content: center } /* line 146, src/assets/scss/layout/_layout-sections.scss */ .section .section-title-wrapper .icon-subtitle.is-one i { margin: 10px 5px 0 5px; font-size: 2.2rem; color: #7F00FF } /* line 152, src/assets/scss/layout/_layout-sections.scss */ .section .section-title-wrapper .icon-subtitle.is-many i { margin: 10px 5px 0 5px; font-size: 1.4rem; color: #7F00FF } /* line 162, src/assets/scss/layout/_layout-sections.scss */ .section .title.section-title { font-size: 2.7rem; color: #A9ABAC; font-weight: bold; font-family: 'Nexa Bold', sans-serif } /* line 169, src/assets/scss/layout/_layout-sections.scss */ .section .title.section-subtitle { font-size: 2.3rem; color: #A9ABAC } /* line 174, src/assets/scss/layout/_layout-sections.scss */ .section .title.quick-feature { font-size: 2.7rem; color: #444F60; position: relative } /* line 179, src/assets/scss/layout/_layout-sections.scss */ .section .title.quick-feature .bg-number, .section .title.quick-feature .bg-symbol { position: absolute; font-weight: bolder; top: -100px; left: 40px; font-size: 14rem; z-index: 0; opacity: 0.1; color: #999 } /* line 191, src/assets/scss/layout/_layout-sections.scss */ .section .title.feature-title { font-weight: 600; color: #444F60; font-size: 2.2rem } /* line 199, src/assets/scss/layout/_layout-sections.scss */ .section .icon-subtitle i { font-size: 2.4rem; color: #4FC1EA } /* line 205, src/assets/scss/layout/_layout-sections.scss */ .section .detailed-feature-subtitle { text-transform: uppercase; font-family: 'Nexa Light'; font-size: 15px; color: #A9ABAC; font-weight: 600 } /* line 214, src/assets/scss/layout/_layout-sections.scss */ .section .title-divider { margin: 10px 0; width: 80px; height: 5px; background: linear-gradient(293deg, #19B4F2 0%, #43CE8B 100%); } /* line 220, src/assets/scss/layout/_layout-sections.scss */ .section .title-divider.is-right { margin-left: auto } /* line 224, src/assets/scss/layout/_layout-sections.scss */ .section .title-divider.is-centered { margin: 0 auto } /* line 230, src/assets/scss/layout/_layout-sections.scss */ .section h2.feature-headline { color: #4FC1EA !important; line-height: 1.2; padding: 5px 0; margin-bottom: 0 !important } /* line 238, src/assets/scss/layout/_layout-sections.scss */ .section .section-feature-description { color: #878787 } /* line 243, src/assets/scss/layout/_layout-sections.scss */ .section .media.icon-box { border-top: none !important } /* line 247, src/assets/scss/layout/_layout-sections.scss */ .section .media.icon-box .media-content .content p span.icon-box-title { color: #444F60; font-size: 1.2rem; font-weight: 600 } /* line 253, src/assets/scss/layout/_layout-sections.scss */ .section .media.icon-box .media-content .content p span.icon-box-text { color: #A9ABAC; font-size: 1.1rem; font-weight: 400 } /* line 262, src/assets/scss/layout/_layout-sections.scss */ .section .flex-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } /* line 267, src/assets/scss/layout/_layout-sections.scss */ .section .flex-wrapper.flex-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } /* line 271, src/assets/scss/layout/_layout-sections.scss */ .section .flex-wrapper.flex-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } /* line 275, src/assets/scss/layout/_layout-sections.scss */ .section .flex-wrapper.flex-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } /* line 279, src/assets/scss/layout/_layout-sections.scss */ .section .flex-wrapper img { width: 23% } /* line 288, src/assets/scss/layout/_layout-sections.scss */ .content.content-flex, .content-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } /* line 294, src/assets/scss/layout/_layout-sections.scss */ .content.content-flex.center-flex, .content-flex.center-flex { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important } /* line 302, src/assets/scss/layout/_layout-sections.scss */ .divider { display: table; white-space: nowrap; margin-top: 20px; padding: 0 20px } /* line 308, src/assets/scss/layout/_layout-sections.scss */ .divider .before-divider, .divider .after-divider { display: table-cell; width: 50%; border-bottom: 1px solid #ededed; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #999 } /* line 316, src/assets/scss/layout/_layout-sections.scss */ .divider .children { padding: 0 20px; font-size: 14px; color: #cecece } /*! _hero.scss | Bulkit | CSS Ninja */ /* line 22, src/assets/scss/layout/_layout-hero.scss */ .hero.is-relative { position: relative } /* line 26, src/assets/scss/layout/_layout-hero.scss */ .hero.is-cover { background-size: cover !important } /* line 31, src/assets/scss/layout/_layout-hero.scss */ .hero.is-theme-primary { background-color: #4FC1EA } /* line 34, src/assets/scss/layout/_layout-hero.scss */ .hero.is-theme-primary .title { color: #fff } /* line 38, src/assets/scss/layout/_layout-hero.scss */ .hero.is-theme-primary .subtitle { color: #fff } /* line 44, src/assets/scss/layout/_layout-hero.scss */ .hero.is-theme-secondary { background-color: #7F00FF } /* line 47, src/assets/scss/layout/_layout-hero.scss */ .hero.is-theme-secondary .title { color: #fff } /* line 51, src/assets/scss/layout/_layout-hero.scss */ .hero.is-theme-secondary .subtitle { color: #fff } /* line 57, src/assets/scss/layout/_layout-hero.scss */ .hero.is-theme-accent { background-color: #ad5cff } /* line 60, src/assets/scss/layout/_layout-hero.scss */ .hero.is-theme-accent .title { color: #fff } /* line 64, src/assets/scss/layout/_layout-hero.scss */ .hero.is-theme-accent .subtitle { color: #fff } /* line 70, src/assets/scss/layout/_layout-hero.scss */ .hero.is-theme-info { background-color: #039BE5 } /* line 73, src/assets/scss/layout/_layout-hero.scss */ .hero.is-theme-info .title { color: #fff } /* line 77, src/assets/scss/layout/_layout-hero.scss */ .hero.is-theme-info .subtitle { color: #fff } /* line 83, src/assets/scss/layout/_layout-hero.scss */ .hero.is-theme-success { background-color: #00b289 } /* line 86, src/assets/scss/layout/_layout-hero.scss */ .hero.is-theme-success .title { color: #fff } /* line 90, src/assets/scss/layout/_layout-hero.scss */ .hero.is-theme-success .subtitle { color: #fff } /* line 96, src/assets/scss/layout/_layout-hero.scss */ .hero.is-theme-warning { background-color: #eda514 } /* line 99, src/assets/scss/layout/_layout-hero.scss */ .hero.is-theme-warning .title { color: #fff } /* line 103, src/assets/scss/layout/_layout-hero.scss */ .hero.is-theme-warning .subtitle { color: #fff } /* line 109, src/assets/scss/layout/_layout-hero.scss */ .hero.is-theme-danger { background-color: #FF7273 } /* line 112, src/assets/scss/layout/_layout-hero.scss */ .hero.is-theme-danger .title { color: #fff } /* line 116, src/assets/scss/layout/_layout-hero.scss */ .hero.is-theme-danger .subtitle { color: #fff } /* line 122, src/assets/scss/layout/_layout-hero.scss */ .hero.is-feature-grey { background-color: #fbfbfb } /* line 125, src/assets/scss/layout/_layout-hero.scss */ .hero.is-feature-grey .title { color: #444F60 } /* line 129, src/assets/scss/layout/_layout-hero.scss */ .hero.is-feature-grey .subtitle { color: #444F60 } /* line 135, src/assets/scss/layout/_layout-hero.scss */ .hero.is-light-grey { background-color: #EFF4F7; background-image: linear-gradient(141deg, #d0e0ec 0%, #f5f7fa 71%, white 100%) } /* line 140, src/assets/scss/layout/_layout-hero.scss */ .hero.is-light-grey .title.dark { color: #444F60 } /* line 144, src/assets/scss/layout/_layout-hero.scss */ .hero.is-light-grey .title.theme { color: #4FC1EA } /* line 148, src/assets/scss/layout/_layout-hero.scss */ .hero.is-light-grey .subtitle { margin-top: 0 !important; padding-right: 20%; line-height: 1.6 !important } /* line 156, src/assets/scss/layout/_layout-hero.scss */ .hero.is-coal { background-color: #444 } /* line 159, src/assets/scss/layout/_layout-hero.scss */ .hero.is-coal .title { color: #fff } /* line 163, src/assets/scss/layout/_layout-hero.scss */ .hero.is-coal .subtitle { color: #fff } /* line 172, src/assets/scss/layout/_layout-hero.scss */ .hero-body { background-size: cover !important; background-repeat: no-repeat !important } /* line 178, src/assets/scss/layout/_layout-hero.scss */ .hero-body .title.main-title { color: #fff; z-index: 999; font-size: 3.5rem } /* line 184, src/assets/scss/layout/_layout-hero.scss */ .hero-body .title.big-title { color: #444F60; z-index: 999; font-size: 4rem } /* line 190, src/assets/scss/layout/_layout-hero.scss */ .hero-body .title.page-title { font-size: 3.5rem } /* line 194, src/assets/scss/layout/_layout-hero.scss */ .hero-body .title.medium-title { font-size: 2.5rem } /* line 198, src/assets/scss/layout/_layout-hero.scss */ .hero-body .title.small-title { font-size: 2rem } /* line 205, src/assets/scss/layout/_layout-hero.scss */ .hero-body .subtitle.page-subtitle { font-size: 1.8rem } /* line 211, src/assets/scss/layout/_layout-hero.scss */ .hero-body .clients-small { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 15px 0 } /* line 218, src/assets/scss/layout/_layout-hero.scss */ .hero-body .clients-small img { height: 42px; margin: 0 5px } /* line 223, src/assets/scss/layout/_layout-hero.scss */ .hero-body .clients-small.centered { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important } /* line 229, src/assets/scss/layout/_layout-hero.scss */ .hero-body.is-relative { position: relative } /* line 239, src/assets/scss/layout/_layout-hero.scss */ .hero-foot img.partner-logo { height: 70px !important } /* line 248, src/assets/scss/layout/_layout-hero.scss */ .parallax-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; background-color: #333; opacity: 0.4 } /*! _footer.scss | Bulkit | CSS Ninja */ /* line 21, src/assets/scss/layout/_layout-footer.scss */ footer.footer-dark { background: #444F60; color: #fff; position: relative } /* line 26, src/assets/scss/layout/_layout-footer.scss */ footer.footer-dark .columns { padding-top: 30px; padding-bottom: 30px } /* line 31, src/assets/scss/layout/_layout-footer.scss */ footer.footer-dark .footer-logo { padding: 10px 0 } /* line 34, src/assets/scss/layout/_layout-footer.scss */ footer.footer-dark .footer-logo img { height: 25px } /* line 40, src/assets/scss/layout/_layout-footer.scss */ footer.footer-dark .footer-column .footer-header { padding: 10px 0 } /* line 43, src/assets/scss/layout/_layout-footer.scss */ footer.footer-dark .footer-column .footer-header h3 { font-family: 'Nexa Bold', sans-serif; font-weight: 400; font-size: 1.1rem; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 0 !important; color: #EFF4F7 } /* line 54, src/assets/scss/layout/_layout-footer.scss */ footer.footer-dark .footer-column ul.link-list { line-height: 30px; font-size: 1rem } /* line 58, src/assets/scss/layout/_layout-footer.scss */ footer.footer-dark .footer-column ul.link-list a { color: #98a9c3; font-weight: 400; -webkit-transition: all 0.5s; transition: all 0.5s } /* line 64, src/assets/scss/layout/_layout-footer.scss */ footer.footer-dark .footer-column ul.link-list :hover { color: #fcfcfc } /* line 69, src/assets/scss/layout/_layout-footer.scss */ footer.footer-dark .footer-column .level-item .icon { color: #4FC1EA; -webkit-transition: all 0.5s; transition: all 0.5s } /* line 73, src/assets/scss/layout/_layout-footer.scss */ footer.footer-dark .footer-column .level-item .icon i { font-size: 20px } /* line 77, src/assets/scss/layout/_layout-footer.scss */ footer.footer-dark .footer-column .level-item .icon :hover { color: #fcfcfc } /* line 82, src/assets/scss/layout/_layout-footer.scss */ footer.footer-dark .footer-column .copyright { padding: 10px 0 } /* line 91, src/assets/scss/layout/_layout-footer.scss */ footer.footer-light { background: #fff; color: #444F60; position: relative } /* line 96, src/assets/scss/layout/_layout-footer.scss */ footer.footer-light .columns { padding-top: 30px; padding-bottom: 30px } /* line 101, src/assets/scss/layout/_layout-footer.scss */ footer.footer-light .footer-logo { padding: 10px 0 } /* line 104, src/assets/scss/layout/_layout-footer.scss */ footer.footer-light .footer-logo img { height: 25px } /* line 110, src/assets/scss/layout/_layout-footer.scss */ footer.footer-light .footer-column .footer-header { padding: 10px 0 } /* line 113, src/assets/scss/layout/_layout-footer.scss */ footer.footer-light .footer-column .footer-header h3 { font-family: 'Nexa Bold', sans-serif; font-weight: 400; font-size: 1.1rem; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 0 !important; color: #444F60 } /* line 124, src/assets/scss/layout/_layout-footer.scss */ footer.footer-light .footer-column ul.link-list { line-height: 30px; font-size: 1rem } /* line 128, src/assets/scss/layout/_layout-footer.scss */ footer.footer-light .footer-column ul.link-list a { color: #98a9c3; font-weight: 400; -webkit-transition: all 0.5s; transition: all 0.5s } /* line 134, src/assets/scss/layout/_layout-footer.scss */ footer.footer-light .footer-column ul.link-list :hover { color: #4FC1EA } /* line 139, src/assets/scss/layout/_layout-footer.scss */ footer.footer-light .footer-column .level-item .icon { color: #999; -webkit-transition: all 0.5s; transition: all 0.5s } /* line 143, src/assets/scss/layout/_layout-footer.scss */ footer.footer-light .footer-column .level-item .icon i { font-size: 20px } /* line 147, src/assets/scss/layout/_layout-footer.scss */ footer.footer-light .footer-column .level-item .icon :hover { color: #7F00FF } /* line 152, src/assets/scss/layout/_layout-footer.scss */ footer.footer-light .footer-column .copyright { padding: 10px 0 } @media (max-width: 768px) { /* line 160, src/assets/scss/layout/_layout-footer.scss */ .footer-columns.is-flex-mobile { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important } } /* line 168, src/assets/scss/layout/_layout-footer.scss */ footer.footer-light-left { padding: 5rem 1.5rem !important } /* line 171, src/assets/scss/layout/_layout-footer.scss */ footer.footer-light-left .footer-nav-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } /* line 177, src/assets/scss/layout/_layout-footer.scss */ footer.footer-light-left .footer-nav-right .footer-nav-link { margin: 0 10px; padding: 20px 0; color: #444F60 !important; border-bottom: 2px solid transparent } /* line 183, src/assets/scss/layout/_layout-footer.scss */ footer.footer-light-left .footer-nav-right .footer-nav-link:hover { color: #999 !important; border-bottom: 2px solid #999 } /* line 188, src/assets/scss/layout/_layout-footer.scss */ footer.footer-light-left .footer-nav-right .footer-nav-link.is-active { color: #4FC1EA !important; border-bottom: 2px solid #4FC1EA !important } /* line 195, src/assets/scss/layout/_layout-footer.scss */ footer.footer-light-left .level-item .icon { color: #cecece; -webkit-transition: all 0.5s; transition: all 0.5s } /* line 199, src/assets/scss/layout/_layout-footer.scss */ footer.footer-light-left .level-item .icon :hover { color: #4FC1EA } /* line 204, src/assets/scss/layout/_layout-footer.scss */ footer.footer-light-left .moto { color: #999 } @media (max-width: 768px) { /* line 211, src/assets/scss/layout/_layout-footer.scss */ .footer-nav-right { margin-top: 0 !important } } /* line 219, src/assets/scss/layout/_layout-footer.scss */ footer.footer-dark-left { padding: 5rem 1.5rem !important; background: #444F60 } /* line 223, src/assets/scss/layout/_layout-footer.scss */ footer.footer-dark-left .footer-nav-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } /* line 229, src/assets/scss/layout/_layout-footer.scss */ footer.footer-dark-left .footer-nav-right .footer-nav-link { margin: 0 10px; padding: 20px 0; color: #fff !important; border-bottom: 2px solid transparent } /* line 235, src/assets/scss/layout/_layout-footer.scss */ footer.footer-dark-left .footer-nav-right .footer-nav-link:hover { color: #fcfcfc !important; border-bottom: 2px solid #fff } /* line 240, src/assets/scss/layout/_layout-footer.scss */ footer.footer-dark-left .footer-nav-right .footer-nav-link.is-active { color: #4FC1EA !important; border-bottom: 2px solid #4FC1EA !important } /* line 247, src/assets/scss/layout/_layout-footer.scss */ footer.footer-dark-left .level-item .icon { color: #fff; -webkit-transition: all 0.5s; transition: all 0.5s } /* line 251, src/assets/scss/layout/_layout-footer.scss */ footer.footer-dark-left .level-item .icon :hover { color: #4FC1EA } /* line 256, src/assets/scss/layout/_layout-footer.scss */ footer.footer-dark-left .moto { color: #fff } /* line 264, src/assets/scss/layout/_layout-footer.scss */ footer.footer-light-medium { padding-bottom: 10rem !important; padding-top: 8rem !important; background: #fff } /* line 269, src/assets/scss/layout/_layout-footer.scss */ footer.footer-light-medium .social-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center } /* line 274, src/assets/scss/layout/_layout-footer.scss */ footer.footer-light-medium .social-links a { color: #A9ABAC; margin: 0 5px } /* line 278, src/assets/scss/layout/_layout-footer.scss */ footer.footer-light-medium .social-links a:hover { color: #4FC1EA } /* line 284, src/assets/scss/layout/_layout-footer.scss */ footer.footer-light-medium .footer-description { color: #A9ABAC } /* line 288, src/assets/scss/layout/_layout-footer.scss */ footer.footer-light-medium .footer-column { padding-top: 20px } /* line 291, src/assets/scss/layout/_layout-footer.scss */ footer.footer-light-medium .footer-column .column-header { font-family: 'Nexa Light', sans-serif; text-transform: uppercase; color: #444F60; font-size: 1rem; font-weight: 700; margin: 10px 0 } /* line 300, src/assets/scss/layout/_layout-footer.scss */ footer.footer-light-medium .footer-column .column-item { padding-bottom: 10px } /* line 303, src/assets/scss/layout/_layout-footer.scss */ footer.footer-light-medium .footer-column .column-item a { color: #A9ABAC } /* line 306, src/assets/scss/layout/_layout-footer.scss */ footer.footer-light-medium .footer-column .column-item a:hover { color: #4FC1EA } /* line 313, src/assets/scss/layout/_layout-footer.scss */ footer.footer-light-medium .moto { color: #999 } /* line 317, src/assets/scss/layout/_layout-footer.scss */ footer.footer-light-medium .small-footer-logo { height: 28px } /*! _animations.scss | Bulkit | CSS Ninja */ /* line 36, src/assets/scss/layout/_layout-animations.scss */ .animated { animation-duration: 0.5s; animation-fill-mode: both; -webkit-animation-duration: 0.5s; -webkit-animation-fill-mode: both } @-webkit-keyframes translateLeft { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes translateLeft { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } /* line 73, src/assets/scss/layout/_layout-animations.scss */ .translateLeft { -webkit-animation-name: translateLeft; animation-name: translateLeft; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-transition: all 500ms cubic-bezier(0.755, 0.05, 0.855, 0.06); transition: all 500ms cubic-bezier(0.755, 0.05, 0.855, 0.06) } @-webkit-keyframes translateDown { from { -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes translateDown { from { -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } /* line 112, src/assets/scss/layout/_layout-animations.scss */ .translateDown { -webkit-animation-name: translateDown; animation-name: translateDown; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-transition: all 500ms cubic-bezier(0.755, 0.05, 0.855, 0.06); transition: all 500ms cubic-bezier(0.755, 0.05, 0.855, 0.06) } @-webkit-keyframes translateUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes translateUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } /* line 156, src/assets/scss/layout/_layout-animations.scss */ .translateUp { -webkit-animation-name: translateUp; animation-name: translateUp; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-transition: all 500ms cubic-bezier(0.755, 0.05, 0.855, 0.06); transition: all 500ms cubic-bezier(0.755, 0.05, 0.855, 0.06) } @-webkit-keyframes fadeIn { from { opacity: 0 } to { opacity: 1 } } @keyframes fadeIn { from { opacity: 0 } to { opacity: 1 } } /* line 191, src/assets/scss/layout/_layout-animations.scss */ .fadeIn { opacity: 0; -webkit-animation-name: fadeIn; animation-name: fadeIn } @-webkit-keyframes fadeInLeft { from { -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); opacity: 0 } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } } @keyframes fadeInLeft { from { -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); opacity: 0 } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } } /* line 231, src/assets/scss/layout/_layout-animations.scss */ .preFadeInLeft { opacity: 0 } /* line 235, src/assets/scss/layout/_layout-animations.scss */ .fadeInLeft { opacity: 0; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft } @-webkit-keyframes fadeInRight { from { -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); opacity: 0 } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } } @keyframes fadeInRight { from { -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); opacity: 0 } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } } /* line 275, src/assets/scss/layout/_layout-animations.scss */ .preFadeInRight { opacity: 0 } /* line 279, src/assets/scss/layout/_layout-animations.scss */ .fadeInRight { opacity: 0; -webkit-animation-name: fadeInRight; animation-name: fadeInRight } @-webkit-keyframes fadeInUp { from { -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } } @keyframes fadeInUp { from { -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } } /* line 317, src/assets/scss/layout/_layout-animations.scss */ .preFadeInUp { opacity: 0 } /* line 321, src/assets/scss/layout/_layout-animations.scss */ .fadeInUp { opacity: 0; -webkit-animation-name: fadeInUp; animation-name: fadeInUp } @-webkit-keyframes fadeInDown { from { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } } @keyframes fadeInDown { from { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } } /* line 359, src/assets/scss/layout/_layout-animations.scss */ .preFadeInDown { opacity: 0 } /* line 363, src/assets/scss/layout/_layout-animations.scss */ .fadeInDown { opacity: 0; -webkit-animation-name: fadeInDown; animation-name: fadeInDown } @-webkit-keyframes fadeOutUp { from { -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 0 } } @keyframes fadeOutUp { from { -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 0 } } /* line 401, src/assets/scss/layout/_layout-animations.scss */ .preFadeOutUp { opacity: 1 } /* line 405, src/assets/scss/layout/_layout-animations.scss */ .fadeOutUp { opacity: 1; -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp } @-webkit-keyframes levitate { from { -webkit-transform: translate(0, 0); transform: translate(0, 0) } 50% { -webkit-transform: translate(0, 10px); transform: translate(0, 10px) } to { -webkit-transform: translate(0, 0); transform: translate(0, 0) } } @keyframes levitate { from { -webkit-transform: translate(0, 0); transform: translate(0, 0) } 50% { -webkit-transform: translate(0, 10px); transform: translate(0, 10px) } to { -webkit-transform: translate(0, 0); transform: translate(0, 0) } } /* line 451, src/assets/scss/layout/_layout-animations.scss */ .levitate { -webkit-animation-name: levitate; animation-name: levitate; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } @-webkit-keyframes gelatine { from, to { -webkit-transform: scale(1, 1) } 25% { -webkit-transform: scale(0.9, 1.1) } 50% { -webkit-transform: scale(1.1, 0.9) } 75% { -webkit-transform: scale(0.95, 1.05) } } @keyframes gelatine { from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1) } 25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1) } 50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9) } 75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05) } } /* line 504, src/assets/scss/layout/_layout-animations.scss */ .gelatine { -webkit-animation: gelatine 0.6s; animation: gelatine 0.6s; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both } @-webkit-keyframes unzoom { from, to { -webkit-transform: scale(1, 0) } 25% { -webkit-transform: scale(0.9, 1.1) } 50% { -webkit-transform: scale(1.1, 0) } } @keyframes unzoom { from, to { -webkit-transform: scale(1, 0); transform: scale(1, 0) } 25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1) } 50% { -webkit-transform: scale(1.1, 0); transform: scale(1.1, 0) } } /* line 547, src/assets/scss/layout/_layout-animations.scss */ .unzoom { -webkit-animation: unzoom 0.7s; animation: unzoom 0.7s; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both } @-webkit-keyframes dotPulse { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 100% { -webkit-transform: scale(1.8); transform: scale(1.8); opacity: 0 } } @keyframes dotPulse { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 100% { -webkit-transform: scale(1.8); transform: scale(1.8); opacity: 0 } } @-webkit-keyframes entrance { from { -webkit-transform: scale(0) } 25% { -webkit-transform: scale(1.05) } 50% { -webkit-transform: scale(0.95) } 75% { -webkit-transform: scale(1.05) } to { -webkit-transform: none } } @keyframes entrance { from { -webkit-transform: scale(0); transform: scale(0) } 25% { -webkit-transform: scale(1.05); transform: scale(1.05) } 50% { -webkit-transform: scale(0.95); transform: scale(0.95) } 75% { -webkit-transform: scale(1.05); transform: scale(1.05) } to { -webkit-transform: none; transform: none } } /* line 639, src/assets/scss/layout/_layout-animations.scss */ .entrance { -webkit-animation: entrance 0.8s; animation: entrance 0.8s } @-webkit-keyframes scaleIn { from { -webkit-transform: scale(0) } to { -webkit-transform: scale(1) } } @keyframes scaleIn { from { -webkit-transform: scale(0); transform: scale(0) } to { -webkit-transform: scale(1); transform: scale(1) } } /* line 670, src/assets/scss/layout/_layout-animations.scss */ .scaleIn { -webkit-animation: scaleIn 0.5s; animation: scaleIn 0.5s; -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1) } @-webkit-keyframes scaleInCircle { from { -webkit-transform: scale(0) } to { -webkit-transform: scale(7) } } @keyframes scaleInCircle { from { -webkit-transform: scale(0); transform: scale(0) } to { -webkit-transform: scale(7); transform: scale(7) } } /* line 704, src/assets/scss/layout/_layout-animations.scss */ .scaleInCircle { -webkit-animation: scaleInCircle 0.6s; animation: scaleInCircle 0.6s; -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1) } @-webkit-keyframes scaleOut { from { -webkit-transform: scale(1) } to { -webkit-transform: scale(0) } } @keyframes scaleOut { from { -webkit-transform: scale(1); transform: scale(1) } to { -webkit-transform: scale(0); transform: scale(0) } } /* line 738, src/assets/scss/layout/_layout-animations.scss */ .scaleOut { -webkit-animation: scaleOut 0.6s; animation: scaleOut 0.6s } @-webkit-keyframes pulsate { 0% { -webkit-transform: scale(0.1, 0.1); opacity: 0.0 } 50% { opacity: 1.0 } 100% { -webkit-transform: scale(1.2, 1.2); opacity: 0.0 } } /* line 763, src/assets/scss/layout/_layout-animations.scss */ .pulsate { -webkit-animation: pulsate 1s ease-out; animation: pulsate 1s ease-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; opacity: 0.0 } /* line 773, src/assets/scss/layout/_layout-animations.scss */ .delay-1 { -webkit-animation-delay: .25s; animation-delay: .25s } /* line 777, src/assets/scss/layout/_layout-animations.scss */ .delay-2 { -webkit-animation-delay: .5s; animation-delay: .5s } /* line 781, src/assets/scss/layout/_layout-animations.scss */ .delay-3 { -webkit-animation-delay: .75s; animation-delay: .75s } /* line 785, src/assets/scss/layout/_layout-animations.scss */ .delay-4 { -webkit-animation-delay: 1s; animation-delay: 1s } /* line 789, src/assets/scss/layout/_layout-animations.scss */ .delay-5 { -webkit-animation-delay: 1.25s; animation-delay: 1.25s } /* line 793, src/assets/scss/layout/_layout-animations.scss */ .delay-6 { -webkit-animation-delay: 1.5s; animation-delay: 1.5s } /* line 797, src/assets/scss/layout/_layout-animations.scss */ .delay-7 { -webkit-animation-delay: 1.75s; animation-delay: 1.75s } /* line 801, src/assets/scss/layout/_layout-animations.scss */ .delay-8 { -webkit-animation-delay: 2.25s; animation-delay: 2.25s } /* line 805, src/assets/scss/layout/_layout-animations.scss */ .delay-9 { -webkit-animation-delay: 2.5s; animation-delay: 2.5s } /* line 809, src/assets/scss/layout/_layout-animations.scss */ .delay-10 { -webkit-animation-delay: 2.75s; animation-delay: 2.75s } /* line 813, src/assets/scss/layout/_layout-animations.scss */ .delay-11 { -webkit-animation-delay: 3s; animation-delay: 3s } /*! _navigation.scss | Bulkit | CSS Ninja */ /* line 17, src/assets/scss/layout/_layout-navigation.scss */ .side-navigation-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; background: #344258; position: fixed; top: 0; bottom: 0; left: 0; width: 300px; overflow: hidden; -webkit-transform: translateX(-301px); transform: translateX(-301px); -webkit-transition: width .05s linear; transition: width .05s linear; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; z-index: 1000 } /* line 34, src/assets/scss/layout/_layout-navigation.scss */ .side-navigation-menu.is-active { -webkit-transform: translateX(0); transform: translateX(0) } /* line 39, src/assets/scss/layout/_layout-navigation.scss */ .side-navigation-menu .category-menu-wrapper { height: 100%; position: relative; width: 80px; background: #7F00FF } /* line 46, src/assets/scss/layout/_layout-navigation.scss */ .side-navigation-menu .category-menu-wrapper ul.categories li { height: 60px } /* line 49, src/assets/scss/layout/_layout-navigation.scss */ .side-navigation-menu .category-menu-wrapper ul.categories li.square-logo { 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 } /* line 54, src/assets/scss/layout/_layout-navigation.scss */ .side-navigation-menu .category-menu-wrapper ul.categories li.square-logo img { max-height: 28px } /* line 59, src/assets/scss/layout/_layout-navigation.scss */ .side-navigation-menu .category-menu-wrapper ul.categories li.category-link { 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; cursor: pointer } /* line 65, src/assets/scss/layout/_layout-navigation.scss */ .side-navigation-menu .category-menu-wrapper ul.categories li.category-link i { font-size: 20px; color: #fff } /* line 70, src/assets/scss/layout/_layout-navigation.scss */ .side-navigation-menu .category-menu-wrapper ul.categories li.category-link:hover { background: #8c1aff } /* line 75, src/assets/scss/layout/_layout-navigation.scss */ .side-navigation-menu .category-menu-wrapper ul.categories li.is-active { background: #93f } /* line 82, src/assets/scss/layout/_layout-navigation.scss */ .side-navigation-menu .category-menu-wrapper .author { position: absolute; left: 0; bottom: 0; width: 100% } /* line 88, src/assets/scss/layout/_layout-navigation.scss */ .side-navigation-menu .category-menu-wrapper .author li { 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; position: relative } /* line 95, src/assets/scss/layout/_layout-navigation.scss */ .side-navigation-menu .category-menu-wrapper .author a { position: relative; z-index: 4 } /* line 100, src/assets/scss/layout/_layout-navigation.scss */ .side-navigation-menu .category-menu-wrapper .author .main-menu-author { width: 48px; height: 48px; border-radius: 100px; margin: 0 auto; margin-bottom: 10px; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform .4s; transition: -webkit-transform .4s; transition: transform .4s; transition: transform .4s, -webkit-transform .4s } /* line 109, src/assets/scss/layout/_layout-navigation.scss */ .side-navigation-menu .category-menu-wrapper .author .main-menu-author:hover { -webkit-transform: scale(1.1); transform: scale(1.1) } /* line 117, src/assets/scss/layout/_layout-navigation.scss */ .side-navigation-menu .navigation-menu-wrapper { height: 100%; width: 100%; position: relative } /* line 122, src/assets/scss/layout/_layout-navigation.scss */ .side-navigation-menu .navigation-menu-wrapper ul.navigation-menu { height: calc(100% - 60px); margin: 0; padding: 0; max-width: 400px; list-style: none; list-style-type: none; overflow: auto } /* line 131, src/assets/scss/layout/_layout-navigation.scss */ .side-navigation-menu .navigation-menu-wrapper ul.navigation-menu::-webkit-scrollbar { width: 10px } /* line 135, src/assets/scss/layout/_layout-navigation.scss */ .side-navigation-menu .navigation-menu-wrapper ul.navigation-menu::-webkit-scrollbar-thumb { border-radius: 5px; background: rgba(255, 255, 255, 0.1) } /* line 142, src/assets/scss/layout/_layout-navigation.scss */ .side-navigation-menu .navigation-menu-wrapper .navigation-menu-header { height: 60px; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 25px; text-transform: uppercase; font-weight: 300; color: #fcfcfc; letter-spacing: 3px; font-size: 92% } /* line 154, src/assets/scss/layout/_layout-navigation.scss */ .side-navigation-menu .navigation-menu-wrapper .navigation-menu-header .menu-toggle .icon-box-toggle span i { background: #fff } /* line 158, src/assets/scss/layout/_layout-navigation.scss */ .side-navigation-menu .navigation-menu-wrapper .navigation-menu-header .navigation-close { opacity: 0 } /* line 164, src/assets/scss/layout/_layout-navigation.scss */ .side-navigation-menu .navigation-menu-wrapper .navigation-menu li a span { margin-right: 20px; color: #fff; font-size: 22px } /* line 170, src/assets/scss/layout/_layout-navigation.scss */ .side-navigation-menu .navigation-menu-wrapper .navigation-menu li a { padding: 18px 25px; display: block; text-decoration: none; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } /* line 178, src/assets/scss/layout/_layout-navigation.scss */ .side-navigation-menu .navigation-menu-wrapper .navigation-menu li a.is-submenu { padding: 12px 25px } /* line 182, src/assets/scss/layout/_layout-navigation.scss */ .side-navigation-menu .navigation-menu-wrapper .navigation-menu li a.parent-link { height: 60px !important; position: relative } /* line 187, src/assets/scss/layout/_layout-navigation.scss */ .side-navigation-menu .navigation-menu-wrapper .navigation-menu li a.parent-link.has-new:before { content: ''; position: absolute; top: 18px; left: 22px; width: 8px; height: 8px; border-radius: 50%; background: #039BE5; -webkit-animation: pulsate 1s ease-out; animation: pulsate 1s ease-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; opacity: 0.0 } /* line 204, src/assets/scss/layout/_layout-navigation.scss */ .side-navigation-menu .navigation-menu-wrapper .navigation-menu li a:hover { background: #3d4e68 } /* line 208, src/assets/scss/layout/_layout-navigation.scss */ .side-navigation-menu .navigation-menu-wrapper li.has-children.active-section a.parent-link { color: #a54dff !important } /* line 211, src/assets/scss/layout/_layout-navigation.scss */ .side-navigation-menu .navigation-menu-wrapper li.has-children.active-section a.parent-link span, .side-navigation-menu .navigation-menu-wrapper li.has-children.active-section a.parent-link span:after { color: #a54dff !important } /* line 216, src/assets/scss/layout/_layout-navigation.scss */ .side-navigation-menu .navigation-menu-wrapper li.has-children ul { padding: 0px } /* line 220, src/assets/scss/layout/_layout-navigation.scss */ .side-navigation-menu .navigation-menu-wrapper li.has-children ul li a.is-submenu { background-color: #2b3648; padding-left: 62px !important; font-size: 95% } /* line 225, src/assets/scss/layout/_layout-navigation.scss */ .side-navigation-menu .navigation-menu-wrapper li.has-children ul li a.is-submenu:hover, .side-navigation-menu .navigation-menu-wrapper li.has-children ul li a.is-submenu.is-active { color: #7F00FF } /* line 229, src/assets/scss/layout/_layout-navigation.scss */ .side-navigation-menu .navigation-menu-wrapper li.has-children ul li a.is-submenu.has-new-feature { position: relative } /* line 232, src/assets/scss/layout/_layout-navigation.scss */ .side-navigation-menu .navigation-menu-wrapper li.has-children ul li a.is-submenu.has-new-feature:after { content: '2.0'; position: absolute; color: #fff; background: #7F00FF; padding: 0; font-size: 10px; font-weight: 700; border-radius: 3px; padding: 3px 6px; right: 20px } /* line 246, src/assets/scss/layout/_layout-navigation.scss */ .side-navigation-menu .navigation-menu-wrapper li.has-children ul li a.is-submenu.has-new-feature.is-2_2:after { content: '2.2'; background: #eda514 } /* line 253, src/assets/scss/layout/_layout-navigation.scss */ .side-navigation-menu .navigation-menu-wrapper li.has-children ul li a.is-submenu.has-new-feature.is-2_3:after { content: '2.3'; background: #eda514 } /* line 260, src/assets/scss/layout/_layout-navigation.scss */ .side-navigation-menu .navigation-menu-wrapper li.has-children ul li a.is-submenu.has-new-feature.is-2_4:after { content: '2.4'; background: #FF7273 } /* line 267, src/assets/scss/layout/_layout-navigation.scss */ .side-navigation-menu .navigation-menu-wrapper li.has-children ul li a.is-submenu.has-new-feature.is-2_5:after { content: '3.0'; background: #7F00FF } /* line 274, src/assets/scss/layout/_layout-navigation.scss */ .side-navigation-menu .navigation-menu-wrapper li.has-children ul li a.is-submenu.has-new-update { position: relative } /* line 277, src/assets/scss/layout/_layout-navigation.scss */ .side-navigation-menu .navigation-menu-wrapper li.has-children ul li a.is-submenu.has-new-update:after { content: '2.1'; position: absolute; color: #fff; background: #7F00FF; padding: 0; font-size: 10px; font-weight: 700; border-radius: 3px; padding: 3px 6px; right: 20px } /* line 291, src/assets/scss/layout/_layout-navigation.scss */ .side-navigation-menu .navigation-menu-wrapper li.has-children ul li a.is-submenu.has-new-update.is-2_2:after { content: '2.2'; background: #eda514 } /* line 298, src/assets/scss/layout/_layout-navigation.scss */ .side-navigation-menu .navigation-menu-wrapper li.has-children ul li a.is-submenu.has-new-update.is-2_3:after { content: '2.3'; background: #eda514 } /* line 305, src/assets/scss/layout/_layout-navigation.scss */ .side-navigation-menu .navigation-menu-wrapper li.has-children ul li a.is-submenu.has-new-update.is-2_4:after { content: '2.4'; background: #FF7273 } /* line 312, src/assets/scss/layout/_layout-navigation.scss */ .side-navigation-menu .navigation-menu-wrapper li.has-children ul li a.is-submenu.has-new-update.is-2_5:after { content: '3.0'; background: #7F00FF } /* line 320, src/assets/scss/layout/_layout-navigation.scss */ .side-navigation-menu .navigation-menu-wrapper li.has-children ul li a:hover { color: #fff; padding-left: 42px } /* line 325, src/assets/scss/layout/_layout-navigation.scss */ .side-navigation-menu .navigation-menu-wrapper li.has-children, .side-navigation-menu .navigation-menu-wrapper li { position: relative } /* line 329, src/assets/scss/layout/_layout-navigation.scss */ .side-navigation-menu .navigation-menu-wrapper .has-children span::after { position: absolute; right: 30px; content: "\E315"; color: #fff; -webkit-transition: all .5s; transition: all .5s; font-size: 90%; padding-top: 2px } /* line 339, src/assets/scss/layout/_layout-navigation.scss */ .side-navigation-menu .navigation-menu-wrapper li.active.has-children span::after { -webkit-transform: rotate(90deg); transform: rotate(90deg) } /* line 346, src/assets/scss/layout/_layout-navigation.scss */ .side-navigation-menu .navigation-menu-wrapper li.active.has-children { background: #3d4e68 } /* line 350, src/assets/scss/layout/_layout-navigation.scss */ .side-navigation-menu .navigation-menu-wrapper .navigation-menu .has-children>ul { display: none } /*! _pageloader.scss | Bulkit | CSS Ninja */ /* line 18, src/assets/scss/layout/_layout-pageloader.scss */ .pageloader { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(293deg, #19B4F2 0%, #43CE8B 100%); z-index: 999998; transition: -webkit-transform 0.35s ease-out; -webkit-transition: -webkit-transform 0.35s ease-out; transition: transform 0.35s ease-out; transition: transform 0.35s ease-out, -webkit-transform 0.35s ease-out; -webkit-transform: translateY(-100%); transform: translateY(-100%); will-change: transform } /* line 34, src/assets/scss/layout/_layout-pageloader.scss */ .pageloader.is-active { -webkit-transform: translateY(0); transform: translateY(0) } /* line 39, src/assets/scss/layout/_layout-pageloader.scss */ .pageloader::after, .pageloader::before { position: absolute; top: 50%; left: 50%; display: block; border-radius: 100%; content: ""; z-index: 999999 } /* line 49, src/assets/scss/layout/_layout-pageloader.scss */ .pageloader::after { margin-top: -100px; margin-left: -100px; width: 200px; height: 200px; background-color: rgba(255, 255, 255, 0.5); border: 3px solid rgba(255, 255, 255, 0.75); -webkit-animation: page-loader-inner 1.5s infinite ease-out; animation: page-loader-inner 1.5s infinite ease-out } /* line 60, src/assets/scss/layout/_layout-pageloader.scss */ .pageloader::before { margin-top: -30px; margin-left: -30px; width: 60px; height: 60px; background-color: #fff; -webkit-animation: page-loader-outer 1.5s infinite ease-in; animation: page-loader-outer 1.5s infinite ease-in } @-webkit-keyframes page-loader-inner { 0%, 40% { -webkit-transform: scale(0); transform: scale(0) } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0 } } @keyframes page-loader-inner { 0%, 40% { -webkit-transform: scale(0); transform: scale(0) } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0 } } @-webkit-keyframes page-loader-outer { 0% { -webkit-transform: scale(1); transform: scale(1) } 100%, 40% { -webkit-transform: scale(0); transform: scale(0); opacity: 0 } } @keyframes page-loader-outer { 0% { -webkit-transform: scale(1); transform: scale(1) } 100%, 40% { -webkit-transform: scale(0); transform: scale(0); opacity: 0 } } /* line 127, src/assets/scss/layout/_layout-pageloader.scss */ .infraloader { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: #fff; z-index: -1; opacity: 0; -webkit-transition: opacity .35s; transition: opacity .35s } /* line 139, src/assets/scss/layout/_layout-pageloader.scss */ .infraloader.is-active { opacity: 1; z-index: 999997 } /*! _accordion.scss | Bulkit | CSS Ninja */ /* line 21, src/assets/scss/components/_components-accordion.scss */ .simple-accordion-wrapper .accordion-section { position: relative; width: 100%; height: auto; background-color: #fff; border: 1px solid #ededed } /* line 27, src/assets/scss/components/_components-accordion.scss */ .simple-accordion-wrapper .accordion-section a { display: block; padding: 10px 15px; text-decoration: none; color: #555; font-weight: 600; -webkit-transition: all 0.2s linear; transition: all 0.2s linear } /* line 37, src/assets/scss/components/_components-accordion.scss */ .simple-accordion-wrapper .accordion-section a i { position: relative; float: right; margin-top: 4px; color: #666 } /* line 43, src/assets/scss/components/_components-accordion.scss */ .simple-accordion-wrapper .accordion-section a.active { background-color: #444F60; color: #fff } /* line 47, src/assets/scss/components/_components-accordion.scss */ .simple-accordion-wrapper .accordion-section a.active i { color: #fff } /* line 50, src/assets/scss/components/_components-accordion.scss */ .simple-accordion-wrapper .accordion-section .accordion-content { position: relative; width: 100%; height: auto; background-color: #fff; display: none } /* line 56, src/assets/scss/components/_components-accordion.scss */ .simple-accordion-wrapper .accordion-section .accordion-content p { padding: 20px 25px; margin: 0; color: #333 } /* line 65, src/assets/scss/components/_components-accordion.scss */ .simple-accordion-wrapper.is-primary a.active { background-color: #4FC1EA } /* line 70, src/assets/scss/components/_components-accordion.scss */ .simple-accordion-wrapper.is-secondary a.active { background-color: #7F00FF } /* line 75, src/assets/scss/components/_components-accordion.scss */ .simple-accordion-wrapper.is-accent a.active { background-color: #ad5cff } /* line 80, src/assets/scss/components/_components-accordion.scss */ .simple-accordion-wrapper.is-info a.active { background-color: #039BE5 } /* line 85, src/assets/scss/components/_components-accordion.scss */ .simple-accordion-wrapper.is-success a.active { background-color: #00b289 } /* line 96, src/assets/scss/components/_components-accordion.scss */ .multi-toggle-wrapper .mt-item { position: relative; margin-bottom: 1px; width: 100%; color: #444F60; border: 1px solid #ededed; overflow: hidden } /* line 103, src/assets/scss/components/_components-accordion.scss */ .multi-toggle-wrapper .mt-item:hover .mt-item-label { color: #4FC1EA } /* line 105, src/assets/scss/components/_components-accordion.scss */ .multi-toggle-wrapper .mt-item:hover .mt-item-label span { color: #4FC1EA } /* line 110, src/assets/scss/components/_components-accordion.scss */ .multi-toggle-wrapper .mt-item .mt-item-input { position: absolute; opacity: 0; z-index: -1 } /* line 116, src/assets/scss/components/_components-accordion.scss */ .multi-toggle-wrapper .mt-item .mt-item-label { position: relative; display: block; padding: 0 0 0 3em; background: #fff; font-weight: bold; line-height: 3; cursor: pointer; color: #cecece; text-transform: uppercase; font-size: 1em; margin-bottom: 0; border-radius: 3px 3px 0 0; border-bottom: 1px solid #ededed } /* line 130, src/assets/scss/components/_components-accordion.scss */ .multi-toggle-wrapper .mt-item .mt-item-label span { color: #444F60; font-weight: 600; text-transform: none; -webkit-transition: all .45s; transition: all .45s } /* line 140, src/assets/scss/components/_components-accordion.scss */ .multi-toggle-wrapper .mt-item .mt-item-content { max-height: 0; overflow: hidden; -webkit-transition: max-height .45s; transition: max-height .45s; background-color: #fff; border-radius: 3px } /* line 148, src/assets/scss/components/_components-accordion.scss */ .multi-toggle-wrapper .mt-item .mt-item-content p { margin: 1em } /* line 151, src/assets/scss/components/_components-accordion.scss */ .multi-toggle-wrapper .mt-item .mt-item-content .mt-item { padding: 10px; background: #fff; color: #444F60; margin: 2px 0px; border-radius: 3px } /* line 157, src/assets/scss/components/_components-accordion.scss */ .multi-toggle-wrapper .mt-item .mt-item-content .mt-item label { border-radius: 0 } /* line 163, src/assets/scss/components/_components-accordion.scss */ .multi-toggle-wrapper .mt-item .mt-item-inner { padding: 1px 0 0 } /* line 165, src/assets/scss/components/_components-accordion.scss */ .multi-toggle-wrapper .mt-item .mt-item-inner label { font-weight: 400; background-color: #cecece; color: #fff } /* line 171, src/assets/scss/components/_components-accordion.scss */ .multi-toggle-wrapper .mt-item .mt-item-inner .mt-item-content ul { margin: 0; padding: 0 } /* line 174, src/assets/scss/components/_components-accordion.scss */ .multi-toggle-wrapper .mt-item .mt-item-inner .mt-item-content ul li { list-style-type: none } /* line 178, src/assets/scss/components/_components-accordion.scss */ .multi-toggle-wrapper .mt-item .mt-item-inner .mt-item-content ul li .checkBox label { background-color: transparent; color: #444F60; text-transform: capitalize; padding-left: 0; margin: 0 } /* line 184, src/assets/scss/components/_components-accordion.scss */ .multi-toggle-wrapper .mt-item .mt-item-inner .mt-item-content ul li .checkBox label:after { content: "" } /* line 193, src/assets/scss/components/_components-accordion.scss */ .multi-toggle-wrapper .mt-item .mt-item-input:checked~.mt-item-content { max-height: 50em } /* line 196, src/assets/scss/components/_components-accordion.scss */ .multi-toggle-wrapper .mt-item .mt-item-label::after { position: absolute; left: 0; top: 0; display: block; width: 3em; height: 3em; line-height: 3; text-align: center; -webkit-transition: all .45s; transition: all .45s } /* line 209, src/assets/scss/components/_components-accordion.scss */ .multi-toggle-wrapper .mt-item .mt-item-input[type=checkbox]+.mt-item-label::after { font-family: "FontAwesome"; content: "\f077"; font-weight: 300 } /* line 214, src/assets/scss/components/_components-accordion.scss */ .multi-toggle-wrapper .mt-item .mt-item-input[type=checkbox]:checked+.mt-item-label::after { -webkit-transform: rotate(180deg); transform: rotate(180deg) } /* line 219, src/assets/scss/components/_components-accordion.scss */ .multi-toggle-wrapper .checkbox-custom { opacity: 0; position: absolute } /* line 224, src/assets/scss/components/_components-accordion.scss */ .multi-toggle-wrapper .checkbox-custom, .multi-toggle-wrapper .checkbox-custom-label { display: inline-block; vertical-align: middle; margin: 5px; cursor: pointer } /* line 232, src/assets/scss/components/_components-accordion.scss */ .multi-toggle-wrapper .checkbox-custom-label { position: relative } /* line 236, src/assets/scss/components/_components-accordion.scss */ .multi-toggle-wrapper .checkbox-custom+.checkbox-custom-label:before { content: ''; background: transparent; border: 2px solid #ddd; display: inline-block; vertical-align: middle; width: 10px; height: 10px; padding: 2px; margin-right: 10px; text-align: center } /* line 249, src/assets/scss/components/_components-accordion.scss */ .multi-toggle-wrapper .checkbox-custom:checked+.checkbox-custom-label:before { content: "\f00c"; font-family: 'FontAwesome'; color: #cecece; line-height: 10px; font-weight: 300 } /* line 263, src/assets/scss/components/_components-accordion.scss */ .single-toggle-wrapper .toggle-wrap { border: 1px solid #e0e0e0; border-radius: 3px 3px 0 0; padding-left: 20px; padding-right: 10px; -webkit-transition: all 0.5s; transition: all 0.5s } /* line 269, src/assets/scss/components/_components-accordion.scss */ .single-toggle-wrapper .toggle-wrap:hover { -webkit-box-shadow: inset rgba(143, 160, 241, 0.2) 0 0 0 1px, rgba(213, 220, 247, 0.59) 0 10px 20px; box-shadow: inset rgba(143, 160, 241, 0.2) 0 0 0 1px, rgba(213, 220, 247, 0.59) 0 10px 20px } /* line 273, src/assets/scss/components/_components-accordion.scss */ .single-toggle-wrapper .toggle-wrap .trigger a { display: block; cursor: pointer; position: relative; padding: 0; line-height: 26px; outline: none; color: #444F60; font-size: 14px; font-weight: 600; background-color: #fff; border: 1px solid #e0e0e0; -webkit-transition: background-color 0.2s, color 0.2s; transition: background-color 0.2s, color 0.2s; padding: 16px 27px; margin: -1px 0 0 0 } /* line 288, src/assets/scss/components/_components-accordion.scss */ .single-toggle-wrapper .toggle-wrap .trigger a i { padding-right: 6px; margin: 0 4px 0 0; -webkit-transition: all 0.3s; transition: all 0.3s } /* line 293, src/assets/scss/components/_components-accordion.scss */ .single-toggle-wrapper .toggle-wrap .trigger a .im-icon-Add { position: absolute; right: 0; top: 50%; font-size: 24px; -webkit-transform: translate3d(0, -50%, 0) rotate(0); transform: translate3d(0, -50%, 0) rotate(0); -webkit-transition: 0.2s; transition: 0.2s } /* line 301, src/assets/scss/components/_components-accordion.scss */ .single-toggle-wrapper .toggle-wrap .trigger a .im-icon-Coding { position: relative; top: 7px } /* line 306, src/assets/scss/components/_components-accordion.scss */ .single-toggle-wrapper .toggle-wrap .trigger a { text-transform: uppercase; border: none; margin: 0; padding: 15px 0; text-transform: none; font-size: 11px; font-weight: 500; background-color: transparent; color: #444F60; padding-right: 60px; font-weight: 600 } /* line 319, src/assets/scss/components/_components-accordion.scss */ .single-toggle-wrapper .toggle-wrap .trigger.active .im-icon-Add { margin-top: 2px; -webkit-transform: translate3d(0, -50%, 0) rotate(45deg); transform: translate3d(0, -50%, 0) rotate(45deg); color: #999 } /* line 324, src/assets/scss/components/_components-accordion.scss */ .single-toggle-wrapper .toggle-wrap .toggle-container { padding: 0px 0 30px 0; border: none } /*! _buttons.scss | Bulkit | CSS Ninja */ /* line 28, src/assets/scss/components/_components-buttons.scss */ .button { -webkit-transition: all 0.5s; transition: all 0.5s } /* line 32, src/assets/scss/components/_components-buttons.scss */ .button.button-signup { padding: 22px 40px !important } /* line 35, src/assets/scss/components/_components-buttons.scss */ .button.button-signup.btn-outlined.is-bold { border-width: 2px; font-weight: 600 } /* line 42, src/assets/scss/components/_components-buttons.scss */ .button.button-cta { padding: 22px 40px !important } /* line 45, src/assets/scss/components/_components-buttons.scss */ .button.button-cta.btn-outlined.is-bold { border-width: 2px; font-weight: 600 } /* line 52, src/assets/scss/components/_components-buttons.scss */ .button.no-lh { line-height: 0 !important } /* line 57, src/assets/scss/components/_components-buttons.scss */ .button.button-action { padding: 25px 40px !important } /* line 62, src/assets/scss/components/_components-buttons.scss */ .button.btn-align { padding: 3px 13px 6px 13px } /* line 66, src/assets/scss/components/_components-buttons.scss */ .button.btn-align-md { padding: 5px 15px 18px 15px } /* line 70, src/assets/scss/components/_components-buttons.scss */ .button.btn-align-lg { padding: 6px 15px 18px 15px } /* line 75, src/assets/scss/components/_components-buttons.scss */ .button.btn-upper { text-transform: uppercase } /* line 80, src/assets/scss/components/_components-buttons.scss */ .button.rounded { border-radius: 500px } /* line 85, src/assets/scss/components/_components-buttons.scss */ .button.raised:hover { -webkit-box-shadow: 0 14px 26px -12px rgba(0, 0, 0, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(0, 0, 0, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2) !important; opacity: 0.8 } /* line 91, src/assets/scss/components/_components-buttons.scss */ .button.is-raised { -webkit-box-shadow: 0 14px 26px -12px rgba(0, 0, 0, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(0, 0, 0, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2) !important } /* line 95, src/assets/scss/components/_components-buttons.scss */ .button.is-bold { font-weight: 500 } /* line 100, src/assets/scss/components/_components-buttons.scss */ .button.btn-fade:hover { opacity: 0.6 } /* line 105, src/assets/scss/components/_components-buttons.scss */ .button.btn-outlined { background: transparent } /* line 109, src/assets/scss/components/_components-buttons.scss */ .button.btn-outlined.light-btn { border-color: #fff; color: #fff } /* line 113, src/assets/scss/components/_components-buttons.scss */ .button.btn-outlined.light-btn:hover { background-color: #fff; color: #444F60 } /* line 120, src/assets/scss/components/_components-buttons.scss */ .button.btn-outlined.is-bold { border-width: 2px; font-weight: 600 } /* line 127, src/assets/scss/components/_components-buttons.scss */ .button.btn-padding { padding: 6px 13px 16px 13px !important } /* line 132, src/assets/scss/components/_components-buttons.scss */ .button.default-btn { color: #cecece !important } /* line 137, src/assets/scss/components/_components-buttons.scss */ .button.is-link { text-decoration: none !important } /* line 142, src/assets/scss/components/_components-buttons.scss */ .button.has-icon-right i { padding-left: 8px } /* line 147, src/assets/scss/components/_components-buttons.scss */ .button:focus { border-color: #ccc } /* line 152, src/assets/scss/components/_components-buttons.scss */ .button.has-icon i { position: relative; margin-right: 5px; font-size: 1.7rem } /* line 159, src/assets/scss/components/_components-buttons.scss */ .button.is-fullwidth { display: block !important; width: 100% !important; text-align: center !important } /* line 166, src/assets/scss/components/_components-buttons.scss */ .button i { position: relative; top: 1px; padding-right: 8px } /* line 177, src/assets/scss/components/_components-buttons.scss */ .button.btn-square { width: 45px; height: 45px; text-align: center !important; 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 } /* line 186, src/assets/scss/components/_components-buttons.scss */ .button.btn-square.is-small { width: 36px; height: 36px } /* line 191, src/assets/scss/components/_components-buttons.scss */ .button.btn-square.is-medium { width: 55px; height: 55px } /* line 196, src/assets/scss/components/_components-buttons.scss */ .button.btn-square.is-large { width: 64px; height: 64px } /* line 202, src/assets/scss/components/_components-buttons.scss */ .button.btn-square i { font-size: 21px; padding: 0 !important } /* line 207, src/assets/scss/components/_components-buttons.scss */ .button.btn-square.is-small i { font-size: 18px } /* line 211, src/assets/scss/components/_components-buttons.scss */ .button.btn-square.is-medium i { font-size: 28px } /* line 215, src/assets/scss/components/_components-buttons.scss */ .button.btn-square.is-large i { font-size: 32px } /* line 225, src/assets/scss/components/_components-buttons.scss */ .button.is-link { background: transparent !important; color: #444F60 } /* line 229, src/assets/scss/components/_components-buttons.scss */ .button.is-link.btn-more { text-decoration: none !important } /* line 234, src/assets/scss/components/_components-buttons.scss */ .button.is-link.color-primary i { font-size: 9px; margin-left: 10px; position: relative; top: 2px; color: #4FC1EA !important; -webkit-transition: all 0.5s; transition: all 0.5s } /* line 244, src/assets/scss/components/_components-buttons.scss */ .button.is-link:hover { background: #f5f5f5 !important } /* line 247, src/assets/scss/components/_components-buttons.scss */ .button.is-link:hover i { -webkit-transform: translate(10px, 0); transform: translate(10px, 0) } /* line 258, src/assets/scss/components/_components-buttons.scss */ .button.primary-btn { outline: none; border-color: #4FC1EA; background-color: #4FC1EA; color: #fff; -webkit-transition: all 0.5s; transition: all 0.5s } /* line 265, src/assets/scss/components/_components-buttons.scss */ .button.primary-btn:hover { color: #fff } /* line 269, src/assets/scss/components/_components-buttons.scss */ .button.primary-btn.raised:hover { -webkit-box-shadow: 0 14px 26px -12px rgba(79, 193, 234, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(79, 193, 234, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(79, 193, 234, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(79, 193, 234, 0.2) !important; opacity: 0.9 0.5 } /* line 274, src/assets/scss/components/_components-buttons.scss */ .button.primary-btn.btn-outlined { border-color: #4FC1EA; color: #4FC1EA; background-color: transparent } /* line 279, src/assets/scss/components/_components-buttons.scss */ .button.primary-btn.btn-outlined:hover { color: #fff; background: linear-gradient(293deg, #19B4F2 0%, #43CE8B 100%); } /* line 285, src/assets/scss/components/_components-buttons.scss */ .button.primary-btn:focus { border-color: #4FC1EA } /* line 295, src/assets/scss/components/_components-buttons.scss */ .button.secondary-btn { outline: none; border-color: #7F00FF; background-color: #7F00FF; color: #fff; -webkit-transition: all 0.5s; transition: all 0.5s } /* line 302, src/assets/scss/components/_components-buttons.scss */ .button.secondary-btn:hover { color: #fff } /* line 306, src/assets/scss/components/_components-buttons.scss */ .button.secondary-btn.raised:hover { -webkit-box-shadow: 0 14px 26px -12px rgba(127, 0, 255, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(127, 0, 255, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(127, 0, 255, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(127, 0, 255, 0.2) !important; opacity: 0.95 } /* line 311, src/assets/scss/components/_components-buttons.scss */ .button.secondary-btn.btn-outlined { border-color: #4FC1EA; color: #4FC1EA; background-color: transparent } /* line 316, src/assets/scss/components/_components-buttons.scss */ .button.secondary-btn.btn-outlined:hover { color: #fff; background: linear-gradient(293deg, #19B4F2 0%, #43CE8B 100%) } /* line 322, src/assets/scss/components/_components-buttons.scss */ .button.secondary-btn:focus { border-color: #7F00FF } /* line 332, src/assets/scss/components/_components-buttons.scss */ .button.accent-btn { outline: none; border-color: #ad5cff; background-color: #ad5cff; color: #fff; -webkit-transition: all 0.5s; transition: all 0.5s } /* line 339, src/assets/scss/components/_components-buttons.scss */ .button.accent-btn:hover { color: #fff } /* line 343, src/assets/scss/components/_components-buttons.scss */ .button.accent-btn.raised:hover { -webkit-box-shadow: 0 14px 26px -12px rgba(173, 92, 255, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(173, 92, 255, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(173, 92, 255, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(173, 92, 255, 0.2) !important; opacity: 0.8 } /* line 348, src/assets/scss/components/_components-buttons.scss */ .button.accent-btn.btn-outlined { border-color: #ad5cff; color: #ad5cff; background-color: transparent } /* line 353, src/assets/scss/components/_components-buttons.scss */ .button.accent-btn.btn-outlined:hover { color: #fff; background-color: #ad5cff } /* line 359, src/assets/scss/components/_components-buttons.scss */ .button.accent-btn:focus { border-color: #ad5cff } /* line 369, src/assets/scss/components/_components-buttons.scss */ .button.success-btn { outline: none; border-color: #00b289; background-color: #00b289; color: #fff; -webkit-transition: all 0.5s; transition: all 0.5s } /* line 376, src/assets/scss/components/_components-buttons.scss */ .button.success-btn:hover { color: #fff } /* line 380, src/assets/scss/components/_components-buttons.scss */ .button.success-btn.raised:hover { -webkit-box-shadow: 0 14px 26px -12px rgba(0, 178, 137, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 178, 137, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(0, 178, 137, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 178, 137, 0.2) !important; opacity: 0.8 } /* line 385, src/assets/scss/components/_components-buttons.scss */ .button.success-btn.btn-outlined { border-color: #00b289; color: #00b289; background-color: transparent } /* line 390, src/assets/scss/components/_components-buttons.scss */ .button.success-btn.btn-outlined:hover { color: #fff; background-color: #00b289 } /* line 396, src/assets/scss/components/_components-buttons.scss */ .button.success-btn:focus { border-color: #00b289 } /* line 406, src/assets/scss/components/_components-buttons.scss */ .button.warning-btn { outline: none; border-color: #eda514; background-color: #eda514; color: #fff; -webkit-transition: all 0.5s; transition: all 0.5s } /* line 413, src/assets/scss/components/_components-buttons.scss */ .button.warning-btn:hover { color: #fff } /* line 417, src/assets/scss/components/_components-buttons.scss */ .button.warning-btn.raised:hover { -webkit-box-shadow: 0 14px 26px -12px rgba(237, 165, 20, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 165, 20, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(237, 165, 20, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 165, 20, 0.2) !important; opacity: 0.8 } /* line 422, src/assets/scss/components/_components-buttons.scss */ .button.warning-btn.btn-outlined { border-color: #eda514; color: #eda514; background-color: transparent } /* line 427, src/assets/scss/components/_components-buttons.scss */ .button.warning-btn.btn-outlined:hover { color: #fff; background-color: #eda514 } /* line 433, src/assets/scss/components/_components-buttons.scss */ .button.warning-btn:focus { border-color: #eda514 } /* line 443, src/assets/scss/components/_components-buttons.scss */ .button.danger-btn { outline: none; border-color: #FF7273; background-color: #FF7273; color: #fff; -webkit-transition: all 0.5s; transition: all 0.5s } /* line 450, src/assets/scss/components/_components-buttons.scss */ .button.danger-btn:hover { color: #fff } /* line 454, src/assets/scss/components/_components-buttons.scss */ .button.danger-btn.raised:hover { -webkit-box-shadow: 0 14px 26px -12px rgba(255, 114, 115, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 114, 115, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(255, 114, 115, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 114, 115, 0.2) !important; opacity: 0.8 } /* line 459, src/assets/scss/components/_components-buttons.scss */ .button.danger-btn.btn-outlined { border-color: #FF7273; color: #FF7273; background-color: transparent } /* line 464, src/assets/scss/components/_components-buttons.scss */ .button.danger-btn.btn-outlined:hover { color: #fff; background-color: #FF7273 } /* line 470, src/assets/scss/components/_components-buttons.scss */ .button.danger-btn:focus { border-color: #FF7273 } /* line 480, src/assets/scss/components/_components-buttons.scss */ .button.info-btn { outline: none; border-color: #039BE5; background-color: #039BE5; color: #fff; -webkit-transition: all 0.5s; transition: all 0.5s } /* line 487, src/assets/scss/components/_components-buttons.scss */ .button.info-btn:hover { color: #fff } /* line 491, src/assets/scss/components/_components-buttons.scss */ .button.info-btn.raised:hover { -webkit-box-shadow: 0 14px 26px -12px rgba(3, 155, 229, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(3, 155, 229, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(3, 155, 229, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(3, 155, 229, 0.2) !important; opacity: 0.8 } /* line 496, src/assets/scss/components/_components-buttons.scss */ .button.info-btn.btn-outlined { border-color: #039BE5; color: #039BE5; background-color: transparent } /* line 501, src/assets/scss/components/_components-buttons.scss */ .button.info-btn.btn-outlined:hover { color: #fff; background-color: #039BE5 } /* line 507, src/assets/scss/components/_components-buttons.scss */ .button.info-btn:focus { border-color: #039BE5 } /* line 517, src/assets/scss/components/_components-buttons.scss */ .button.social-btn { color: #fff } /* line 520, src/assets/scss/components/_components-buttons.scss */ .button.social-btn.facebook { background-color: #3B5998 } /* line 524, src/assets/scss/components/_components-buttons.scss */ .button.social-btn.twitter { background-color: #1dcaff } /* line 528, src/assets/scss/components/_components-buttons.scss */ .button.social-btn.linkedin { background-color: #007bb6 } /* line 532, src/assets/scss/components/_components-buttons.scss */ .button.social-btn.tumblr { background-color: #35465c } /* line 536, src/assets/scss/components/_components-buttons.scss */ .button.social-btn.github { background-color: #444 } /* line 545, src/assets/scss/components/_components-buttons.scss */ .ripple { overflow: hidden } /* line 549, src/assets/scss/components/_components-buttons.scss */ .ripple-effect { position: absolute; border-radius: 50%; width: 50px; height: 50px; background: white; -webkit-animation: ripple-animation 2s; animation: ripple-animation 2s } @-webkit-keyframes ripple-animation { from { -webkit-transform: scale(1); transform: scale(1); opacity: 0.4 } to { -webkit-transform: scale(100); transform: scale(100); opacity: 0 } } @keyframes ripple-animation { from { -webkit-transform: scale(1); transform: scale(1); opacity: 0.4 } to { -webkit-transform: scale(100); transform: scale(100); opacity: 0 } } /*! _cards.scss | Bulkit | CSS Ninja */ /* line 24, src/assets/scss/components/_components-cards.scss */ .feature-card { width: 300px; height: 320px; background-color: #fff; border-radius: 3px; margin: 0 auto; -webkit-transition: all 0.6s; transition: all 0.6s } /* line 33, src/assets/scss/components/_components-cards.scss */ .feature-card.card-md { height: 350px } /* line 37, src/assets/scss/components/_components-cards.scss */ .feature-card.card-lg { height: 400px } /* line 42, src/assets/scss/components/_components-cards.scss */ .feature-card.card-shadow { -webkit-box-shadow: 0px 5px 43px rgba(0, 0, 0, 0.18) !important; box-shadow: 0px 5px 43px rgba(0, 0, 0, 0.18) !important } /* line 46, src/assets/scss/components/_components-cards.scss */ .feature-card.hover-inset:hover { -webkit-box-shadow: inset rgba(143, 160, 241, 0.2) 0 0 0 1px, rgba(213, 220, 247, 0.59) 0 10px 20px; box-shadow: inset rgba(143, 160, 241, 0.2) 0 0 0 1px, rgba(213, 220, 247, 0.59) 0 10px 20px; cursor: pointer } /* line 52, src/assets/scss/components/_components-cards.scss */ .feature-card.light-bordered { border: 1px solid #e5e5e5 !important } /* line 58, src/assets/scss/components/_components-cards.scss */ .feature-card .card-title h4 { font-size: 1.2rem; font-weight: 600; color: #444F60 } /* line 67, src/assets/scss/components/_components-cards.scss */ .feature-card .card-icon img { height: 140px; margin-top: 20px } /* line 74, src/assets/scss/components/_components-cards.scss */ .feature-card .card-img img { border-top-left-radius: 4px; border-top-right-radius: 4px } /* line 81, src/assets/scss/components/_components-cards.scss */ .feature-card .card-action { margin-top: 40px } /* line 86, src/assets/scss/components/_components-cards.scss */ .feature-card .card-feature-description { padding: 5px 30px !important } /* line 89, src/assets/scss/components/_components-cards.scss */ .feature-card .card-feature-description span { color: #878787; margin-top: 20px } /* line 95, src/assets/scss/components/_components-cards.scss */ .feature-card .card-img-description { padding-bottom: 10px } /* line 98, src/assets/scss/components/_components-cards.scss */ .feature-card .card-img-description span { color: #878787; margin-top: 20px } /* line 104, src/assets/scss/components/_components-cards.scss */ .feature-card .bookmark i { font-size: 1.4rem; color: #A9ABAC; position: relative; top: 3px; margin-right: 10px } /* line 111, src/assets/scss/components/_components-cards.scss */ .feature-card .bookmark i:hover { color: #7F00FF } /* line 120, src/assets/scss/components/_components-cards.scss */ .flex-card { position: relative; background-color: #fff; border: 1px solid #fcfcfc; border-radius: 0.1875rem; display: inline-block; position: relative; overflow: hidden; width: 100%; margin-bottom: 20px; -webkit-transition: all 0.5s; transition: all 0.5s } /* line 133, src/assets/scss/components/_components-cards.scss */ .flex-card .flex-card-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; border-bottom: 1px solid #ededed; padding: 10px 15px } /* line 142, src/assets/scss/components/_components-cards.scss */ .flex-card .flex-card-header .header-avatar { max-height: 45px } /* line 145, src/assets/scss/components/_components-cards.scss */ .flex-card .flex-card-header .header-avatar img { height: 45px; border-radius: 100px } /* line 151, src/assets/scss/components/_components-cards.scss */ .flex-card .flex-card-header .header-info { margin: 0 10px } /* line 154, src/assets/scss/components/_components-cards.scss */ .flex-card .flex-card-header .header-info .header-title { font-size: 1.2rem } /* line 158, src/assets/scss/components/_components-cards.scss */ .flex-card .flex-card-header .header-info .header-subtitle { font-size: 0.9rem; color: #A9ABAC } /* line 164, src/assets/scss/components/_components-cards.scss */ .flex-card .flex-card-header .header-control { margin-right: 10px } /* line 167, src/assets/scss/components/_components-cards.scss */ .flex-card .flex-card-header .header-control i { font-size: 0.8rem; color: #A9ABAC } /* line 172, src/assets/scss/components/_components-cards.scss */ .flex-card .flex-card-header .header-control:hover i { color: #4FC1EA } /* line 176, src/assets/scss/components/_components-cards.scss */ .flex-card .flex-card-header.primary { background: #4FC1EA } /* line 179, src/assets/scss/components/_components-cards.scss */ .flex-card .flex-card-header.primary .header-info div, .flex-card .flex-card-header.primary .header-control i { color: #fff !important } /* line 184, src/assets/scss/components/_components-cards.scss */ .flex-card .flex-card-header.secondary { background: #7F00FF } /* line 187, src/assets/scss/components/_components-cards.scss */ .flex-card .flex-card-header.secondary .header-info div, .flex-card .flex-card-header.secondary .header-control i { color: #fff !important } /* line 192, src/assets/scss/components/_components-cards.scss */ .flex-card .flex-card-header.accent { background: #ad5cff } /* line 195, src/assets/scss/components/_components-cards.scss */ .flex-card .flex-card-header.accent .header-info div, .flex-card .flex-card-header.accent .header-control i { color: #fff !important } /* line 202, src/assets/scss/components/_components-cards.scss */ .flex-card .card-body { padding: 30px 30px } /* line 205, src/assets/scss/components/_components-cards.scss */ .flex-card .card-body.is-small { padding: 20px 20px } /* line 209, src/assets/scss/components/_components-cards.scss */ .flex-card .card-body.is-large { padding: 40px 40px } /* line 215, src/assets/scss/components/_components-cards.scss */ .flex-card h3.card-title { margin-bottom: 10px; margin-top: 10px; font-size: 22px; line-height: 30px; text-decoration: none } /* line 224, src/assets/scss/components/_components-cards.scss */ .flex-card .card-description { line-height: 24px; cursor: default; color: #777; font-size: 16px; margin-top: 5px } /* line 232, src/assets/scss/components/_components-cards.scss */ .flex-card.primary-card { background: #4FC1EA } /* line 235, src/assets/scss/components/_components-cards.scss */ .flex-card.primary-card .content, .flex-card.primary-card .content h2 { color: #fff !important } /* line 240, src/assets/scss/components/_components-cards.scss */ .flex-card.secondary-card { background: #7F00FF } /* line 243, src/assets/scss/components/_components-cards.scss */ .flex-card.secondary-card .content, .flex-card.secondary-card .content h2 { color: #fff !important } /* line 248, src/assets/scss/components/_components-cards.scss */ .flex-card.accent-card { background: #ad5cff } /* line 251, src/assets/scss/components/_components-cards.scss */ .flex-card.accent-card .content, .flex-card.accent-card .content h2 { color: #fff !important } /* line 257, src/assets/scss/components/_components-cards.scss */ .flex-card.card-overflow { overflow: visible !important } /* line 262, src/assets/scss/components/_components-cards.scss */ .flex-card.light-bordered { border: 1px solid #e5e5e5 !important } /* line 267, src/assets/scss/components/_components-cards.scss */ .flex-card.simple-shadow { -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06) } /* line 271, src/assets/scss/components/_components-cards.scss */ .flex-card.light-raised { -webkit-box-shadow: 0 3px 10px 4px rgba(0, 0, 0, 0.04); box-shadow: 0 3px 10px 4px rgba(0, 0, 0, 0.04) } /* line 275, src/assets/scss/components/_components-cards.scss */ .flex-card.raised { -webkit-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2) } /* line 279, src/assets/scss/components/_components-cards.scss */ .flex-card.hover-raised:hover { -webkit-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2); cursor: pointer } /* line 284, src/assets/scss/components/_components-cards.scss */ .flex-card.hover-inset:hover { -webkit-box-shadow: inset rgba(143, 160, 241, 0.2) 0 0 0 1px, rgba(213, 220, 247, 0.59) 0 10px 20px; box-shadow: inset rgba(143, 160, 241, 0.2) 0 0 0 1px, rgba(213, 220, 247, 0.59) 0 10px 20px; cursor: pointer } /* line 290, src/assets/scss/components/_components-cards.scss */ .flex-card .tabs { padding: 15px 0.7rem } /* line 294, src/assets/scss/components/_components-cards.scss */ .flex-card .navtab-content { min-height: 190px } /* line 297, src/assets/scss/components/_components-cards.scss */ .flex-card .navtab-content p { padding: 0 0.8rem 20px } /* line 303, src/assets/scss/components/_components-cards.scss */ .flex-card.icon-card { -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1); -webkit-transition: inherit; transition: inherit; margin-bottom: 0 } /* line 308, src/assets/scss/components/_components-cards.scss */ .flex-card.icon-card img { max-height: 80px } /* line 312, src/assets/scss/components/_components-cards.scss */ .flex-card.icon-card .icon-card-text { font-size: 1.1rem; color: #A9ABAC } /* line 319, src/assets/scss/components/_components-cards.scss */ .flex-card.icon-card-hover { height: 200px; padding: 20px 20px 10px 130px; border-radius: 8px; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.04); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.04); -webkit-transform: translate(0, 0); transform: translate(0, 0); text-align: left; background-color: #fff } /* line 330, src/assets/scss/components/_components-cards.scss */ .flex-card.icon-card-hover:hover { -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.1); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.1); -webkit-transform: translate(0, -10px); transform: translate(0, -10px) } /* line 337, src/assets/scss/components/_components-cards.scss */ .flex-card.icon-card-hover.first-card { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.65)), to(rgba(255, 255, 255, 0.65))), url(../img/illustrations/icons/landing-v1/chrono.svg); background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0.65)), url(../img/icons/chrono.svg); background-position: 0 0, -80px 20px; background-size: auto, 200px; background-repeat: repeat, no-repeat; -webkit-transition: all 350ms ease; transition: all 350ms ease } /* line 345, src/assets/scss/components/_components-cards.scss */ .flex-card.icon-card-hover.first-card:hover { background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url(../img/icons/chrono.svg); background-image: linear-gradient(180deg, transparent, transparent), url(../img/icons/chrono.svg); background-position: 0 0, -80px -25px; background-size: auto, 200px; background-repeat: repeat, no-repeat } /* line 353, src/assets/scss/components/_components-cards.scss */ .flex-card.icon-card-hover.second-card { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.65)), to(rgba(255, 255, 255, 0.65))), url(../img/icons/tablet-dots.svg); background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0.65)), url(../img/icons/tablet-dots.svg); background-position: 0 0, -80px 20px; background-size: auto, 200px; background-repeat: repeat, no-repeat; -webkit-transition: all 350ms ease; transition: all 350ms ease } /* line 361, src/assets/scss/components/_components-cards.scss */ .flex-card.icon-card-hover.second-card:hover { background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url(../img/icons/tablet-dots.svg); background-image: linear-gradient(180deg, transparent, transparent), url(../img//icons/tablet-dots.svg); background-position: 0 0, -80px -25px; background-size: auto, 200px; background-repeat: repeat, no-repeat } /* line 369, src/assets/scss/components/_components-cards.scss */ .flex-card.icon-card-hover.third-card { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.65)), to(rgba(255, 255, 255, 0.65))), url(../img/icons/cog.svg); background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0.65)), url(../img/icons/cog.svg); background-position: 0 0, -80px 20px; background-size: auto, 200px; background-repeat: repeat, no-repeat; -webkit-transition: all 350ms ease; transition: all 350ms ease } /* line 377, src/assets/scss/components/_components-cards.scss */ .flex-card.icon-card-hover.third-card:hover { background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url(../img/icons/cog.svg); background-image: linear-gradient(180deg, transparent, transparent), url(../img/icons/cog.svg); background-position: 0 0, -80px -25px; background-size: auto, 200px; background-repeat: repeat, no-repeat } /* line 385, src/assets/scss/components/_components-cards.scss */ .flex-card.icon-card-hover.fourth-card { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.65)), to(rgba(255, 255, 255, 0.65))), url(../img/icons/plane.svg); background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0.65)), url(../img/icons/plane.svg); background-position: 0 0, -80px 20px; background-size: auto, 200px; background-repeat: repeat, no-repeat; -webkit-transition: all 350ms ease; transition: all 350ms ease } /* line 393, src/assets/scss/components/_components-cards.scss */ .flex-card.icon-card-hover.fourth-card:hover { background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url(../img/icons/plane.svg); background-image: linear-gradient(180deg, transparent, transparent), url(../img/icons/plane.svg); background-position: 0 0, -80px -25px; background-size: auto, 200px; background-repeat: repeat, no-repeat } /* line 405, src/assets/scss/components/_components-cards.scss */ .flex-card.testimonial-card .testimonial-title { color: #4FC1EA; font-weight: 500; padding: 5px 0 } /* line 412, src/assets/scss/components/_components-cards.scss */ .flex-card.testimonial-card .testimonial-text { color: #999; font-size: 0.9rem; font-style: italic; padding: 5px 0 } /* line 420, src/assets/scss/components/_components-cards.scss */ .flex-card.testimonial-card .user-id { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 5px 0 } /* line 427, src/assets/scss/components/_components-cards.scss */ .flex-card.testimonial-card .user-id img { height: 50px; border-radius: 100px } /* line 432, src/assets/scss/components/_components-cards.scss */ .flex-card.testimonial-card .user-id .info { padding: 0 10px } /* line 435, src/assets/scss/components/_components-cards.scss */ .flex-card.testimonial-card .user-id .info .name { font-size: 1.1rem; font-weight: 600; color: #444F60 } /* line 441, src/assets/scss/components/_components-cards.scss */ .flex-card.testimonial-card .user-id .info .position { font-size: 0.9rem; color: #cecece } /* line 452, src/assets/scss/components/_components-cards.scss */ .flex-card .navigation-tabs.outlined-pills .tabs.tabs-header.primary { background-color: #4FC1EA } /* line 456, src/assets/scss/components/_components-cards.scss */ .flex-card .navigation-tabs.outlined-pills .tabs.tabs-header.secondary { background-color: #7F00FF } /* line 460, src/assets/scss/components/_components-cards.scss */ .flex-card .navigation-tabs.outlined-pills .tabs.tabs-header.accent { background-color: #ad5cff } /* line 464, src/assets/scss/components/_components-cards.scss */ .flex-card .navigation-tabs.outlined-pills .tabs.tabs-header ul li a { color: #f2f2f2 } /* line 468, src/assets/scss/components/_components-cards.scss */ .flex-card .navigation-tabs.outlined-pills .tabs.tabs-header ul li.is-active a { color: #fff; border: 1px solid #fff; border-bottom-color: #fff !important } /* line 477, src/assets/scss/components/_components-cards.scss */ .flex-card .icon-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } /* line 483, src/assets/scss/components/_components-cards.scss */ .flex-card .icon-group img { height: 60px } /* line 487, src/assets/scss/components/_components-cards.scss */ .flex-card .icon-group span { font-size: 20px; margin-left: 20px; color: #999; -webkit-transition: all 0.5s; transition: all 0.5s } /* line 493, src/assets/scss/components/_components-cards.scss */ .flex-card .icon-group span:hover { -webkit-transform: translate(10px, 0); transform: translate(10px, 0) } /* line 500, src/assets/scss/components/_components-cards.scss */ .flex-card.auth-card { padding: 0px 40px 20px 40px } /* line 503, src/assets/scss/components/_components-cards.scss */ .flex-card.auth-card .auth-card-header { height: 5rem; width: 100%; position: relative; top: -2.5rem; left: auto !important; right: auto !important; border-radius: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } /* line 516, src/assets/scss/components/_components-cards.scss */ .flex-card.auth-card .auth-card-header img { max-height: 30px } /* line 520, src/assets/scss/components/_components-cards.scss */ .flex-card.auth-card .auth-card-header.header-primary { background-color: #4FC1EA; color: #fff; -webkit-box-shadow: 0 14px 26px -12px rgba(79, 193, 234, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(79, 193, 234, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(79, 193, 234, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(79, 193, 234, 0.2) !important } /* line 526, src/assets/scss/components/_components-cards.scss */ .flex-card.auth-card .auth-card-header.header-secondary { background-color: #7F00FF; color: #fff; -webkit-box-shadow: 0 14px 26px -12px rgba(127, 0, 255, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(127, 0, 255, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(127, 0, 255, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(127, 0, 255, 0.2) !important } /* line 532, src/assets/scss/components/_components-cards.scss */ .flex-card.auth-card .auth-card-header.header-accent { background-color: #ad5cff; color: #fff; -webkit-box-shadow: 0 14px 26px -12px rgba(173, 92, 255, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(173, 92, 255, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(173, 92, 255, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(173, 92, 255, 0.2) !important } /* line 541, src/assets/scss/components/_components-cards.scss */ .flex-card .card-content { position: relative; padding: 1rem !important } /* line 546, src/assets/scss/components/_components-cards.scss */ .flex-card .card-content .bottom-avatar img { height: 50px; border-radius: 100px; position: absolute; right: 0; bottom: 0 } /* line 561, src/assets/scss/components/_components-cards.scss */ .floating-circle { width: 100px; height: 100px; margin-right: auto; margin-left: auto; padding-top: 22px; border-radius: 50px; background-color: #fff; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06) } /* line 571, src/assets/scss/components/_components-cards.scss */ .floating-circle img { width: 60px; position: relative; left: 20px } /* line 582, src/assets/scss/components/_components-cards.scss */ .event-card { overflow: hidden; width: 100%; height: 320px; display: inline-block; position: relative; background-color: #fff; -webkit-transition: -webkit-box-shadow 300ms ease-in; transition: -webkit-box-shadow 300ms ease-in; transition: box-shadow 300ms ease-in; transition: box-shadow 300ms ease-in, -webkit-box-shadow 300ms ease-in; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid #ededed } /* line 594, src/assets/scss/components/_components-cards.scss */ .event-card:hover { -webkit-box-shadow: 1px 1px 8px 2px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 8px 2px rgba(0, 0, 0, 0.1) } /* line 599, src/assets/scss/components/_components-cards.scss */ .event-card .card-date { position: absolute; top: 0; right: 0; background-color: #ad5cff; z-index: 1 } /* line 606, src/assets/scss/components/_components-cards.scss */ .event-card .card-date .date { padding: 0 10px } /* line 609, src/assets/scss/components/_components-cards.scss */ .event-card .card-date .date .day { font-size: 2.7rem; color: #fff; font-weight: bold } /* line 615, src/assets/scss/components/_components-cards.scss */ .event-card .card-date .date .month { font-weight: 500; color: #fff } /* line 624, src/assets/scss/components/_components-cards.scss */ .img-container { position: absolute; height: 100%; width: 100%; left: 0; top: 0 } /* line 631, src/assets/scss/components/_components-cards.scss */ .img-container img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover } /* line 639, src/assets/scss/components/_components-cards.scss */ .card-text { bottom: -40%; width: 100%; height: 100%; position: absolute; background-color: #fff; -webkit-transition: all 450ms cubic-bezier(0.6, 0.06, 0.34, 0.61); transition: all 450ms cubic-bezier(0.6, 0.06, 0.34, 0.61) } @media (max-width: 768px) { /* line 639, src/assets/scss/components/_components-cards.scss */ .card-text { bottom: -71% } } @media (min-width: 768px) { /* line 639, src/assets/scss/components/_components-cards.scss */ .card-text { bottom: -55% } } @media (min-width: 1024px) { /* line 639, src/assets/scss/components/_components-cards.scss */ .card-text { bottom: -64% } } @media (min-width: 1420px) { /* line 639, src/assets/scss/components/_components-cards.scss */ .card-text { bottom: -70% } } /* line 665, src/assets/scss/components/_components-cards.scss */ .card-text.is-clicked, .event-card:hover .card-text { bottom: 0% } /* line 670, src/assets/scss/components/_components-cards.scss */ .card-text .button.is-link i { font-size: 10px !important; -webkit-transition: all 0.5s !important; transition: all 0.5s !important; margin-left: 20px; top: 2px } /* line 679, src/assets/scss/components/_components-cards.scss */ .card-text .text.text-container { padding: 20px 30px } /* line 683, src/assets/scss/components/_components-cards.scss */ .card-text .text.text-container .text-header .text-subtitle { color: #ad5cff; font-family: 'Nexa Light', sans-serif } /* line 690, src/assets/scss/components/_components-cards.scss */ .card-text .text.text-title { font-family: 'Nexa Bold', sans-serif; font-size: 1.15em; margin-bottom: .25em; font-weight: bold; text-transform: uppercase } /* line 699, src/assets/scss/components/_components-cards.scss */ .card-text .text.text-details:before { content: ""; display: block; width: 30%; height: 1px; background-color: #ddd; margin: 30px 0 } /* line 709, src/assets/scss/components/_components-cards.scss */ .card-text .text.text-description { line-height: 1.4em } /* line 713, src/assets/scss/components/_components-cards.scss */ .card-text .text.text-link { text-decoration: none; margin-top: 1em; display: inline-block; color: #ad5cff } /* line 719, src/assets/scss/components/_components-cards.scss */ .card-text .text.text-link:hover { color: #e0c2ff } /* line 732, src/assets/scss/components/_components-cards.scss */ .card.card-shadow { -webkit-box-shadow: 0px 5px 43px rgba(0, 0, 0, 0.18) !important; box-shadow: 0px 5px 43px rgba(0, 0, 0, 0.18) !important } /* line 737, src/assets/scss/components/_components-cards.scss */ .card .image { border-top-left-radius: 4px; border-top-right-radius: 4px } /* line 742, src/assets/scss/components/_components-cards.scss */ .card img { display: block } /* line 750, src/assets/scss/components/_components-cards.scss */ .card.ressource-card { position: relative } /* line 754, src/assets/scss/components/_components-cards.scss */ .card.ressource-card .ressource-avatar img { position: absolute; top: 15px; right: 15px; height: 60px; width: 60px; border-radius: 1000px } /* line 764, src/assets/scss/components/_components-cards.scss */ .card.ressource-card .card-image { position: relative } /* line 767, src/assets/scss/components/_components-cards.scss */ .card.ressource-card .card-image figure { overflow: hidden } /* line 770, src/assets/scss/components/_components-cards.scss */ .card.ressource-card .card-image figure.zoomOut img { -webkit-transform: scale(1.5); transform: scale(1.5); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out } /* line 777, src/assets/scss/components/_components-cards.scss */ .card.ressource-card .card-image figure.zoomIn img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out } /* line 786, src/assets/scss/components/_components-cards.scss */ .card.ressource-card .card-image .card-image-overlay { position: absolute; width: 100%; height: 100%; background: rgba(68, 79, 96, 0.6); z-index: 1 } /* line 793, src/assets/scss/components/_components-cards.scss */ .card.ressource-card .card-image .card-image-overlay.primary { background: #4FC1EA; opacity: 0.6 } /* line 798, src/assets/scss/components/_components-cards.scss */ .card.ressource-card .card-image .card-image-overlay.secondary { background: #7F00FF; opacity: 0.6 } /* line 803, src/assets/scss/components/_components-cards.scss */ .card.ressource-card .card-image .card-image-overlay.accent { background: #ad5cff; opacity: 0.6 } /* line 813, src/assets/scss/components/_components-cards.scss */ .card.ressource-card .card-content .media-content a { font-family: 'Nexa Bold', sans-serif; font-size: 16px; color: #444F60 } /* line 818, src/assets/scss/components/_components-cards.scss */ .card.ressource-card .card-content .media-content a:hover { color: #4FC1EA } /* line 823, src/assets/scss/components/_components-cards.scss */ .card.ressource-card .card-content .media-content p { font-family: 'Nexa Light'; font-weight: 700; color: #999 } /* line 831, src/assets/scss/components/_components-cards.scss */ .card.ressource-card .avatar-rounded img { border-radius: 50px !important } /* line 836, src/assets/scss/components/_components-cards.scss */ .card.ressource-card:hover .card-image figure.zoomOut img { -webkit-transform: scale(1); transform: scale(1); opacity: 0.8 } /* line 842, src/assets/scss/components/_components-cards.scss */ .card.ressource-card:hover .card-image figure.zoomIn img { -webkit-transform: scale(1.3); transform: scale(1.3); opacity: 0.8 } /* line 854, src/assets/scss/components/_components-cards.scss */ .card.card-floating-wide, .card.card-floating-boxed { margin: 4%; border-radius: 6px } /* line 858, src/assets/scss/components/_components-cards.scss */ .card.card-floating-wide .title, .card.card-floating-boxed .title { margin: 0 !important; padding: 10px 0 } /* line 863, src/assets/scss/components/_components-cards.scss */ .card.card-floating-wide .subtitle, .card.card-floating-boxed .subtitle { font-size: 0.9rem; color: #A9ABAC; margin: 0 !important } /* line 872, src/assets/scss/components/_components-cards.scss */ .card.card-floating-wide .card-image figure img { display: block; -webkit-transform: scale(1.08); transform: scale(1.08); border-radius: 6px; -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) } /* line 882, src/assets/scss/components/_components-cards.scss */ .card.card-floating-boxed .title { margin-top: -10% } /* line 886, src/assets/scss/components/_components-cards.scss */ .card.card-floating-boxed .card-image figure img { display: block; -webkit-transform: scale(0.94); transform: scale(0.94); border-radius: 6px; -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin-top: -10% } /* line 894, src/assets/scss/components/_components-cards.scss */ .card.card-floating-boxed .card-content { margin-top: -50px } /* line 903, src/assets/scss/components/_components-cards.scss */ .media-card { min-height: 260px } /* line 907, src/assets/scss/components/_components-cards.scss */ .media-card .media-card-image { height: 100% !important; min-height: 260px; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: 50% 50% } /* line 917, src/assets/scss/components/_components-cards.scss */ .media-card .mcard-content { padding: 20px } /* line 920, src/assets/scss/components/_components-cards.scss */ .media-card .mcard-content .mcard-title { line-height: 1.2 !important; font-size: 20px !important; font-weight: 600; color: #444F60 } /* line 926, src/assets/scss/components/_components-cards.scss */ .media-card .mcard-content .mcard-title a { color: #444F60 } /* line 931, src/assets/scss/components/_components-cards.scss */ .media-card .mcard-content .mcard-description { line-height: 1.4 !important; max-height: 4.2em !important; margin-top: 7px; color: #999 } /* line 940, src/assets/scss/components/_components-cards.scss */ .media-card .mcard-controls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px; position: absolute; bottom: 0 !important; width: 100% } /* line 950, src/assets/scss/components/_components-cards.scss */ .media-card .mcard-controls .mcard-avatar img { height: 40px; width: 40px; border-radius: 250px } /* line 956, src/assets/scss/components/_components-cards.scss */ .media-card .mcard-controls .mcard-info { margin-left: 15px } /* line 959, src/assets/scss/components/_components-cards.scss */ .media-card .mcard-controls .mcard-info span { font-size: 14px; line-height: 1.4 } /* line 964, src/assets/scss/components/_components-cards.scss */ .media-card .mcard-controls .mcard-info div span { font-size: 12px; line-height: 1.2; color: #A9ABAC } /* line 970, src/assets/scss/components/_components-cards.scss */ .media-card .mcard-controls .mcard-info div i { font-size: 4px; position: relative; color: #999; top: -2px; margin: 0 5px } /* line 980, src/assets/scss/components/_components-cards.scss */ .media-card .mcard-controls .mcard-actions i { position: relative; top: 5px; color: #A9ABAC; cursor: pointer } /* line 986, src/assets/scss/components/_components-cards.scss */ .media-card .mcard-controls .mcard-actions i:hover { color: #ad5cff } /* line 993, src/assets/scss/components/_components-cards.scss */ .media-card .content-column { position: relative } /*! _boxes.scss | Bulkit | CSS Ninja */ /* line 42, src/assets/scss/components/_components-boxes.scss */ .icon-box .box-icon { color: #cecece; font-size: 2.8rem; margin-bottom: 1rem } /* line 49, src/assets/scss/components/_components-boxes.scss */ .icon-box .box-title { color: #444F60; margin-bottom: 10px; font-weight: 500 } /* line 56, src/assets/scss/components/_components-boxes.scss */ .icon-box .box-text { color: #A9ABAC; font-size: 13px } /* line 63, src/assets/scss/components/_components-boxes.scss */ .icon-box.primary .box-icon { color: #4FC1EA } /* line 67, src/assets/scss/components/_components-boxes.scss */ .icon-box.primary .box-title { color: #4FC1EA } /* line 73, src/assets/scss/components/_components-boxes.scss */ .icon-box.secondary .box-icon { color: #7F00FF } /* line 77, src/assets/scss/components/_components-boxes.scss */ .icon-box.secondary .box-title { color: #7F00FF } /* line 83, src/assets/scss/components/_components-boxes.scss */ .icon-box.accent .box-icon { color: #ad5cff } /* line 87, src/assets/scss/components/_components-boxes.scss */ .icon-box.accent .box-title { color: #ad5cff } /* line 93, src/assets/scss/components/_components-boxes.scss */ .icon-box.info .box-icon { color: #039BE5 } /* line 97, src/assets/scss/components/_components-boxes.scss */ .icon-box.info .box-title { color: #039BE5 } /* line 103, src/assets/scss/components/_components-boxes.scss */ .icon-box.success .box-icon { color: #00b289 } /* line 107, src/assets/scss/components/_components-boxes.scss */ .icon-box.success .box-title { color: #00b289 } /* line 113, src/assets/scss/components/_components-boxes.scss */ .icon-box.warning .box-icon { color: #eda514 } /* line 117, src/assets/scss/components/_components-boxes.scss */ .icon-box.warning .box-title { color: #eda514 } /* line 123, src/assets/scss/components/_components-boxes.scss */ .icon-box.danger .box-icon { color: #FF7273 } /* line 127, src/assets/scss/components/_components-boxes.scss */ .icon-box.danger .box-title { color: #FF7273 } /* line 135, src/assets/scss/components/_components-boxes.scss */ .icon-box.compact .box-icon { color: #fff; font-size: 3rem; font-weight: bolder; -webkit-transform: rotate(45deg); transform: rotate(45deg) } /* line 141, src/assets/scss/components/_components-boxes.scss */ .icon-box.compact .box-icon i { padding: 1.4rem; background: #ad5cff; border-radius: 5px } /* line 149, src/assets/scss/components/_components-boxes.scss */ .icon-box.compact .box-text { padding: 0 40px 0 40px } /* line 158, src/assets/scss/components/_components-boxes.scss */ .diamond-box { text-align: center } /* line 162, src/assets/scss/components/_components-boxes.scss */ .diamond-box .diamond-wrapper { 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 } /* line 169, src/assets/scss/components/_components-boxes.scss */ .diamond-box .diamond { width: 60px; height: 60px; background-color: #999; position: relative; border-radius: 4px; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-bottom: 1.5rem } /* line 178, src/assets/scss/components/_components-boxes.scss */ .diamond-box .diamond i { font-size: 36px; position: absolute; color: #fff; left: 11px; top: 10px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } /* line 189, src/assets/scss/components/_components-boxes.scss */ .diamond-box .box-title { color: #444F60; margin-bottom: 10px; font-weight: 500 } /* line 196, src/assets/scss/components/_components-boxes.scss */ .diamond-box .box-text { color: #A9ABAC; font-size: 13px } /* line 203, src/assets/scss/components/_components-boxes.scss */ .diamond-box.primary .diamond { background-color: #4FC1EA; -webkit-box-shadow: 0 14px 26px -12px rgba(79, 193, 234, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(79, 193, 234, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(79, 193, 234, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(79, 193, 234, 0.2) !important } /* line 208, src/assets/scss/components/_components-boxes.scss */ .diamond-box.primary .box-title { color: #4FC1EA } /* line 214, src/assets/scss/components/_components-boxes.scss */ .diamond-box.secondary .diamond { background-color: #7F00FF; -webkit-box-shadow: 0 14px 26px -12px rgba(127, 0, 255, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(127, 0, 255, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(127, 0, 255, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(127, 0, 255, 0.2) !important } /* line 219, src/assets/scss/components/_components-boxes.scss */ .diamond-box.secondary .box-title { color: #7F00FF } /* line 225, src/assets/scss/components/_components-boxes.scss */ .diamond-box.accent .diamond { background-color: #ad5cff; -webkit-box-shadow: 0 14px 26px -12px rgba(173, 92, 255, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(173, 92, 255, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(173, 92, 255, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(173, 92, 255, 0.2) !important } /* line 230, src/assets/scss/components/_components-boxes.scss */ .diamond-box.accent .box-title { color: #ad5cff } /* line 236, src/assets/scss/components/_components-boxes.scss */ .diamond-box.info .diamond { background-color: #039BE5; -webkit-box-shadow: 0 14px 26px -12px rgba(3, 155, 229, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(3, 155, 229, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(3, 155, 229, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(3, 155, 229, 0.2) !important } /* line 241, src/assets/scss/components/_components-boxes.scss */ .diamond-box.info .box-title { color: #039BE5 } /* line 247, src/assets/scss/components/_components-boxes.scss */ .diamond-box.success .diamond { background-color: #00b289; -webkit-box-shadow: 0 14px 26px -12px rgba(0, 178, 137, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 178, 137, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(0, 178, 137, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 178, 137, 0.2) !important } /* line 252, src/assets/scss/components/_components-boxes.scss */ .diamond-box.success .box-title { color: #00b289 } /* line 258, src/assets/scss/components/_components-boxes.scss */ .diamond-box.warning .diamond { background-color: #eda514; -webkit-box-shadow: 0 14px 26px -12px rgba(237, 165, 20, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 165, 20, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(237, 165, 20, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 165, 20, 0.2) !important } /* line 263, src/assets/scss/components/_components-boxes.scss */ .diamond-box.warning .box-title { color: #eda514 } /* line 269, src/assets/scss/components/_components-boxes.scss */ .diamond-box.danger .diamond { background-color: #FF7273; -webkit-box-shadow: 0 14px 26px -12px rgba(255, 114, 115, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 114, 115, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(255, 114, 115, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 114, 115, 0.2) !important } /* line 274, src/assets/scss/components/_components-boxes.scss */ .diamond-box.danger .box-title { color: #FF7273 } /* line 283, src/assets/scss/components/_components-boxes.scss */ .square-icon-box { text-align: center } /* line 286, src/assets/scss/components/_components-boxes.scss */ .square-icon-box:hover .icon-box-wrapper .icon-box:after { -webkit-transform: scale(1); transform: scale(1) } /* line 292, src/assets/scss/components/_components-boxes.scss */ .square-icon-box.rounded .icon-box { border-radius: 100px !important } /* line 295, src/assets/scss/components/_components-boxes.scss */ .square-icon-box.rounded .icon-box:after { border-radius: 100px !important } /* line 302, src/assets/scss/components/_components-boxes.scss */ .square-icon-box .icon-box-wrapper { 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; padding: 5px } /* line 309, src/assets/scss/components/_components-boxes.scss */ .square-icon-box .icon-box-wrapper .icon-box { width: 60px; height: 60px; background-color: #999; position: relative; border-radius: 4px; cursor: pointer } /* line 319, src/assets/scss/components/_components-boxes.scss */ .square-icon-box .icon-box-wrapper .icon-box i { font-size: 28px; position: absolute; color: #fff; left: 16px; top: 16px } /* line 327, src/assets/scss/components/_components-boxes.scss */ .square-icon-box .icon-box-wrapper .icon-box:after { width: 76px; height: 76px; content: ""; display: block; position: absolute; z-index: 1; top: -8px; left: -8px; opacity: 0.8; border-radius: 4px; -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transition: all 0.3s; transition: all 0.3s } /* line 345, src/assets/scss/components/_components-boxes.scss */ .square-icon-box .box-title { color: #444F60; padding: 5px; font-weight: 500 } /* line 352, src/assets/scss/components/_components-boxes.scss */ .square-icon-box .box-text { color: #A9ABAC; padding: 0 10px; font-size: 13px } /* line 360, src/assets/scss/components/_components-boxes.scss */ .square-icon-box.primary .icon-box { background: linear-gradient(45deg, #19B4F2 0%, #43CE8B 100%); -webkit-box-shadow: 0 14px 26px -12px rgba(79, 193, 234, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(79, 193, 234, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(79, 193, 234, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(79, 193, 234, 0.2) !important } /* line 364, src/assets/scss/components/_components-boxes.scss */ .square-icon-box.primary .icon-box:after { border: 2px solid #4FC1EA } /* line 369, src/assets/scss/components/_components-boxes.scss */ .square-icon-box.primary .box-title { color: #4FC1EA } /* line 375, src/assets/scss/components/_components-boxes.scss */ .square-icon-box.secondary .icon-box { background: linear-gradient(45deg, #19B4F2 0%, #43CE8B 100%); /* -webkit-box-shadow: 0 14px 26px -12px rgba(127, 0, 255, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(127, 0, 255, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(127, 0, 255, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(127, 0, 255, 0.2) !important */ } /* line 379, src/assets/scss/components/_components-boxes.scss */ .square-icon-box.secondary .icon-box:after { border: 2px solid #7F00FF } /* line 384, src/assets/scss/components/_components-boxes.scss */ .square-icon-box.secondary .box-title { color: #7F00FF } /* line 390, src/assets/scss/components/_components-boxes.scss */ .square-icon-box.accent .icon-box { background-color: #ad5cff; -webkit-box-shadow: 0 14px 26px -12px rgba(173, 92, 255, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(173, 92, 255, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(173, 92, 255, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(173, 92, 255, 0.2) !important } /* line 394, src/assets/scss/components/_components-boxes.scss */ .square-icon-box.accent .icon-box:after { border: 2px solid #ad5cff } /* line 399, src/assets/scss/components/_components-boxes.scss */ .square-icon-box.accent .box-title { color: #ad5cff } /* line 405, src/assets/scss/components/_components-boxes.scss */ .square-icon-box.info .icon-box { background-color: #039BE5; -webkit-box-shadow: 0 14px 26px -12px rgba(3, 155, 229, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(3, 155, 229, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(3, 155, 229, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(3, 155, 229, 0.2) !important } /* line 409, src/assets/scss/components/_components-boxes.scss */ .square-icon-box.info .icon-box:after { border: 2px solid #039BE5 } /* line 414, src/assets/scss/components/_components-boxes.scss */ .square-icon-box.info .box-title { color: #039BE5 } /* line 420, src/assets/scss/components/_components-boxes.scss */ .square-icon-box.success .icon-box { background-color: #00b289; -webkit-box-shadow: 0 14px 26px -12px rgba(0, 178, 137, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 178, 137, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(0, 178, 137, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 178, 137, 0.2) !important } /* line 424, src/assets/scss/components/_components-boxes.scss */ .square-icon-box.success .icon-box:after { border: 2px solid #00b289 } /* line 429, src/assets/scss/components/_components-boxes.scss */ .square-icon-box.success .box-title { color: #00b289 } /* line 435, src/assets/scss/components/_components-boxes.scss */ .square-icon-box.warning .icon-box { background-color: #eda514; -webkit-box-shadow: 0 14px 26px -12px rgba(237, 165, 20, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 165, 20, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(237, 165, 20, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 165, 20, 0.2) !important } /* line 439, src/assets/scss/components/_components-boxes.scss */ .square-icon-box.warning .icon-box:after { border: 2px solid #eda514 } /* line 444, src/assets/scss/components/_components-boxes.scss */ .square-icon-box.warning .box-title { color: #eda514 } /* line 450, src/assets/scss/components/_components-boxes.scss */ .square-icon-box.danger .icon-box { background-color: #FF7273; -webkit-box-shadow: 0 14px 26px -12px rgba(255, 114, 115, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 114, 115, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(255, 114, 115, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 114, 115, 0.2) !important } /* line 454, src/assets/scss/components/_components-boxes.scss */ .square-icon-box.danger .icon-box:after { border: 2px solid #FF7273 } /* line 459, src/assets/scss/components/_components-boxes.scss */ .square-icon-box.danger .box-title { color: #FF7273 } /* line 506, src/assets/scss/components/_components-boxes.scss */ .shadow-icon-box span { display: block; position: absolute; height: 75px; width: 75px; color: #fff; text-shadow: #19a2d3 1px 1px, #19a2d3 2px 2px, #19a2d3 3px 3px, #19a2d3 4px 4px, #19a2d3 5px 5px, #19a2d3 6px 6px, #19a2d3 7px 7px, #19a2d3 8px 8px, #19a2d3 9px 9px, #19a2d3 10px 10px, #19a2d3 11px 11px, #19a2d3 12px 12px, #19a2d3 13px 13px, #19a2d3 14px 14px, #19a2d3 15px 15px, #19a2d3 16px 16px, #19a2d3 17px 17px, #19a2d3 18px 18px, #19a2d3 19px 19px, #19a2d3 20px 20px, #19a2d3 21px 21px, #19a2d3 22px 22px, #19a2d3 23px 23px, #19a2d3 24px 24px, #19a2d3 25px 25px, #19a2d3 26px 26px, #19a2d3 27px 27px, #19a2d3 28px 28px, #19a2d3 29px 29px, #19a2d3 30px 30px, #19a2d3 31px 31px, #19a2d3 32px 32px, #19a2d3 33px 33px, #19a2d3 34px 34px, #19a2d3 35px 35px, #19a2d3 36px 36px, #19a2d3 37px 37px, #19a2d3 38px 38px, #19a2d3 39px 39px, #19a2d3 40px 40px, #19a2d3 41px 41px, #19a2d3 42px 42px, #19a2d3 43px 43px, #19a2d3 44px 44px, #19a2d3 45px 45px, #19a2d3 46px 46px, #19a2d3 47px 47px, #19a2d3 48px 48px, #19a2d3 49px 49px, #19a2d3 50px 50px, #19a2d3 51px 51px, #19a2d3 52px 52px, #19a2d3 53px 53px, #19a2d3 54px 54px, #19a2d3 55px 55px, #19a2d3 56px 56px, #19a2d3 57px 57px, #19a2d3 58px 58px, #19a2d3 59px 59px, #19a2d3 60px 60px, #19a2d3 61px 61px, #19a2d3 62px 62px, #19a2d3 63px 63px, #19a2d3 64px 64px, #19a2d3 65px 65px, #19a2d3 66px 66px, #19a2d3 67px 67px, #19a2d3 68px 68px, #19a2d3 69px 69px, #19a2d3 70px 70px, #19a2d3 71px 71px, #19a2d3 72px 72px, #19a2d3 73px 73px, #19a2d3 74px 74px, #19a2d3 75px 75px } /* line 517, src/assets/scss/components/_components-boxes.scss */ .shadow-icon-box { position: relative; text-align: center; overflow: hidden; margin: 0 auto; width: 75px; height: 75px; font-size: 25px; line-height: 75px; background-color: #4FC1EA; border-radius: 10px; -webkit-box-shadow: 0 14px 26px -12px rgba(79, 193, 234, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(79, 193, 234, 0.2) !important; -ms-box-shadow: 0 14px 26px -12px rgba(79, 193, 234, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(79, 193, 234, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(79, 193, 234, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(79, 193, 234, 0.2) !important } /* line 532, src/assets/scss/components/_components-boxes.scss */ .shadow-icon-box.rounded { border-radius: 100px } /* line 537, src/assets/scss/components/_components-boxes.scss */ .shadow-icon-box.is-secondary { background-color: #7F00FF; -webkit-box-shadow: 0 14px 26px -12px rgba(127, 0, 255, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(127, 0, 255, 0.2) !important; -ms-box-shadow: 0 14px 26px -12px rgba(127, 0, 255, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(127, 0, 255, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(127, 0, 255, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(127, 0, 255, 0.2) !important } /* line 542, src/assets/scss/components/_components-boxes.scss */ .shadow-icon-box.is-secondary span { text-shadow: #5900b3 1px 1px, #5900b3 2px 2px, #5900b3 3px 3px, #5900b3 4px 4px, #5900b3 5px 5px, #5900b3 6px 6px, #5900b3 7px 7px, #5900b3 8px 8px, #5900b3 9px 9px, #5900b3 10px 10px, #5900b3 11px 11px, #5900b3 12px 12px, #5900b3 13px 13px, #5900b3 14px 14px, #5900b3 15px 15px, #5900b3 16px 16px, #5900b3 17px 17px, #5900b3 18px 18px, #5900b3 19px 19px, #5900b3 20px 20px, #5900b3 21px 21px, #5900b3 22px 22px, #5900b3 23px 23px, #5900b3 24px 24px, #5900b3 25px 25px, #5900b3 26px 26px, #5900b3 27px 27px, #5900b3 28px 28px, #5900b3 29px 29px, #5900b3 30px 30px, #5900b3 31px 31px, #5900b3 32px 32px, #5900b3 33px 33px, #5900b3 34px 34px, #5900b3 35px 35px, #5900b3 36px 36px, #5900b3 37px 37px, #5900b3 38px 38px, #5900b3 39px 39px, #5900b3 40px 40px, #5900b3 41px 41px, #5900b3 42px 42px, #5900b3 43px 43px, #5900b3 44px 44px, #5900b3 45px 45px, #5900b3 46px 46px, #5900b3 47px 47px, #5900b3 48px 48px, #5900b3 49px 49px, #5900b3 50px 50px, #5900b3 51px 51px, #5900b3 52px 52px, #5900b3 53px 53px, #5900b3 54px 54px, #5900b3 55px 55px, #5900b3 56px 56px, #5900b3 57px 57px, #5900b3 58px 58px, #5900b3 59px 59px, #5900b3 60px 60px, #5900b3 61px 61px, #5900b3 62px 62px, #5900b3 63px 63px, #5900b3 64px 64px, #5900b3 65px 65px, #5900b3 66px 66px, #5900b3 67px 67px, #5900b3 68px 68px, #5900b3 69px 69px, #5900b3 70px 70px, #5900b3 71px 71px, #5900b3 72px 72px, #5900b3 73px 73px, #5900b3 74px 74px, #5900b3 75px 75px } /* line 547, src/assets/scss/components/_components-boxes.scss */ .shadow-icon-box.is-accent { background-color: #ad5cff; -webkit-box-shadow: 0 14px 26px -12px rgba(173, 92, 255, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(173, 92, 255, 0.2) !important; -ms-box-shadow: 0 14px 26px -12px rgba(173, 92, 255, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(173, 92, 255, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(173, 92, 255, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(173, 92, 255, 0.2) !important } /* line 552, src/assets/scss/components/_components-boxes.scss */ .shadow-icon-box.is-accent span { text-shadow: #8710ff 1px 1px, #8710ff 2px 2px, #8710ff 3px 3px, #8710ff 4px 4px, #8710ff 5px 5px, #8710ff 6px 6px, #8710ff 7px 7px, #8710ff 8px 8px, #8710ff 9px 9px, #8710ff 10px 10px, #8710ff 11px 11px, #8710ff 12px 12px, #8710ff 13px 13px, #8710ff 14px 14px, #8710ff 15px 15px, #8710ff 16px 16px, #8710ff 17px 17px, #8710ff 18px 18px, #8710ff 19px 19px, #8710ff 20px 20px, #8710ff 21px 21px, #8710ff 22px 22px, #8710ff 23px 23px, #8710ff 24px 24px, #8710ff 25px 25px, #8710ff 26px 26px, #8710ff 27px 27px, #8710ff 28px 28px, #8710ff 29px 29px, #8710ff 30px 30px, #8710ff 31px 31px, #8710ff 32px 32px, #8710ff 33px 33px, #8710ff 34px 34px, #8710ff 35px 35px, #8710ff 36px 36px, #8710ff 37px 37px, #8710ff 38px 38px, #8710ff 39px 39px, #8710ff 40px 40px, #8710ff 41px 41px, #8710ff 42px 42px, #8710ff 43px 43px, #8710ff 44px 44px, #8710ff 45px 45px, #8710ff 46px 46px, #8710ff 47px 47px, #8710ff 48px 48px, #8710ff 49px 49px, #8710ff 50px 50px, #8710ff 51px 51px, #8710ff 52px 52px, #8710ff 53px 53px, #8710ff 54px 54px, #8710ff 55px 55px, #8710ff 56px 56px, #8710ff 57px 57px, #8710ff 58px 58px, #8710ff 59px 59px, #8710ff 60px 60px, #8710ff 61px 61px, #8710ff 62px 62px, #8710ff 63px 63px, #8710ff 64px 64px, #8710ff 65px 65px, #8710ff 66px 66px, #8710ff 67px 67px, #8710ff 68px 68px, #8710ff 69px 69px, #8710ff 70px 70px, #8710ff 71px 71px, #8710ff 72px 72px, #8710ff 73px 73px, #8710ff 74px 74px, #8710ff 75px 75px } /* line 557, src/assets/scss/components/_components-boxes.scss */ .shadow-icon-box.is-info { background-color: #039BE5; -webkit-box-shadow: 0 14px 26px -12px rgba(3, 155, 229, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(3, 155, 229, 0.2) !important; -ms-box-shadow: 0 14px 26px -12px rgba(3, 155, 229, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(3, 155, 229, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(3, 155, 229, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(3, 155, 229, 0.2) !important } /* line 562, src/assets/scss/components/_components-boxes.scss */ .shadow-icon-box.is-info span { text-shadow: #026899 1px 1px, #026899 2px 2px, #026899 3px 3px, #026899 4px 4px, #026899 5px 5px, #026899 6px 6px, #026899 7px 7px, #026899 8px 8px, #026899 9px 9px, #026899 10px 10px, #026899 11px 11px, #026899 12px 12px, #026899 13px 13px, #026899 14px 14px, #026899 15px 15px, #026899 16px 16px, #026899 17px 17px, #026899 18px 18px, #026899 19px 19px, #026899 20px 20px, #026899 21px 21px, #026899 22px 22px, #026899 23px 23px, #026899 24px 24px, #026899 25px 25px, #026899 26px 26px, #026899 27px 27px, #026899 28px 28px, #026899 29px 29px, #026899 30px 30px, #026899 31px 31px, #026899 32px 32px, #026899 33px 33px, #026899 34px 34px, #026899 35px 35px, #026899 36px 36px, #026899 37px 37px, #026899 38px 38px, #026899 39px 39px, #026899 40px 40px, #026899 41px 41px, #026899 42px 42px, #026899 43px 43px, #026899 44px 44px, #026899 45px 45px, #026899 46px 46px, #026899 47px 47px, #026899 48px 48px, #026899 49px 49px, #026899 50px 50px, #026899 51px 51px, #026899 52px 52px, #026899 53px 53px, #026899 54px 54px, #026899 55px 55px, #026899 56px 56px, #026899 57px 57px, #026899 58px 58px, #026899 59px 59px, #026899 60px 60px, #026899 61px 61px, #026899 62px 62px, #026899 63px 63px, #026899 64px 64px, #026899 65px 65px, #026899 66px 66px, #026899 67px 67px, #026899 68px 68px, #026899 69px 69px, #026899 70px 70px, #026899 71px 71px, #026899 72px 72px, #026899 73px 73px, #026899 74px 74px, #026899 75px 75px } /* line 567, src/assets/scss/components/_components-boxes.scss */ .shadow-icon-box.is-success { background-color: #00b289; -webkit-box-shadow: 0 14px 26px -12px rgba(0, 178, 137, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 178, 137, 0.2) !important; -ms-box-shadow: 0 14px 26px -12px rgba(0, 178, 137, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 178, 137, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(0, 178, 137, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 178, 137, 0.2) !important } /* line 572, src/assets/scss/components/_components-boxes.scss */ .shadow-icon-box.is-success span { text-shadow: #00664e 1px 1px, #00664e 2px 2px, #00664e 3px 3px, #00664e 4px 4px, #00664e 5px 5px, #00664e 6px 6px, #00664e 7px 7px, #00664e 8px 8px, #00664e 9px 9px, #00664e 10px 10px, #00664e 11px 11px, #00664e 12px 12px, #00664e 13px 13px, #00664e 14px 14px, #00664e 15px 15px, #00664e 16px 16px, #00664e 17px 17px, #00664e 18px 18px, #00664e 19px 19px, #00664e 20px 20px, #00664e 21px 21px, #00664e 22px 22px, #00664e 23px 23px, #00664e 24px 24px, #00664e 25px 25px, #00664e 26px 26px, #00664e 27px 27px, #00664e 28px 28px, #00664e 29px 29px, #00664e 30px 30px, #00664e 31px 31px, #00664e 32px 32px, #00664e 33px 33px, #00664e 34px 34px, #00664e 35px 35px, #00664e 36px 36px, #00664e 37px 37px, #00664e 38px 38px, #00664e 39px 39px, #00664e 40px 40px, #00664e 41px 41px, #00664e 42px 42px, #00664e 43px 43px, #00664e 44px 44px, #00664e 45px 45px, #00664e 46px 46px, #00664e 47px 47px, #00664e 48px 48px, #00664e 49px 49px, #00664e 50px 50px, #00664e 51px 51px, #00664e 52px 52px, #00664e 53px 53px, #00664e 54px 54px, #00664e 55px 55px, #00664e 56px 56px, #00664e 57px 57px, #00664e 58px 58px, #00664e 59px 59px, #00664e 60px 60px, #00664e 61px 61px, #00664e 62px 62px, #00664e 63px 63px, #00664e 64px 64px, #00664e 65px 65px, #00664e 66px 66px, #00664e 67px 67px, #00664e 68px 68px, #00664e 69px 69px, #00664e 70px 70px, #00664e 71px 71px, #00664e 72px 72px, #00664e 73px 73px, #00664e 74px 74px, #00664e 75px 75px } /* line 577, src/assets/scss/components/_components-boxes.scss */ .shadow-icon-box.is-warning { background-color: #eda514; -webkit-box-shadow: 0 14px 26px -12px rgba(237, 165, 20, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 165, 20, 0.2) !important; -ms-box-shadow: 0 14px 26px -12px rgba(237, 165, 20, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 165, 20, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(237, 165, 20, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 165, 20, 0.2) !important } /* line 582, src/assets/scss/components/_components-boxes.scss */ .shadow-icon-box.is-warning span { text-shadow: #a8740d 1px 1px, #a8740d 2px 2px, #a8740d 3px 3px, #a8740d 4px 4px, #a8740d 5px 5px, #a8740d 6px 6px, #a8740d 7px 7px, #a8740d 8px 8px, #a8740d 9px 9px, #a8740d 10px 10px, #a8740d 11px 11px, #a8740d 12px 12px, #a8740d 13px 13px, #a8740d 14px 14px, #a8740d 15px 15px, #a8740d 16px 16px, #a8740d 17px 17px, #a8740d 18px 18px, #a8740d 19px 19px, #a8740d 20px 20px, #a8740d 21px 21px, #a8740d 22px 22px, #a8740d 23px 23px, #a8740d 24px 24px, #a8740d 25px 25px, #a8740d 26px 26px, #a8740d 27px 27px, #a8740d 28px 28px, #a8740d 29px 29px, #a8740d 30px 30px, #a8740d 31px 31px, #a8740d 32px 32px, #a8740d 33px 33px, #a8740d 34px 34px, #a8740d 35px 35px, #a8740d 36px 36px, #a8740d 37px 37px, #a8740d 38px 38px, #a8740d 39px 39px, #a8740d 40px 40px, #a8740d 41px 41px, #a8740d 42px 42px, #a8740d 43px 43px, #a8740d 44px 44px, #a8740d 45px 45px, #a8740d 46px 46px, #a8740d 47px 47px, #a8740d 48px 48px, #a8740d 49px 49px, #a8740d 50px 50px, #a8740d 51px 51px, #a8740d 52px 52px, #a8740d 53px 53px, #a8740d 54px 54px, #a8740d 55px 55px, #a8740d 56px 56px, #a8740d 57px 57px, #a8740d 58px 58px, #a8740d 59px 59px, #a8740d 60px 60px, #a8740d 61px 61px, #a8740d 62px 62px, #a8740d 63px 63px, #a8740d 64px 64px, #a8740d 65px 65px, #a8740d 66px 66px, #a8740d 67px 67px, #a8740d 68px 68px, #a8740d 69px 69px, #a8740d 70px 70px, #a8740d 71px 71px, #a8740d 72px 72px, #a8740d 73px 73px, #a8740d 74px 74px, #a8740d 75px 75px } /* line 587, src/assets/scss/components/_components-boxes.scss */ .shadow-icon-box.is-danger { background-color: #FF7273; -webkit-box-shadow: 0 14px 26px -12px rgba(255, 114, 115, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 114, 115, 0.2) !important; -ms-box-shadow: 0 14px 26px -12px rgba(255, 114, 115, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 114, 115, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(255, 114, 115, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 114, 115, 0.2) !important } /* line 592, src/assets/scss/components/_components-boxes.scss */ .shadow-icon-box.is-danger span { text-shadow: #ff2627 1px 1px, #ff2627 2px 2px, #ff2627 3px 3px, #ff2627 4px 4px, #ff2627 5px 5px, #ff2627 6px 6px, #ff2627 7px 7px, #ff2627 8px 8px, #ff2627 9px 9px, #ff2627 10px 10px, #ff2627 11px 11px, #ff2627 12px 12px, #ff2627 13px 13px, #ff2627 14px 14px, #ff2627 15px 15px, #ff2627 16px 16px, #ff2627 17px 17px, #ff2627 18px 18px, #ff2627 19px 19px, #ff2627 20px 20px, #ff2627 21px 21px, #ff2627 22px 22px, #ff2627 23px 23px, #ff2627 24px 24px, #ff2627 25px 25px, #ff2627 26px 26px, #ff2627 27px 27px, #ff2627 28px 28px, #ff2627 29px 29px, #ff2627 30px 30px, #ff2627 31px 31px, #ff2627 32px 32px, #ff2627 33px 33px, #ff2627 34px 34px, #ff2627 35px 35px, #ff2627 36px 36px, #ff2627 37px 37px, #ff2627 38px 38px, #ff2627 39px 39px, #ff2627 40px 40px, #ff2627 41px 41px, #ff2627 42px 42px, #ff2627 43px 43px, #ff2627 44px 44px, #ff2627 45px 45px, #ff2627 46px 46px, #ff2627 47px 47px, #ff2627 48px 48px, #ff2627 49px 49px, #ff2627 50px 50px, #ff2627 51px 51px, #ff2627 52px 52px, #ff2627 53px 53px, #ff2627 54px 54px, #ff2627 55px 55px, #ff2627 56px 56px, #ff2627 57px 57px, #ff2627 58px 58px, #ff2627 59px 59px, #ff2627 60px 60px, #ff2627 61px 61px, #ff2627 62px 62px, #ff2627 63px 63px, #ff2627 64px 64px, #ff2627 65px 65px, #ff2627 66px 66px, #ff2627 67px 67px, #ff2627 68px 68px, #ff2627 69px 69px, #ff2627 70px 70px, #ff2627 71px 71px, #ff2627 72px 72px, #ff2627 73px 73px, #ff2627 74px 74px, #ff2627 75px 75px } /* line 599, src/assets/scss/components/_components-boxes.scss */ .shadow-title { padding-top: 10px; color: #444F60; font-weight: 500 } /* line 606, src/assets/scss/components/_components-boxes.scss */ .shadow-text { color: #A9ABAC; font-size: 13px } /* line 615, src/assets/scss/components/_components-boxes.scss */ .simple-counter { position: relative } /* line 619, src/assets/scss/components/_components-boxes.scss */ .simple-counter .counter-number { font-size: 3rem; color: #444F60; z-index: 99 } /* line 624, src/assets/scss/components/_components-boxes.scss */ .simple-counter .counter-number.is-bold { font-weight: 700 !important } /* line 630, src/assets/scss/components/_components-boxes.scss */ .simple-counter .counter-text { text-transform: uppercase; font-family: 'Nexa Light', sans-serif; font-size: 1rem; font-weight: 900; color: #4FC1EA !important } /* line 639, src/assets/scss/components/_components-boxes.scss */ .simple-counter .background-icon { position: absolute; font-size: 5rem; top: -10px !important; left: 0; right: 0; color: #999; opacity: 0.1; z-index: 0 } /* line 656, src/assets/scss/components/_components-boxes.scss */ .card-counter .flex-card { padding: 20px; overflow: visible } /* line 661, src/assets/scss/components/_components-boxes.scss */ .card-counter .flex-card:hover .round-icon i { -webkit-transform: rotate(360deg) scale(1.05); transform: rotate(360deg) scale(1.05); background: #ad5cff; -webkit-box-shadow: 0 14px 26px -12px rgba(173, 92, 255, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(173, 92, 255, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(173, 92, 255, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(173, 92, 255, 0.2) !important } /* line 667, src/assets/scss/components/_components-boxes.scss */ .card-counter .flex-card:hover .counter-text { color: #ad5cff } /* line 674, src/assets/scss/components/_components-boxes.scss */ .card-counter .round-icon i { font-size: 2rem; padding: 22px; color: #fff; background: #4FC1EA; -webkit-box-shadow: 0 14px 26px -12px rgba(79, 193, 234, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(79, 193, 234, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(79, 193, 234, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(79, 193, 234, 0.2) !important; border-radius: 100px; margin-top: -40px; -webkit-transition: all 0.4s; transition: all 0.4s } /* line 686, src/assets/scss/components/_components-boxes.scss */ .card-counter .counter-number { font-weight: bolder; font-size: 2.6rem; color: #444F60 } /* line 693, src/assets/scss/components/_components-boxes.scss */ .card-counter .counter-text { color: #4FC1EA; font-weight: 600; -webkit-transition: all 0.4s; transition: all 0.4s; font-size: 1.1rem } /* line 707, src/assets/scss/components/_components-boxes.scss */ .icon-counter .counter-icon i { font-size: 3.4rem; color: #4FC1EA } /* line 713, src/assets/scss/components/_components-boxes.scss */ .icon-counter .counter-number { font-weight: bolder; font-size: 3rem; color: #444F60 } /* line 720, src/assets/scss/components/_components-boxes.scss */ .icon-counter .counter-text { color: #4FC1EA; font-size: 1.1rem; font-weight: 600; -webkit-transition: all 0.4s; transition: all 0.4s } /* line 734, src/assets/scss/components/_components-boxes.scss */ .parallax-counter .counter-icon i { font-size: 3.4rem; color: #fff } /* line 740, src/assets/scss/components/_components-boxes.scss */ .parallax-counter .counter-number { font-weight: bolder; font-size: 3rem; color: #fff } /* line 747, src/assets/scss/components/_components-boxes.scss */ .parallax-counter .counter-text { color: #fff; font-family: 'Nexa Light', sans-serif; font-size: 1.1rem; font-weight: 500; padding: 0 10px; -webkit-transition: all 0.4s; transition: all 0.4s } /* line 763, src/assets/scss/components/_components-boxes.scss */ .team-classic .team-member { position: relative } /* line 766, src/assets/scss/components/_components-boxes.scss */ .team-classic .team-member img { height: 100%; width: 100%; display: block } /* line 773, src/assets/scss/components/_components-boxes.scss */ .team-classic .team-member .item-overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, 0); -webkit-transition: all 0.5s; transition: all 0.5s; overflow: hidden } /* line 783, src/assets/scss/components/_components-boxes.scss */ .team-classic .team-member .item-overlay .overlay-quote { opacity: 0; opacity: 0; color: #fff; position: absolute; top: 55%; left: 0; padding: 5%; overflow: hidden; width: 100%; z-index: 2; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all .3s; transition: all .3s } /* line 800, src/assets/scss/components/_components-boxes.scss */ .team-classic .team-member .item-overlay .overlay-quote .quote-text i { font-size: 18px } /* line 804, src/assets/scss/components/_components-boxes.scss */ .team-classic .team-member .item-overlay .overlay-quote .social-links { padding: 20px 0; -webkit-transition: all .3s; transition: all .3s } /* line 811, src/assets/scss/components/_components-boxes.scss */ .team-classic .team-member .item-overlay .overlay-quote .social-links span a { margin: 0 10px 0 10px; color: #fff } /* line 815, src/assets/scss/components/_components-boxes.scss */ .team-classic .team-member .item-overlay .overlay-quote .social-links span a:hover { opacity: 1 } /* line 819, src/assets/scss/components/_components-boxes.scss */ .team-classic .team-member .item-overlay .overlay-quote .social-links span a i { font-size: 1.4em; padding: 15px; border-radius: 100px; border: 2px dashed #fff; -webkit-transition: all 0.1; transition: all 0.1 } /* line 828, src/assets/scss/components/_components-boxes.scss */ .team-classic .team-member .item-overlay .overlay-quote .social-links span:first-child a i:hover { background: #1dcaff; border: 2px solid #1dcaff } /* line 833, src/assets/scss/components/_components-boxes.scss */ .team-classic .team-member .item-overlay .overlay-quote .social-links span:nth-child(2) a i:hover { background: #007bb6; border: 2px solid #007bb6 } /* line 838, src/assets/scss/components/_components-boxes.scss */ .team-classic .team-member .item-overlay .overlay-quote .social-links span:last-child a i:hover { background: #ea4c89; border: 2px solid #ea4c89 } /* line 846, src/assets/scss/components/_components-boxes.scss */ .team-classic .team-member:hover .item-overlay { background: rgba(0, 0, 0, 0.7) } /* line 850, src/assets/scss/components/_components-boxes.scss */ .team-classic .team-member:hover .overlay-quote { opacity: 1; -webkit-transform: translateY(-100%); transform: translateY(-100%) } /* line 857, src/assets/scss/components/_components-boxes.scss */ .team-classic .member-name { font-family: 'Nexa Light', sans-serif; text-transform: uppercase; font-size: 1.3rem } /* line 862, src/assets/scss/components/_components-boxes.scss */ .team-classic .member-name .last-name { font-weight: bolder; font-family: 'Nexa Bold', sans-serif } /* line 867, src/assets/scss/components/_components-boxes.scss */ .team-classic .member-name .position { font-size: 0.9rem; color: #4FC1EA; font-family: 'Nexa Light', sans-serif } /* line 877, src/assets/scss/components/_components-boxes.scss */ .team-classic.circled .social-links span:first-child a i:hover { background: none !important; border: 2px solid #1dcaff; color: #1dcaff } /* line 883, src/assets/scss/components/_components-boxes.scss */ .team-classic.circled .social-links span:nth-child(2) a i:hover { background: none !important; border: 2px solid #007bb6; color: #007bb6 } /* line 889, src/assets/scss/components/_components-boxes.scss */ .team-classic.circled .social-links span:last-child a i:hover { background: none !important; border: 2px solid #ea4c89; color: #ea4c89 } /* line 900, src/assets/scss/components/_components-boxes.scss */ .team-classic.squared .social-links span a i { border-radius: 3px !important } /* line 904, src/assets/scss/components/_components-boxes.scss */ .team-classic.squared .social-links span:first-child a i:hover { background: none !important; border: 2px solid #1dcaff; color: #1dcaff } /* line 910, src/assets/scss/components/_components-boxes.scss */ .team-classic.squared .social-links span:nth-child(2) a i:hover { background: none !important; border: 2px solid #007bb6; color: #007bb6 } /* line 916, src/assets/scss/components/_components-boxes.scss */ .team-classic.squared .social-links span:last-child a i:hover { background: none !important; border: 2px solid #ea4c89; color: #ea4c89 } /* line 928, src/assets/scss/components/_components-boxes.scss */ .modern-team { position: relative; z-index: 1; overflow: hidden; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } /* line 939, src/assets/scss/components/_components-boxes.scss */ .modern-team .modern-team-item .item-wrapper { position: relative } /* line 943, src/assets/scss/components/_components-boxes.scss */ .modern-team .modern-team-item .item-img { position: relative; overflow: hidden } /* line 947, src/assets/scss/components/_components-boxes.scss */ .modern-team .modern-team-item .item-img:before { content: ""; background-color: rgba(72, 27, 174, 0.7); position: absolute; top: 50%; left: 50%; z-index: 2 } /* line 956, src/assets/scss/components/_components-boxes.scss */ .modern-team .modern-team-item .item-img .member-avatar { display: block; max-width: 100%; position: relative; z-index: 1 } /* line 965, src/assets/scss/components/_components-boxes.scss */ .modern-team .modern-team-item .overlay-wrapper { width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; opacity: 0; will-change: opacity; 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-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 10px; padding-right: 10px; text-align: center; position: absolute; top: 0; left: 0; z-index: 3 } /* line 982, src/assets/scss/components/_components-boxes.scss */ .modern-team .modern-team-item .overlay-wrapper .social { -webkit-box-sizing: border-box; box-sizing: border-box; width: 42px; height: 42px; padding: 10px; background-color: #fff; border-radius: 100%; margin: 5px; position: relative; display: inline-block; vertical-align: middle } /* line 994, src/assets/scss/components/_components-boxes.scss */ .modern-team .modern-team-item .overlay-wrapper .social i { position: relative; font-size: 1.6rem } /* line 1002, src/assets/scss/components/_components-boxes.scss */ .modern-team .modern-team-item .member-info { padding: 10px 20px } /* line 1005, src/assets/scss/components/_components-boxes.scss */ .modern-team .modern-team-item .member-info .member-name { font-family: 'Nexa Light', sans-serif; font-size: 1.2em; margin-top: 0; margin-bottom: 0; text-transform: uppercase } /* line 1012, src/assets/scss/components/_components-boxes.scss */ .modern-team .modern-team-item .member-info .member-name strong { font-family: 'Nexa Bold', sans-serif } /* line 1017, src/assets/scss/components/_components-boxes.scss */ .modern-team .modern-team-item .member-info .member-position { display: block; margin: .5em 0; font-family: 'Nexa Light', sans-serif; font-size: .8em; text-transform: uppercase; color: #4FC1EA } /* line 1027, src/assets/scss/components/_components-boxes.scss */ .modern-team .modern-team-item:hover .overlay-wrapper { opacity: 1; height: 100%; -webkit-transition: opacity 0.4s cubic-bezier(0.71, 0.05, 0.29, 0.9) 0.2s; transition: opacity 0.4s cubic-bezier(0.71, 0.05, 0.29, 0.9) 0.2s } /* line 1034, src/assets/scss/components/_components-boxes.scss */ .modern-team .modern-team-item.circle-mask .item-img:before { width: 0; height: 0; padding: 25%; border-radius: 50%; -webkit-transition: opacity .3s ease-out, -webkit-transform .3s ease; transition: opacity .3s ease-out, -webkit-transform .3s ease; transition: transform .3s ease, opacity .3s ease-out; transition: transform .3s ease, opacity .3s ease-out, -webkit-transform .3s ease; will-change: opacity, transform; opacity: 0; -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0) } /* line 1045, src/assets/scss/components/_components-boxes.scss */ .modern-team .modern-team-item.circle-mask:hover .item-img:before { opacity: 1; -webkit-transform: translate(-50%, -50%) scale(4); transform: translate(-50%, -50%) scale(4); -webkit-transition-duration: .6s; transition-duration: .6s } /* line 1052, src/assets/scss/components/_components-boxes.scss */ .modern-team .modern-team-item.curtain-mask .item-img:before { width: 100%; height: 100%; opacity: 0; -webkit-clip-path: polygon(50% 10%, 15% 90%, 85% 90%); clip-path: polygon(50% 10%, 15% 90%, 85% 90%); -webkit-transition: opacity, -webkit-transform; transition: opacity, -webkit-transform; transition: transform, opacity; transition: transform, opacity, -webkit-transform; -webkit-transition-duration: .2s, .4s; transition-duration: .2s, .4s; -webkit-transition-delay: .4s, 0s; transition-delay: .4s, 0s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; will-change: transform, opacity; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1) } /* line 1066, src/assets/scss/components/_components-boxes.scss */ .modern-team .modern-team-item.curtain-mask:hover .item-img:before { opacity: 1; -webkit-transform: translate(-50%, -50%) scale(5); transform: translate(-50%, -50%) scale(5); -webkit-transition-delay: .1s, 0s; transition-delay: .1s, 0s; -webkit-transition-duration: .4s; transition-duration: .4s } /* line 1074, src/assets/scss/components/_components-boxes.scss */ .modern-team .modern-team-item.zoom-effect .member-avatar { -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.71, 0.05, 0.29, 0.9); transition: -webkit-transform 0.4s cubic-bezier(0.71, 0.05, 0.29, 0.9); transition: transform 0.4s cubic-bezier(0.71, 0.05, 0.29, 0.9); transition: transform 0.4s cubic-bezier(0.71, 0.05, 0.29, 0.9), -webkit-transform 0.4s cubic-bezier(0.71, 0.05, 0.29, 0.9); will-change: transform; -webkit-transform: scale(1); transform: scale(1) } /* line 1080, src/assets/scss/components/_components-boxes.scss */ .modern-team .modern-team-item.zoom-effect:hover .member-avatar { -webkit-transform: scale(1.2); transform: scale(1.2) } /* line 1085, src/assets/scss/components/_components-boxes.scss */ .modern-team .modern-team-item.rotate-zoom-effect .member-avatar { -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.71, 0.05, 0.29, 0.9); transition: -webkit-transform 0.4s cubic-bezier(0.71, 0.05, 0.29, 0.9); transition: transform 0.4s cubic-bezier(0.71, 0.05, 0.29, 0.9); transition: transform 0.4s cubic-bezier(0.71, 0.05, 0.29, 0.9), -webkit-transform 0.4s cubic-bezier(0.71, 0.05, 0.29, 0.9); will-change: transform; -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0) } /* line 1091, src/assets/scss/components/_components-boxes.scss */ .modern-team .modern-team-item.rotate-zoom-effect:hover .member-avatar { -webkit-transform: scale(1.2) rotate(5deg); transform: scale(1.2) rotate(5deg) } /* line 1096, src/assets/scss/components/_components-boxes.scss */ .modern-team .modern-team-item.zoom-slide-effect .member-avatar { -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.71, 0.05, 0.29, 0.9); transition: -webkit-transform 0.4s cubic-bezier(0.71, 0.05, 0.29, 0.9); transition: transform 0.4s cubic-bezier(0.71, 0.05, 0.29, 0.9); transition: transform 0.4s cubic-bezier(0.71, 0.05, 0.29, 0.9), -webkit-transform 0.4s cubic-bezier(0.71, 0.05, 0.29, 0.9); will-change: transform; -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0) } /* line 1102, src/assets/scss/components/_components-boxes.scss */ .modern-team .modern-team-item.zoom-slide-effect:hover .member-avatar { -webkit-transform: scale(1.2) translate(4%, 4%); transform: scale(1.2) translate(4%, 4%) } /* line 1114, src/assets/scss/components/_components-boxes.scss */ .card-team .card-team-item { text-align: center; height: 270px } /* line 1118, src/assets/scss/components/_components-boxes.scss */ .card-team .card-team-item .flex-card { height: 270px; margin-bottom: 0; border-radius: 0 } /* line 1123, src/assets/scss/components/_components-boxes.scss */ .card-team .card-team-item .flex-card:hover { -webkit-transform: scale(1.05); transform: scale(1.05); z-index: 1000 } /* line 1130, src/assets/scss/components/_components-boxes.scss */ .card-team .card-team-item .team-avatar { width: 100% } /* line 1133, src/assets/scss/components/_components-boxes.scss */ .card-team .card-team-item .team-avatar img { width: 70px; height: 70px; border-radius: 100px } /* line 1141, src/assets/scss/components/_components-boxes.scss */ .card-team .card-team-item .member-id .name { font-family: 'Nexa Bold', sans-serif; margin-top: 15px; font-size: 1.4rem; font-weight: 600; color: #444F60 } /* line 1149, src/assets/scss/components/_components-boxes.scss */ .card-team .card-team-item .member-id .position { font-family: 'Nexa Light', sans-serif; text-transform: uppercase; margin-top: 5px; font-size: .8rem; font-weight: 400; color: #4FC1EA } /* line 1159, src/assets/scss/components/_components-boxes.scss */ .card-team .card-team-item .card-social-links { padding-top: 35px; margin-bottom: 20px } /* line 1163, src/assets/scss/components/_components-boxes.scss */ .card-team .card-team-item .card-social-links a { color: #999; margin: 0 10px 0 10px } /* line 1167, src/assets/scss/components/_components-boxes.scss */ .card-team .card-team-item .card-social-links a:nth-child(2) i { -webkit-transition-delay: 0.05s; transition-delay: 0.05s } /* line 1171, src/assets/scss/components/_components-boxes.scss */ .card-team .card-team-item .card-social-links a:last-child i { -webkit-transition-delay: 0.10s; transition-delay: 0.10s } /* line 1175, src/assets/scss/components/_components-boxes.scss */ .card-team .card-team-item .card-social-links a:hover { color: #4FC1EA } /* line 1180, src/assets/scss/components/_components-boxes.scss */ .card-team .card-team-item .card-social-links a i { font-size: 1.3rem; -webkit-transform: translateY(300px); transform: translateY(300px); -webkit-transition: all 0.35s; transition: all 0.35s } /* line 1191, src/assets/scss/components/_components-boxes.scss */ .card-team .card-team-item:hover .card-social-links a i { -webkit-transform: translateY(0); transform: translateY(0) } /* line 1203, src/assets/scss/components/_components-boxes.scss */ .flip-boxes .flip-box { -webkit-perspective: 500px; perspective: 500px; min-height: 300px; cursor: pointer } /* line 1210, src/assets/scss/components/_components-boxes.scss */ .flip-boxes .flip-box-wrapper { position: relative; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; border: 1px solid #ededed; -webkit-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2) } /* line 1217, src/assets/scss/components/_components-boxes.scss */ .flip-boxes .flip-box-wrapper div { position: relative; top: 0; left: 0; width: 100%; height: 100%; text-align: center; background: #fff } /* line 1228, src/assets/scss/components/_components-boxes.scss */ .flip-boxes .flip-box-wrapper .front { z-index: 2; background-color: #fff; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2) } /* line 1234, src/assets/scss/components/_components-boxes.scss */ .flip-boxes .flip-box-wrapper .front img { height: 100%; width: 100%; display: block } /* line 1242, src/assets/scss/components/_components-boxes.scss */ .flip-boxes .flip-box-wrapper .back { z-index: 1; background: #fff; opacity: 1; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2) } /* line 1250, src/assets/scss/components/_components-boxes.scss */ .flip-boxes .flip-box-wrapper .back .flip-name { background: #fff; position: absolute; top: -22rem !important; left: 0; min-height: 25px; font-size: 1.4rem; text-transform: uppercase } /* line 1259, src/assets/scss/components/_components-boxes.scss */ .flip-boxes .flip-box-wrapper .back .flip-name span { font-size: 0.9rem; text-transform: uppercase; color: #4FC1EA } /* line 1267, src/assets/scss/components/_components-boxes.scss */ .flip-boxes .flip-box-wrapper .back .flip-social { position: absolute; top: -16rem } /* line 1271, src/assets/scss/components/_components-boxes.scss */ .flip-boxes .flip-box-wrapper .back .flip-social a { color: #999; font-size: 1.4rem; margin: 0 10px 0 10px } /* line 1276, src/assets/scss/components/_components-boxes.scss */ .flip-boxes .flip-box-wrapper .back .flip-social a:hover { color: #4FC1EA } /* line 1284, src/assets/scss/components/_components-boxes.scss */ .flip-boxes .flip-box-wrapper:hover { -webkit-transform: rotateY(180deg); transform: rotateY(180deg) } /* line 1295, src/assets/scss/components/_components-boxes.scss */ .grid-clients .client { max-height: 70px } /* line 1301, src/assets/scss/components/_components-boxes.scss */ .grid-clients.three-grid .column:nth-child(2), .grid-clients.three-grid .column:nth-child(3) { border-right: 1px solid #ededed } /* line 1305, src/assets/scss/components/_components-boxes.scss */ .grid-clients.three-grid .is-separator { border-top: 1px solid #ededed } /* line 1312, src/assets/scss/components/_components-boxes.scss */ .grid-clients.four-grid .column:nth-child(2), .grid-clients.four-grid .column:nth-child(3) { border-right: 1px solid #ededed } /* line 1316, src/assets/scss/components/_components-boxes.scss */ .grid-clients.four-grid .column:nth-child(5) { border-left: 1px solid #ededed } /* line 1320, src/assets/scss/components/_components-boxes.scss */ .grid-clients.four-grid .is-separator { border-top: 1px solid #ededed } /* line 1327, src/assets/scss/components/_components-boxes.scss */ .grid-clients.five-grid .column:nth-child(2), .grid-clients.five-grid .column:nth-child(3), .grid-clients.five-grid .column:nth-child(4) { border-right: 1px solid #ededed } /* line 1331, src/assets/scss/components/_components-boxes.scss */ .grid-clients.five-grid .column:nth-child(5), .grid-clients.five-grid .column:nth-child(6) { border-left: 1px solid #ededed } /* line 1335, src/assets/scss/components/_components-boxes.scss */ .grid-clients.five-grid .is-separator { border-top: 1px solid #ededed } /* line 1340, src/assets/scss/components/_components-boxes.scss */ .grid-clients a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } /* line 1350, src/assets/scss/components/_components-boxes.scss */ .image-carousel { text-align: center; max-width: 950px; margin: 0 auto } /* line 1355, src/assets/scss/components/_components-boxes.scss */ .image-carousel:hover .slick-custom { opacity: 1 } /* line 1360, src/assets/scss/components/_components-boxes.scss */ .image-carousel .carousel-item { margin: 0 20px } /* line 1364, src/assets/scss/components/_components-boxes.scss */ .image-carousel .image-wrapper { position: relative } /* line 1367, src/assets/scss/components/_components-boxes.scss */ .image-carousel .image-wrapper .stack-logo { max-height: 130px } /* line 1372, src/assets/scss/components/_components-boxes.scss */ .image-carousel .slick-custom { opacity: 0 } /* line 1375, src/assets/scss/components/_components-boxes.scss */ .image-carousel .slick-custom.is-prev { left: -4% } /* line 1379, src/assets/scss/components/_components-boxes.scss */ .image-carousel .slick-custom.is-next { right: -4% } /* line 1384, src/assets/scss/components/_components-boxes.scss */ .image-carousel .slick-dots { bottom: -60px !important } /* line 1388, src/assets/scss/components/_components-boxes.scss */ .image-carousel .slick-prev:before, .image-carousel .slick-next:before { color: #999 } /* line 1397, src/assets/scss/components/_components-boxes.scss */ .multiple-image-carousel { text-align: center; max-width: 950px; margin: 0 auto } /* line 1402, src/assets/scss/components/_components-boxes.scss */ .multiple-image-carousel:hover .slick-custom { opacity: 1 } /* line 1407, src/assets/scss/components/_components-boxes.scss */ .multiple-image-carousel .carousel-item { margin: 0 20px } /* line 1411, src/assets/scss/components/_components-boxes.scss */ .multiple-image-carousel .image-wrapper { position: relative } /* line 1414, src/assets/scss/components/_components-boxes.scss */ .multiple-image-carousel .image-wrapper .stack-logo { max-height: 130px; margin: 0 auto } /* line 1420, src/assets/scss/components/_components-boxes.scss */ .multiple-image-carousel .slick-custom { opacity: 0; top: 35px } /* line 1425, src/assets/scss/components/_components-boxes.scss */ .multiple-image-carousel .slick-dots { bottom: -60px !important } /* line 1429, src/assets/scss/components/_components-boxes.scss */ .multiple-image-carousel .slick-prev:before, .multiple-image-carousel .slick-next:before { color: #999 } /* line 1438, src/assets/scss/components/_components-boxes.scss */ .single-image-carousel { text-align: center; max-width: 650px; margin: 0 auto } /* line 1443, src/assets/scss/components/_components-boxes.scss */ .single-image-carousel:hover .slick-custom { opacity: 1 } /* line 1448, src/assets/scss/components/_components-boxes.scss */ .single-image-carousel .carousel-item { margin: 0 20px } /* line 1452, src/assets/scss/components/_components-boxes.scss */ .single-image-carousel .image-wrapper { position: relative } /* line 1455, src/assets/scss/components/_components-boxes.scss */ .single-image-carousel .image-wrapper:hover .caption { -webkit-transform: translateY(0); transform: translateY(0) } /* line 1459, src/assets/scss/components/_components-boxes.scss */ .single-image-carousel .image-wrapper img { width: 100%; height: 100%; min-height: 400px } /* line 1465, src/assets/scss/components/_components-boxes.scss */ .single-image-carousel .image-wrapper .caption { position: absolute; left: 0; width: 100%; bottom: 0; z-index: 99; padding: 20px; background: rgba(0, 0, 0, 0.8); -webkit-transform: translateY(120%); transform: translateY(120%); -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s } /* line 1476, src/assets/scss/components/_components-boxes.scss */ .single-image-carousel .image-wrapper .caption span { color: white; font-size: 1.1rem } /* line 1483, src/assets/scss/components/_components-boxes.scss */ .single-image-carousel .slick-custom { opacity: 0 } /* line 1487, src/assets/scss/components/_components-boxes.scss */ .single-image-carousel .slick-dots { bottom: -60px !important } /* line 1491, src/assets/scss/components/_components-boxes.scss */ .single-image-carousel .slick-prev:before, .single-image-carousel .slick-next:before { color: #999 } /* line 1500, src/assets/scss/components/_components-boxes.scss */ .slick-custom { position: absolute; top: 41%; border: 1px solid #ededed; width: 50px; height: 50px; background: #fff; border-radius: 100px; cursor: pointer; color: #444F60; -webkit-transition: all 0.3s; transition: all 0.3s; z-index: 999 } /* line 1513, src/assets/scss/components/_components-boxes.scss */ .slick-custom i { position: relative; top: 14px } /* line 1518, src/assets/scss/components/_components-boxes.scss */ .slick-custom:hover { -webkit-transform: rotate(360deg); transform: rotate(360deg); background: #4FC1EA; border: 1px solid #4FC1EA; color: #fff; -webkit-box-shadow: 0 14px 26px -12px rgba(79, 193, 234, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(79, 193, 234, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(79, 193, 234, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(79, 193, 234, 0.2) !important } /* line 1527, src/assets/scss/components/_components-boxes.scss */ .slick-custom.is-prev { left: -6px } /* line 1530, src/assets/scss/components/_components-boxes.scss */ .slick-custom.is-prev i { right: 2px } /* line 1536, src/assets/scss/components/_components-boxes.scss */ .slick-custom.is-next { right: -6px } /* line 1539, src/assets/scss/components/_components-boxes.scss */ .slick-custom.is-next i { left: 2px } /*! _tabs.scss | Bulkit | CSS Ninja */ /* line 21, src/assets/scss/components/_components-tabs.scss */ .tabs-nav { list-style: none; margin: 0; padding: 0; width: 100% } /* line 28, src/assets/scss/components/_components-tabs.scss */ .tabs-nav .tabs-container { overflow: hidden; width: 100% } /* line 32, src/assets/scss/components/_components-tabs.scss */ .tabs-nav .tabs-container.type-2 { border-radius: 3px } /* line 37, src/assets/scss/components/_components-tabs.scss */ .tabs-nav .tabs-container.type-1 .tab-content { border: none; border-top: 1px solid #e0e0e0; padding: 30px 0 0 0 } /* line 44, src/assets/scss/components/_components-tabs.scss */ .tabs-nav .tabs-container .tab-content { padding: 28px 33px; position: relative; z-index: 10; display: inline-block; width: 100% } /* line 51, src/assets/scss/components/_components-tabs.scss */ .tabs-nav .tabs-container .tab-content p:last-child { margin-bottom: 0 } /* line 57, src/assets/scss/components/_components-tabs.scss */ .tabs-nav li { float: left; line-height: 45px; padding: 0; margin-right: 4px; position: relative; z-index: 12 } /* line 66, src/assets/scss/components/_components-tabs.scss */ .tabs-nav li.active .tab-reviews { color: #fff; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out } /* line 71, src/assets/scss/components/_components-tabs.scss */ .tabs-nav li.active a, .tabs-nav li.active a:hover { border-color: #4FC1EA; color: #4FC1EA !important; z-index: 11 } /* line 76, src/assets/scss/components/_components-tabs.scss */ .tabs-nav li.active a i, .tabs-nav li.active a:hover i { padding-right: 5px; font-size: 16px; top: 1px; position: relative } /* line 85, src/assets/scss/components/_components-tabs.scss */ .tabs-nav li a { border-bottom: 2px solid transparent; color: #333; display: inline-block; outline: none; padding: 7px 15px; text-decoration: none; font-size: 15px; z-index: 11; position: relative; margin-bottom: -1px; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out } /* line 98, src/assets/scss/components/_components-tabs.scss */ .tabs-nav li a:hover { border-color: #66676b } /* line 109, src/assets/scss/components/_components-tabs.scss */ .navigation-tabs { overflow: hidden } /* line 114, src/assets/scss/components/_components-tabs.scss */ .navigation-tabs.animated-tabs .navtab-content { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-duration: 0.5s; animation-duration: 0.5s } /* line 122, src/assets/scss/components/_components-tabs.scss */ .navigation-tabs.translated-tabs .navtab-content { -webkit-animation-name: translateLeft; animation-name: translateLeft; -webkit-animation-duration: 0.5s; animation-duration: 0.5s } /* line 132, src/assets/scss/components/_components-tabs.scss */ .navigation-tabs.simple-tabs .tabs ul li:hover a { border-bottom-color: #4FC1EA } /* line 138, src/assets/scss/components/_components-tabs.scss */ .navigation-tabs.simple-tabs .tabs ul li.is-active a { color: #444F60; border-bottom: 2px solid #4FC1EA } /* line 142, src/assets/scss/components/_components-tabs.scss */ .navigation-tabs.simple-tabs .tabs ul li.is-active a .icon i { color: #4FC1EA } /* line 148, src/assets/scss/components/_components-tabs.scss */ .navigation-tabs.simple-tabs .tabs ul li a { color: #A9ABAC } /* line 158, src/assets/scss/components/_components-tabs.scss */ .navigation-tabs.boxed-tabs .tabs ul li.is-active a { color: #4FC1EA } /* line 163, src/assets/scss/components/_components-tabs.scss */ .navigation-tabs.boxed-tabs .tabs ul li a { color: #A9ABAC } /* line 174, src/assets/scss/components/_components-tabs.scss */ .navigation-tabs.outlined-pills.rounded-pills .tabs ul li a { border-radius: 100px !important } /* line 181, src/assets/scss/components/_components-tabs.scss */ .navigation-tabs.outlined-pills .tabs ul { border-bottom: 1px solid transparent !important } /* line 186, src/assets/scss/components/_components-tabs.scss */ .navigation-tabs.outlined-pills .tabs ul li.is-active a { color: #A9ABAC; margin-bottom: 5px; color: #4FC1EA; border: 1px solid #4FC1EA; border-radius: 3px } /* line 193, src/assets/scss/components/_components-tabs.scss */ .navigation-tabs.outlined-pills .tabs ul li.is-active a:hover { border: 1px solid #4FC1EA } /* line 199, src/assets/scss/components/_components-tabs.scss */ .navigation-tabs.outlined-pills .tabs ul li a { border: 1px solid transparent } /* line 202, src/assets/scss/components/_components-tabs.scss */ .navigation-tabs.outlined-pills .tabs ul li a:hover { border: 1px solid transparent } /* line 215, src/assets/scss/components/_components-tabs.scss */ .navigation-tabs.full-pills.rounded .tabs ul li a { border-radius: 100px !important } /* line 229, src/assets/scss/components/_components-tabs.scss */ .navigation-tabs.full-pills.custom .tabs ul li.is-active.purple-tab a { border: 1px solid #7F00FF !important; background-color: #7F00FF } /* line 236, src/assets/scss/components/_components-tabs.scss */ .navigation-tabs.full-pills.custom .tabs ul li.is-active.deep-blue-tab a { border: 1px solid #0082C8 !important; background-color: #0082C8 } /* line 243, src/assets/scss/components/_components-tabs.scss */ .navigation-tabs.full-pills.custom .tabs ul li.is-active.sky-blue-tab a { border: 1px solid #039BE5 !important; background-color: #039BE5 } /* line 250, src/assets/scss/components/_components-tabs.scss */ .navigation-tabs.full-pills.custom .tabs ul li.is-active.light-blue-tab a { border: 1px solid #0F7CFF !important; background-color: #0F7CFF } /* line 257, src/assets/scss/components/_components-tabs.scss */ .navigation-tabs.full-pills.custom .tabs ul li.is-active.dark-blue-tab a { border: 1px solid #4A00E0 !important; background-color: #4A00E0 } /* line 264, src/assets/scss/components/_components-tabs.scss */ .navigation-tabs.full-pills.custom .tabs ul li.is-active.green-tab a { border: 1px solid #00B289 !important; background-color: #00B289 } /* line 271, src/assets/scss/components/_components-tabs.scss */ .navigation-tabs.full-pills.custom .tabs ul li.is-active.light-green-tab a { border: 1px solid #00D1B2 !important; background-color: #00D1B2 } /* line 278, src/assets/scss/components/_components-tabs.scss */ .navigation-tabs.full-pills.custom .tabs ul li.is-active.red-tab a { border: 1px solid #FF3131 !important; background-color: #FF3131 } /* line 284, src/assets/scss/components/_components-tabs.scss */ .navigation-tabs.full-pills.custom .tabs ul li.is-active a { color: #fff; border-radius: 3px; -webkit-box-shadow: -1px 3px 15px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 15px 0 rgba(0, 0, 0, 0.06) } /* line 298, src/assets/scss/components/_components-tabs.scss */ .navigation-tabs.full-pills.primary .tabs ul li.is-active a { color: #fff; border: 1px solid #4FC1EA; background-color: #4FC1EA; border-radius: 3px; -webkit-box-shadow: -1px 3px 15px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 15px 0 rgba(0, 0, 0, 0.06) } /* line 312, src/assets/scss/components/_components-tabs.scss */ .navigation-tabs.full-pills.secondary .tabs ul li.is-active a { color: #fff; border: 1px solid #7F00FF; background-color: #7F00FF; border-radius: 3px; -webkit-box-shadow: -1px 3px 15px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 15px 0 rgba(0, 0, 0, 0.06) } /* line 326, src/assets/scss/components/_components-tabs.scss */ .navigation-tabs.full-pills.accent .tabs ul li.is-active a { color: #fff; border: 1px solid #ad5cff; background-color: #ad5cff; border-radius: 3px; -webkit-box-shadow: -1px 3px 15px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 15px 0 rgba(0, 0, 0, 0.06) } /* line 337, src/assets/scss/components/_components-tabs.scss */ .navigation-tabs.full-pills .tabs ul { border-bottom: 1px solid transparent !important; padding-bottom: 10px } /* line 346, src/assets/scss/components/_components-tabs.scss */ .navigation-tabs.full-pills .tabs ul li a { border-color: transparent !important; color: #A9ABAC; margin-bottom: 5px; border-radius: 100px !important } /* line 362, src/assets/scss/components/_components-tabs.scss */ .navigation-tabs.square-pills.circle-pills .tabs ul li a { border-radius: 50% !important } /* line 369, src/assets/scss/components/_components-tabs.scss */ .navigation-tabs.square-pills .tabs ul { padding: 20px; border-bottom: none !important } /* line 375, src/assets/scss/components/_components-tabs.scss */ .navigation-tabs.square-pills .tabs ul li.is-active a { background-color: #4FC1EA; color: #fff; -webkit-box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.18); box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.18) } /* line 382, src/assets/scss/components/_components-tabs.scss */ .navigation-tabs.square-pills .tabs ul li a { border-radius: 30px; padding: 0 15.5px; text-align: center; height: 60px; width: 60px; border-radius: 3px; font-weight: 400; color: #9a9a9a; margin-right: 19px; background-color: rgba(222, 222, 222, 0.3); border-bottom: none !important; -webkit-transition: all 0.5s; transition: all 0.5s } /* line 396, src/assets/scss/components/_components-tabs.scss */ .navigation-tabs.square-pills .tabs ul li a:hover { border-bottom: none !important } /* line 400, src/assets/scss/components/_components-tabs.scss */ .navigation-tabs.square-pills .tabs ul li a i { display: block; font-size: 18px } /* line 410, src/assets/scss/components/_components-tabs.scss */ .navigation-tabs .navtab-content { display: none; padding: 15px; min-height: 190px } /* line 415, src/assets/scss/components/_components-tabs.scss */ .navigation-tabs .navtab-content.is-active { display: block } /* line 419, src/assets/scss/components/_components-tabs.scss */ .navigation-tabs .navtab-content.navtab-modal { max-height: 350px; overflow: auto } /* line 432, src/assets/scss/components/_components-tabs.scss */ .tabs.partner-tabs ul { border-bottom: 1px transparent !important } /* line 442, src/assets/scss/components/_components-tabs.scss */ .tab-reviews { color: #aaa } /*! _testimonials.scss | Bulkit | CSS Ninja */ /* line 20, src/assets/scss/components/_components-testimonials.scss */ .testimonials, .demo { position: relative; width: 100%; display: block; -webkit-box-sizing: border-box; box-sizing: border-box } /* line 27, src/assets/scss/components/_components-testimonials.scss */ .testimonials .testimonial-item, .demo .testimonial-item { margin: 40px; outline: none !important } /* line 32, src/assets/scss/components/_components-testimonials.scss */ .testimonials .testimonial-item .testimonial-avatar, .demo .testimonial-item .testimonial-avatar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } /* line 36, src/assets/scss/components/_components-testimonials.scss */ .testimonials .testimonial-item .testimonial-avatar img, .demo .testimonial-item .testimonial-avatar img { border-radius: 100px; width: 75px; height: 75px; position: relative; top: -40px } /* line 46, src/assets/scss/components/_components-testimonials.scss */ .testimonials .testimonial-item .testimonial-name, .demo .testimonial-item .testimonial-name { text-align: center } /* line 49, src/assets/scss/components/_components-testimonials.scss */ .testimonials .testimonial-item .testimonial-name h3, .demo .testimonial-item .testimonial-name h3 { font-family: 'Nexa Bold', sans-serif; font-size: 18px; color: #ad5cff; position: relative; top: -20px } /* line 57, src/assets/scss/components/_components-testimonials.scss */ .testimonials .testimonial-item .testimonial-name span, .demo .testimonial-item .testimonial-name span { font-family: 'Nexa Light', sans-serif; font-size: 14px; color: #A9ABAC; position: relative; top: -15px } /* line 68, src/assets/scss/components/_components-testimonials.scss */ .testimonials .testimonial-item .testimonial-content p, .demo .testimonial-item .testimonial-content p { padding: 0 30px 30px 30px } /* line 76, src/assets/scss/components/_components-testimonials.scss */ .slick-dots li.slick-active button:before { opacity: .75; color: #ad5cff !important } /* line 85, src/assets/scss/components/_components-testimonials.scss */ .vertical-testimonials { margin-top: 90px } /* line 89, src/assets/scss/components/_components-testimonials.scss */ .vertical-testimonials .vtestimonial-item { margin: 5px 80px; border-radius: 12px } /* line 93, src/assets/scss/components/_components-testimonials.scss */ .vertical-testimonials .vtestimonial-item:last-child { margin-bottom: 100px } /* line 98, src/assets/scss/components/_components-testimonials.scss */ .vertical-testimonials .vtestimonial-item .vt-avatar { height: 55px; border-radius: 100px } /* line 104, src/assets/scss/components/_components-testimonials.scss */ .vertical-testimonials .vtestimonial-item .vt-content { margin: 0 10px } /* line 107, src/assets/scss/components/_components-testimonials.scss */ .vertical-testimonials .vtestimonial-item .vt-content .vt-name { font-family: 'Nexa Bold', sans-serif; font-weight: 500; color: #7F00FF; margin-bottom: .7em !important } /* line 114, src/assets/scss/components/_components-testimonials.scss */ .vertical-testimonials .vtestimonial-item .vt-content .vt-text { padding-right: 5px; font-size: 12px } /* line 119, src/assets/scss/components/_components-testimonials.scss */ .vertical-testimonials .vtestimonial-item .vt-content .star-rating { float: right; position: relative; top: 3px; right: 15px } /* line 129, src/assets/scss/components/_components-testimonials.scss */ .vertical-testimonials .slick-current.slick-active.slick-center { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-box-shadow: inset rgba(143, 160, 241, 0.2) 0 0 0 1px, rgba(213, 220, 247, 0.59) 0 10px 20px; box-shadow: inset rgba(143, 160, 241, 0.2) 0 0 0 1px, rgba(213, 220, 247, 0.59) 0 10px 20px } /* line 136, src/assets/scss/components/_components-testimonials.scss */ .vertical-testimonials .slick-slide:not(.slick-current) { opacity: 0.1 !important } /* line 148, src/assets/scss/components/_components-testimonials.scss */ .flat-testimonials .flat-testimonial-item { margin: 0 20px 50px 20px } /* line 152, src/assets/scss/components/_components-testimonials.scss */ .flat-testimonials .flat-testimonial-item .image-container { position: relative; overflow: hidden } /* line 156, src/assets/scss/components/_components-testimonials.scss */ .flat-testimonials .flat-testimonial-item .image-container img { border-radius: 10px; -webkit-box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.18); box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.18) } /* line 162, src/assets/scss/components/_components-testimonials.scss */ .flat-testimonials .flat-testimonial-item .image-container .skewed-overlay { position: absolute; top: 95%; left: 0; height: 40%; width: 200%; -webkit-transform: skewY(8deg); transform: skewY(8deg); padding: 20px; background: #fff } /* line 176, src/assets/scss/components/_components-testimonials.scss */ .flat-testimonials .flat-testimonial-item .testimonial-text .quoted-text { color: #878787 } /* line 180, src/assets/scss/components/_components-testimonials.scss */ .flat-testimonials .flat-testimonial-item .testimonial-text .client-name { margin-top: 20px; font-family: 'Nexa Bold', sans-serif; font-weight: 400; font-size: 1.2rem } /* line 187, src/assets/scss/components/_components-testimonials.scss */ .flat-testimonials .flat-testimonial-item .testimonial-text .client-position { font-family: 'Nexa Light', sans-serif; font-size: 0.9rem; color: #444F60 } /* line 193, src/assets/scss/components/_components-testimonials.scss */ .flat-testimonials .flat-testimonial-item .testimonial-text .company { max-height: 60px; margin-right: 50px; float: right } /* line 199, src/assets/scss/components/_components-testimonials.scss */ .flat-testimonials .flat-testimonial-item .testimonial-text .fa-quote-left { margin: 20px 0 !important } /* line 206, src/assets/scss/components/_components-testimonials.scss */ .flat-testimonials .flat-testimonial-item.primary .skewed-overlay { background: #4FC1EA } /* line 210, src/assets/scss/components/_components-testimonials.scss */ .flat-testimonials .flat-testimonial-item.primary .client-name { color: #4FC1EA } /* line 214, src/assets/scss/components/_components-testimonials.scss */ .flat-testimonials .flat-testimonial-item.primary .fa-quote-left { color: #4FC1EA } /* line 220, src/assets/scss/components/_components-testimonials.scss */ .flat-testimonials .flat-testimonial-item.secondary .skewed-overlay { background: #7F00FF } /* line 224, src/assets/scss/components/_components-testimonials.scss */ .flat-testimonials .flat-testimonial-item.secondary .client-name { color: #7F00FF } /* line 228, src/assets/scss/components/_components-testimonials.scss */ .flat-testimonials .flat-testimonial-item.secondary .fa-quote-left { color: #7F00FF } /* line 234, src/assets/scss/components/_components-testimonials.scss */ .flat-testimonials .flat-testimonial-item.accent .skewed-overlay { background: #ad5cff } /* line 238, src/assets/scss/components/_components-testimonials.scss */ .flat-testimonials .flat-testimonial-item.accent .client-name { color: #ad5cff } /* line 242, src/assets/scss/components/_components-testimonials.scss */ .flat-testimonials .flat-testimonial-item.accent .fa-quote-left { color: #ad5cff } /*! _dialogs.scss | Bulkit | CSS Ninja */ /* line 19, src/assets/scss/components/_components-dialogs.scss */ .modal { -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-transform: scale(0); transform: scale(0); z-index: 1000 } /* line 25, src/assets/scss/components/_components-dialogs.scss */ .modal .modal-content { -webkit-transition: all 0.4s; transition: all 0.4s; -webkit-transform: scale(0); transform: scale(0); opacity: 0; z-index: 99 !important } /* line 33, src/assets/scss/components/_components-dialogs.scss */ .modal .modal-close { -webkit-transition: all 0.4s; transition: all 0.4s; z-index: 100 !important } /* line 37, src/assets/scss/components/_components-dialogs.scss */ .modal .modal-close:hover { -webkit-transform: rotate(135deg); transform: rotate(135deg) } /* line 42, src/assets/scss/components/_components-dialogs.scss */ .modal a { border-radius: 6px } /* line 50, src/assets/scss/components/_components-dialogs.scss */ .modal.is-active { -webkit-transform: scale(1); transform: scale(1) } /* line 54, src/assets/scss/components/_components-dialogs.scss */ .modal.is-active .modal-background { background: linear-gradient(45deg, #6a85b6 0%, #bac8e0 100%); background-color: #4FC1EA; width: 1000px; height: 1000px; border-radius: 10000px; -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-transform: scale(0); transform: scale(0); margin-left: auto; margin-right: auto; left: 0; right: 0; top: 0; bottom: 0; z-index: 98 !important; overflow: hidden !important } /* line 72, src/assets/scss/components/_components-dialogs.scss */ .modal.is-active .modal-background.scaleInCircle { -webkit-transform: scale(7); transform: scale(7) } /* line 80, src/assets/scss/components/_components-dialogs.scss */ .modal.is-active .modal-content.scaleIn { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } /* line 87, src/assets/scss/components/_components-dialogs.scss */ .modal.is-active .modal-close { z-index: 100 !important } /* line 93, src/assets/scss/components/_components-dialogs.scss */ .modal.is-active.image-modal .modal-background { background: linear-gradient(45deg, #444F60, #444); background-color: #444F60 } /* line 99, src/assets/scss/components/_components-dialogs.scss */ .modal.is-active.image-modal img { border-radius: 6px } /* line 103, src/assets/scss/components/_components-dialogs.scss */ .modal.is-active.image-modal .gallery-item figure { background: none } /* line 110, src/assets/scss/components/_components-dialogs.scss */ .modal.is-active .modal-card .modal-card-head, .modal.is-active .modal-card .modal-card-foot { padding: 15px } /* line 115, src/assets/scss/components/_components-dialogs.scss */ .modal.is-active .modal-card .modal-card-head { background-color: #fff } /* line 118, src/assets/scss/components/_components-dialogs.scss */ .modal.is-active .modal-card .modal-card-head p { color: #444F60 } /* line 123, src/assets/scss/components/_components-dialogs.scss */ .modal.is-active .modal-card .modal-card-head .delete { background: transparent !important; -webkit-transition: all 0.3s; transition: all 0.3s } /* line 127, src/assets/scss/components/_components-dialogs.scss */ .modal.is-active .modal-card .modal-card-head .delete:before { background: #ad5cff } /* line 131, src/assets/scss/components/_components-dialogs.scss */ .modal.is-active .modal-card .modal-card-head .delete:after { background: #ad5cff } /* line 135, src/assets/scss/components/_components-dialogs.scss */ .modal.is-active .modal-card .modal-card-head .delete:hover { -webkit-transform: rotate(180deg); transform: rotate(180deg) } /* line 142, src/assets/scss/components/_components-dialogs.scss */ .modal.is-active .modal-card .modal-card-body::-webkit-scrollbar { width: 10px } /* line 146, src/assets/scss/components/_components-dialogs.scss */ .modal.is-active .modal-card .modal-card-body::-webkit-scrollbar-thumb { border-radius: 5px; background: rgba(0, 0, 0, 0.2) } /* line 152, src/assets/scss/components/_components-dialogs.scss */ .modal.is-active .modal-card .modal-card-foot { background-color: #fff; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; border-top: none } /* line 161, src/assets/scss/components/_components-dialogs.scss */ .modal.is-active.modal-sm .modal-card-body { max-height: 400px } /* line 168, src/assets/scss/components/_components-dialogs.scss */ .modal.is-active.modal-hero .modal-background { background: -webkit-gradient(linear, left top, right top, from(#7F00FF), to(#ad5cff)); background: linear-gradient(to right, #7F00FF, #ad5cff); background: -webkit-gradient(linear, left bottom, left top, from(#7F00FF), to(#ad5cff)); background: linear-gradient(to top, #7F00FF, #ad5cff); background-color: #7F00FF } /* line 177, src/assets/scss/components/_components-dialogs.scss */ .modal.is-active.modal-success .modal-background { background: #00b289 } /* line 184, src/assets/scss/components/_components-dialogs.scss */ .modal.is-active.modal-error .modal-background { background: #FF7273 } /* line 191, src/assets/scss/components/_components-dialogs.scss */ .modal.is-active.modal-warning .modal-background { background: #eda514 } /* line 198, src/assets/scss/components/_components-dialogs.scss */ .modal.is-active.modal-info .modal-background { background: #039BE5 } /* line 204, src/assets/scss/components/_components-dialogs.scss */ .modal.is-active .modal-svg { max-width: 110px; margin: 0 auto !important } @media screen and (min-width: 769px) { /* line 217, src/assets/scss/components/_components-dialogs.scss */ .modal.modal-lg .modal-card, .modal.modal-lg .modal-content { width: 800px !important } /* line 223, src/assets/scss/components/_components-dialogs.scss */ .modal.modal-sm .modal-card, .modal.modal-sm .modal-content { width: 400px !important } } /*! _forms.scss | Bulkit | CSS Ninja */ /* line 32, src/assets/scss/components/_components-forms.scss */ form { width: 100% } /* line 36, src/assets/scss/components/_components-forms.scss */ .input, .textarea, select { -webkit-box-shadow: none !important; box-shadow: none !important } /* line 44, src/assets/scss/components/_components-forms.scss */ .form-label { padding-bottom: 5px; color: #999 } /* line 53, src/assets/scss/components/_components-forms.scss */ .input { color: #878787; height: 36px; -webkit-transition: all .3s; transition: all .3s; border-color: #ccc } /* line 59, src/assets/scss/components/_components-forms.scss */ .input.is-small { height: 26px } /* line 62, src/assets/scss/components/_components-forms.scss */ .input.is-small~.icon { height: 26px !important; width: 26px !important } /* line 68, src/assets/scss/components/_components-forms.scss */ .input.is-medium { height: 44px } /* line 71, src/assets/scss/components/_components-forms.scss */ .input.is-medium~.icon { height: 44px !important; width: 44px !important } /* line 77, src/assets/scss/components/_components-forms.scss */ .input.is-large { height: 52px } /* line 80, src/assets/scss/components/_components-forms.scss */ .input.is-large~.icon { height: 52px !important; width: 52px !important } /* line 86, src/assets/scss/components/_components-forms.scss */ .input.custom-input { height: 46px; line-height: 46px; padding-left: 50px !important } /* line 91, src/assets/scss/components/_components-forms.scss */ .input.custom-input:focus { border-color: #dbdbdb !important } /* line 96, src/assets/scss/components/_components-forms.scss */ .input.rounded { border-radius: 100px } /* line 100, src/assets/scss/components/_components-forms.scss */ .input.is-primary-focus:focus { border-color: #4FC1EA } /* line 103, src/assets/scss/components/_components-forms.scss */ .input.is-primary-focus:focus~.icon i { color: #4FC1EA } /* line 108, src/assets/scss/components/_components-forms.scss */ .input.is-secondary-focus:focus { border-color: #7F00FF } /* line 111, src/assets/scss/components/_components-forms.scss */ .input.is-secondary-focus:focus~.icon i { color: #7F00FF } /* line 116, src/assets/scss/components/_components-forms.scss */ .input.is-accent-focus:focus { border-color: #ad5cff } /* line 119, src/assets/scss/components/_components-forms.scss */ .input.is-accent-focus:focus~.icon i { color: #ad5cff } /* line 124, src/assets/scss/components/_components-forms.scss */ .input.is-grey-focus:focus { border-color: #A9ABAC } /* line 127, src/assets/scss/components/_components-forms.scss */ .input.is-grey-focus:focus~.icon i { color: #A9ABAC } /* line 132, src/assets/scss/components/_components-forms.scss */ .input:focus, .input:active { border-color: #EFF4F7 } /* line 135, src/assets/scss/components/_components-forms.scss */ .input:focus.has-shadow, .input:active.has-shadow { -webkit-box-shadow: -1px 3px 15px 0 rgba(0, 0, 0, 0.06) !important; box-shadow: -1px 3px 15px 0 rgba(0, 0, 0, 0.06) !important; border-color: #e8e8e8 } /* line 141, src/assets/scss/components/_components-forms.scss */ .input .icon { height: 36px !important; width: 36px !important } /* line 150, src/assets/scss/components/_components-forms.scss */ textarea.textarea { color: #878787; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 0.8s; transition: all 0.8s } /* line 155, src/assets/scss/components/_components-forms.scss */ textarea.textarea:focus { border: 1px solid #ededed } /* line 160, src/assets/scss/components/_components-forms.scss */ textarea.textarea.is-primary-focus:focus { border-color: #4FC1EA } /* line 163, src/assets/scss/components/_components-forms.scss */ textarea.textarea.is-primary-focus:focus~span.icon i { color: #4FC1EA } /* line 170, src/assets/scss/components/_components-forms.scss */ textarea.textarea.is-secondary-focus:focus { border-color: #7F00FF } /* line 173, src/assets/scss/components/_components-forms.scss */ textarea.textarea.is-secondary-focus:focus~span.icon i { color: #7F00FF } /* line 180, src/assets/scss/components/_components-forms.scss */ textarea.textarea.is-accent-focus:focus { border-color: #ad5cff } /* line 183, src/assets/scss/components/_components-forms.scss */ textarea.textarea.is-accent-focus:focus~span.icon i { color: #ad5cff } /* line 190, src/assets/scss/components/_components-forms.scss */ textarea.textarea.is-grey-focus:focus { border-color: #A9ABAC } /* line 193, src/assets/scss/components/_components-forms.scss */ textarea.textarea.is-grey-focus:focus~span.icon i { color: #A9ABAC } /* line 200, src/assets/scss/components/_components-forms.scss */ textarea.textarea.is-default-focus:focus { border-color: #ccc } /* line 203, src/assets/scss/components/_components-forms.scss */ textarea.textarea.is-default-focus:focus~span.icon i { color: #ccc } /* line 210, src/assets/scss/components/_components-forms.scss */ textarea.textarea.is-grow { min-height: 40px !important; height: 40px; resize: none; -webkit-transition: all 0.5s; transition: all 0.5s; overflow: hidden } /* line 217, src/assets/scss/components/_components-forms.scss */ textarea.textarea.is-grow:focus { height: 130px !important; border-color: #999 } /* line 224, src/assets/scss/components/_components-forms.scss */ textarea.textarea.is-button { min-height: 50px !important; height: 50px !important; resize: none; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: none !important; -webkit-transition: all 0.6s; transition: all 0.6s } /* line 235, src/assets/scss/components/_components-forms.scss */ textarea.textarea.is-button:hover { border-color: #ccc } /* line 239, src/assets/scss/components/_components-forms.scss */ textarea.textarea.is-button:focus { height: 130px !important; padding-bottom: 40px !important; border-color: #ccc } /* line 245, src/assets/scss/components/_components-forms.scss */ textarea.textarea.is-button+.textarea-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; position: relative; border: 1px solid #ccc; border-top: none !important; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px } /* line 254, src/assets/scss/components/_components-forms.scss */ textarea.textarea.is-button+.textarea-button button { margin: 10px 7px 7px 7px } /* line 266, src/assets/scss/components/_components-forms.scss */ .control.required { position: relative } /* line 271, src/assets/scss/components/_components-forms.scss */ .control.required.has-success .input { border-color: #00b289 } /* line 276, src/assets/scss/components/_components-forms.scss */ .control.required.has-success .validation-info.is-success { display: block } /* line 281, src/assets/scss/components/_components-forms.scss */ .control.required.has-success .success { opacity: 1 } /* line 288, src/assets/scss/components/_components-forms.scss */ .control.required.has-error .input { border-color: #FF7273 } /* line 293, src/assets/scss/components/_components-forms.scss */ .control.required.has-error .validation-info.is-error { display: block } /* line 298, src/assets/scss/components/_components-forms.scss */ .control.required.has-error .error { opacity: 1 } /* line 304, src/assets/scss/components/_components-forms.scss */ .control.required.required-small .success, .control.required.required-small .error { height: 26px; width: 26px } /* line 308, src/assets/scss/components/_components-forms.scss */ .control.required.required-small .success i, .control.required.required-small .error i { font-size: 10px } /* line 313, src/assets/scss/components/_components-forms.scss */ .control.required.required-small .input { padding-right: 26px } /* line 319, src/assets/scss/components/_components-forms.scss */ .control.required.required-medium .success, .control.required.required-medium .error { height: 44px; width: 44px } /* line 324, src/assets/scss/components/_components-forms.scss */ .control.required.required-medium .input { padding-right: 44px } /* line 330, src/assets/scss/components/_components-forms.scss */ .control.required.required-large .success, .control.required.required-large .error { height: 52px; width: 52px } /* line 335, src/assets/scss/components/_components-forms.scss */ .control.required.required-large .input { padding-right: 52px } /* line 340, src/assets/scss/components/_components-forms.scss */ .control.required .success, .control.required .error { position: absolute; top: 0; right: 0; height: 36px; width: 36px; 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; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s } /* line 354, src/assets/scss/components/_components-forms.scss */ .control.required .success i { color: #00b289 } /* line 360, src/assets/scss/components/_components-forms.scss */ .control.required .error i { color: #FF7273 } /* line 365, src/assets/scss/components/_components-forms.scss */ .control.required .validation-info { display: none; font-size: 0.8rem } /* line 369, src/assets/scss/components/_components-forms.scss */ .control.required .validation-info.is-success { color: #00b289 } /* line 373, src/assets/scss/components/_components-forms.scss */ .control.required .validation-info.is-error { color: #FF7273 } /* line 378, src/assets/scss/components/_components-forms.scss */ .control.required .input { padding-right: 36px } /* line 389, src/assets/scss/components/_components-forms.scss */ .control-material { position: relative; margin-bottom: 2em } /* line 393, src/assets/scss/components/_components-forms.scss */ .control-material input, .control-material textarea { border-radius: 0 !important } /* line 399, src/assets/scss/components/_components-forms.scss */ .control-material.is-primary input.material-input:focus~label, .control-material.is-primary input:valid~label, .control-material.is-primary textarea:focus~label { color: #4FC1EA } /* line 405, src/assets/scss/components/_components-forms.scss */ .control-material.is-primary .material-input:focus~.caret-icon i { color: #4FC1EA } /* line 409, src/assets/scss/components/_components-forms.scss */ .control-material.is-primary .bar:before, .control-material.is-primary .bar:after { background: #4FC1EA } /* line 413, src/assets/scss/components/_components-forms.scss */ .control-material.is-primary.has-icon input:focus~i { color: #4FC1EA !important } /* line 417, src/assets/scss/components/_components-forms.scss */ .control-material.is-primary .dropdown-list .option.selected { background: #4FC1EA; color: #fcfcfc } /* line 425, src/assets/scss/components/_components-forms.scss */ .control-material.is-secondary input.material-input:focus~label, .control-material.is-secondary input:valid~label, .control-material.is-secondary textarea:focus~label { color: #7F00FF } /* line 431, src/assets/scss/components/_components-forms.scss */ .control-material.is-secondary .material-input:focus~.caret-icon i { color: #7F00FF } /* line 435, src/assets/scss/components/_components-forms.scss */ .control-material.is-secondary .bar:before, .control-material.is-secondary .bar:after { background: #7F00FF } /* line 439, src/assets/scss/components/_components-forms.scss */ .control-material.is-secondary.has-icon input:focus~i { color: #7F00FF !important } /* line 443, src/assets/scss/components/_components-forms.scss */ .control-material.is-secondary .dropdown-list .option.selected { background: #7F00FF; color: #fcfcfc } /* line 451, src/assets/scss/components/_components-forms.scss */ .control-material.is-accent input.material-input:focus~label, .control-material.is-accent input:valid~label, .control-material.is-accent textarea:focus~label { color: #ad5cff } /* line 457, src/assets/scss/components/_components-forms.scss */ .control-material.is-accent .material-input:focus~.caret-icon i { color: #ad5cff } /* line 461, src/assets/scss/components/_components-forms.scss */ .control-material.is-accent .bar:before, .control-material.is-accent .bar:after { background: #ad5cff } /* line 465, src/assets/scss/components/_components-forms.scss */ .control-material.is-accent.has-icon input:focus~i { color: #ad5cff !important } /* line 469, src/assets/scss/components/_components-forms.scss */ .control-material.is-accent .dropdown-list .option.selected { background: #ad5cff; color: #fcfcfc } /* line 477, src/assets/scss/components/_components-forms.scss */ .control-material.is-light input.material-input:focus~label, .control-material.is-light input:valid~label, .control-material.is-light textarea:focus~label { color: #fff } /* line 483, src/assets/scss/components/_components-forms.scss */ .control-material.is-light .bar:before, .control-material.is-light .bar:after { background: #fff } /* line 487, src/assets/scss/components/_components-forms.scss */ .control-material.is-light.has-icon input:focus~i { color: #fff !important } /* line 493, src/assets/scss/components/_components-forms.scss */ .control-material .material-input, .control-material textarea { width: 100% !important; font-size: 18px; padding: 0.625em 0.625em 0.625em 0.3125em; display: block; width: 18.75em; border: none; border-bottom: 1px solid #A9ABAC; background-color: transparent !important } /* line 503, src/assets/scss/components/_components-forms.scss */ .control-material .material-input:focus, .control-material textarea:focus { outline: none } /* line 509, src/assets/scss/components/_components-forms.scss */ .control-material label { font-family: 'Arial'; color: #cecece; font-size: 15px; font-weight: normal; position: absolute; pointer-events: none; top: 1em; left: 0.3125em; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all } /* line 523, src/assets/scss/components/_components-forms.scss */ .control-material .material-input:focus~label, .control-material input:valid~label, .control-material textarea:focus~label { top: -8px; left: -2px; font-size: 12px } /* line 532, src/assets/scss/components/_components-forms.scss */ .control-material .bar { position: relative; display: block } /* line 536, src/assets/scss/components/_components-forms.scss */ .control-material .bar:before, .control-material .bar:after { content: ''; height: 2px; width: 0; bottom: 0px; position: absolute; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all } /* line 547, src/assets/scss/components/_components-forms.scss */ .control-material .bar:before { left: 50% } /* line 551, src/assets/scss/components/_components-forms.scss */ .control-material .bar:after { right: 50% } /* line 556, src/assets/scss/components/_components-forms.scss */ .control-material .material-input:focus~.bar:before, .control-material input.material-input:focus~.bar:after, .control-material textarea:focus~.bar:before, .control-material textarea:focus~.bar:after { width: 50% } /* line 564, src/assets/scss/components/_components-forms.scss */ .control-material.has-icon { position: relative } /* line 567, src/assets/scss/components/_components-forms.scss */ .control-material.has-icon input { padding-right: 54px } /* line 571, src/assets/scss/components/_components-forms.scss */ .control-material.has-icon input:focus~i, .control-material.has-icon input:valid~i { margin-top: 10px } /* line 577, src/assets/scss/components/_components-forms.scss */ .control-material.has-icon i { position: absolute; right: 15px; top: 12px; color: #cecece; -webkit-transition: all .3s; transition: all .3s } /* line 587, src/assets/scss/components/_components-forms.scss */ .control-material.required { position: relative } /* line 590, src/assets/scss/components/_components-forms.scss */ .control-material.required input { padding-right: 54px } /* line 594, src/assets/scss/components/_components-forms.scss */ .control-material.required i { position: absolute; right: 15px; top: 12px; color: #cecece; display: none } /* line 602, src/assets/scss/components/_components-forms.scss */ .control-material.required .validation-info { display: none; font-size: 0.8rem } /* line 609, src/assets/scss/components/_components-forms.scss */ .control-material.required.has-success input { border-bottom-color: #00b289 !important } /* line 613, src/assets/scss/components/_components-forms.scss */ .control-material.required.has-success .bar:after, .control-material.required.has-success .bar:before { background: #00b289 !important } /* line 617, src/assets/scss/components/_components-forms.scss */ .control-material.required.has-success .success i { color: #00b289 !important; display: block } /* line 622, src/assets/scss/components/_components-forms.scss */ .control-material.required.has-success label { color: #00b289 !important } /* line 626, src/assets/scss/components/_components-forms.scss */ .control-material.required.has-success small.validation-info.success { color: #00b289; display: block } /* line 634, src/assets/scss/components/_components-forms.scss */ .control-material.required.has-error input { border-bottom-color: #FF7273 !important } /* line 638, src/assets/scss/components/_components-forms.scss */ .control-material.required.has-error .bar:after, .control-material.required.has-error .bar:before { background: #FF7273 !important } /* line 642, src/assets/scss/components/_components-forms.scss */ .control-material.required.has-error .error i { color: #FF7273 !important; display: block } /* line 647, src/assets/scss/components/_components-forms.scss */ .control-material.required.has-error label { color: #FF7273 !important } /* line 651, src/assets/scss/components/_components-forms.scss */ .control-material.required.has-error small.validation-info.error { color: #FF7273; display: block } /* line 660, src/assets/scss/components/_components-forms.scss */ .control-material .material-select.is-active .dropdown-list { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); pointer-events: all } /* line 669, src/assets/scss/components/_components-forms.scss */ .control-material .material-select.has-value .inner-wrap label { top: -20px; left: -2px; font-size: 12px } /* line 678, src/assets/scss/components/_components-forms.scss */ .control-material .material-select .inner-wrap .caret-icon { position: absolute; top: 10px; right: 0; height: 30px; width: 30px; 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; -webkit-transition: all .3s; transition: all .3s } /* line 689, src/assets/scss/components/_components-forms.scss */ .control-material .material-select .inner-wrap .caret-icon i { color: #999 } /* line 696, src/assets/scss/components/_components-forms.scss */ .control-material .material-select .material-input:focus { pointer-events: none !important } /* line 699, src/assets/scss/components/_components-forms.scss */ .control-material .material-select .material-input:focus~.caret-icon { -webkit-transform: rotate(180deg); transform: rotate(180deg) } /* line 705, src/assets/scss/components/_components-forms.scss */ .control-material .material-select .dropdown-list { background: #fff; border: 1px solid #ededed; position: absolute; top: 100%; left: 0; width: 100%; margin-top: 15px; z-index: 2; -webkit-transform: translateY(10px); transform: translateY(10px); opacity: 0; pointer-events: none } /* line 718, src/assets/scss/components/_components-forms.scss */ .control-material .material-select .dropdown-list .option { font-size: 12px; cursor: pointer; padding: 10px } /* line 723, src/assets/scss/components/_components-forms.scss */ .control-material .material-select .dropdown-list .option:hover:not(.selected) { background: #ededed } /* line 739, src/assets/scss/components/_components-forms.scss */ .control.has-icons-left .select select { padding-left: 2.5rem } /* line 745, src/assets/scss/components/_components-forms.scss */ .control.has-icons-left .select.is-small select { padding-left: 1.75rem } /* line 752, src/assets/scss/components/_components-forms.scss */ .control.has-icons-left .select.is-medium select { padding-left: 3rem } /* line 759, src/assets/scss/components/_components-forms.scss */ .control.has-icons-left .select.is-large+.icon { font-size: 1.6rem } /* line 763, src/assets/scss/components/_components-forms.scss */ .control.has-icons-left .select.is-large select { padding-left: 3.3rem } /* line 771, src/assets/scss/components/_components-forms.scss */ .control .select:after { border: 1px solid #4FC1EA; border-right: 0; border-top: 0 } /* line 778, src/assets/scss/components/_components-forms.scss */ .control .select:hover:after { border: 1px solid #21b1e5; border-right: 0; border-top: 0 } /* line 786, src/assets/scss/components/_components-forms.scss */ .control .select select:active, .control .select select:focus { border-color: #4FC1EA } /* line 792, src/assets/scss/components/_components-forms.scss */ .control .select:not(.is-multiple):not(.is-loading)::after { right: 1.525em; z-index: 4; font-size: .8rem; border: 1px solid #999; border-right: 0; border-top: 0 } /* line 807, src/assets/scss/components/_components-forms.scss */ .auto-cpl-control .icon { height: 44px !important; width: 44px !important } /* line 811, src/assets/scss/components/_components-forms.scss */ .auto-cpl-control .icon i { font-size: 18px } /* line 816, src/assets/scss/components/_components-forms.scss */ .auto-cpl-control .autocpl { -webkit-box-shadow: none !important; box-shadow: none !important } /* line 822, src/assets/scss/components/_components-forms.scss */ .auto-cpl-control .easy-autocomplete-container ul li { padding: 8px 12px } /* line 825, src/assets/scss/components/_components-forms.scss */ .auto-cpl-control .easy-autocomplete-container ul li.selected { background: #f7f7f7 !important } /* line 831, src/assets/scss/components/_components-forms.scss */ .auto-cpl-control .easy-autocomplete-container .template-wrapper { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center } /* line 836, src/assets/scss/components/_components-forms.scss */ .auto-cpl-control .easy-autocomplete-container .template-wrapper .autocpl-avatar { width: 36px !important; height: 36px !important; border-radius: 100px !important } /* line 842, src/assets/scss/components/_components-forms.scss */ .auto-cpl-control .easy-autocomplete-container .template-wrapper .entry-text { margin-left: 15px } /* line 845, src/assets/scss/components/_components-forms.scss */ .auto-cpl-control .easy-autocomplete-container .template-wrapper .entry-text span { font-size: 0.8rem; color: #A9ABAC } /* line 858, src/assets/scss/components/_components-forms.scss */ .datepicker-panel>ul>li.picked, .datepicker-panel>ul>li.picked:hover { background-color: #ad5cff !important } /* line 868, src/assets/scss/components/_components-forms.scss */ .file-input-wrapper .control { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative } /* line 874, src/assets/scss/components/_components-forms.scss */ .file-input-wrapper .control .inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1 } /* line 884, src/assets/scss/components/_components-forms.scss */ .file-input-wrapper .control .inputfile+label { max-width: 80%; font-size: 1.05rem; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; display: inline-block; overflow: hidden; border-radius: 5px; padding: 0.625rem 1.45rem 0.8rem 1.25rem; -webkit-transition: all .3s; transition: all .3s } /* line 897, src/assets/scss/components/_components-forms.scss */ .file-input-wrapper .control .inputfile+label i { margin-right: 10px } /* line 902, src/assets/scss/components/_components-forms.scss */ .file-input-wrapper .control .simple-file-input+label { color: #fff; background-color: #ad5cff } /* line 907, src/assets/scss/components/_components-forms.scss */ .file-input-wrapper .control .simple-file-input:focus+label, .file-input-wrapper .control .simple-file-input.has-focus+label, .file-input-wrapper .control .simple-file-input+label:hover { background-color: #ba76ff; outline: none; -webkit-box-shadow: inset rgba(143, 160, 241, 0.2) 0 0 0 1px, rgba(213, 220, 247, 0.59) 0 10px 20px; box-shadow: inset rgba(143, 160, 241, 0.2) 0 0 0 1px, rgba(213, 220, 247, 0.59) 0 10px 20px } /* line 919, src/assets/scss/components/_components-forms.scss */ .field-input-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box } /* line 923, src/assets/scss/components/_components-forms.scss */ .field-input-wrapper .field-input { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fcfcfc; border: 1px solid #ededed; padding: 16px; width: 450px; position: relative; border-radius: 3px } /* line 935, src/assets/scss/components/_components-forms.scss */ .field-input-wrapper .field-input>[type='file'] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 10; cursor: pointer } /* line 947, src/assets/scss/components/_components-forms.scss */ .field-input-wrapper .field-input>.button { display: inline-block; cursor: pointer; padding: 8px 16px; border-radius: 2px; margin-right: 8px; line-height: 1 } /* line 957, src/assets/scss/components/_components-forms.scss */ .field-input-wrapper .field-input>.label { color: #444F60; font-weight: 400; white-space: nowrap; opacity: .3 } /* line 964, src/assets/scss/components/_components-forms.scss */ .field-input-wrapper .field-input.-chosen>.label { opacity: 1 } /* line 970, src/assets/scss/components/_components-forms.scss */ .field.has-addons { display: -webkit-box; display: -ms-flexbox; display: flex } /* line 973, src/assets/scss/components/_components-forms.scss */ .field.has-addons input { margin-right: 5px } /* line 977, src/assets/scss/components/_components-forms.scss */ .field.has-addons .button { height: 36px } /* line 988, src/assets/scss/components/_components-forms.scss */ .label--checkbox { position: relative; margin: .5rem; font-family: Arial, sans-serif; line-height: 135% !important; cursor: pointer; -webkit-transform: scale(0.7); transform: scale(0.7) } /* line 996, src/assets/scss/components/_components-forms.scss */ .label--checkbox span { position: relative; top: -7px; font-size: 14px; color: #444F60 } /* line 1005, src/assets/scss/components/_components-forms.scss */ .md-checkbox { position: relative; top: -0.375rem; margin: 0 1rem 0 0; cursor: pointer; -webkit-transform: scale(1.8); transform: scale(1.8) } /* line 1012, src/assets/scss/components/_components-forms.scss */ .md-checkbox:before { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; content: ""; position: absolute; left: 0; z-index: 1; width: 0.9rem; height: 0.9rem; border: 1.5px solid #ccc } /* line 1025, src/assets/scss/components/_components-forms.scss */ .md-checkbox:checked:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); height: .5rem; border-color: #4FC1EA; border-top-style: none; border-right-style: none } /* line 1037, src/assets/scss/components/_components-forms.scss */ .md-checkbox:after { content: ""; position: absolute; top: -0.125rem; left: 0; width: 1rem; height: 1rem; background: #fff; cursor: pointer } @-webkit-keyframes slideUp { 0% { -webkit-transform: translateY(6.25rem); transform: translateY(6.25rem) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes slideUp { 0% { -webkit-transform: translateY(6.25rem); transform: translateY(6.25rem) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } @media (min-width: 769px) { /* line 1088, src/assets/scss/components/_components-forms.scss */ input.md-checkbox:focus { border-bottom-color: transparent !important; -webkit-box-shadow: none !important; box-shadow: none !important; outline: none !important; outline-offset: 0 !important; background: #fff !important } } /* line 1099, src/assets/scss/components/_components-forms.scss */ .checkbox-wrap, .radio-wrap { position: relative; cursor: pointer; padding: 1em } /* line 1104, src/assets/scss/components/_components-forms.scss */ .checkbox-wrap::-moz-selection, .radio-wrap::-moz-selection { background: transparent } .checkbox-wrap::selection, .radio-wrap::selection { background: transparent } /* line 1109, src/assets/scss/components/_components-forms.scss */ .checkbox-wrap input.d-checkbox+span, .radio-wrap input.d-checkbox+span, .checkbox-wrap input.b-radio+span, .radio-wrap input.b-radio+span { background: #fff; content: ""; display: inline-block; margin: 0 .5em 0 0; padding: 0; border: 1px solid #999; vertical-align: middle; width: 2em; height: 2em } /* line 1120, src/assets/scss/components/_components-forms.scss */ .checkbox-wrap input.d-checkbox+span::after, .radio-wrap input.d-checkbox+span::after, .checkbox-wrap input.b-radio+span::after, .radio-wrap input.b-radio+span::after { content: ""; display: block; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s } /* line 1129, src/assets/scss/components/_components-forms.scss */ .checkbox-wrap input.d-checkbox:checked+span::after, .radio-wrap input.d-checkbox:checked+span::after, .checkbox-wrap input.b-radio:checked+span::after, .radio-wrap input.b-radio:checked+span::after { -webkit-transform: scale(1); transform: scale(1) } /* line 1134, src/assets/scss/components/_components-forms.scss */ .checkbox-wrap input.d-checkbox, .radio-wrap input.d-checkbox, .checkbox-wrap input.b-radio, .radio-wrap input.b-radio { position: absolute; cursor: pointer; opacity: 0 } /* line 1146, src/assets/scss/components/_components-forms.scss */ .checkbox-wrap input+span { border-radius: 2px } /* line 1149, src/assets/scss/components/_components-forms.scss */ .checkbox-wrap input+span::after { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2NHB4IiBoZWlnaHQ9IjY0cHgiIHZpZXdCb3g9IjAgMCA2NCA2NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjQgNjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwb2x5Z29uIHBvaW50cz0iMTMuNzA3LDMyLjI5MyAxMi4yOTMsMzMuODU0IDI0LjI5Myw0NiAyNS43MDcsNDYgNDkuNzA3LDIxLjg1NCA0OC4yOTMsMjAuMzY2IDI1LDQzLjYyMyAiLz48L2c+PC9zdmc+) no-repeat center; background-size: contain; width: 1.9em; height: 1.9em } /* line 1158, src/assets/scss/components/_components-forms.scss */ .checkbox-wrap.is-medium input+span { width: 1.4em; height: 1.4em } /* line 1162, src/assets/scss/components/_components-forms.scss */ .checkbox-wrap.is-medium input+span::after { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2NHB4IiBoZWlnaHQ9IjY0cHgiIHZpZXdCb3g9IjAgMCA2NCA2NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjQgNjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwb2x5Z29uIHBvaW50cz0iMTMuNzA3LDMyLjI5MyAxMi4yOTMsMzMuODU0IDI0LjI5Myw0NiAyNS43MDcsNDYgNDkuNzA3LDIxLjg1NCA0OC4yOTMsMjAuMzY2IDI1LDQzLjYyMyAiLz48L2c+PC9zdmc+) no-repeat center; background-size: contain; width: 1.3em; height: 1.3em } /* line 1171, src/assets/scss/components/_components-forms.scss */ .checkbox-wrap.is-small input+span { width: 1em; height: 1em } /* line 1175, src/assets/scss/components/_components-forms.scss */ .checkbox-wrap.is-small input+span::after { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2NHB4IiBoZWlnaHQ9IjY0cHgiIHZpZXdCb3g9IjAgMCA2NCA2NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjQgNjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwb2x5Z29uIHBvaW50cz0iMTMuNzA3LDMyLjI5MyAxMi4yOTMsMzMuODU0IDI0LjI5Myw0NiAyNS43MDcsNDYgNDkuNzA3LDIxLjg1NCA0OC4yOTMsMjAuMzY2IDI1LDQzLjYyMyAiLz48L2c+PC9zdmc+) no-repeat center; background-size: contain; width: 0.9em; height: 0.9em } /* line 1189, src/assets/scss/components/_components-forms.scss */ .radio-wrap input+span { border-radius: 1000px } /* line 1192, src/assets/scss/components/_components-forms.scss */ .radio-wrap input+span::after { border-radius: 1000px; margin: .55em; width: .75em; height: .75em } /* line 1201, src/assets/scss/components/_components-forms.scss */ .radio-wrap input:checked+span::after { background: #444F60 } /* line 1206, src/assets/scss/components/_components-forms.scss */ .radio-wrap.is-small span { -webkit-transform: scale(0.6) !important; transform: scale(0.6) !important } /* line 1209, src/assets/scss/components/_components-forms.scss */ .radio-wrap.is-small span::after { margin: .54em !important } /* line 1214, src/assets/scss/components/_components-forms.scss */ .radio-wrap.is-medium span { -webkit-transform: scale(0.8) !important; transform: scale(0.8) !important } /* line 1217, src/assets/scss/components/_components-forms.scss */ .radio-wrap.is-medium span::after { margin: .58em !important } /* line 1224, src/assets/scss/components/_components-forms.scss */ .radio-wrap.is-primary input:checked+span::after { background: #4FC1EA } /* line 1230, src/assets/scss/components/_components-forms.scss */ .radio-wrap.is-secondary input:checked+span::after { background: #7F00FF } /* line 1236, src/assets/scss/components/_components-forms.scss */ .radio-wrap.is-accent input:checked+span::after { background: #ad5cff } /* line 1246, src/assets/scss/components/_components-forms.scss */ .tagsinput { border: 1px solid #e5e5e5; background: #fff; padding: 5px; width: 300px; height: 100px; overflow-y: auto } /* line 1254, src/assets/scss/components/_components-forms.scss */ .tagsinput .tag { position: relative; border: 1px solid #039BE5; border-radius: 3px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; float: left; padding: 4px 8px; text-decoration: none; background: #039BE5; color: #fff; margin-right: 5px; margin-bottom: 5px; font-size: 13px } /* line 1270, src/assets/scss/components/_components-forms.scss */ .tagsinput .tag:after { position: absolute; right: 4px; font-family: 'Material Icons'; content: '\E5CD'; color: #fff; opacity: 1; z-index: 0 } /* line 1280, src/assets/scss/components/_components-forms.scss */ .tagsinput .tag span { position: relative; top: -2px; margin-right: 6px } /* line 1286, src/assets/scss/components/_components-forms.scss */ .tagsinput .tag a { font-weight: 700; color: #fff; text-decoration: none; font-size: 11px; opacity: 0; position: relative; z-index: 2 } /* line 1297, src/assets/scss/components/_components-forms.scss */ .tagsinput input { width: 80px; margin: 0 5px 5px 0; font-family: helvetica; font-size: 13px; border: 1px solid transparent; padding: 5px; background: 0 0; color: #000; outline: 0 } /* line 1309, src/assets/scss/components/_components-forms.scss */ .tagsinput div { display: block; float: left } /* line 1315, src/assets/scss/components/_components-forms.scss */ .tags_clear { clear: both; width: 100%; height: 0 } /* line 1321, src/assets/scss/components/_components-forms.scss */ .not_valid { background: #FBD8DB !important; color: #90111A !important } /* line 1327, src/assets/scss/components/_components-forms.scss */ .bulma-tags .tagsinput { width: 100%; border: 1px solid #CCC; background: #fff; padding: 5px; overflow-y: auto } /* line 1334, src/assets/scss/components/_components-forms.scss */ .bulma-tags .tagsinput .control { margin-right: 0.2rem !important } /* line 1338, src/assets/scss/components/_components-forms.scss */ .bulma-tags .tagsinput .tags { outline: none !important } /* line 1341, src/assets/scss/components/_components-forms.scss */ .bulma-tags .tagsinput .tags .tag:first-child { padding: 4px 8px 6px } /* line 1344, src/assets/scss/components/_components-forms.scss */ .bulma-tags .tagsinput .tags .tag:first-child.is-active { background: #039BE5 } /* line 1348, src/assets/scss/components/_components-forms.scss */ .bulma-tags .tagsinput .tags .tag:first-child:after { display: none !important } /* line 1353, src/assets/scss/components/_components-forms.scss */ .bulma-tags .tagsinput .tags .is-delete { margin: 0; background: #344258 } /* line 1365, src/assets/scss/components/_components-forms.scss */ .wickedpicker { height: 150px } /* line 1368, src/assets/scss/components/_components-forms.scss */ .wickedpicker .wickedpicker__controls { padding: 12px 0 !important } /* line 1373, src/assets/scss/components/_components-forms.scss */ .wickedpicker .wickedpicker__controls__control-up:before { font-family: 'material icons'; content: '\e316' } /* line 1380, src/assets/scss/components/_components-forms.scss */ .wickedpicker .wickedpicker__controls__control-down:after { font-family: 'material icons'; content: '\e313'; top: 8px; position: relative } /* line 1393, src/assets/scss/components/_components-forms.scss */ .steps-wrapper { position: relative; min-height: 390px; padding: 40px; background: #fff; border: 1px solid #ededed; border-radius: 6px; -webkit-box-shadow: inset rgba(143, 160, 241, 0.2) 0 0 0 1px, rgba(213, 220, 247, 0.59) 0 10px 20px; box-shadow: inset rgba(143, 160, 241, 0.2) 0 0 0 1px, rgba(213, 220, 247, 0.59) 0 10px 20px } /* line 1402, src/assets/scss/components/_components-forms.scss */ .steps-wrapper .steps { font-size: .9rem } /* line 1405, src/assets/scss/components/_components-forms.scss */ .steps-wrapper .steps .steps-content { padding-bottom: 50px } /* line 1411, src/assets/scss/components/_components-forms.scss */ .steps-wrapper .steps .step-item.is-active .step-marker { border-color: #7F00FF !important; color: #7F00FF } /* line 1416, src/assets/scss/components/_components-forms.scss */ .steps-wrapper .steps .step-item.is-active:before { background-position: left bottom } /* line 1422, src/assets/scss/components/_components-forms.scss */ .steps-wrapper .steps .step-item.is-completed .step-marker { background: #7F00FF } /* line 1426, src/assets/scss/components/_components-forms.scss */ .steps-wrapper .steps .step-item.is-completed:before { background-position: left bottom } /* line 1432, src/assets/scss/components/_components-forms.scss */ .steps-wrapper .steps .step-item:not(:first-child):before { content: " "; display: block; position: absolute } /* line 1439, src/assets/scss/components/_components-forms.scss */ .steps-wrapper .steps .step-item:before { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #dbdbdb), color-stop(50%, #7F00FF)); background: linear-gradient(to left, #dbdbdb 50%, #7F00FF 50%); background-size: 200% 100%; background-position: right bottom } /* line 1447, src/assets/scss/components/_components-forms.scss */ .steps-wrapper .step-title { font-size: .7rem !important; text-transform: uppercase } /* line 1452, src/assets/scss/components/_components-forms.scss */ .steps-wrapper .label { text-align: left; font-weight: 600 !important } /* line 1457, src/assets/scss/components/_components-forms.scss */ .steps-wrapper .steps-actions { position: absolute; width: 100%; bottom: 40px; left: 0; padding: 0 40px } /* line 1464, src/assets/scss/components/_components-forms.scss */ .steps-wrapper .steps-actions .steps-action { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin: 0 } /* line 1469, src/assets/scss/components/_components-forms.scss */ .steps-wrapper .steps-actions .steps-action .button { margin-left: 8px } /* line 1475, src/assets/scss/components/_components-forms.scss */ .steps-wrapper .confirm-image { display: block; margin: 10px auto; height: 75px } /* line 1482, src/assets/scss/components/_components-forms.scss */ .steps-wrapper.is-squared .step-marker { border-radius: 4px !important } @media (max-width: 767px) { /* line 1491, src/assets/scss/components/_components-forms.scss */ .steps-wrapper.is-double-column .steps-actions { bottom: 20px !important } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { /* line 1501, src/assets/scss/components/_components-forms.scss */ .steps-wrapper.is-double-column .steps-actions { bottom: 20px !important } } /* line 1513, src/assets/scss/components/_components-forms.scss */ .is-combo { margin-bottom: 20px } /* line 1517, src/assets/scss/components/_components-forms.scss */ .is-combo .combo-label { font-weight: 500; font-size: .9rem; color: #999 } /* line 1524, src/assets/scss/components/_components-forms.scss */ .is-combo .combo-box, .is-combo .image-combo-box, .is-combo .stacked-combo-box, .is-combo .user-combo-box { position: relative; background: #fff; border: 1px solid #e3e3e3; border-radius: 4px; height: 40px; margin-top: 4px; cursor: pointer; -webkit-transition: all .3s; transition: all .3s } /* line 1535, src/assets/scss/components/_components-forms.scss */ .is-combo .combo-box.has-rounded-images .combo-item img, .is-combo .combo-box.has-rounded-images .item-icon img, .is-combo .image-combo-box.has-rounded-images .combo-item img, .is-combo .image-combo-box.has-rounded-images .item-icon img, .is-combo .stacked-combo-box.has-rounded-images .combo-item img, .is-combo .stacked-combo-box.has-rounded-images .item-icon img, .is-combo .user-combo-box.has-rounded-images .combo-item img, .is-combo .user-combo-box.has-rounded-images .item-icon img { border-radius: 50% } /* line 1541, src/assets/scss/components/_components-forms.scss */ .is-combo .combo-box .box-inner, .is-combo .image-combo-box .box-inner, .is-combo .stacked-combo-box .box-inner, .is-combo .user-combo-box .box-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center } /* line 1547, src/assets/scss/components/_components-forms.scss */ .is-combo .combo-box .box-inner .combo-item, .is-combo .image-combo-box .box-inner .combo-item, .is-combo .stacked-combo-box .box-inner .combo-item, .is-combo .user-combo-box .box-inner .combo-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 40px; padding-left: 8px } /* line 1554, src/assets/scss/components/_components-forms.scss */ .is-combo .combo-box .box-inner .combo-item i, .is-combo .image-combo-box .box-inner .combo-item i, .is-combo .stacked-combo-box .box-inner .combo-item i, .is-combo .user-combo-box .box-inner .combo-item i { color: #7F00FF; font-size: 20px; margin-right: 8px } /* line 1560, src/assets/scss/components/_components-forms.scss */ .is-combo .combo-box .box-inner .combo-item .fa, .is-combo .image-combo-box .box-inner .combo-item .fa, .is-combo .stacked-combo-box .box-inner .combo-item .fa, .is-combo .user-combo-box .box-inner .combo-item .fa { position: relative; top: 1px; font-size: 14px } /* line 1565, src/assets/scss/components/_components-forms.scss */ .is-combo .combo-box .box-inner .combo-item .fa.is-green, .is-combo .image-combo-box .box-inner .combo-item .fa.is-green, .is-combo .stacked-combo-box .box-inner .combo-item .fa.is-green, .is-combo .user-combo-box .box-inner .combo-item .fa.is-green { color: #00b289 } /* line 1569, src/assets/scss/components/_components-forms.scss */ .is-combo .combo-box .box-inner .combo-item .fa.is-blue, .is-combo .image-combo-box .box-inner .combo-item .fa.is-blue, .is-combo .stacked-combo-box .box-inner .combo-item .fa.is-blue, .is-combo .user-combo-box .box-inner .combo-item .fa.is-blue { color: #039BE5 } /* line 1573, src/assets/scss/components/_components-forms.scss */ .is-combo .combo-box .box-inner .combo-item .fa.is-orange, .is-combo .image-combo-box .box-inner .combo-item .fa.is-orange, .is-combo .stacked-combo-box .box-inner .combo-item .fa.is-orange, .is-combo .user-combo-box .box-inner .combo-item .fa.is-orange { color: #eda514 } /* line 1577, src/assets/scss/components/_components-forms.scss */ .is-combo .combo-box .box-inner .combo-item .fa.is-red, .is-combo .image-combo-box .box-inner .combo-item .fa.is-red, .is-combo .stacked-combo-box .box-inner .combo-item .fa.is-red, .is-combo .user-combo-box .box-inner .combo-item .fa.is-red { color: #FF7273 } /* line 1581, src/assets/scss/components/_components-forms.scss */ .is-combo .combo-box .box-inner .combo-item .fa.is-secondary, .is-combo .image-combo-box .box-inner .combo-item .fa.is-secondary, .is-combo .stacked-combo-box .box-inner .combo-item .fa.is-secondary, .is-combo .user-combo-box .box-inner .combo-item .fa.is-secondary { color: #7F00FF } /* line 1587, src/assets/scss/components/_components-forms.scss */ .is-combo .combo-box .box-inner .combo-item img, .is-combo .image-combo-box .box-inner .combo-item img, .is-combo .stacked-combo-box .box-inner .combo-item img, .is-combo .user-combo-box .box-inner .combo-item img { display: block; height: 26px; width: 26px; -o-object-fit: contain; object-fit: contain; margin-right: 8px } /* line 1597, src/assets/scss/components/_components-forms.scss */ .is-combo .combo-box .box-inner .combo-item img.is-stacked, .is-combo .image-combo-box .box-inner .combo-item img.is-stacked, .is-combo .stacked-combo-box .box-inner .combo-item img.is-stacked, .is-combo .user-combo-box .box-inner .combo-item img.is-stacked { height: 26px; width: 26px; border: 2px solid #fff; margin-right: 0 !important } /* line 1607, src/assets/scss/components/_components-forms.scss */ .is-combo .combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(1), .is-combo .image-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(1), .is-combo .stacked-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(1), .is-combo .user-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(1) { margin-left: -9px } /* line 1607, src/assets/scss/components/_components-forms.scss */ .is-combo .combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(2), .is-combo .image-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(2), .is-combo .stacked-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(2), .is-combo .user-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(2) { margin-left: -9px } /* line 1607, src/assets/scss/components/_components-forms.scss */ .is-combo .combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(3), .is-combo .image-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(3), .is-combo .stacked-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(3), .is-combo .user-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(3) { margin-left: -9px } /* line 1607, src/assets/scss/components/_components-forms.scss */ .is-combo .combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(4), .is-combo .image-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(4), .is-combo .stacked-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(4), .is-combo .user-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(4) { margin-left: -9px } /* line 1607, src/assets/scss/components/_components-forms.scss */ .is-combo .combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(5), .is-combo .image-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(5), .is-combo .stacked-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(5), .is-combo .user-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(5) { margin-left: -9px } /* line 1615, src/assets/scss/components/_components-forms.scss */ .is-combo .combo-box .box-inner .combo-item .avatar-container, .is-combo .image-combo-box .box-inner .combo-item .avatar-container, .is-combo .stacked-combo-box .box-inner .combo-item .avatar-container, .is-combo .user-combo-box .box-inner .combo-item .avatar-container { position: relative; display: block; height: 26px; width: 26px } /* line 1621, src/assets/scss/components/_components-forms.scss */ .is-combo .combo-box .box-inner .combo-item .avatar-container .avatar, .is-combo .image-combo-box .box-inner .combo-item .avatar-container .avatar, .is-combo .stacked-combo-box .box-inner .combo-item .avatar-container .avatar, .is-combo .user-combo-box .box-inner .combo-item .avatar-container .avatar { display: block; height: 26px; width: 26px; border-radius: 50% } /* line 1628, src/assets/scss/components/_components-forms.scss */ .is-combo .combo-box .box-inner .combo-item .avatar-container .badge, .is-combo .image-combo-box .box-inner .combo-item .avatar-container .badge, .is-combo .stacked-combo-box .box-inner .combo-item .avatar-container .badge, .is-combo .user-combo-box .box-inner .combo-item .avatar-container .badge { position: absolute; bottom: 0; right: -6px; height: 16px; width: 16px; border-radius: 50%; border: 2px solid #fff; margin: 0 } /* line 1641, src/assets/scss/components/_components-forms.scss */ .is-combo .combo-box .box-inner .combo-item span, .is-combo .image-combo-box .box-inner .combo-item span, .is-combo .stacked-combo-box .box-inner .combo-item span, .is-combo .user-combo-box .box-inner .combo-item span { display: block; color: #444F60; font-size: .9rem; font-weight: 500; margin-left: 8px } /* line 1652, src/assets/scss/components/_components-forms.scss */ .is-combo .combo-box .box-chevron, .is-combo .image-combo-box .box-chevron, .is-combo .stacked-combo-box .box-chevron, .is-combo .user-combo-box .box-chevron { position: absolute; top: 0; right: 0; 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; height: 40px; width: 40px } /* line 1662, src/assets/scss/components/_components-forms.scss */ .is-combo .combo-box .box-chevron i, .is-combo .image-combo-box .box-chevron i, .is-combo .stacked-combo-box .box-chevron i, .is-combo .user-combo-box .box-chevron i { font-size: 18px; stroke: #444F60; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transition: all .3s; transition: all .3s } /* line 1669, src/assets/scss/components/_components-forms.scss */ .is-combo .combo-box .box-chevron svg, .is-combo .image-combo-box .box-chevron svg, .is-combo .stacked-combo-box .box-chevron svg, .is-combo .user-combo-box .box-chevron svg { height: 18px; width: 18px; stroke: #444F60; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transition: all .3s; transition: all .3s } /* line 1679, src/assets/scss/components/_components-forms.scss */ .is-combo .combo-box .box-dropdown, .is-combo .image-combo-box .box-dropdown, .is-combo .stacked-combo-box .box-dropdown, .is-combo .user-combo-box .box-dropdown { position: absolute; top: 32px; left: 0; width: 100%; z-index: 50; opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); pointer-events: none; -webkit-transition: all .3s; transition: all .3s } /* line 1691, src/assets/scss/components/_components-forms.scss */ .is-combo .combo-box .box-dropdown.is-dropup, .is-combo .image-combo-box .box-dropdown.is-dropup, .is-combo .stacked-combo-box .box-dropdown.is-dropup, .is-combo .user-combo-box .box-dropdown.is-dropup { top: -165px; height: 148px } /* line 1695, src/assets/scss/components/_components-forms.scss */ .is-combo .combo-box .box-dropdown.is-dropup .dropdown-inner, .is-combo .image-combo-box .box-dropdown.is-dropup .dropdown-inner, .is-combo .stacked-combo-box .box-dropdown.is-dropup .dropdown-inner, .is-combo .user-combo-box .box-dropdown.is-dropup .dropdown-inner { overflow-y: auto } /* line 1701, src/assets/scss/components/_components-forms.scss */ .is-combo .combo-box .box-dropdown .dropdown-inner, .is-combo .image-combo-box .box-dropdown .dropdown-inner, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner, .is-combo .user-combo-box .box-dropdown .dropdown-inner { position: relative; width: 100%; height: 100%; background: #fff; border: 1px solid #e3e3e3; border-radius: 4px; margin-top: 10px; max-height: 190px; overflow-y: auto } /* line 1713, src/assets/scss/components/_components-forms.scss */ .is-combo .combo-box .box-dropdown .dropdown-inner ul, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul { padding: 10px 0 } /* line 1717, src/assets/scss/components/_components-forms.scss */ .is-combo .combo-box .box-dropdown .dropdown-inner ul li, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li { padding: 6px 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100% } /* line 1725, src/assets/scss/components/_components-forms.scss */ .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon { position: relative; 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; height: 30px; width: 30px; margin-right: 8px } /* line 1734, src/assets/scss/components/_components-forms.scss */ .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon i, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon i, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon i, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon i { color: #999; font-size: 20px } /* line 1739, src/assets/scss/components/_components-forms.scss */ .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa { font-size: 14px; position: relative; top: 1px } /* line 1744, src/assets/scss/components/_components-forms.scss */ .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-green, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-green, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-green, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-green { color: #00b289 } /* line 1748, src/assets/scss/components/_components-forms.scss */ .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-blue, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-blue, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-blue, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-blue { color: #039BE5 } /* line 1752, src/assets/scss/components/_components-forms.scss */ .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-orange, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-orange, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-orange, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-orange { color: #eda514 } /* line 1756, src/assets/scss/components/_components-forms.scss */ .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-red, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-red, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-red, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-red { color: #FF7273 } /* line 1760, src/assets/scss/components/_components-forms.scss */ .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-secondary, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-secondary, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-secondary, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-secondary { color: #7F00FF } /* line 1766, src/assets/scss/components/_components-forms.scss */ .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon img, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon img, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon img, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon img { display: block; height: 22px; width: 22px; -o-object-fit: contain; object-fit: contain; -webkit-transition: opacity .3s; transition: opacity .3s } /* line 1775, src/assets/scss/components/_components-forms.scss */ .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon img.faded-img, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon img.faded-img, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon img.faded-img, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon img.faded-img { opacity: .4 } /* line 1780, src/assets/scss/components/_components-forms.scss */ .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .avatar, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon .avatar, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon .avatar, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon .avatar { display: block; height: 22px; width: 22px; border-radius: 50% } /* line 1787, src/assets/scss/components/_components-forms.scss */ .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .badge, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon .badge, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon .badge, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon .badge { position: absolute; bottom: 0; right: 0; height: 12px; width: 12px; border-radius: 50%; border: 2px solid #fff } /* line 1799, src/assets/scss/components/_components-forms.scss */ .is-combo .combo-box .box-dropdown .dropdown-inner ul li .checkmark, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .checkmark, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .checkmark, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .checkmark { 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; height: 16px; width: 16px; margin-right: 8px; margin-left: auto; opacity: 0; -webkit-transition: all .3s; transition: all .3s } /* line 1810, src/assets/scss/components/_components-forms.scss */ .is-combo .combo-box .box-dropdown .dropdown-inner ul li .checkmark svg, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .checkmark svg, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .checkmark svg, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .checkmark svg { stroke: #7F00FF; stroke-width: 3px; height: 16px; width: 16px } /* line 1817, src/assets/scss/components/_components-forms.scss */ .is-combo .combo-box .box-dropdown .dropdown-inner ul li .checkmark i, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .checkmark i, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .checkmark i, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .checkmark i { font-size: 16px; color: #7F00FF } /* line 1823, src/assets/scss/components/_components-forms.scss */ .is-combo .combo-box .box-dropdown .dropdown-inner ul li span, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li span, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li span, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li span { display: block; color: #999; font-size: .9rem; font-weight: 500 } /* line 1830, src/assets/scss/components/_components-forms.scss */ .is-combo .combo-box .box-dropdown .dropdown-inner ul li:hover, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li:hover, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li:hover, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li:hover { background: #f2f2f2 } /* line 1837, src/assets/scss/components/_components-forms.scss */ .is-combo .combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon i, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon i, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon i, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon i { color: #7F00FF } /* line 1841, src/assets/scss/components/_components-forms.scss */ .is-combo .combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon .faded-img, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon .faded-img, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon .faded-img, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon .faded-img { opacity: 1 } /* line 1846, src/assets/scss/components/_components-forms.scss */ .is-combo .combo-box .box-dropdown .dropdown-inner ul li.is-active span, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li.is-active span, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li.is-active span, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li.is-active span { color: #444F60 } /* line 1850, src/assets/scss/components/_components-forms.scss */ .is-combo .combo-box .box-dropdown .dropdown-inner ul li.is-active .checkmark, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li.is-active .checkmark, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li.is-active .checkmark, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li.is-active .checkmark { opacity: 1 } /* line 1860, src/assets/scss/components/_components-forms.scss */ .is-combo .combo-box.is-active, .is-combo .image-combo-box.is-active, .is-combo .stacked-combo-box.is-active, .is-combo .user-combo-box.is-active { border-color: #7F00FF } /* line 1863, src/assets/scss/components/_components-forms.scss */ .is-combo .combo-box.is-active .box-chevron svg, .is-combo .combo-box.is-active .box-chevron i, .is-combo .image-combo-box.is-active .box-chevron svg, .is-combo .image-combo-box.is-active .box-chevron i, .is-combo .stacked-combo-box.is-active .box-chevron svg, .is-combo .stacked-combo-box.is-active .box-chevron i, .is-combo .user-combo-box.is-active .box-chevron svg, .is-combo .user-combo-box.is-active .box-chevron i { -webkit-transform: rotate(180deg); transform: rotate(180deg) } /* line 1867, src/assets/scss/components/_components-forms.scss */ .is-combo .combo-box.is-active .box-dropdown, .is-combo .image-combo-box.is-active .box-dropdown, .is-combo .stacked-combo-box.is-active .box-dropdown, .is-combo .user-combo-box.is-active .box-dropdown { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); pointer-events: all } /* line 1876, src/assets/scss/components/_components-forms.scss */ .is-combo .help-text { font-size: .75rem; color: #999 } /* line 1882, src/assets/scss/components/_components-forms.scss */ .is-combo .big-combo-box { position: relative; background: #fff; border: 1px solid #e3e3e3; border-radius: 4px; height: 58px; margin-top: 4px; cursor: pointer; -webkit-transition: all .3s; transition: all .3s } /* line 1893, src/assets/scss/components/_components-forms.scss */ .is-combo .big-combo-box .box-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100% } /* line 1900, src/assets/scss/components/_components-forms.scss */ .is-combo .big-combo-box .box-inner .combo-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 58px; padding-left: 8px } /* line 1906, src/assets/scss/components/_components-forms.scss */ .is-combo .big-combo-box .box-inner .combo-item i { color: #7F00FF; font-size: 1.6rem } /* line 1912, src/assets/scss/components/_components-forms.scss */ .is-combo .big-combo-box .box-inner .combo-item .combo-text { margin-left: 16px } /* line 1915, src/assets/scss/components/_components-forms.scss */ .is-combo .big-combo-box .box-inner .combo-item .combo-text span { display: block } /* line 1918, src/assets/scss/components/_components-forms.scss */ .is-combo .big-combo-box .box-inner .combo-item .combo-text span:first-child { color: #444F60; font-size: .9rem; font-weight: 500 } /* line 1924, src/assets/scss/components/_components-forms.scss */ .is-combo .big-combo-box .box-inner .combo-item .combo-text span:nth-child(2) { color: #999; font-size: .8rem; max-width: 330px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } /* line 1938, src/assets/scss/components/_components-forms.scss */ .is-combo .big-combo-box .box-chevron { position: absolute; top: 0; right: 0; 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; height: 58px; width: 58px } /* line 1948, src/assets/scss/components/_components-forms.scss */ .is-combo .big-combo-box .box-chevron svg { height: 18px; width: 18px; stroke: #444F60; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transition: all .3s; transition: all .3s } /* line 1958, src/assets/scss/components/_components-forms.scss */ .is-combo .big-combo-box .box-dropdown { position: absolute; top: 54px; left: 0; width: 100%; z-index: 50; opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); pointer-events: none; -webkit-transition: all .3s; transition: all .3s } /* line 1970, src/assets/scss/components/_components-forms.scss */ .is-combo .big-combo-box .box-dropdown .dropdown-inner { position: relative; width: 100%; height: 100%; background: #fff; border: 1px solid #e3e3e3; border-radius: 4px; margin-top: 10px; max-height: 190px; overflow-y: auto; overflow-x: hidden } /* line 1983, src/assets/scss/components/_components-forms.scss */ .is-combo .big-combo-box .box-dropdown .dropdown-inner ul { padding: 10px 0 } /* line 1987, src/assets/scss/components/_components-forms.scss */ .is-combo .big-combo-box .box-dropdown .dropdown-inner ul li { padding: 6px 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100% } /* line 1995, src/assets/scss/components/_components-forms.scss */ .is-combo .big-combo-box .box-dropdown .dropdown-inner ul li .item-icon { 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; height: 30px; width: 30px; min-height: 30px; min-width: 30px; margin-right: 16px } /* line 2005, src/assets/scss/components/_components-forms.scss */ .is-combo .big-combo-box .box-dropdown .dropdown-inner ul li .item-icon i { color: #999; font-size: 1.6rem } /* line 2013, src/assets/scss/components/_components-forms.scss */ .is-combo .big-combo-box .box-dropdown .dropdown-inner ul li .item-name span { display: block } /* line 2016, src/assets/scss/components/_components-forms.scss */ .is-combo .big-combo-box .box-dropdown .dropdown-inner ul li .item-name span:first-child { color: #444F60; font-size: .9rem; font-weight: 500 } /* line 2022, src/assets/scss/components/_components-forms.scss */ .is-combo .big-combo-box .box-dropdown .dropdown-inner ul li .item-name span:nth-child(2) { color: #999; font-size: .8rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } /* line 2032, src/assets/scss/components/_components-forms.scss */ .is-combo .big-combo-box .box-dropdown .dropdown-inner ul li:hover { background: #f2f2f2 } /* line 2038, src/assets/scss/components/_components-forms.scss */ .is-combo .big-combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon i { color: #7F00FF } /* line 2042, src/assets/scss/components/_components-forms.scss */ .is-combo .big-combo-box .box-dropdown .dropdown-inner ul li.is-active span { color: #444F60 } /* line 2052, src/assets/scss/components/_components-forms.scss */ .is-combo .big-combo-box.is-active { border-color: #7F00FF } /* line 2055, src/assets/scss/components/_components-forms.scss */ .is-combo .big-combo-box.is-active .box-chevron svg { -webkit-transform: rotate(180deg); transform: rotate(180deg) } /* line 2059, src/assets/scss/components/_components-forms.scss */ .is-combo .big-combo-box.is-active .box-dropdown { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); pointer-events: all } /*! _tables.scss | Bulkit | CSS Ninja */ /* line 20, src/assets/scss/components/_components-tables.scss */ .table { width: 100% } /* line 26, src/assets/scss/components/_components-tables.scss */ .table.device-table th, .table.device-table td { text-align: center !important; border: none } /* line 31, src/assets/scss/components/_components-tables.scss */ .table.device-table th i { font-size: 35px; color: #cecece } /* line 36, src/assets/scss/components/_components-tables.scss */ .table.device-table td { padding: .75em 1em } /* line 39, src/assets/scss/components/_components-tables.scss */ .table.device-table td:first-child { text-align: left !important } /* line 43, src/assets/scss/components/_components-tables.scss */ .table.device-table td.feature-name { line-height: 1.9; font-family: 'Nexa Light', sans-serif } /* line 49, src/assets/scss/components/_components-tables.scss */ .table.device-table td i.im-icon-Yes { font-size: 24px; color: #4FC1EA } /* line 54, src/assets/scss/components/_components-tables.scss */ .table.device-table td i.im-icon-Close { font-size: 24px; color: #cecece } /* line 61, src/assets/scss/components/_components-tables.scss */ .table.device-table th { border-bottom: 1px solid #dbdbdb } /* line 73, src/assets/scss/components/_components-tables.scss */ .table.compare-table th, .table.compare-table td { text-align: center !important; border: none } /* line 78, src/assets/scss/components/_components-tables.scss */ .table.compare-table th i { font-size: 35px; color: #cecece } /* line 83, src/assets/scss/components/_components-tables.scss */ .table.compare-table td { padding: .75em 1em } /* line 86, src/assets/scss/components/_components-tables.scss */ .table.compare-table td:first-child { text-align: left !important } /* line 90, src/assets/scss/components/_components-tables.scss */ .table.compare-table td.feature-name { line-height: 1.9; font-family: 'Nexa Light', sans-serif } /* line 96, src/assets/scss/components/_components-tables.scss */ .table.compare-table td i.fa-check { font-size: 24px; color: #4FC1EA } /* line 101, src/assets/scss/components/_components-tables.scss */ .table.compare-table td i.fa-close { font-size: 24px; color: #cecece } /* line 108, src/assets/scss/components/_components-tables.scss */ .table.compare-table th { border-bottom: 1px solid #dbdbdb; font-family: 'Nexa Bold', sans-serif } /* line 119, src/assets/scss/components/_components-tables.scss */ .responsive-table { margin: auto; min-width: 300px; max-width: 100%; border-collapse: collapse; color: #333; border-radius: .2em; overflow: hidden; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06) } /* line 130, src/assets/scss/components/_components-tables.scss */ .responsive-table.is-primary tr:first-child { background: #4FC1EA } /* line 134, src/assets/scss/components/_components-tables.scss */ .responsive-table.is-secondary tr:first-child { background: #7F00FF } /* line 138, src/assets/scss/components/_components-tables.scss */ .responsive-table.is-accent tr:first-child { background: #ad5cff } /* line 142, src/assets/scss/components/_components-tables.scss */ .responsive-table tr:first-child { border-top: none; background: #999; color: #fff !important } /* line 148, src/assets/scss/components/_components-tables.scss */ .responsive-table tr { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #fff; border-color: #bfbfbf } /* line 155, src/assets/scss/components/_components-tables.scss */ .responsive-table:nth-child(odd):not(:first-child) { background-color: #fcfcfc } /* line 159, src/assets/scss/components/_components-tables.scss */ .responsive-table th { display: none; color: #fff } /* line 164, src/assets/scss/components/_components-tables.scss */ .responsive-table td { display: block } /* line 168, src/assets/scss/components/_components-tables.scss */ .responsive-table td:first-child { margin-top: .5em } /* line 172, src/assets/scss/components/_components-tables.scss */ .responsive-table td:last-child { margin-bottom: .5em } /* line 176, src/assets/scss/components/_components-tables.scss */ .responsive-table td:before { content: attr(data-th) ": "; font-weight: bold; width: 120px; display: inline-block; color: #000 } /* line 184, src/assets/scss/components/_components-tables.scss */ .responsive-table th, .responsive-table td { text-align: left; padding: .5em 1em } @media screen and (max-width: 601px) { /* line 191, src/assets/scss/components/_components-tables.scss */ .responsive-table tr:nth-child(2) { border-top: none } } @media screen and (min-width: 600px) { /* line 197, src/assets/scss/components/_components-tables.scss */ .responsive-table tr:hover:not(:first-child) { background-color: #f2f2f2 } /* line 201, src/assets/scss/components/_components-tables.scss */ .responsive-table td:before { display: none } /* line 205, src/assets/scss/components/_components-tables.scss */ .responsive-table th, .responsive-table td { display: table-cell; padding: .25em .5em } /* line 210, src/assets/scss/components/_components-tables.scss */ .responsive-table th:first-child, .responsive-table td:first-child { padding-left: 0 } /* line 214, src/assets/scss/components/_components-tables.scss */ .responsive-table th:last-child, .responsive-table td:last-child { padding-right: 0 } /* line 218, src/assets/scss/components/_components-tables.scss */ .responsive-table th, .responsive-table td { padding: 1em !important } } /*! _lists.scss | Bulkit | CSS Ninja */ /* line 26, src/assets/scss/components/_components-lists.scss */ .content ul { list-style-type: disc } /* line 30, src/assets/scss/components/_components-lists.scss */ .content ol { list-style-type: decimal } /* line 35, src/assets/scss/components/_components-lists.scss */ ul, ol { list-style-type: none } /* line 43, src/assets/scss/components/_components-lists.scss */ .icon-bullet-list { list-style: none; padding: 0 } /* line 47, src/assets/scss/components/_components-lists.scss */ .icon-bullet-list li { padding-left: 1.3em; padding: 3px 0 3px 1.3em } /* line 51, src/assets/scss/components/_components-lists.scss */ .icon-bullet-list li:before { content: "\f10c"; font-family: FontAwesome; display: inline-block; margin-left: -1.3em; margin-right: 0.7rem; width: 1.3em } /* line 66, src/assets/scss/components/_components-lists.scss */ .solid-list { display: inline-block } /* line 69, src/assets/scss/components/_components-lists.scss */ .solid-list .solid-list-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 5px 0 } /* line 76, src/assets/scss/components/_components-lists.scss */ .solid-list .solid-list-item .list-bullet i { font-size: 1.5rem; margin-right: 15px; position: relative; top: 2px; color: #A9ABAC } /* line 90, src/assets/scss/components/_components-lists.scss */ .inline-list { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-wrap: wrap; flex-wrap: wrap } /* line 94, src/assets/scss/components/_components-lists.scss */ .inline-list i.inline-bullet { font-size: 0.4rem; margin: 0 10px; color: #ededed; position: relative; top: 8px } /* line 107, src/assets/scss/components/_components-lists.scss */ .list-block { border: 1px solid #ededed; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06) } /* line 112, src/assets/scss/components/_components-lists.scss */ .list-block li { padding: 10px 20px } /* line 115, src/assets/scss/components/_components-lists.scss */ .list-block li a { color: #444 } /* line 120, src/assets/scss/components/_components-lists.scss */ .list-block li.is-active { background: #4FC1EA } /* line 123, src/assets/scss/components/_components-lists.scss */ .list-block li.is-active:hover { background: #4FC1EA } /* line 127, src/assets/scss/components/_components-lists.scss */ .list-block li.is-active .b-badge { border: 1px solid #fff; background: transparent } /* line 133, src/assets/scss/components/_components-lists.scss */ .list-block li.is-active a { color: #fff } /* line 137, src/assets/scss/components/_components-lists.scss */ .list-block li:hover { background: #EFF4F7 } /* line 144, src/assets/scss/components/_components-lists.scss */ .list-block.bordered li:not(last-child) { border-bottom: 1px solid #ededed } /* line 150, src/assets/scss/components/_components-lists.scss */ .list-block.minimal { border: none; -webkit-box-shadow: none; box-shadow: none } /* line 154, src/assets/scss/components/_components-lists.scss */ .list-block.minimal li { border-bottom: 1px solid #ededed } /* line 160, src/assets/scss/components/_components-lists.scss */ .list-block .b-badge { float: right } /* line 166, src/assets/scss/components/_components-lists.scss */ .list-block.is-secondary li.is-active { background: #7F00FF } /* line 172, src/assets/scss/components/_components-lists.scss */ .list-block.is-accent li.is-active { background: #ad5cff } /* line 182, src/assets/scss/components/_components-lists.scss */ .level.nav-level { padding: 20px 40px; border: 1px solid #ededed; background: #fff } /* line 187, src/assets/scss/components/_components-lists.scss */ .level.nav-level i { cursor: pointer } /* line 190, src/assets/scss/components/_components-lists.scss */ .level.nav-level i:hover { color: #4FC1EA } /* line 197, src/assets/scss/components/_components-lists.scss */ .level.centered-level { padding: 20px 40px; border: 1px solid #ededed; background: #fff } /* line 209, src/assets/scss/components/_components-lists.scss */ .user-list li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 15px } /* line 217, src/assets/scss/components/_components-lists.scss */ .user-list .user-list-avatar img { width: 40px; height: 40px; border-radius: 100px } /* line 224, src/assets/scss/components/_components-lists.scss */ .user-list .user-list-info { margin: 0 10px } /* line 227, src/assets/scss/components/_components-lists.scss */ .user-list .user-list-info .name { font-size: 14px; font-weight: 500; color: #444F60 } /* line 233, src/assets/scss/components/_components-lists.scss */ .user-list .user-list-info .position { font-size: 12px; color: #A9ABAC } /* line 240, src/assets/scss/components/_components-lists.scss */ .user-list .user-list-status { height: 10px; width: 10px; border-radius: 100px; background: #A9ABAC; margin-left: auto } /* line 248, src/assets/scss/components/_components-lists.scss */ .user-list .user-list-status.is-offline { background: #ededed } /* line 252, src/assets/scss/components/_components-lists.scss */ .user-list .user-list-status.is-online { background: #00b289 } /* line 256, src/assets/scss/components/_components-lists.scss */ .user-list .user-list-status.is-busy { background: #eda514 } /* line 268, src/assets/scss/components/_components-lists.scss */ .user-media-list li { margin: 15px 0 } /* line 273, src/assets/scss/components/_components-lists.scss */ .user-media-list .media-left .image { position: relative } /* line 277, src/assets/scss/components/_components-lists.scss */ .user-media-list .media-left .image .avatar-status { height: 10px; width: 10px; border-radius: 200px; background: #A9ABAC; position: absolute; right: 1px; top: 3px } /* line 287, src/assets/scss/components/_components-lists.scss */ .user-media-list .media-left .image .avatar-status.is-offline { background: #ededed } /* line 291, src/assets/scss/components/_components-lists.scss */ .user-media-list .media-left .image .avatar-status.is-online { background: #00b289 } /* line 295, src/assets/scss/components/_components-lists.scss */ .user-media-list .media-left .image .avatar-status.is-busy { background: #eda514 } /* line 302, src/assets/scss/components/_components-lists.scss */ .user-media-list .media-content span { color: #444F60; font-weight: 500 } /*! _labels.scss | Bulkit | CSS Ninja */ /* line 18, src/assets/scss/components/_components-labels.scss */ .b-badge { height: 20px; min-width: 20px; max-width: 100px; padding: 3px 6px; line-height: 1.2; white-space: nowrap; vertical-align: middle; font-size: 0.8rem; color: #fff; background: #999; text-align: center; border-radius: 3px } /* line 33, src/assets/scss/components/_components-labels.scss */ .b-badge.rounded { border-radius: 200px } /* line 38, src/assets/scss/components/_components-labels.scss */ .b-badge.badge-outlined { background: transparent; border: 1px solid #999; color: #999 } /* line 45, src/assets/scss/components/_components-labels.scss */ .b-badge.is-primary { background: #4FC1EA } /* line 48, src/assets/scss/components/_components-labels.scss */ .b-badge.is-primary.badge-outlined { background: transparent; border: 1px solid #4FC1EA; color: #4FC1EA } /* line 55, src/assets/scss/components/_components-labels.scss */ .b-badge.is-secondary { background: #7F00FF } /* line 58, src/assets/scss/components/_components-labels.scss */ .b-badge.is-secondary.badge-outlined { background: transparent; border: 1px solid #7F00FF; color: #7F00FF } /* line 65, src/assets/scss/components/_components-labels.scss */ .b-badge.is-accent { background: #ad5cff } /* line 68, src/assets/scss/components/_components-labels.scss */ .b-badge.is-accent.badge-outlined { background: transparent; border: 1px solid #ad5cff; color: #ad5cff } /* line 75, src/assets/scss/components/_components-labels.scss */ .b-badge.is-success { background: #00b289 } /* line 78, src/assets/scss/components/_components-labels.scss */ .b-badge.is-success.badge-outlined { background: transparent; border: 1px solid #00b289; color: #00b289 } /* line 85, src/assets/scss/components/_components-labels.scss */ .b-badge.is-warning { background: #eda514 } /* line 88, src/assets/scss/components/_components-labels.scss */ .b-badge.is-warning.badge-outlined { background: transparent; border: 1px solid #eda514; color: #eda514 } /* line 95, src/assets/scss/components/_components-labels.scss */ .b-badge.is-danger { background: #FF7273 } /* line 98, src/assets/scss/components/_components-labels.scss */ .b-badge.is-danger.badge-outlined { background: transparent; border: 1px solid #FF7273; color: #FF7273 } /* line 105, src/assets/scss/components/_components-labels.scss */ .b-badge.is-info { background: #039BE5 } /* line 108, src/assets/scss/components/_components-labels.scss */ .b-badge.is-info.badge-outlined { background: transparent; border: 1px solid #039BE5; color: #039BE5 } /* line 120, src/assets/scss/components/_components-labels.scss */ .tag { margin-bottom: 5px } /* line 124, src/assets/scss/components/_components-labels.scss */ .tag.squared { border-radius: 2px !important } /* line 129, src/assets/scss/components/_components-labels.scss */ .tag.is-outlined { border: 1px solid #999 } /* line 134, src/assets/scss/components/_components-labels.scss */ .tag.is-primary { background: #4FC1EA; color: #fff } /* line 138, src/assets/scss/components/_components-labels.scss */ .tag.is-primary.is-outlined { background: transparent; border: 1px solid #4FC1EA; color: #4FC1EA } /* line 145, src/assets/scss/components/_components-labels.scss */ .tag.is-secondary { background: #7F00FF; color: #fff } /* line 149, src/assets/scss/components/_components-labels.scss */ .tag.is-secondary.is-outlined { background: transparent; border: 1px solid #7F00FF; color: #7F00FF } /* line 156, src/assets/scss/components/_components-labels.scss */ .tag.is-accent { background: #ad5cff; color: #fff } /* line 160, src/assets/scss/components/_components-labels.scss */ .tag.is-accent.is-outlined { background: transparent; border: 1px solid #ad5cff; color: #ad5cff } /* line 167, src/assets/scss/components/_components-labels.scss */ .tag.is-success { background: #00b289; color: #fff } /* line 171, src/assets/scss/components/_components-labels.scss */ .tag.is-success.is-outlined { background: transparent; border: 1px solid #00b289; color: #00b289 } /* line 178, src/assets/scss/components/_components-labels.scss */ .tag.is-warning { background: #eda514 !important; color: #fff !important } /* line 182, src/assets/scss/components/_components-labels.scss */ .tag.is-warning.is-outlined { background: transparent !important; border: 1px solid #eda514 !important; color: #eda514 !important } /* line 189, src/assets/scss/components/_components-labels.scss */ .tag.is-danger { background: #FF7273; color: #fff } /* line 193, src/assets/scss/components/_components-labels.scss */ .tag.is-danger.is-outlined { background: transparent; border: 1px solid #FF7273; color: #FF7273 } /* line 200, src/assets/scss/components/_components-labels.scss */ .tag.is-info { background: #039BE5; color: #fff } /* line 204, src/assets/scss/components/_components-labels.scss */ .tag.is-info.is-outlined { background: transparent; border: 1px solid #039BE5; color: #039BE5 } /* line 211, src/assets/scss/components/_components-labels.scss */ .tag.is-light { background: #fff; color: #444F60 } /* line 215, src/assets/scss/components/_components-labels.scss */ .tag.is-light.is-outlined { background: transparent; border: 1px solid #fff; color: #fff } /* line 232, src/assets/scss/components/_components-labels.scss */ .tag span.delete { top: 2px } /* line 239, src/assets/scss/components/_components-labels.scss */ .tags.has-addons span:first-child { border-bottom-right-radius: 0 !important; border-top-right-radius: 0 !important; margin-right: 0 } /* line 245, src/assets/scss/components/_components-labels.scss */ .tags.has-addons span:last-child { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; margin-left: -5px } /* line 251, src/assets/scss/components/_components-labels.scss */ .tags.has-addons.is-centered { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } /* line 257, src/assets/scss/components/_components-labels.scss */ .control.tag-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } /* line 263, src/assets/scss/components/_components-labels.scss */ .tag.is-delete { margin-left: 1px; padding: 0; position: relative; width: 2em; border-radius: 0 2px 2px 0 !important; margin-left: -5px } /* line 271, src/assets/scss/components/_components-labels.scss */ .tag.is-delete:before { height: 1px; width: 50% } /* line 276, src/assets/scss/components/_components-labels.scss */ .tag.is-delete:after { height: 50%; width: 1px } /* line 281, src/assets/scss/components/_components-labels.scss */ .tag.is-delete:before, .tag.is-delete:after { background-color: currentColor; content: ""; display: block; left: 50%; position: absolute; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); -webkit-transform-origin: center center; transform-origin: center center } /*! _messages.scss | Bulkit | CSS Ninja */ /* line 21, src/assets/scss/components/_components-messages.scss */ .message .message-header { background: #999 } /* line 27, src/assets/scss/components/_components-messages.scss */ .message.msg-primary .message-header { background: #4FC1EA } /* line 31, src/assets/scss/components/_components-messages.scss */ .message.msg-primary .message-body { border: 1px solid #4FC1EA } /* line 38, src/assets/scss/components/_components-messages.scss */ .message.msg-secondary .message-header { background: #7F00FF } /* line 42, src/assets/scss/components/_components-messages.scss */ .message.msg-secondary .message-body { border: 1px solid #7F00FF } /* line 49, src/assets/scss/components/_components-messages.scss */ .message.msg-accent .message-header { background: #ad5cff } /* line 53, src/assets/scss/components/_components-messages.scss */ .message.msg-accent .message-body { border: 1px solid #ad5cff } /* line 60, src/assets/scss/components/_components-messages.scss */ .message.msg-info .message-header { background: #039BE5 } /* line 64, src/assets/scss/components/_components-messages.scss */ .message.msg-info .message-body { border: 1px solid #039BE5 } /* line 71, src/assets/scss/components/_components-messages.scss */ .message.msg-success .message-header { background: #00b289 } /* line 75, src/assets/scss/components/_components-messages.scss */ .message.msg-success .message-body { border: 1px solid #00b289 } /* line 82, src/assets/scss/components/_components-messages.scss */ .message.msg-warning .message-header { background: #eda514 } /* line 86, src/assets/scss/components/_components-messages.scss */ .message.msg-warning .message-body { border: 1px solid #eda514 } /* line 93, src/assets/scss/components/_components-messages.scss */ .message.msg-danger .message-header { background: #FF7273 } /* line 97, src/assets/scss/components/_components-messages.scss */ .message.msg-danger .message-body { border: 1px solid #FF7273 } /* line 103, src/assets/scss/components/_components-messages.scss */ .message.icon-msg { position: relative } /* line 107, src/assets/scss/components/_components-messages.scss */ .message.icon-msg .message-body { padding: 1em 3em 1em 1.5em } /* line 110, src/assets/scss/components/_components-messages.scss */ .message.icon-msg .message-body h4 { padding-bottom: 5px; font-size: 1.1rem; font-weight: 500; color: #444F60 } /* line 119, src/assets/scss/components/_components-messages.scss */ .message.icon-msg i { position: absolute; top: -35px; right: -20px; padding: 20px; background: #999; border: 5px solid #fff; border-radius: 100px; color: #fff } /* line 131, src/assets/scss/components/_components-messages.scss */ .message.icon-msg.primary-msg i { background: #4FC1EA } /* line 135, src/assets/scss/components/_components-messages.scss */ .message.icon-msg.secondary-msg i { background: #7F00FF } /* line 139, src/assets/scss/components/_components-messages.scss */ .message.icon-msg.accent-msg i { background: #ad5cff } /* line 143, src/assets/scss/components/_components-messages.scss */ .message.icon-msg.info-msg i { background: #039BE5 } /* line 147, src/assets/scss/components/_components-messages.scss */ .message.icon-msg.success-msg i { background: #00b289 } /* line 151, src/assets/scss/components/_components-messages.scss */ .message.icon-msg.warning-msg i { background: #eda514 } /* line 155, src/assets/scss/components/_components-messages.scss */ .message.icon-msg.danger-msg i { background: #FF7273 } /* line 165, src/assets/scss/components/_components-messages.scss */ .ggpopover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: left; white-space: normal; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ededed; border-radius: 4px; -webkit-box-shadow: inset rgba(143, 160, 241, 0.2) 0 0 0 1px, rgba(213, 220, 247, 0.59) 0 10px 20px; box-shadow: inset rgba(143, 160, 241, 0.2) 0 0 0 1px, rgba(213, 220, 247, 0.59) 0 10px 20px } /* line 187, src/assets/scss/components/_components-messages.scss */ .ggpopover.fade { filter: alpha(opacity=0); opacity: 0; -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear } /* line 195, src/assets/scss/components/_components-messages.scss */ .ggpopover.fade.in { filter: alpha(opacity=100); opacity: 1 } /* line 201, src/assets/scss/components/_components-messages.scss */ .ggpopover.top { margin-top: -20px } /* line 204, src/assets/scss/components/_components-messages.scss */ .ggpopover.top>.arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999; border-top-color: rgba(0, 0, 0, 0.25); border-bottom-width: 0 } /* line 213, src/assets/scss/components/_components-messages.scss */ .ggpopover.top>.arrow>.after { bottom: 1px; margin-left: -10px; content: " "; border-top-color: #fff; border-bottom-width: 0 } /* line 222, src/assets/scss/components/_components-messages.scss */ .ggpopover.right { margin-left: 20px } /* line 225, src/assets/scss/components/_components-messages.scss */ .ggpopover.right>.arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: #999; border-right-color: rgba(0, 0, 0, 0.25); border-left-width: 0 } /* line 234, src/assets/scss/components/_components-messages.scss */ .ggpopover.right>.arrow>.after { bottom: -10px; left: 1px; content: " "; border-right-color: #fff; border-left-width: 0 } /* line 243, src/assets/scss/components/_components-messages.scss */ .ggpopover.bottom { margin-top: 20px } /* line 246, src/assets/scss/components/_components-messages.scss */ .ggpopover.bottom .arrow .after { border-bottom-color: #f7f7f7 } /* line 250, src/assets/scss/components/_components-messages.scss */ .ggpopover.bottom>.arrow { top: -11px; left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, 0.25) } /* line 259, src/assets/scss/components/_components-messages.scss */ .ggpopover.bottom>.arrow>.after { top: 1px; margin-left: -10px; content: " "; border-top-width: 0; border-bottom-color: #fff } /* line 268, src/assets/scss/components/_components-messages.scss */ .ggpopover.left { margin-left: -20px } /* line 271, src/assets/scss/components/_components-messages.scss */ .ggpopover.left>.arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, 0.25) } /* line 280, src/assets/scss/components/_components-messages.scss */ .ggpopover.left>.arrow>.after { right: 1px; bottom: -10px; content: " "; border-right-width: 0; border-left-color: #fff } /* line 289, src/assets/scss/components/_components-messages.scss */ .ggpopover .popover-title { padding: 8px 14px; margin: 0; font-size: 14px; background-color: #fff; border-bottom: 1px solid #000; border-color: #ededed; border-radius: 4px 4px 0 0; color: #444F60 } /* line 300, src/assets/scss/components/_components-messages.scss */ .ggpopover .popover-content { padding: 9px 14px 15px 14px; border-radius: 0 0 4px 4px; font-size: 0.9rem; color: #666 !important } /* line 307, src/assets/scss/components/_components-messages.scss */ .ggpopover>.arrow, .ggpopover .arrow>.after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid } /* line 316, src/assets/scss/components/_components-messages.scss */ .ggpopover>.arrow { border-width: 11px } /* line 320, src/assets/scss/components/_components-messages.scss */ .ggpopover .arrow>.after { content: ""; border-width: 10px } /* line 330, src/assets/scss/components/_components-messages.scss */ .ggtooltip { position: absolute; z-index: 1030; display: block; padding: 5px; font-size: 10px; opacity: 0; filter: alpha(opacity=0); visibility: visible } /* line 340, src/assets/scss/components/_components-messages.scss */ .ggtooltip.fade { opacity: 0; -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear } /* line 347, src/assets/scss/components/_components-messages.scss */ .ggtooltip.fade.in { opacity: 1 } /* line 352, src/assets/scss/components/_components-messages.scss */ .ggtooltip.in { opacity: 0.8; filter: alpha(opacity=80) } /* line 357, src/assets/scss/components/_components-messages.scss */ .ggtooltip.top { margin-top: -15px } /* line 360, src/assets/scss/components/_components-messages.scss */ .ggtooltip.top .ggtooltip-arrow, .ggtooltip.top .ggtooltip-arrow-shadow { bottom: 1px; left: 50%; margin-left: -5px; border-top-color: #222 !important; border-width: 5px 5px 0 } /* line 368, src/assets/scss/components/_components-messages.scss */ .ggtooltip.top .ggtooltip-arrow-shadow { bottom: 0 } /* line 373, src/assets/scss/components/_components-messages.scss */ .ggtooltip.right { margin-left: 15px } /* line 376, src/assets/scss/components/_components-messages.scss */ .ggtooltip.right .ggtooltip-arrow, .ggtooltip.right .ggtooltip-arrow-shadow { top: 50%; left: 1px; margin-top: -5px; border-right-color: #222 !important; border-width: 5px 5px 5px 0 } /* line 384, src/assets/scss/components/_components-messages.scss */ .ggtooltip.right .ggtooltip-arrow-shadow { left: 0 } /* line 389, src/assets/scss/components/_components-messages.scss */ .ggtooltip.bottom { margin-top: 15px } /* line 392, src/assets/scss/components/_components-messages.scss */ .ggtooltip.bottom .ggtooltip-arrow, .ggtooltip.bottom .ggtooltip-arrow-shadow { top: 1px; left: 50%; margin-left: -5px; border-bottom-color: #222 !important; border-width: 0 5px 5px } /* line 400, src/assets/scss/components/_components-messages.scss */ .ggtooltip.bottom .ggtooltip-arrow-shadow { top: 0 } /* line 405, src/assets/scss/components/_components-messages.scss */ .ggtooltip.left { margin-left: -15px } /* line 408, src/assets/scss/components/_components-messages.scss */ .ggtooltip.left .ggtooltip-arrow, .ggtooltip.left .ggtooltip-arrow-shadow { top: 50%; right: 1px; margin-top: -5px; border-left-color: #222 !important; border-width: 5px 0 5px 5px } /* line 416, src/assets/scss/components/_components-messages.scss */ .ggtooltip.left .ggtooltip-arrow-shadow { right: 0 } /* line 421, src/assets/scss/components/_components-messages.scss */ .ggtooltip .ggtooltip-inner { max-width: 200px; padding: 8px 12px; color: #fff !important; text-align: center; text-decoration: none; background-color: #222 !important; border-radius: 4px; -webkit-box-shadow: 0 3px 10px 4px rgba(0, 0, 0, 0.04); box-shadow: 0 3px 10px 4px rgba(0, 0, 0, 0.04) } /* line 434, src/assets/scss/components/_components-messages.scss */ .ggtooltip .ggtooltip-arrow, .ggtooltip .ggtooltip-arrow-shadow { position: absolute; width: 0; height: 0; border-color: transparent !important; border-style: solid } /*! _pricing.scss | Bulkit | CSS Ninja */ /* line 24, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } /* line 33, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table.is-comparative .pricing-plan { margin: 0 } /* line 36, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table.is-comparative .pricing-plan:not(:last-child) { border-right: none } /* line 44, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table.is-horizontal .pricing-plan { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-preferred-size: 100%; flex-basis: 100% } /* line 49, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table.is-horizontal .pricing-plan .plan-header { width: 50%; 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-pack: center; -ms-flex-pack: center; justify-content: center } /* line 56, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table.is-horizontal .pricing-plan .plan-price { width: 100%; 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 } /* line 63, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table.is-horizontal .pricing-plan .plan-items { width: 100%; background-color: #fcfcfc; columns: 2; -webkit-columns: 2; -moz-columns: 2; -webkit-column-gap: 0.1rem; -moz-column-gap: 0.1rem; column-gap: 0.1rem } /* line 72, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table.is-horizontal .pricing-plan .plan-footer { width: 50%; 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-pack: center; -ms-flex-pack: center; justify-content: center; margin: auto } /* line 83, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan { 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-flex: 1; -ms-flex: 1; flex: 1; background-color: #fff; border: 0.1rem solid #ededed; border-radius: 3px; list-style-type: none; -webkit-transition: 0.25s; transition: 0.25s; margin: 0.5em } /* line 95, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan .plan-header { border-top-left-radius: 3px; border-top-right-radius: 3px; background-color: #fff; font-size: 1.1rem; font-weight: 700; padding: 0.75em; -ms-flex-line-pack: center; align-content: center; text-align: center } /* line 107, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan .plan-item { background: #fcfcfc; border-bottom: 1px solid #ededed; padding: 0.75em; -ms-flex-line-pack: center; align-content: center; text-align: center; font-size: 0.9em; color: #444F60 } /* line 116, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan .plan-item:hover { background: #EFF4F7 } /* line 122, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan .plan-price { background-color: #fff; font-size: 0.8rem; font-weight: normal; padding: 0.75em; -ms-flex-line-pack: center; align-content: center; text-align: center } /* line 131, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan .plan-price .plan-price-amount { font-size: 3rem; font-weight: bolder } /* line 136, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan .plan-price .plan-price-amount .plan-price-currency { vertical-align: super; font-size: 1.1rem !important; font-weight: normal !important; color: #444F60; margin-right: 0.25rem } /* line 147, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan .plan-footer { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; padding: 0.75em; -ms-flex-line-pack: center; align-content: center; text-align: center; margin-top: auto } /* line 158, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan.is-primary .plan-header { color: #4FC1EA } /* line 163, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan.is-primary .plan-price .plan-price-amount { color: #4FC1EA } /* line 167, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan.is-primary .plan-price .plan-price-currency { color: #4FC1EA } /* line 173, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan.is-primary .plan-footer .button { background-color: #4FC1EA; border-color: transparent; color: #fff } /* line 178, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan.is-primary .plan-footer .button:hover, .classic-pricing .pricing-table .pricing-plan.is-primary .plan-footer .button.is-hovered { background-color: #44bde9; border-color: transparent; color: #fff } /* line 185, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan.is-primary .plan-footer .button:focus, .classic-pricing .pricing-table .pricing-plan.is-primary .plan-footer .button.is-focused { border-color: transparent; -webkit-box-shadow: 0 0 0.5em rgba(79, 193, 234, 0.25); box-shadow: 0 0 0.5em rgba(79, 193, 234, 0.25); color: #fff } /* line 192, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan.is-primary .plan-footer .button:active, .classic-pricing .pricing-table .pricing-plan.is-primary .plan-footer .button.is-active { background-color: #38b9e7; border-color: transparent; color: #fff } /* line 199, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan.is-primary .plan-footer .button[disabled] { background-color: #4FC1EA; border-color: transparent } /* line 209, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan.is-secondary .plan-header { color: #7F00FF } /* line 214, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan.is-secondary .plan-price .plan-price-amount { color: #7F00FF } /* line 218, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan.is-secondary .plan-price .plan-price-currency { color: #7F00FF } /* line 224, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan.is-secondary .plan-footer .button { background-color: #7F00FF; border-color: transparent; color: #fff } /* line 229, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan.is-secondary .plan-footer .button:hover, .classic-pricing .pricing-table .pricing-plan.is-secondary .plan-footer .button.is-hovered { background-color: #7900f2; border-color: transparent; color: #fff } /* line 236, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan.is-secondary .plan-footer .button:focus, .classic-pricing .pricing-table .pricing-plan.is-secondary .plan-footer .button.is-focused { border-color: transparent; -webkit-box-shadow: 0 0 0.5em rgba(127, 0, 255, 0.25); box-shadow: 0 0 0.5em rgba(127, 0, 255, 0.25); color: #fff } /* line 243, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan.is-secondary .plan-footer .button:active, .classic-pricing .pricing-table .pricing-plan.is-secondary .plan-footer .button.is-active { background-color: #7200e6; border-color: transparent; color: #fff } /* line 250, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan.is-secondary .plan-footer .button[disabled] { background-color: #7F00FF; border-color: transparent } /* line 260, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan.is-accent .plan-header { color: #ad5cff } /* line 265, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan.is-accent .plan-price .plan-price-amount { color: #ad5cff } /* line 269, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan.is-accent .plan-price .plan-price-currency { color: #ad5cff } /* line 275, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan.is-accent .plan-footer .button { background-color: #ad5cff; border-color: transparent; color: #fff } /* line 280, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan.is-accent .plan-footer .button:hover, .classic-pricing .pricing-table .pricing-plan.is-accent .plan-footer .button.is-hovered { background-color: #a74fff; border-color: transparent; color: #fff } /* line 287, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan.is-accent .plan-footer .button:focus, .classic-pricing .pricing-table .pricing-plan.is-accent .plan-footer .button.is-focused { border-color: transparent; -webkit-box-shadow: 0 0 0.5em rgba(173, 92, 255, 0.25); box-shadow: 0 0 0.5em rgba(173, 92, 255, 0.25); color: #fff } /* line 294, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan.is-accent .plan-footer .button:active, .classic-pricing .pricing-table .pricing-plan.is-accent .plan-footer .button.is-active { background-color: #a043ff; border-color: transparent; color: #fff } /* line 301, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan.is-accent .plan-footer .button[disabled] { background-color: #ad5cff; border-color: transparent } /* line 311, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan.is-success .plan-header { color: #00b289 } /* line 316, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan.is-success .plan-price .plan-price-amount { color: #00b289 } /* line 320, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan.is-success .plan-price .plan-price-currency { color: #00b289 } /* line 326, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan.is-success .plan-footer .button { background-color: #00b289; border-color: transparent; color: #fff } /* line 331, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan.is-success .plan-footer .button:hover, .classic-pricing .pricing-table .pricing-plan.is-success .plan-footer .button.is-hovered { background-color: #00a57f; border-color: transparent; color: #fff } /* line 338, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan.is-success .plan-footer .button:focus, .classic-pricing .pricing-table .pricing-plan.is-success .plan-footer .button.is-focused { border-color: transparent; -webkit-box-shadow: 0 0 0.5em rgba(0, 178, 137, 0.25); box-shadow: 0 0 0.5em rgba(0, 178, 137, 0.25); color: #fff } /* line 345, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan.is-success .plan-footer .button:active, .classic-pricing .pricing-table .pricing-plan.is-success .plan-footer .button.is-active { background-color: #009975; border-color: transparent; color: #fff } /* line 352, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan.is-success .plan-footer .button[disabled] { background-color: #00b289; border-color: transparent } /* line 362, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan.is-warning .plan-header { color: #eda514 } /* line 367, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan.is-warning .plan-price .plan-price-amount { color: #eda514 } /* line 371, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan.is-warning .plan-price .plan-price-currency { color: #eda514 } /* line 377, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan.is-warning .plan-footer .button { background-color: #eda514; border-color: transparent; color: #fff } /* line 382, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan.is-warning .plan-footer .button:hover, .classic-pricing .pricing-table .pricing-plan.is-warning .plan-footer .button.is-hovered { background-color: #e39d11; border-color: transparent; color: #fff } /* line 389, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan.is-warning .plan-footer .button:focus, .classic-pricing .pricing-table .pricing-plan.is-warning .plan-footer .button.is-focused { border-color: transparent; -webkit-box-shadow: 0 0 0.5em rgba(237, 165, 20, 0.25); box-shadow: 0 0 0.5em rgba(237, 165, 20, 0.25); color: #fff } /* line 396, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan.is-warning .plan-footer .button:active, .classic-pricing .pricing-table .pricing-plan.is-warning .plan-footer .button.is-active { background-color: #d79510; border-color: transparent; color: #fff } /* line 403, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan.is-warning .plan-footer .button[disabled] { background-color: #eda514; border-color: transparent } /* line 413, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan.is-danger .plan-header { color: #FF7273 } /* line 418, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan.is-danger .plan-price .plan-price-amount { color: #FF7273 } /* line 422, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan.is-danger .plan-price .plan-price-currency { color: #FF7273 } /* line 428, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan.is-danger .plan-footer .button { background-color: #FF7273; border-color: transparent; color: #fff } /* line 433, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan.is-danger .plan-footer .button:hover, .classic-pricing .pricing-table .pricing-plan.is-danger .plan-footer .button.is-hovered { background-color: #ff6566; border-color: transparent; color: #fff } /* line 440, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan.is-danger .plan-footer .button:focus, .classic-pricing .pricing-table .pricing-plan.is-danger .plan-footer .button.is-focused { border-color: transparent; -webkit-box-shadow: 0 0 0.5em rgba(255, 114, 115, 0.25); box-shadow: 0 0 0.5em rgba(255, 114, 115, 0.25); color: #fff } /* line 447, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan.is-danger .plan-footer .button:active, .classic-pricing .pricing-table .pricing-plan.is-danger .plan-footer .button.is-active { background-color: #ff595a; border-color: transparent; color: #fff } /* line 454, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan.is-danger .plan-footer .button[disabled] { background-color: #FF7273; border-color: transparent } /* line 464, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan.is-info .plan-header { color: #039BE5 } /* line 469, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan.is-info .plan-price .plan-price-amount { color: #039BE5 } /* line 473, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan.is-info .plan-price .plan-price-currency { color: #039BE5 } /* line 479, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan.is-info .plan-footer .button { background-color: #039BE5; border-color: transparent; color: #fff } /* line 484, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan.is-info .plan-footer .button:hover, .classic-pricing .pricing-table .pricing-plan.is-info .plan-footer .button.is-hovered { background-color: #0392d8; border-color: transparent; color: #fff } /* line 491, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan.is-info .plan-footer .button:focus, .classic-pricing .pricing-table .pricing-plan.is-info .plan-footer .button.is-focused { border-color: transparent; -webkit-box-shadow: 0 0 0.5em rgba(3, 155, 229, 0.25); box-shadow: 0 0 0.5em rgba(3, 155, 229, 0.25); color: #fff } /* line 498, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan.is-info .plan-footer .button:active, .classic-pricing .pricing-table .pricing-plan.is-info .plan-footer .button.is-active { background-color: #038acc; border-color: transparent; color: #fff } /* line 505, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan.is-info .plan-footer .button[disabled] { background-color: #039BE5; border-color: transparent } /* line 514, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table .pricing-plan.is-active { -webkit-box-shadow: inset rgba(143, 160, 241, 0.2) 0 0 0 1px, rgba(213, 220, 247, 0.59) 0 10px 20px; box-shadow: inset rgba(143, 160, 241, 0.2) 0 0 0 1px, rgba(213, 220, 247, 0.59) 0 10px 20px; -webkit-transform: scale(1.05); transform: scale(1.05) } @media (min-width: 768px) and (max-width: 1024px) { /* line 525, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table.is-comparative { margin: 0.5rem } /* line 528, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table.is-comparative.is-features { display: none } /* line 533, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table.is-comparative .plan-item::before { content: attr("data-feature") } /* line 541, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table.is-horizontal .pricing-plan { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-preferred-size: 100%; flex-basis: 100% } /* line 546, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table.is-horizontal .pricing-plan .plan-header { width: 50%; 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-pack: center; -ms-flex-pack: center; justify-content: center } /* line 553, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table.is-horizontal .pricing-plan .plan-price { width: 100%; 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 } /* line 560, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table.is-horizontal .pricing-plan .plan-items { width: 100%; background-color: #fcfcfc; columns: 2; -webkit-columns: 2; -moz-columns: 2; -webkit-column-gap: 0.1rem; -moz-column-gap: 0.1rem; column-gap: 0.1rem } /* line 569, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table.is-horizontal .pricing-plan .plan-footer { width: 50%; 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-pack: center; -ms-flex-pack: center; justify-content: center; margin: auto } } @media (max-width: 767px) { /* line 586, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table.is-comparative .pricing-plan { width: 100% !important; margin: 0.5rem } /* line 589, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table.is-comparative .pricing-plan.is-features { display: none } /* line 596, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table.is-comparative .pricing-plan .plan-item::before { content: attr(data-feature); display: block; font-weight: 600; font-size: 0.8rem; color: #EFF4F7 } /* line 609, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-table.is-horizontal .plan-items { display: none } /* line 615, src/assets/scss/components/_components-pricing.scss */ .classic-pricing .pricing-plan.is-mobile { min-width: 100% !important; display: block !important } } /* line 626, src/assets/scss/components/_components-pricing.scss */ .minimal-pricing { border: 2px solid #444F60; border-radius: 2px } /* line 631, src/assets/scss/components/_components-pricing.scss */ .minimal-pricing.wide-box { max-width: 100%; margin: 0 10px 0 10px; padding: 20px 0 20px 0 } /* line 638, src/assets/scss/components/_components-pricing.scss */ .minimal-pricing.featured { border: 2px solid #4FC1EA } /* line 641, src/assets/scss/components/_components-pricing.scss */ .minimal-pricing.featured .plan-name { color: #4FC1EA } /* line 645, src/assets/scss/components/_components-pricing.scss */ .minimal-pricing.featured .price .price-number { color: #4FC1EA } /* line 649, src/assets/scss/components/_components-pricing.scss */ .minimal-pricing.featured .price .price-currency { color: #4FC1EA } /* line 655, src/assets/scss/components/_components-pricing.scss */ .minimal-pricing.bg-secondary { background-color: #7F00FF; border: 2px solid #7F00FF } /* line 659, src/assets/scss/components/_components-pricing.scss */ .minimal-pricing.bg-secondary .plan-name { color: #fff } /* line 664, src/assets/scss/components/_components-pricing.scss */ .minimal-pricing.bg-secondary .price .price-number { color: #fff } /* line 668, src/assets/scss/components/_components-pricing.scss */ .minimal-pricing.bg-secondary .price .price-currency { color: #fff } /* line 672, src/assets/scss/components/_components-pricing.scss */ .minimal-pricing.bg-secondary .price .price-period { color: #fff } /* line 677, src/assets/scss/components/_components-pricing.scss */ .minimal-pricing.bg-secondary .plan-features { color: #fff } /* line 683, src/assets/scss/components/_components-pricing.scss */ .minimal-pricing .plan-name { color: #444F60; font-size: 1.3rem; font-weight: 500 } /* line 690, src/assets/scss/components/_components-pricing.scss */ .minimal-pricing .price { margin-bottom: 20px } /* line 693, src/assets/scss/components/_components-pricing.scss */ .minimal-pricing .price .price-currency { font-weight: bold; font-size: 1.2rem; margin-right: 15px } /* line 699, src/assets/scss/components/_components-pricing.scss */ .minimal-pricing .price .price-number { font-size: 6rem; font-weight: bold } /* line 706, src/assets/scss/components/_components-pricing.scss */ .minimal-pricing .plan-features { margin-bottom: 30px } /* line 709, src/assets/scss/components/_components-pricing.scss */ .minimal-pricing .plan-features ul li { padding: 5px 10px 5px 10px } /* line 716, src/assets/scss/components/_components-pricing.scss */ .minimal-pricing.wide-box { background-image: url(https://via.placeholder.com/1280x720); background-size: cover; background-repeat: no-repeat; background-position: 50% 50% } /* line 728, src/assets/scss/components/_components-pricing.scss */ .plan-controls { padding: 10px 0 } /* line 731, src/assets/scss/components/_components-pricing.scss */ .plan-controls span { margin: 0 5px 0 5px; padding: 10px 20px; font-size: 16px; cursor: pointer } /* line 738, src/assets/scss/components/_components-pricing.scss */ .plan-controls span.is-active { border: 1px solid #4FC1EA; border-radius: 4px; color: #4FC1EA } /* line 747, src/assets/scss/components/_components-pricing.scss */ .period-select { padding: 20px 0; max-width: 245px } /* line 751, src/assets/scss/components/_components-pricing.scss */ .period-select span { padding: 8px 20px; font-size: 14px; cursor: pointer; color: #444F60; border: 1px solid #444F60 } /* line 758, src/assets/scss/components/_components-pricing.scss */ .period-select span:first-child { border-right: 1px solid #444F60; border-top-left-radius: 50px; border-bottom-left-radius: 50px } /* line 764, src/assets/scss/components/_components-pricing.scss */ .period-select span:last-child { border-top-right-radius: 50px; border-bottom-right-radius: 50px } /* line 769, src/assets/scss/components/_components-pricing.scss */ .period-select span.is-active { background: #444F60; color: #fff } /* line 779, src/assets/scss/components/_components-pricing.scss */ .side-pricing .pricing-card { display: inline-block; position: relative; width: 100%; margin-bottom: 30px; border: 1px solid #ededed; border-radius: 6px; color: rgba(0, 0, 0, 0.87); background: #fff; -webkit-transition: all 0.5s; transition: all 0.5s } /* line 791, src/assets/scss/components/_components-pricing.scss */ .side-pricing .pricing-card .popular { position: absolute; top: 15px; right: 25px } /* line 796, src/assets/scss/components/_components-pricing.scss */ .side-pricing .pricing-card .popular i { font-size: 26px; color: #4FC1EA } /* line 803, src/assets/scss/components/_components-pricing.scss */ .side-pricing .pricing-card .inner { padding: 15px } /* line 807, src/assets/scss/components/_components-pricing.scss */ .side-pricing .pricing-card .inner .plan-name { font-size: 0.9em; text-transform: uppercase; font-weight: 500; color: #999 } /* line 815, src/assets/scss/components/_components-pricing.scss */ .side-pricing .pricing-card .inner .plan-price { color: #444F60; font-weight: bolder; font-size: 3.8em; line-height: 1.15em; position: relative } /* line 822, src/assets/scss/components/_components-pricing.scss */ .side-pricing .pricing-card .inner .plan-price small.currency { position: relative; top: 38px; left: -90px; font-size: 26px } /* line 829, src/assets/scss/components/_components-pricing.scss */ .side-pricing .pricing-card .inner .plan-price small:last-child { font-size: 12px; font-weight: 400 } /* line 836, src/assets/scss/components/_components-pricing.scss */ .side-pricing .pricing-card .inner ul { list-style: none; padding: 0; max-width: 240px; margin: 10px auto } /* line 842, src/assets/scss/components/_components-pricing.scss */ .side-pricing .pricing-card .inner ul li { color: #999; text-align: center; padding: 12px 0; border-bottom: 1px solid rgba(153, 153, 153, 0.3) } /* line 848, src/assets/scss/components/_components-pricing.scss */ .side-pricing .pricing-card .inner ul li b { color: #3C4858 } /* line 854, src/assets/scss/components/_components-pricing.scss */ .side-pricing .pricing-card .inner a { margin: 10px 0 } /* line 860, src/assets/scss/components/_components-pricing.scss */ .side-pricing .pricing-card.transparent { background: transparent !important; -webkit-box-shadow: none !important; box-shadow: none !important } /* line 866, src/assets/scss/components/_components-pricing.scss */ .side-pricing .pricing-card.card-raised:hover { -webkit-box-shadow: inset rgba(143, 160, 241, 0.2) 0 0 0 1px, rgba(213, 220, 247, 0.59) 0 10px 20px !important; box-shadow: inset rgba(143, 160, 241, 0.2) 0 0 0 1px, rgba(213, 220, 247, 0.59) 0 10px 20px !important } /* line 878, src/assets/scss/components/_components-pricing.scss */ .fancy-pricing .fancy-pricing-card { padding: 20px; text-align: center; border-radius: 15px 15px 0 15px; -webkit-transition: all 0.3s; transition: all 0.3s } /* line 884, src/assets/scss/components/_components-pricing.scss */ .fancy-pricing .fancy-pricing-card:hover { -webkit-transform: translateY(-20px); transform: translateY(-20px) } /* line 887, src/assets/scss/components/_components-pricing.scss */ .fancy-pricing .fancy-pricing-card:hover .plan-icon i { -webkit-box-shadow: inset rgba(143, 160, 241, 0.2) 0 0 0 1px, rgba(213, 220, 247, 0.59) 0 10px 20px; box-shadow: inset rgba(143, 160, 241, 0.2) 0 0 0 1px, rgba(213, 220, 247, 0.59) 0 10px 20px } /* line 893, src/assets/scss/components/_components-pricing.scss */ .fancy-pricing .fancy-pricing-card .plan-name { text-transform: uppercase; font-size: 1.2rem; font-weight: 500; padding: 10px 0 } /* line 901, src/assets/scss/components/_components-pricing.scss */ .fancy-pricing .fancy-pricing-card .plan-icon { padding: 20px 0 } /* line 904, src/assets/scss/components/_components-pricing.scss */ .fancy-pricing .fancy-pricing-card .plan-icon i { font-size: 3rem; padding: 20px; border: 1px solid #ededed; color: #fff; border-radius: 200px; -webkit-transition: all 0.5s; transition: all 0.5s } /* line 915, src/assets/scss/components/_components-pricing.scss */ .fancy-pricing .fancy-pricing-card .plan-price { font-size: 3rem; padding: 30px 20px; color: #444F60; font-weight: bolder } /* line 921, src/assets/scss/components/_components-pricing.scss */ .fancy-pricing .fancy-pricing-card .plan-price small:first-child { font-size: 1.4rem; position: relative; top: -20px } /* line 927, src/assets/scss/components/_components-pricing.scss */ .fancy-pricing .fancy-pricing-card .plan-price small:last-child { font-size: 1rem; font-weight: 400 } /* line 934, src/assets/scss/components/_components-pricing.scss */ .fancy-pricing .fancy-pricing-card .plan-features { text-align: left; padding: 10px 0 } /* line 939, src/assets/scss/components/_components-pricing.scss */ .fancy-pricing .fancy-pricing-card .plan-features li { margin: 10px 40px; 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; -ms-flex-line-pack: center; align-content: center } /* line 948, src/assets/scss/components/_components-pricing.scss */ .fancy-pricing .fancy-pricing-card .plan-features li .feature-count.unlimited { font-size: 1rem; font-weight: 500 } /* line 955, src/assets/scss/components/_components-pricing.scss */ .fancy-pricing .fancy-pricing-card .plan-features li .feature-count-text { color: #999 } /* line 962, src/assets/scss/components/_components-pricing.scss */ .fancy-pricing .fancy-pricing-card.streched { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px 40px } /* line 969, src/assets/scss/components/_components-pricing.scss */ .fancy-pricing .fancy-pricing-card.streched .plan-name { font-family: 'Nexa Bold', sans-serif; margin-bottom: 0; margin-right: 25px } /* line 975, src/assets/scss/components/_components-pricing.scss */ .fancy-pricing .fancy-pricing-card.streched .plan-price { margin-top: 0; font-size: 2rem } /* line 979, src/assets/scss/components/_components-pricing.scss */ .fancy-pricing .fancy-pricing-card.streched .plan-price small:first-child { position: static !important } /* line 984, src/assets/scss/components/_components-pricing.scss */ .fancy-pricing .fancy-pricing-card.streched .large-count { font-size: 1.3rem; font-weight: 500 } /* line 992, src/assets/scss/components/_components-pricing.scss */ .fancy-pricing .fancy-pricing-card.primary .plan-name { color: #4FC1EA } /* line 996, src/assets/scss/components/_components-pricing.scss */ .fancy-pricing .fancy-pricing-card.primary .plan-icon i { color: #4FC1EA } /* line 1001, src/assets/scss/components/_components-pricing.scss */ .fancy-pricing .fancy-pricing-card.primary .plan-features li .large-count { color: #4FC1EA } /* line 1008, src/assets/scss/components/_components-pricing.scss */ .fancy-pricing .fancy-pricing-card.secondary .plan-name { color: #7F00FF } /* line 1012, src/assets/scss/components/_components-pricing.scss */ .fancy-pricing .fancy-pricing-card.secondary .plan-icon i { color: #7F00FF } /* line 1017, src/assets/scss/components/_components-pricing.scss */ .fancy-pricing .fancy-pricing-card.secondary .plan-features li .large-count { color: #7F00FF } /* line 1024, src/assets/scss/components/_components-pricing.scss */ .fancy-pricing .fancy-pricing-card.accent .plan-name { color: #ad5cff } /* line 1028, src/assets/scss/components/_components-pricing.scss */ .fancy-pricing .fancy-pricing-card.accent .plan-icon i { color: #ad5cff } /* line 1033, src/assets/scss/components/_components-pricing.scss */ .fancy-pricing .fancy-pricing-card.accent .plan-features li .large-count { color: #ad5cff } /* line 1047, src/assets/scss/components/_components-pricing.scss */ .header-pricing .header-pricing-card { text-align: center; border-radius: 15px 15px 0 15px; -webkit-transition: all 0.3s; transition: all 0.3s } /* line 1053, src/assets/scss/components/_components-pricing.scss */ .header-pricing .header-pricing-card .plan-name { text-transform: uppercase; font-size: 1.2rem; font-weight: 500; color: #fff; background: #999; padding: 20px } /* line 1063, src/assets/scss/components/_components-pricing.scss */ .header-pricing .header-pricing-card .pricing-card-body { border: 1px solid #ededed; border-top-color: transparent } /* line 1068, src/assets/scss/components/_components-pricing.scss */ .header-pricing .header-pricing-card .pricing-card-body .plan-price { font-size: 3rem; padding: 40px 20px; color: #444F60; font-weight: bolder } /* line 1074, src/assets/scss/components/_components-pricing.scss */ .header-pricing .header-pricing-card .pricing-card-body .plan-price small:first-child { font-size: 1.4rem; position: relative; top: -20px } /* line 1080, src/assets/scss/components/_components-pricing.scss */ .header-pricing .header-pricing-card .pricing-card-body .plan-price small:last-child { font-size: 1rem; font-weight: 400 } /* line 1087, src/assets/scss/components/_components-pricing.scss */ .header-pricing .header-pricing-card .pricing-card-body ul { list-style: none; padding: 0; max-width: 240px; margin: 10px auto } /* line 1093, src/assets/scss/components/_components-pricing.scss */ .header-pricing .header-pricing-card .pricing-card-body ul li { color: #999; text-align: center; padding: 12px 0; border-bottom: 1px solid rgba(153, 153, 153, 0.3) } /* line 1099, src/assets/scss/components/_components-pricing.scss */ .header-pricing .header-pricing-card .pricing-card-body ul li b { color: #3C4858 } /* line 1108, src/assets/scss/components/_components-pricing.scss */ .header-pricing .header-pricing-card.primary .plan-name { background: #4FC1EA } /* line 1114, src/assets/scss/components/_components-pricing.scss */ .header-pricing .header-pricing-card.secondary .plan-name { background: #7F00FF } /* line 1120, src/assets/scss/components/_components-pricing.scss */ .header-pricing .header-pricing-card.accent .plan-name { background: #ad5cff } /*! _dropdowns.scss | Bulkit | CSS Ninja */ /* line 20, src/assets/scss/components/_components-dropdowns.scss */ .is-drop { position: relative; cursor: pointer } /* line 25, src/assets/scss/components/_components-dropdowns.scss */ .is-drop i.sl-icon-arrow-down { font-size: 8px !important; top: 2px !important } /* line 30, src/assets/scss/components/_components-dropdowns.scss */ .is-drop .drop-caret { position: relative; top: 5px } /* line 36, src/assets/scss/components/_components-dropdowns.scss */ .is-drop .dropContain { width: 220px; position: absolute; z-index: 3; left: 50%; margin-left: -165px; top: -500vh } /* line 45, src/assets/scss/components/_components-dropdowns.scss */ .is-drop .dropContain .dropOut { width: 220px; background: #fff; float: left; position: relative; margin-top: 15px; opacity: 0; border: 1px solid #ededed; border-radius: 4px; -webkit-box-shadow: 0 3px 10px 4px rgba(0, 0, 0, 0.04); box-shadow: 0 3px 10px 4px rgba(0, 0, 0, 0.04); -webkit-transition: all .5s ease-out; transition: all .5s ease-out } /* line 67, src/assets/scss/components/_components-dropdowns.scss */ .is-drop .dropContain .dropOut .triangle { width: 0; height: 0; position: absolute; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fff; top: -8px; left: 50%; margin-left: -8px } /* line 80, src/assets/scss/components/_components-dropdowns.scss */ .is-drop .dropContain .dropOut ul li { text-align: left; float: left; width: 200px; padding: 12px 0 10px 15px; margin: 3px 10px; color: #777; border-radius: 4px; -webkit-transition: background-color .2s ease-out; transition: background-color .2s ease-out } /* line 96, src/assets/scss/components/_components-dropdowns.scss */ .is-drop .dropContain .dropOut ul li:hover { background: #EFF4F7; cursor: pointer } /* line 102, src/assets/scss/components/_components-dropdowns.scss */ .is-drop .dropContain .dropOut ul li i.drop-icon { position: relative; top: 4px; margin-right: 15px } /* line 108, src/assets/scss/components/_components-dropdowns.scss */ .is-drop .dropContain .dropOut ul li i.drop-icon.sl { position: relative; top: 0; margin-right: 15px } /* line 116, src/assets/scss/components/_components-dropdowns.scss */ .is-drop .dropContain .dropOut ul { float: left; padding: 10px 0; list-style: none } /* line 122, src/assets/scss/components/_components-dropdowns.scss */ .is-drop .dropContain .dropOut ul.big-icons li { padding: 2px 0 10px 15px; color: #A9ABAC } /* line 127, src/assets/scss/components/_components-dropdowns.scss */ .is-drop .dropContain .dropOut ul.big-icons i.im { font-size: 18px; color: #A9ABAC; margin-right: 10px; position: relative; top: 1px } /* line 137, src/assets/scss/components/_components-dropdowns.scss */ .is-drop .dropContain .dropOut ul li.dropdown-divider { padding: 0 !important; border-radius: 0 !important; height: 5px; border-bottom: 1px solid #f2f2f2 } /* line 143, src/assets/scss/components/_components-dropdowns.scss */ .is-drop .dropContain .dropOut ul li.dropdown-divider:hover { background-color: #fff } /* line 151, src/assets/scss/components/_components-dropdowns.scss */ .is-drop .dropContain .dropOut.is-primary ul li:hover { background: #4FC1EA; color: #fff } /* line 156, src/assets/scss/components/_components-dropdowns.scss */ .is-drop .dropContain .dropOut.is-secondary ul li:hover { background: #7F00FF; color: #fff } /* line 161, src/assets/scss/components/_components-dropdowns.scss */ .is-drop .dropContain .dropOut.is-accent ul li:hover { background: #ad5cff; color: #fff } /* line 169, src/assets/scss/components/_components-dropdowns.scss */ .is-drop:hover .dropContain { top: 30px !important } /* line 173, src/assets/scss/components/_components-dropdowns.scss */ .is-drop:hover .dropContain .dropOut { -webkit-animation: fadeInUp 0.27s ease-out; animation: fadeInUp 0.27s ease-out; opacity: 1 } /* line 178, src/assets/scss/components/_components-dropdowns.scss */ .is-drop.drop-sm:hover .dropContain { top: 15px !important } /* line 182, src/assets/scss/components/_components-dropdowns.scss */ .is-drop.is-centered .dropContain { margin-left: -110px } /* line 186, src/assets/scss/components/_components-dropdowns.scss */ .is-drop.is-right .dropContain { margin-left: -55px } /* line 192, src/assets/scss/components/_components-dropdowns.scss */ button i.sl-icon-arrow-down { font-size: 8px !important; top: 2px !important; padding-left: 8px !important } /* line 203, src/assets/scss/components/_components-dropdowns.scss */ .jq-dropdown { position: absolute; top: 5px; z-index: 1039; display: none; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 0.27s; animation-duration: 0.27s; -webkit-animation-timing-function: ease; animation-timing-function: ease } /* line 212, src/assets/scss/components/_components-dropdowns.scss */ .jq-dropdown .jq-dropdown-menu, .jq-dropdown .jq-dropdown-panel { min-width: 220px; max-width: 360px; list-style: none; background: #fff; border: solid 1px #ddd; border-radius: 4px; -webkit-box-shadow: 0 3px 10px 4px rgba(0, 0, 0, 0.04); box-shadow: 0 3px 10px 4px rgba(0, 0, 0, 0.04); overflow: visible; padding: 4px 0; margin: 0 } /* line 227, src/assets/scss/components/_components-dropdowns.scss */ .jq-dropdown .jq-dropdown-panel { padding: 20px } /* line 231, src/assets/scss/components/_components-dropdowns.scss */ .jq-dropdown.jq-dropdown-tip { margin-top: 8px } /* line 234, src/assets/scss/components/_components-dropdowns.scss */ .jq-dropdown.jq-dropdown-tip:before { position: absolute; top: -6px; left: 9px; content: ""; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ddd; display: inline-block } /* line 245, src/assets/scss/components/_components-dropdowns.scss */ .jq-dropdown.jq-dropdown-tip:after { position: absolute; top: -5px; left: 10px; content: ""; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; display: inline-block } /* line 256, src/assets/scss/components/_components-dropdowns.scss */ .jq-dropdown.jq-dropdown-tip.jq-dropdown-anchor-right:before { left: auto; right: 9px } /* line 261, src/assets/scss/components/_components-dropdowns.scss */ .jq-dropdown.jq-dropdown-tip.jq-dropdown-anchor-right:after { left: auto; right: 10px } /* line 268, src/assets/scss/components/_components-dropdowns.scss */ .jq-dropdown.jq-dropdown-scroll .jq-dropdown-menu, .jq-dropdown.jq-dropdown-scroll .jq-dropdown-panel { max-height: 180px; overflow: auto } /* line 274, src/assets/scss/components/_components-dropdowns.scss */ .jq-dropdown.jq-dropdown-scroll .jq-dropdown-menu::-webkit-scrollbar { width: 10px } /* line 278, src/assets/scss/components/_components-dropdowns.scss */ .jq-dropdown.jq-dropdown-scroll .jq-dropdown-menu::-webkit-scrollbar-thumb { border-radius: 5px; background: rgba(0, 0, 0, 0.2) } /* line 285, src/assets/scss/components/_components-dropdowns.scss */ .jq-dropdown li { list-style: none; padding: 0 3px; text-indent: 0; margin: 0; line-height: 18px } /* line 293, src/assets/scss/components/_components-dropdowns.scss */ .jq-dropdown li>a, .jq-dropdown label { display: block; color: inherit; text-decoration: none; line-height: 18px; padding: 10px 15px; margin: 0; white-space: nowrap } /* line 302, src/assets/scss/components/_components-dropdowns.scss */ .jq-dropdown li>a:hover, .jq-dropdown label:hover { background-color: #EFF4F7; color: inherit; cursor: pointer } /* line 309, src/assets/scss/components/_components-dropdowns.scss */ .jq-dropdown .jq-dropdown-divider { font-size: 1px; border-top: solid 1px #e5e5e5; padding: 0; margin: 5px 0 } /* line 320, src/assets/scss/components/_components-dropdowns.scss */ .jq-dropdown .jq-dropdown-menu li>a:hover, .jq-dropdown .jq-dropdown .jq-dropdown-menu label:hover { background-color: #EFF4F7; color: inherit } /* line 327, src/assets/scss/components/_components-dropdowns.scss */ .jq-dropdown.is-primary .jq-dropdown-menu li>a:hover, .jq-dropdown.is-primary .jq-dropdown .jq-dropdown-menu label:hover { background-color: #4FC1EA; color: #fff } /* line 335, src/assets/scss/components/_components-dropdowns.scss */ .jq-dropdown.is-secondary .jq-dropdown-menu li>a:hover, .jq-dropdown.is-secondary .jq-dropdown .jq-dropdown-menu label:hover { background-color: #7F00FF; color: #fff } /* line 343, src/assets/scss/components/_components-dropdowns.scss */ .jq-dropdown.is-accent .jq-dropdown-menu li>a:hover, .jq-dropdown.is-accent .jq-dropdown .jq-dropdown-menu label:hover { background-color: #ad5cff; color: #fff } /* line 354, src/assets/scss/components/_components-dropdowns.scss */ .is-megamenu { padding: 0 !important } /* line 357, src/assets/scss/components/_components-dropdowns.scss */ .is-megamenu .mega-inner { position: relative; padding: 0.5rem 0 } /* line 361, src/assets/scss/components/_components-dropdowns.scss */ .is-megamenu .mega-inner .container { padding: 1rem } /* line 365, src/assets/scss/components/_components-dropdowns.scss */ .is-megamenu .mega-inner .column { padding-left: 0; padding-right: 0 } /* line 371, src/assets/scss/components/_components-dropdowns.scss */ .is-megamenu .mega-inner .navbar-item.is-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center } /* line 376, src/assets/scss/components/_components-dropdowns.scss */ .is-megamenu .mega-inner .navbar-item.is-flex i { font-size: 2.2rem; font-weight: 500; color: #cecece; -webkit-transition: all .3s; transition: all .3s } /* line 383, src/assets/scss/components/_components-dropdowns.scss */ .is-megamenu .mega-inner .navbar-item.is-flex div { margin: 0 10px } /* line 387, src/assets/scss/components/_components-dropdowns.scss */ .is-megamenu .mega-inner .navbar-item.is-flex:hover { background-color: #f5f5f5 } /* line 390, src/assets/scss/components/_components-dropdowns.scss */ .is-megamenu .mega-inner .navbar-item.is-flex:hover i { color: #7F00FF } /* line 398, src/assets/scss/components/_components-dropdowns.scss */ .is-megamenu .menu-image { position: absolute; right: 0; bottom: 0; z-index: 0; height: 220px } /* line 405, src/assets/scss/components/_components-dropdowns.scss */ .is-megamenu .menu-image img { height: 220px; max-height: none !important } /* line 411, src/assets/scss/components/_components-dropdowns.scss */ .is-megamenu .is-footer { padding: 0.375rem 1rem; position: relative; z-index: 2 } /* line 418, src/assets/scss/components/_components-dropdowns.scss */ .is-megamenu p.is-cta { padding: 0.5rem 1rem; font-size: 1rem } /* line 425, src/assets/scss/components/_components-dropdowns.scss */ .is-megamenu .mega-btn.primary-btn { background: #4FC1EA !important; color: #fff } /* line 430, src/assets/scss/components/_components-dropdowns.scss */ .is-megamenu .mega-btn.secondary-btn { background: #7F00FF !important; color: #fff } /* line 435, src/assets/scss/components/_components-dropdowns.scss */ .is-megamenu .mega-btn.accent-btn { background: #ad5cff !important; color: #fff } /* line 442, src/assets/scss/components/_components-dropdowns.scss */ .is-megamenu .level-left .level-item { text-transform: uppercase } /* line 447, src/assets/scss/components/_components-dropdowns.scss */ .is-megamenu .social-link { color: #fff; margin: 0 5px } /* line 451, src/assets/scss/components/_components-dropdowns.scss */ .is-megamenu .social-link i { font-size: 1rem } @media (max-width: 768px) { /* line 459, src/assets/scss/components/_components-dropdowns.scss */ .is-mega .navbar-link { display: none } /* line 465, src/assets/scss/components/_components-dropdowns.scss */ .navbar-item.is-flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } /* line 476, src/assets/scss/components/_components-dropdowns.scss */ .media.media-notification { -ms-flex-line-pack: center; align-content: center; cursor: pointer } /* line 481, src/assets/scss/components/_components-dropdowns.scss */ .media.media-notification:hover .notification-title { color: #4FC1EA } /* line 486, src/assets/scss/components/_components-dropdowns.scss */ .media.media-notification .timestamp { color: #A9ABAC; position: relative; top: 3px; font-size: 0.7rem } /* line 493, src/assets/scss/components/_components-dropdowns.scss */ .media.media-notification .notification-title { font-weight: 600 } /* line 497, src/assets/scss/components/_components-dropdowns.scss */ .media.media-notification .notification-text { font-size: 0.9rem !important; color: #878787 } /* line 503, src/assets/scss/components/_components-dropdowns.scss */ .media .see-all { margin-top: 20px; font-size: 0.7rem; text-transform: uppercase } /* line 509, src/assets/scss/components/_components-dropdowns.scss */ .media.icon-media { -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer } /* line 514, src/assets/scss/components/_components-dropdowns.scss */ .media.icon-media .media-left i { font-size: 1.8rem; color: #A9ABAC } /* line 519, src/assets/scss/components/_components-dropdowns.scss */ .media.icon-media .timestamp { color: #A9ABAC; position: relative; top: 3px; font-size: 0.7rem } /* line 526, src/assets/scss/components/_components-dropdowns.scss */ .media.icon-media .notification-title { font-weight: 600 } /* line 530, src/assets/scss/components/_components-dropdowns.scss */ .media.icon-media .notification-text { font-size: 0.9rem !important; color: #878787 } /*! _checkboxes.scss | Bulkit | CSS Ninja */ /* line 23, src/assets/scss/components/_extensions-checkboxes.scss */ .b-checkbox { position: relative } /* line 26, src/assets/scss/components/_extensions-checkboxes.scss */ .b-checkbox label { padding-left: 5px; cursor: pointer; font-size: 1rem; line-height: 1 } /* line 34, src/assets/scss/components/_extensions-checkboxes.scss */ .b-checkbox label::before { content: ""; position: absolute; width: 17px; height: 17px; left: 0; top: 1px; border: 1px solid #dbdbdb; border-radius: 3px; background-color: #fff; -webkit-transition: background-color .1s ease-in-out; transition: background-color .1s ease-in-out } /* line 47, src/assets/scss/components/_extensions-checkboxes.scss */ .b-checkbox label::after { position: absolute; width: 16px; height: 16px; left: 3px; top: 3px; font-size: 12px; color: #363636 } /* line 58, src/assets/scss/components/_extensions-checkboxes.scss */ .b-checkbox input[type="checkbox"], .b-checkbox input[type="radio"] { opacity: 0; z-index: 1; cursor: pointer } /* line 66, src/assets/scss/components/_extensions-checkboxes.scss */ .b-checkbox input[type="checkbox"]:checked+label::after, .b-checkbox input[type="radio"]:checked+label::after { font-family: "FontAwesome"; content: "\f00c" } /* line 73, src/assets/scss/components/_extensions-checkboxes.scss */ .b-checkbox input[type="checkbox"]:disabled, .b-checkbox input[type="radio"]:disabled { cursor: not-allowed } /* line 78, src/assets/scss/components/_extensions-checkboxes.scss */ .b-checkbox input[type="checkbox"]:disabled+label, .b-checkbox input[type="radio"]:disabled+label { opacity: 0.65 } /* line 83, src/assets/scss/components/_extensions-checkboxes.scss */ .b-checkbox input[type="checkbox"]:disabled+label::before, .b-checkbox input[type="radio"]:disabled+label::before { background-color: #fcfcfc; cursor: not-allowed } /* line 90, src/assets/scss/components/_extensions-checkboxes.scss */ .b-checkbox.is-circular label::before { border-radius: 50% } /* line 95, src/assets/scss/components/_extensions-checkboxes.scss */ .b-checkbox.is-inline { display: inline-block; font-weight: normal } /* line 100, src/assets/scss/components/_extensions-checkboxes.scss */ .b-checkbox.is-inline+.is-inline { margin-left: 10px } /* line 105, src/assets/scss/components/_extensions-checkboxes.scss */ .b-checkbox.is-primary input[type="checkbox"]:checked+label::before { background-color: #4FC1EA; border-color: #4FC1EA } /* line 110, src/assets/scss/components/_extensions-checkboxes.scss */ .b-checkbox.is-primary input[type="checkbox"]:checked+label::after { color: #fff } /* line 114, src/assets/scss/components/_extensions-checkboxes.scss */ .b-checkbox.is-secondary input[type="checkbox"]:checked+label::before { background-color: #7F00FF; border-color: #7F00FF } /* line 119, src/assets/scss/components/_extensions-checkboxes.scss */ .b-checkbox.is-secondary input[type="checkbox"]:checked+label::after { color: #fff } /* line 123, src/assets/scss/components/_extensions-checkboxes.scss */ .b-checkbox.is-accent input[type="checkbox"]:checked+label::before { background-color: #ad5cff; border-color: #ad5cff } /* line 128, src/assets/scss/components/_extensions-checkboxes.scss */ .b-checkbox.is-accent input[type="checkbox"]:checked+label::after { color: #fff } /* line 132, src/assets/scss/components/_extensions-checkboxes.scss */ .b-checkbox.is-danger input[type="checkbox"]:checked+label::before { background-color: #FF7273; border-color: #FF7273 } /* line 137, src/assets/scss/components/_extensions-checkboxes.scss */ .b-checkbox.is-danger input[type="checkbox"]:checked+label::after { color: #fff } /* line 141, src/assets/scss/components/_extensions-checkboxes.scss */ .b-checkbox.is-info input[type="checkbox"]:checked+label::before { background-color: #039BE5; border-color: #039BE5 } /* line 146, src/assets/scss/components/_extensions-checkboxes.scss */ .b-checkbox.is-info input[type="checkbox"]:checked+label::after { color: #fff } /* line 150, src/assets/scss/components/_extensions-checkboxes.scss */ .b-checkbox.is-warning input[type="checkbox"]:checked+label::before { background-color: #eda514; border-color: #eda514 } /* line 155, src/assets/scss/components/_extensions-checkboxes.scss */ .b-checkbox.is-warning input[type="checkbox"]:checked+label::after { color: #fff } /* line 159, src/assets/scss/components/_extensions-checkboxes.scss */ .b-checkbox.is-success input[type="checkbox"]:checked+label::before { background-color: #00b289; border-color: #00b289 } /* line 164, src/assets/scss/components/_extensions-checkboxes.scss */ .b-checkbox.is-success input[type="checkbox"]:checked+label::after { color: #fff } /* line 168, src/assets/scss/components/_extensions-checkboxes.scss */ .b-checkbox.is-dark input[type="checkbox"]:checked+label::before { background-color: #444; border-color: #444 } /* line 173, src/assets/scss/components/_extensions-checkboxes.scss */ .b-checkbox.is-dark input[type="checkbox"]:checked+label::after { color: #fff } /* line 177, src/assets/scss/components/_extensions-checkboxes.scss */ .b-checkbox input[type="checkbox"].styled:checked+label:after { font-family: "FontAwesome"; content: "\f00c" } /* line 182, src/assets/scss/components/_extensions-checkboxes.scss */ .b-checkbox input[type="checkbox"] .styled:checked+label::before { color: #fff } /* line 186, src/assets/scss/components/_extensions-checkboxes.scss */ .b-checkbox input[type="checkbox"] .styled:checked+label::after { color: #fff } /*! _badge.scss | Bulkit | CSS Ninja */ /* line 73, src/assets/scss/components/_extensions-badge.scss */ .badge { position: relative; white-space: nowrap; position: relative } /* line 79, src/assets/scss/components/_extensions-badge.scss */ .badge[data-badge]::after { position: absolute; left: 100%; z-index: 99; margin: 0; background: #444F60; background-clip: padding-box; border-radius: 1rem; -webkit-box-shadow: 0 0 0 .1rem #fff; box-shadow: 0 0 0 .1rem #fff; color: #fff; content: attr(data-badge); display: inline-block } /* line 92, src/assets/scss/components/_extensions-badge.scss */ .badge[data-badge]::after.is-badge-outlined { background: #fff; border: 1px solid #444F60; color: #444F60 } /* line 99, src/assets/scss/components/_extensions-badge.scss */ .badge:not([data-badge=""])::after { padding: 0.3rem 0.5rem; text-align: center; white-space: nowrap } /* line 105, src/assets/scss/components/_extensions-badge.scss */ .badge[data-badge=""]::after { display: inline-block; vertical-align: inherit } /* line 112, src/assets/scss/components/_extensions-badge.scss */ .badge.is-badge-outlined[data-badge]::after { background-color: #fff; -webkit-box-shadow: none; box-shadow: none; border: .1rem solid #444F60; color: #444F60 } /* line 119, src/assets/scss/components/_extensions-badge.scss */ .badge.is-badge-outlined.badge-primary::after { background: #fff; border: .1rem solid #4FC1EA; color: #4FC1EA } /* line 125, src/assets/scss/components/_extensions-badge.scss */ .badge.is-badge-outlined.badge-secondary::after { background: #fff; border: .1rem solid #7F00FF; color: #7F00FF } /* line 131, src/assets/scss/components/_extensions-badge.scss */ .badge.is-badge-outlined.badge-accent::after { background: #fff; border: .1rem solid #ad5cff; color: #ad5cff } /* line 137, src/assets/scss/components/_extensions-badge.scss */ .badge.is-badge-outlined.badge-success::after { background: #fff; border: .1rem solid #00b289; color: #00b289 } /* line 143, src/assets/scss/components/_extensions-badge.scss */ .badge.is-badge-outlined.badge-warning::after { background: #fff; border: .1rem solid #eda514; color: #eda514 } /* line 149, src/assets/scss/components/_extensions-badge.scss */ .badge.is-badge-outlined.badge-danger::after { background: #fff; border: .1rem solid #FF7273; color: #FF7273 } /* line 155, src/assets/scss/components/_extensions-badge.scss */ .badge.is-badge-outlined.badge-info::after { background: #fff; border: .1rem solid #039BE5; color: #039BE5 } /* line 34, src/assets/scss/components/_extensions-badge.scss */ .badge[data-badge]::after { top: calc(0px - ( 1.2rem / 2)); left: calc(100% - ( 1.2rem / 2)); min-height: 1.2rem; min-width: 1.2rem } /* line 41, src/assets/scss/components/_extensions-badge.scss */ .badge:not([data-badge=""])::after { font-size: .9rem; line-height: .6rem } /* line 46, src/assets/scss/components/_extensions-badge.scss */ .badge[data-badge=""]::after { width: 1.2rem } /* line 51, src/assets/scss/components/_extensions-badge.scss */ .badge.is-badge-left::after { left: calc(0px - ( 1.2rem / 2)) } /* line 57, src/assets/scss/components/_extensions-badge.scss */ .badge.is-badge-bottom::after { top: calc(100% - ( 1.2rem / 2)) } /* line 63, src/assets/scss/components/_extensions-badge.scss */ .badge.is-badge-bottom-left::after { left: calc(0px - ( 1.2rem / 2)); top: calc(100% - ( 1.2rem / 2)) } /* line 34, src/assets/scss/components/_extensions-badge.scss */ .badge.is-badge-small[data-badge]::after { top: calc(0px - ( .9rem / 2)); left: calc(100% - ( .9rem / 2)); min-height: .9rem; min-width: .9rem } /* line 41, src/assets/scss/components/_extensions-badge.scss */ .badge.is-badge-small:not([data-badge=""])::after { font-size: .675rem; line-height: .45rem } /* line 46, src/assets/scss/components/_extensions-badge.scss */ .badge.is-badge-small[data-badge=""]::after { width: .9rem } /* line 51, src/assets/scss/components/_extensions-badge.scss */ .badge.is-badge-small.is-badge-left::after { left: calc(0px - ( .9rem / 2)) } /* line 57, src/assets/scss/components/_extensions-badge.scss */ .badge.is-badge-small.is-badge-bottom::after { top: calc(100% - ( .9rem / 2)) } /* line 63, src/assets/scss/components/_extensions-badge.scss */ .badge.is-badge-small.is-badge-bottom-left::after { left: calc(0px - ( .9rem / 2)); top: calc(100% - ( .9rem / 2)) } /* line 34, src/assets/scss/components/_extensions-badge.scss */ .badge.is-badge-medium[data-badge]::after { top: calc(0px - ( 1.6rem / 2)); left: calc(100% - ( 1.6rem / 2)); min-height: 1.6rem; min-width: 1.6rem } /* line 41, src/assets/scss/components/_extensions-badge.scss */ .badge.is-badge-medium:not([data-badge=""])::after { font-size: 1.2rem; line-height: .8rem } /* line 46, src/assets/scss/components/_extensions-badge.scss */ .badge.is-badge-medium[data-badge=""]::after { width: 1.6rem } /* line 51, src/assets/scss/components/_extensions-badge.scss */ .badge.is-badge-medium.is-badge-left::after { left: calc(0px - ( 1.6rem / 2)) } /* line 57, src/assets/scss/components/_extensions-badge.scss */ .badge.is-badge-medium.is-badge-bottom::after { top: calc(100% - ( 1.6rem / 2)) } /* line 63, src/assets/scss/components/_extensions-badge.scss */ .badge.is-badge-medium.is-badge-bottom-left::after { left: calc(0px - ( 1.6rem / 2)); top: calc(100% - ( 1.6rem / 2)) } /* line 34, src/assets/scss/components/_extensions-badge.scss */ .badge.is-badge-large[data-badge]::after { top: calc(0px - ( 2rem / 2)); left: calc(100% - ( 2rem / 2)); min-height: 2rem; min-width: 2rem } /* line 41, src/assets/scss/components/_extensions-badge.scss */ .badge.is-badge-large:not([data-badge=""])::after { font-size: 1.5rem; line-height: 1rem } /* line 46, src/assets/scss/components/_extensions-badge.scss */ .badge.is-badge-large[data-badge=""]::after { width: 2rem } /* line 51, src/assets/scss/components/_extensions-badge.scss */ .badge.is-badge-large.is-badge-left::after { left: calc(0px - ( 2rem / 2)) } /* line 57, src/assets/scss/components/_extensions-badge.scss */ .badge.is-badge-large.is-badge-bottom::after { top: calc(100% - ( 2rem / 2)) } /* line 63, src/assets/scss/components/_extensions-badge.scss */ .badge.is-badge-large.is-badge-bottom-left::after { left: calc(0px - ( 2rem / 2)); top: calc(100% - ( 2rem / 2)) } /* line 178, src/assets/scss/components/_extensions-badge.scss */ .badge.badge-primary::after { background: #4FC1EA } /* line 182, src/assets/scss/components/_extensions-badge.scss */ .badge.badge-secondary::after { background: #7F00FF } /* line 186, src/assets/scss/components/_extensions-badge.scss */ .badge.badge-accent::after { background: #ad5cff } /* line 190, src/assets/scss/components/_extensions-badge.scss */ .badge.badge-success::after { background: #00b289 } /* line 194, src/assets/scss/components/_extensions-badge.scss */ .badge.badge-warning::after { background: #eda514 } /* line 198, src/assets/scss/components/_extensions-badge.scss */ .badge.badge-danger::after { background: #FF7273 } /* line 202, src/assets/scss/components/_extensions-badge.scss */ .badge.badge-info::after { background: #039BE5 } /*! _range.scss | Bulkit | CSS Ninja */ /* line 105, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 1rem 0; background: transparent } /* line 112, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider.is-fullwidth { display: block; width: 100% } /* line 117, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider:focus { outline: none } /* line 122, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider:not([orient="vertical"])::-webkit-slider-runnable-track { width: 100% } /* line 126, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider:not([orient="vertical"])::-moz-range-track { width: 100% } /* line 130, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider:not([orient="vertical"])::-ms-track { width: 100% } /* line 137, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider:not([orient="vertical"]).has-output+output, input[type=range].slider:not([orient="vertical"]).has-output-tooltip+output { width: 3.1rem; background: #878787; border-radius: 3px; padding: 0.4rem 0.8rem; font-size: 0.9rem; line-height: 1rem; text-align: center; text-overflow: ellipsis; white-space: nowrap; color: #fff; overflow: hidden; pointer-events: none; z-index: 1 } /* line 154, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider:not([orient="vertical"]).has-output { display: inline-block; width: calc(100% - ( $slider-output-width + 1rem)) } /* line 158, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider:not([orient="vertical"]).has-output+output { display: inline-block; position: relative; margin-left: 0.75rem; top: -0.75rem } /* line 166, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider:not([orient="vertical"]).has-output-tooltip { display: block } /* line 169, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider:not([orient="vertical"]).has-output-tooltip+output { position: absolute; left: 0; top: 2rem } /* line 178, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider[orient="vertical"] { -webkit-appearance: slider-vertical; -webkit-writing-mode: bt-lr; -ms-writing-mode: bt-lr; writing-mode: bt-lr } /* line 182, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider[orient="vertical"]::-webkit-slider-runnable-track { height: 100% } /* line 186, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider[orient="vertical"]::-moz-range-track { height: 100% } /* line 190, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider[orient="vertical"]::-ms-track { height: 100% } /* line 194, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider[orient="vertical"]::-webkit-slider-thumb { position: relative; left: -2px; height: 2rem; width: 2rem; border-radius: 100px } /* line 204, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider::-webkit-slider-runnable-track { cursor: pointer; animate: 0.2s; -webkit-box-shadow: 0px 0px 0px #666; box-shadow: 0px 0px 0px #666; background: #cecece; border-radius: 50px; border: 0px solid #666 } /* line 213, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider::-moz-range-track { cursor: pointer; animate: 0.2s; box-shadow: 0px 0px 0px #666; background: #cecece; border-radius: 50px; border: 0px solid #666 } /* line 222, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider::-ms-track { cursor: pointer; animate: 0.2s; box-shadow: 0px 0px 0px #666; background: #cecece; border-radius: 50px; border: 0px solid #666 } /* line 231, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider::-ms-fill-lower { background: #4FC1EA } /* line 235, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider::-ms-fill-upper { background: #EFF4F7 } /* line 240, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider::-webkit-slider-thumb { -webkit-box-shadow: none; box-shadow: none; border: 1px solid #c1c1c1; border-radius: 50px; background: #fff; cursor: pointer; -webkit-appearance: none; transition: transform 0.2s ease, -webkit-transform 0.2s ease; -webkit-transition: -webkit-transform 0.2s ease; transition: transform 0.2s ease; transition: -webkit-transform 0.2s ease } /* line 252, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider::-moz-range-thumb { box-shadow: none; border: 1px solid #c1c1c1; background: #fff; border-radius: 50px; cursor: pointer; transition: transform 0.2s ease, -webkit-transform 0.2s ease; -moz-transition: transform 0.2s ease; transition: transform 0.2s ease; transition: -webkit-transform 0.2s ease } /* line 263, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider::-ms-thumb { box-shadow: none; border: 1px solid #c1c1c1; background: #fff; border-radius: 50px; cursor: pointer; transition: transform 0.2s ease, -webkit-transform 0.2s ease; -ms-transition: transform 0.2s ease; transition: transform 0.2s ease; transition: -webkit-transform 0.2s ease } /* line 274, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider::-webkit-slider-thumb { -webkit-appearance: none } /* line 279, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider:active::-webkit-slider-thumb { -webkit-transform: scale(1.25); transform: scale(1.25) } /* line 284, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider:active::-moz-range-thumb { transform: scale(1.25) } /* line 288, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider:active::-ms-thumb { transform: scale(1.25) } /* line 295, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider:disabled { opacity: 0.5; cursor: not-allowed } /* line 299, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider:disabled::-webkit-slider-thumb { cursor: not-allowed; -webkit-transform: scale(1); transform: scale(1) } /* line 305, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider:disabled::-moz-range-thumb { cursor: not-allowed; transform: scale(1) } /* line 310, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider:disabled::-ms-thumb { cursor: not-allowed; transform: scale(1) } /* line 47, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider:not([orient="vertical"])::-webkit-slider-runnable-track { height: .6rem } /* line 51, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider:not([orient="vertical"])::-moz-range-track { height: .6rem } /* line 55, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider:not([orient="vertical"])::-ms-track { height: .6rem } /* line 62, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider[orient="vertical"]::-webkit-slider-runnable-track { width: .6rem } /* line 66, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider[orient="vertical"]::-moz-range-track { width: .6rem } /* line 70, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider[orient="vertical"]::-ms-track { width: .6rem } /* line 76, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider::-webkit-slider-thumb { height: 1.2rem; width: 1.2rem; margin-top: -.3rem } /* line 82, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider::-moz-range-thumb { height: 1.2rem; width: 1.2rem } /* line 87, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider::-ms-thumb { height: 1.2rem; width: 1.2rem } /* line 93, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider[orient="vertical"]::-webkit-slider-thumb { margin-top: auto; margin-left: -.3rem } /* line 47, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider.is-small:not([orient="vertical"])::-webkit-slider-runnable-track { height: .5rem } /* line 51, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider.is-small:not([orient="vertical"])::-moz-range-track { height: .5rem } /* line 55, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider.is-small:not([orient="vertical"])::-ms-track { height: .5rem } /* line 62, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider.is-small[orient="vertical"]::-webkit-slider-runnable-track { width: .5rem } /* line 66, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider.is-small[orient="vertical"]::-moz-range-track { width: .5rem } /* line 70, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider.is-small[orient="vertical"]::-ms-track { width: .5rem } /* line 76, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider.is-small::-webkit-slider-thumb { height: 1rem; width: 1rem; margin-top: -.25rem } /* line 82, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider.is-small::-moz-range-thumb { height: 1rem; width: 1rem } /* line 87, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider.is-small::-ms-thumb { height: 1rem; width: 1rem } /* line 93, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider.is-small[orient="vertical"]::-webkit-slider-thumb { margin-top: auto; margin-left: -.25rem } /* line 47, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider.is-medium:not([orient="vertical"])::-webkit-slider-runnable-track { height: .75rem } /* line 51, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider.is-medium:not([orient="vertical"])::-moz-range-track { height: .75rem } /* line 55, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider.is-medium:not([orient="vertical"])::-ms-track { height: .75rem } /* line 62, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider.is-medium[orient="vertical"]::-webkit-slider-runnable-track { width: .75rem } /* line 66, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider.is-medium[orient="vertical"]::-moz-range-track { width: .75rem } /* line 70, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider.is-medium[orient="vertical"]::-ms-track { width: .75rem } /* line 76, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider.is-medium::-webkit-slider-thumb { height: 1.5rem; width: 1.5rem; margin-top: -.375rem } /* line 82, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider.is-medium::-moz-range-thumb { height: 1.5rem; width: 1.5rem } /* line 87, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider.is-medium::-ms-thumb { height: 1.5rem; width: 1.5rem } /* line 93, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider.is-medium[orient="vertical"]::-webkit-slider-thumb { margin-top: auto; margin-left: -.375rem } /* line 47, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider.is-large:not([orient="vertical"])::-webkit-slider-runnable-track { height: .9rem } /* line 51, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider.is-large:not([orient="vertical"])::-moz-range-track { height: .9rem } /* line 55, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider.is-large:not([orient="vertical"])::-ms-track { height: .9rem } /* line 62, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider.is-large[orient="vertical"]::-webkit-slider-runnable-track { width: .9rem } /* line 66, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider.is-large[orient="vertical"]::-moz-range-track { width: .9rem } /* line 70, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider.is-large[orient="vertical"]::-ms-track { width: .9rem } /* line 76, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider.is-large::-webkit-slider-thumb { height: 1.8rem; width: 1.8rem; margin-top: -.45rem } /* line 82, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider.is-large::-moz-range-thumb { height: 1.8rem; width: 1.8rem } /* line 87, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider.is-large::-ms-thumb { height: 1.8rem; width: 1.8rem } /* line 93, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider.is-large[orient="vertical"]::-webkit-slider-thumb { margin-top: auto; margin-left: -.45rem } /* line 334, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider.is-primary::-webkit-slider-runnable-track { background: #4FC1EA } /* line 338, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider.is-primary::-moz-range-track { background: #4FC1EA } /* line 342, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider.is-primary::-ms-track { background: #4FC1EA } /* line 348, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider.is-secondary::-webkit-slider-runnable-track { background: #7F00FF } /* line 352, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider.is-secondary::-moz-range-track { background: #7F00FF } /* line 356, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider.is-secondary::-ms-track { background: #7F00FF } /* line 362, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider.is-accent::-webkit-slider-runnable-track { background: #ad5cff } /* line 366, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider.is-accent::-moz-range-track { background: #ad5cff } /* line 370, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider.is-accent::-ms-track { background: #ad5cff } /* line 376, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider.is-info::-webkit-slider-runnable-track { background: #039BE5 } /* line 380, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider.is-info::-moz-range-track { background: #039BE5 } /* line 384, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider.is-info::-ms-track { background: #039BE5 } /* line 390, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider.is-success::-webkit-slider-runnable-track { background: #00b289 } /* line 394, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider.is-success::-moz-range-track { background: #00b289 } /* line 398, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider.is-success::-ms-track { background: #00b289 } /* line 404, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider.is-warning::-webkit-slider-runnable-track { background: #eda514 } /* line 408, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider.is-warning::-moz-range-track { background: #eda514 } /* line 412, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider.is-warning::-ms-track { background: #eda514 } /* line 418, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider.is-danger::-webkit-slider-runnable-track { background: #FF7273 } /* line 422, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider.is-danger::-moz-range-track { background: #FF7273 } /* line 426, src/assets/scss/components/_extensions-range.scss */ input[type=range].slider.is-danger::-ms-track { background: #FF7273 } /*! _ribbon.scss | Bulkit | CSS Ninja */ /* line 48, src/assets/scss/components/_extensions-ribbon.scss */ .has-ribbon { position: relative } /* line 53, src/assets/scss/components/_extensions-ribbon.scss */ .has-ribbon-left { position: relative } /* line 56, src/assets/scss/components/_extensions-ribbon.scss */ .has-ribbon-left .ribbon { right: auto; left: 0; border-left: none; border-right: 0.1rem solid #ededed } /* line 65, src/assets/scss/components/_extensions-ribbon.scss */ .has-ribbon-bottom { position: relative } /* line 68, src/assets/scss/components/_extensions-ribbon.scss */ .has-ribbon-bottom .ribbon { top: auto; bottom: 0.5em } /* line 77, src/assets/scss/components/_extensions-ribbon.scss */ .ribbon { background-color: #fff; border: 0.1rem solid #ededed; border-right: none; color: #999; font-size: 1rem !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 0.75em; padding-right: 0.75em; padding-top: 0.2rem; padding-bottom: 0.2rem; text-align: center; white-space: nowrap; position: absolute; top: 0.5em; right: 0; font-weight: 400; z-index: 2 } /* line 97, src/assets/scss/components/_extensions-ribbon.scss */ .ribbon.is-primary { background-color: #4FC1EA; color: #fff; border-color: #4FC1EA } /* line 103, src/assets/scss/components/_extensions-ribbon.scss */ .ribbon.is-secondary { background-color: #7F00FF; color: #fff; border-color: #7F00FF } /* line 109, src/assets/scss/components/_extensions-ribbon.scss */ .ribbon.is-accent { background-color: #ad5cff; color: #fff; border-color: #ad5cff } /* line 115, src/assets/scss/components/_extensions-ribbon.scss */ .ribbon.is-success { background-color: #00b289; color: #fff; border-color: #00b289 } /* line 121, src/assets/scss/components/_extensions-ribbon.scss */ .ribbon.is-warning { background-color: #eda514; color: #fff; border-color: #eda514 } /* line 127, src/assets/scss/components/_extensions-ribbon.scss */ .ribbon.is-danger { background-color: #FF7273; color: #fff; border-color: #FF7273 } /* line 133, src/assets/scss/components/_extensions-ribbon.scss */ .ribbon.is-info { background-color: #039BE5; color: #fff; border-color: #039BE5 } /* line 140, src/assets/scss/components/_extensions-ribbon.scss */ .ribbon.is-small { font-size: 0.8rem !important } /* line 144, src/assets/scss/components/_extensions-ribbon.scss */ .ribbon.is-medium { font-size: 1.3rem !important } /* line 148, src/assets/scss/components/_extensions-ribbon.scss */ .ribbon.is-large { font-size: 1.6rem !important } /* line 153, src/assets/scss/components/_extensions-ribbon.scss */ .ribbon.is-outlined { background-color: transparent } /*! _slider.scss | Bulkit | CSS Ninja */ /* line 103, src/assets/scss/components/_extensions-slider.scss */ .bubble-range { -webkit-appearance: none; margin: 12.5px 0; width: 100% } /* line 108, src/assets/scss/components/_extensions-slider.scss */ .bubble-range:focus { outline: none } /* line 113, src/assets/scss/components/_extensions-slider.scss */ .bubble-range::-webkit-slider-thumb { position: relative; border: 5px solid rgba(255, 255, 255, 0.5); height: 25px; width: 25px; border-radius: 100%; background: #01c9ca; cursor: pointer; z-index: 1; -webkit-appearance: none; margin-top: -10px } /* line 120, src/assets/scss/components/_extensions-slider.scss */ .bubble-range:focus::-webkit-slider-runnable-track { background: #cecece } /* line 124, src/assets/scss/components/_extensions-slider.scss */ .bubble-range::-moz-range-thumb { position: relative; border: 5px solid rgba(255, 255, 255, 0.5); height: 25px; width: 25px; border-radius: 100%; background: #01c9ca; cursor: pointer; z-index: 1 } /* line 128, src/assets/scss/components/_extensions-slider.scss */ .bubble-range::-ms-thumb { position: relative; border: 5px solid rgba(255, 255, 255, 0.5); height: 25px; width: 25px; border-radius: 100%; background: #01c9ca; cursor: pointer; z-index: 1 } /* line 132, src/assets/scss/components/_extensions-slider.scss */ .bubble-range:focus::-ms-fill-lower { background: #cecece } /* line 136, src/assets/scss/components/_extensions-slider.scss */ .bubble-range:focus::-ms-fill-upper { background: #cecece } /* line 141, src/assets/scss/components/_extensions-slider.scss */ .bubble-range::-webkit-slider-runnable-track { width: 100%; height: 5px; cursor: pointer; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; background: #cecece; border: 0px solid #000; border-radius: 0px } /* line 149, src/assets/scss/components/_extensions-slider.scss */ .bubble-range::-moz-range-track { width: 100%; height: 5px; cursor: pointer; -moz-transition: all 0.2s ease; transition: all 0.2s ease; background: #cecece; border: 0px solid #000; border-radius: 0px } /* line 157, src/assets/scss/components/_extensions-slider.scss */ .bubble-range::-ms-track { width: 100%; height: 5px; cursor: pointer; -ms-transition: all 0.2s ease; transition: all 0.2s ease; background: transparent; border-color: transparent; border-width: 25px 0; color: transparent } /* line 166, src/assets/scss/components/_extensions-slider.scss */ .bubble-range::-ms-fill-lower { background: #cecece; border: 0px solid #000; border-radius: 0px } /* line 172, src/assets/scss/components/_extensions-slider.scss */ .bubble-range::-ms-fill-upper { background: #cecece; border: 0px solid #000; border-radius: 0px } /* line 182, src/assets/scss/components/_extensions-slider.scss */ .range { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; padding: 0 50px; width: 100% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='0'] .bubble-label { left: 0% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='1'] .bubble-label { left: 1% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='2'] .bubble-label { left: 2% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='3'] .bubble-label { left: 3% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='4'] .bubble-label { left: 4% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='5'] .bubble-label { left: 5% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='6'] .bubble-label { left: 6% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='7'] .bubble-label { left: 7% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='8'] .bubble-label { left: 8% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='9'] .bubble-label { left: 9% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='10'] .bubble-label { left: 10% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='11'] .bubble-label { left: 11% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='12'] .bubble-label { left: 12% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='13'] .bubble-label { left: 13% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='14'] .bubble-label { left: 14% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='15'] .bubble-label { left: 15% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='16'] .bubble-label { left: 16% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='17'] .bubble-label { left: 17% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='18'] .bubble-label { left: 18% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='19'] .bubble-label { left: 19% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='20'] .bubble-label { left: 20% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='21'] .bubble-label { left: 21% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='22'] .bubble-label { left: 22% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='23'] .bubble-label { left: 23% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='24'] .bubble-label { left: 24% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='25'] .bubble-label { left: 25% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='26'] .bubble-label { left: 26% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='27'] .bubble-label { left: 27% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='28'] .bubble-label { left: 28% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='29'] .bubble-label { left: 29% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='30'] .bubble-label { left: 30% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='31'] .bubble-label { left: 31% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='32'] .bubble-label { left: 32% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='33'] .bubble-label { left: 33% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='34'] .bubble-label { left: 34% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='35'] .bubble-label { left: 35% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='36'] .bubble-label { left: 36% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='37'] .bubble-label { left: 37% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='38'] .bubble-label { left: 38% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='39'] .bubble-label { left: 39% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='40'] .bubble-label { left: 40% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='41'] .bubble-label { left: 41% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='42'] .bubble-label { left: 42% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='43'] .bubble-label { left: 43% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='44'] .bubble-label { left: 44% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='45'] .bubble-label { left: 45% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='46'] .bubble-label { left: 46% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='47'] .bubble-label { left: 47% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='48'] .bubble-label { left: 48% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='49'] .bubble-label { left: 49% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='50'] .bubble-label { left: 50% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='51'] .bubble-label { left: 51% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='52'] .bubble-label { left: 52% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='53'] .bubble-label { left: 53% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='54'] .bubble-label { left: 54% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='55'] .bubble-label { left: 55% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='56'] .bubble-label { left: 56% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='57'] .bubble-label { left: 57% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='58'] .bubble-label { left: 58% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='59'] .bubble-label { left: 59% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='60'] .bubble-label { left: 60% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='61'] .bubble-label { left: 61% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='62'] .bubble-label { left: 62% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='63'] .bubble-label { left: 63% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='64'] .bubble-label { left: 64% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='65'] .bubble-label { left: 65% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='66'] .bubble-label { left: 66% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='67'] .bubble-label { left: 67% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='68'] .bubble-label { left: 68% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='69'] .bubble-label { left: 69% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='70'] .bubble-label { left: 70% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='71'] .bubble-label { left: 71% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='72'] .bubble-label { left: 72% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='73'] .bubble-label { left: 73% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='74'] .bubble-label { left: 74% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='75'] .bubble-label { left: 75% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='76'] .bubble-label { left: 76% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='77'] .bubble-label { left: 77% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='78'] .bubble-label { left: 78% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='79'] .bubble-label { left: 79% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='80'] .bubble-label { left: 80% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='81'] .bubble-label { left: 81% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='82'] .bubble-label { left: 82% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='83'] .bubble-label { left: 83% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='84'] .bubble-label { left: 84% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='85'] .bubble-label { left: 85% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='86'] .bubble-label { left: 86% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='87'] .bubble-label { left: 87% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='88'] .bubble-label { left: 88% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='89'] .bubble-label { left: 89% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='90'] .bubble-label { left: 90% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='91'] .bubble-label { left: 91% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='92'] .bubble-label { left: 92% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='93'] .bubble-label { left: 93% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='94'] .bubble-label { left: 94% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='95'] .bubble-label { left: 95% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='96'] .bubble-label { left: 96% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='97'] .bubble-label { left: 97% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='98'] .bubble-label { left: 98% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='99'] .bubble-label { left: 99% } /* line 189, src/assets/scss/components/_extensions-slider.scss */ .range[data-value='100'] .bubble-label { left: 100% } /* line 196, src/assets/scss/components/_extensions-slider.scss */ .range.is-primary .bubble-label .drop { background: #4FC1EA !important } /* line 201, src/assets/scss/components/_extensions-slider.scss */ .range.is-primary .bubble-range::-webkit-slider-thumb { position: relative; border: 5px solid #aae1f5; height: 25px; width: 25px; border-radius: 100%; background: #4FC1EA; cursor: pointer; z-index: 1; -webkit-appearance: none; margin-top: -10px } /* line 208, src/assets/scss/components/_extensions-slider.scss */ .range.is-primary .bubble-range::-moz-range-thumb { position: relative; border: 5px solid #aae1f5; height: 25px; width: 25px; border-radius: 100%; background: #4FC1EA; cursor: pointer; z-index: 1 } /* line 212, src/assets/scss/components/_extensions-slider.scss */ .range.is-primary .bubble-range::-ms-thumb { position: relative; border: 5px solid #aae1f5; height: 25px; width: 25px; border-radius: 100%; background: #4FC1EA; cursor: pointer; z-index: 1 } /* line 220, src/assets/scss/components/_extensions-slider.scss */ .range.is-secondary .bubble-label .drop { background: #7F00FF !important } /* line 225, src/assets/scss/components/_extensions-slider.scss */ .range.is-secondary .bubble-range::-webkit-slider-thumb { position: relative; border: 5px solid #b266ff; height: 25px; width: 25px; border-radius: 100%; background: #7F00FF; cursor: pointer; z-index: 1; -webkit-appearance: none; margin-top: -10px } /* line 232, src/assets/scss/components/_extensions-slider.scss */ .range.is-secondary .bubble-range::-moz-range-thumb { position: relative; border: 5px solid #b266ff; height: 25px; width: 25px; border-radius: 100%; background: #7F00FF; cursor: pointer; z-index: 1 } /* line 236, src/assets/scss/components/_extensions-slider.scss */ .range.is-secondary .bubble-range::-ms-thumb { position: relative; border: 5px solid #b266ff; height: 25px; width: 25px; border-radius: 100%; background: #7F00FF; cursor: pointer; z-index: 1 } /* line 244, src/assets/scss/components/_extensions-slider.scss */ .range.is-accent .bubble-label .drop { background: #ad5cff !important } /* line 249, src/assets/scss/components/_extensions-slider.scss */ .range.is-accent .bubble-range::-webkit-slider-thumb { position: relative; border: 5px solid #e0c2ff; height: 25px; width: 25px; border-radius: 100%; background: #ad5cff; cursor: pointer; z-index: 1; -webkit-appearance: none; margin-top: -10px } /* line 256, src/assets/scss/components/_extensions-slider.scss */ .range.is-accent .bubble-range::-moz-range-thumb { position: relative; border: 5px solid #e0c2ff; height: 25px; width: 25px; border-radius: 100%; background: #ad5cff; cursor: pointer; z-index: 1 } /* line 260, src/assets/scss/components/_extensions-slider.scss */ .range.is-accent .bubble-range::-ms-thumb { position: relative; border: 5px solid #e0c2ff; height: 25px; width: 25px; border-radius: 100%; background: #ad5cff; cursor: pointer; z-index: 1 } /* line 270, src/assets/scss/components/_extensions-slider.scss */ .bubble-label { position: relative; top: 0; margin-left: -40px; margin-bottom: 20px; width: 80px; -webkit-transform: scale(0.8); transform: scale(0.8) } /* line 279, src/assets/scss/components/_extensions-slider.scss */ .bubble-label .value { position: absolute; top: 30px; left: 0; right: 0; margin: 0 auto; text-align: center; font-size: 20px; font-weight: 700; color: #fff; z-index: 1 } /* line 293, src/assets/scss/components/_extensions-slider.scss */ .bubble-label .drop { -webkit-box-sizing: content-box !important; box-sizing: content-box !important; width: 80px; height: 80px; border-radius: 80% 0 55% 50% / 55% 0 80% 50%; background: #01c9ca; -webkit-transform: rotateZ(135deg); transform: rotateZ(135deg) } /* line 307, src/assets/scss/components/_extensions-slider.scss */ .input-box { position: relative; margin: 0 -12.5px; height: 60px } /* line 312, src/assets/scss/components/_extensions-slider.scss */ .input-box input[type="range"] { display: block; padding: 0; margin: 0; width: 100%; height: 60px; background: transparent } /* line 321, src/assets/scss/components/_extensions-slider.scss */ .input-box .bar { position: absolute; bottom: 50%; left: 0; margin: 0 0 -2.5px; height: 5px; background: #01c9ca; z-index: 0 } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='0'] .bar { margin-right: 25px; width: calc(0% - 25px / (100/0)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='1'] .bar { margin-right: 25px; width: calc(1% - 25px / (100/1)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='2'] .bar { margin-right: 25px; width: calc(2% - 25px / (100/2)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='3'] .bar { margin-right: 25px; width: calc(3% - 25px / (100/3)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='4'] .bar { margin-right: 25px; width: calc(4% - 25px / (100/4)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='5'] .bar { margin-right: 25px; width: calc(5% - 25px / (100/5)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='6'] .bar { margin-right: 25px; width: calc(6% - 25px / (100/6)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='7'] .bar { margin-right: 25px; width: calc(7% - 25px / (100/7)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='8'] .bar { margin-right: 25px; width: calc(8% - 25px / (100/8)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='9'] .bar { margin-right: 25px; width: calc(9% - 25px / (100/9)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='10'] .bar { margin-right: 25px; width: calc(10% - 25px / (100/10)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='11'] .bar { margin-right: 25px; width: calc(11% - 25px / (100/11)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='12'] .bar { margin-right: 25px; width: calc(12% - 25px / (100/12)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='13'] .bar { margin-right: 25px; width: calc(13% - 25px / (100/13)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='14'] .bar { margin-right: 25px; width: calc(14% - 25px / (100/14)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='15'] .bar { margin-right: 25px; width: calc(15% - 25px / (100/15)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='16'] .bar { margin-right: 25px; width: calc(16% - 25px / (100/16)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='17'] .bar { margin-right: 25px; width: calc(17% - 25px / (100/17)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='18'] .bar { margin-right: 25px; width: calc(18% - 25px / (100/18)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='19'] .bar { margin-right: 25px; width: calc(19% - 25px / (100/19)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='20'] .bar { margin-right: 25px; width: calc(20% - 25px / (100/20)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='21'] .bar { margin-right: 25px; width: calc(21% - 25px / (100/21)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='22'] .bar { margin-right: 25px; width: calc(22% - 25px / (100/22)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='23'] .bar { margin-right: 25px; width: calc(23% - 25px / (100/23)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='24'] .bar { margin-right: 25px; width: calc(24% - 25px / (100/24)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='25'] .bar { margin-right: 25px; width: calc(25% - 25px / (100/25)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='26'] .bar { margin-right: 25px; width: calc(26% - 25px / (100/26)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='27'] .bar { margin-right: 25px; width: calc(27% - 25px / (100/27)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='28'] .bar { margin-right: 25px; width: calc(28% - 25px / (100/28)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='29'] .bar { margin-right: 25px; width: calc(29% - 25px / (100/29)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='30'] .bar { margin-right: 25px; width: calc(30% - 25px / (100/30)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='31'] .bar { margin-right: 25px; width: calc(31% - 25px / (100/31)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='32'] .bar { margin-right: 25px; width: calc(32% - 25px / (100/32)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='33'] .bar { margin-right: 25px; width: calc(33% - 25px / (100/33)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='34'] .bar { margin-right: 25px; width: calc(34% - 25px / (100/34)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='35'] .bar { margin-right: 25px; width: calc(35% - 25px / (100/35)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='36'] .bar { margin-right: 25px; width: calc(36% - 25px / (100/36)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='37'] .bar { margin-right: 25px; width: calc(37% - 25px / (100/37)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='38'] .bar { margin-right: 25px; width: calc(38% - 25px / (100/38)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='39'] .bar { margin-right: 25px; width: calc(39% - 25px / (100/39)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='40'] .bar { margin-right: 25px; width: calc(40% - 25px / (100/40)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='41'] .bar { margin-right: 25px; width: calc(41% - 25px / (100/41)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='42'] .bar { margin-right: 25px; width: calc(42% - 25px / (100/42)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='43'] .bar { margin-right: 25px; width: calc(43% - 25px / (100/43)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='44'] .bar { margin-right: 25px; width: calc(44% - 25px / (100/44)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='45'] .bar { margin-right: 25px; width: calc(45% - 25px / (100/45)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='46'] .bar { margin-right: 25px; width: calc(46% - 25px / (100/46)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='47'] .bar { margin-right: 25px; width: calc(47% - 25px / (100/47)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='48'] .bar { margin-right: 25px; width: calc(48% - 25px / (100/48)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='49'] .bar { margin-right: 25px; width: calc(49% - 25px / (100/49)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='50'] .bar { margin-right: 25px; width: calc(50% - 25px / (100/50)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='51'] .bar { margin-right: 25px; width: calc(51% - 25px / (100/51)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='52'] .bar { margin-right: 25px; width: calc(52% - 25px / (100/52)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='53'] .bar { margin-right: 25px; width: calc(53% - 25px / (100/53)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='54'] .bar { margin-right: 25px; width: calc(54% - 25px / (100/54)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='55'] .bar { margin-right: 25px; width: calc(55% - 25px / (100/55)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='56'] .bar { margin-right: 25px; width: calc(56% - 25px / (100/56)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='57'] .bar { margin-right: 25px; width: calc(57% - 25px / (100/57)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='58'] .bar { margin-right: 25px; width: calc(58% - 25px / (100/58)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='59'] .bar { margin-right: 25px; width: calc(59% - 25px / (100/59)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='60'] .bar { margin-right: 25px; width: calc(60% - 25px / (100/60)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='61'] .bar { margin-right: 25px; width: calc(61% - 25px / (100/61)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='62'] .bar { margin-right: 25px; width: calc(62% - 25px / (100/62)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='63'] .bar { margin-right: 25px; width: calc(63% - 25px / (100/63)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='64'] .bar { margin-right: 25px; width: calc(64% - 25px / (100/64)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='65'] .bar { margin-right: 25px; width: calc(65% - 25px / (100/65)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='66'] .bar { margin-right: 25px; width: calc(66% - 25px / (100/66)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='67'] .bar { margin-right: 25px; width: calc(67% - 25px / (100/67)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='68'] .bar { margin-right: 25px; width: calc(68% - 25px / (100/68)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='69'] .bar { margin-right: 25px; width: calc(69% - 25px / (100/69)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='70'] .bar { margin-right: 25px; width: calc(70% - 25px / (100/70)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='71'] .bar { margin-right: 25px; width: calc(71% - 25px / (100/71)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='72'] .bar { margin-right: 25px; width: calc(72% - 25px / (100/72)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='73'] .bar { margin-right: 25px; width: calc(73% - 25px / (100/73)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='74'] .bar { margin-right: 25px; width: calc(74% - 25px / (100/74)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='75'] .bar { margin-right: 25px; width: calc(75% - 25px / (100/75)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='76'] .bar { margin-right: 25px; width: calc(76% - 25px / (100/76)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='77'] .bar { margin-right: 25px; width: calc(77% - 25px / (100/77)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='78'] .bar { margin-right: 25px; width: calc(78% - 25px / (100/78)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='79'] .bar { margin-right: 25px; width: calc(79% - 25px / (100/79)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='80'] .bar { margin-right: 25px; width: calc(80% - 25px / (100/80)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='81'] .bar { margin-right: 25px; width: calc(81% - 25px / (100/81)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='82'] .bar { margin-right: 25px; width: calc(82% - 25px / (100/82)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='83'] .bar { margin-right: 25px; width: calc(83% - 25px / (100/83)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='84'] .bar { margin-right: 25px; width: calc(84% - 25px / (100/84)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='85'] .bar { margin-right: 25px; width: calc(85% - 25px / (100/85)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='86'] .bar { margin-right: 25px; width: calc(86% - 25px / (100/86)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='87'] .bar { margin-right: 25px; width: calc(87% - 25px / (100/87)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='88'] .bar { margin-right: 25px; width: calc(88% - 25px / (100/88)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='89'] .bar { margin-right: 25px; width: calc(89% - 25px / (100/89)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='90'] .bar { margin-right: 25px; width: calc(90% - 25px / (100/90)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='91'] .bar { margin-right: 25px; width: calc(91% - 25px / (100/91)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='92'] .bar { margin-right: 25px; width: calc(92% - 25px / (100/92)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='93'] .bar { margin-right: 25px; width: calc(93% - 25px / (100/93)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='94'] .bar { margin-right: 25px; width: calc(94% - 25px / (100/94)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='95'] .bar { margin-right: 25px; width: calc(95% - 25px / (100/95)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='96'] .bar { margin-right: 25px; width: calc(96% - 25px / (100/96)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='97'] .bar { margin-right: 25px; width: calc(97% - 25px / (100/97)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='98'] .bar { margin-right: 25px; width: calc(98% - 25px / (100/98)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='99'] .bar { margin-right: 25px; width: calc(99% - 25px / (100/99)) } /* line 333, src/assets/scss/components/_extensions-slider.scss */ .input-box[data-value='100'] .bar { margin-right: 25px; width: calc(100% - 25px / (100/100)) } /*! _switch.scss | Bulkit | CSS Ninja */ /* line 262, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"] { outline: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: none; opacity: 0; position: absolute; width: 100%; height: 100% } /* line 272, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"][disabled] { cursor: not-allowed } /* line 275, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"][disabled]+label { opacity: 0.5 } /* line 278, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"][disabled]+label::before { opactiy: 0.5 } /* line 282, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"][disabled]+label::after { opactiy: 0.5 } /* line 286, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"][disabled]+label:hover, .switch[type="checkbox"][disabled]+label.is-hovered { cursor: not-allowed } /* line 44, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"]+label { position: relative; display: initial; font-size: 1.2rem; line-height: initial; padding-left: 4.1rem; padding-top: 0.2rem; cursor: pointer } /* line 53, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"]+label::before { position: absolute; display: block; top: 0; left: 0; width: 3.6rem; height: 1.8rem; border: 0.1rem solid transparent; border-radius: 100px; background: #ededed; content: "" } /* line 66, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"]+label::after { display: block; position: absolute; top: .25rem; left: .25rem; width: 1.3rem; height: 1.3rem; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); border-radius: 100px; background: #fff; -webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; content: "" } /* line 82, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-rtl+label { padding-left: 0; padding-right: 4.1rem } /* line 86, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-rtl+label::before { left: auto; right: 0 } /* line 91, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-rtl+label::after { left: auto; right: .25rem } /* line 101, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"]:focus:not(:active)+label::before { -webkit-box-shadow: 0 0 0 0.125em rgba(237, 237, 237, 0.25); box-shadow: 0 0 0 0.125em rgba(237, 237, 237, 0.25) } /* line 110, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"]:hover+label::before { background: #e7e7e7 } /* line 118, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"]:active+label::before { background: #e0e0e0 } /* line 126, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"]:checked+label::before { background: #878787 } /* line 130, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"]:checked+label::after { left: 1.925rem } /* line 137, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"]:checked.is-rtl+label::after { left: auto; right: 1.925rem } /* line 147, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"]:checked:focus:not(:active)+label::before { -webkit-box-shadow: 0 0 0 0.125em rgba(135, 135, 135, 0.25); box-shadow: 0 0 0 0.125em rgba(135, 135, 135, 0.25) } /* line 156, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"]:checked:hover+label::before { background: #818181 } /* line 164, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"]:checked:active+label::before { background: #7a7a7a } /* line 173, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-outlined+label::before { background-color: transparent; border-color: #ededed } /* line 178, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-outlined+label::after { background: #ededed } /* line 185, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-outlined:hover+label::before { border-color: #e7e7e7 } /* line 189, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-outlined:hover+label::after { background: #e7e7e7 } /* line 197, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-outlined:active+label::before { border-color: #e7e7e7 } /* line 201, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-outlined:active+label::after { background: #e0e0e0 } /* line 209, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-outlined:checked+label::before { background-color: transparent; border-color: #878787 } /* line 214, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-outlined:checked+label::after { background: #878787 } /* line 221, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-outlined:checked:hover+label::before { border-color: #818181 } /* line 225, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-outlined:checked:hover+label::after { background: #818181 } /* line 233, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-outlined:checked:active+label::before { border-color: #818181 } /* line 237, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-outlined:checked:active+label::after { background: #7a7a7a } /* line 247, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-thin+label::before { top: .65455rem; height: .45rem } /* line 252, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-thin+label::after { -webkit-box-shadow: 0px 0px 3px #878787; box-shadow: 0px 0px 3px #878787 } /* line 44, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-small+label { position: relative; display: initial; font-size: 1rem; line-height: initial; padding-left: 3.5rem; padding-top: 0.2rem; cursor: pointer } /* line 53, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-small+label::before { position: absolute; display: block; top: 0; left: 0; width: 3rem; height: 1.5rem; border: 0.1rem solid transparent; border-radius: 100px; background: #ededed; content: "" } /* line 66, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-small+label::after { display: block; position: absolute; top: .25rem; left: .25rem; width: 1rem; height: 1rem; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); border-radius: 100px; background: #fff; -webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; content: "" } /* line 82, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-small.is-rtl+label { padding-left: 0; padding-right: 3.5rem } /* line 86, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-small.is-rtl+label::before { left: auto; right: 0 } /* line 91, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-small.is-rtl+label::after { left: auto; right: .25rem } /* line 101, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-small:focus:not(:active)+label::before { -webkit-box-shadow: 0 0 0 0.125em rgba(237, 237, 237, 0.25); box-shadow: 0 0 0 0.125em rgba(237, 237, 237, 0.25) } /* line 110, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-small:hover+label::before { background: #e7e7e7 } /* line 118, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-small:active+label::before { background: #e0e0e0 } /* line 126, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-small:checked+label::before { background: #878787 } /* line 130, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-small:checked+label::after { left: 1.625rem } /* line 137, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-small:checked.is-rtl+label::after { left: auto; right: 1.625rem } /* line 147, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-small:checked:focus:not(:active)+label::before { -webkit-box-shadow: 0 0 0 0.125em rgba(135, 135, 135, 0.25); box-shadow: 0 0 0 0.125em rgba(135, 135, 135, 0.25) } /* line 156, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-small:checked:hover+label::before { background: #818181 } /* line 164, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-small:checked:active+label::before { background: #7a7a7a } /* line 173, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-small.is-outlined+label::before { background-color: transparent; border-color: #ededed } /* line 178, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-small.is-outlined+label::after { background: #ededed } /* line 185, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-small.is-outlined:hover+label::before { border-color: #e7e7e7 } /* line 189, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-small.is-outlined:hover+label::after { background: #e7e7e7 } /* line 197, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-small.is-outlined:active+label::before { border-color: #e7e7e7 } /* line 201, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-small.is-outlined:active+label::after { background: #e0e0e0 } /* line 209, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-small.is-outlined:checked+label::before { background-color: transparent; border-color: #878787 } /* line 214, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-small.is-outlined:checked+label::after { background: #878787 } /* line 221, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-small.is-outlined:checked:hover+label::before { border-color: #818181 } /* line 225, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-small.is-outlined:checked:hover+label::after { background: #818181 } /* line 233, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-small.is-outlined:checked:active+label::before { border-color: #818181 } /* line 237, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-small.is-outlined:checked:active+label::after { background: #7a7a7a } /* line 247, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-small.is-thin+label::before { top: .54545rem; height: .375rem } /* line 252, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-small.is-thin+label::after { -webkit-box-shadow: 0px 0px 3px #878787; box-shadow: 0px 0px 3px #878787 } /* line 44, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-medium+label { position: relative; display: initial; font-size: 1.5rem; line-height: initial; padding-left: 5rem; padding-top: 0.2rem; cursor: pointer } /* line 53, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-medium+label::before { position: absolute; display: block; top: 0; left: 0; width: 4.5rem; height: 2.25rem; border: 0.1rem solid transparent; border-radius: 100px; background: #ededed; content: "" } /* line 66, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-medium+label::after { display: block; position: absolute; top: .25rem; left: .25rem; width: 1.75rem; height: 1.75rem; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); border-radius: 100px; background: #fff; -webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; content: "" } /* line 82, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-medium.is-rtl+label { padding-left: 0; padding-right: 5rem } /* line 86, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-medium.is-rtl+label::before { left: auto; right: 0 } /* line 91, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-medium.is-rtl+label::after { left: auto; right: .25rem } /* line 101, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-medium:focus:not(:active)+label::before { -webkit-box-shadow: 0 0 0 0.125em rgba(237, 237, 237, 0.25); box-shadow: 0 0 0 0.125em rgba(237, 237, 237, 0.25) } /* line 110, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-medium:hover+label::before { background: #e7e7e7 } /* line 118, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-medium:active+label::before { background: #e0e0e0 } /* line 126, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-medium:checked+label::before { background: #878787 } /* line 130, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-medium:checked+label::after { left: 2.375rem } /* line 137, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-medium:checked.is-rtl+label::after { left: auto; right: 2.375rem } /* line 147, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-medium:checked:focus:not(:active)+label::before { -webkit-box-shadow: 0 0 0 0.125em rgba(135, 135, 135, 0.25); box-shadow: 0 0 0 0.125em rgba(135, 135, 135, 0.25) } /* line 156, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-medium:checked:hover+label::before { background: #818181 } /* line 164, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-medium:checked:active+label::before { background: #7a7a7a } /* line 173, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-medium.is-outlined+label::before { background-color: transparent; border-color: #ededed } /* line 178, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-medium.is-outlined+label::after { background: #ededed } /* line 185, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-medium.is-outlined:hover+label::before { border-color: #e7e7e7 } /* line 189, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-medium.is-outlined:hover+label::after { background: #e7e7e7 } /* line 197, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-medium.is-outlined:active+label::before { border-color: #e7e7e7 } /* line 201, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-medium.is-outlined:active+label::after { background: #e0e0e0 } /* line 209, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-medium.is-outlined:checked+label::before { background-color: transparent; border-color: #878787 } /* line 214, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-medium.is-outlined:checked+label::after { background: #878787 } /* line 221, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-medium.is-outlined:checked:hover+label::before { border-color: #818181 } /* line 225, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-medium.is-outlined:checked:hover+label::after { background: #818181 } /* line 233, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-medium.is-outlined:checked:active+label::before { border-color: #818181 } /* line 237, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-medium.is-outlined:checked:active+label::after { background: #7a7a7a } /* line 247, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-medium.is-thin+label::before { top: .81818rem; height: .5625rem } /* line 252, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-medium.is-thin+label::after { -webkit-box-shadow: 0px 0px 3px #878787; box-shadow: 0px 0px 3px #878787 } /* line 44, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-large+label { position: relative; display: initial; font-size: 1.8rem; line-height: initial; padding-left: 5.9rem; padding-top: 0.2rem; cursor: pointer } /* line 53, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-large+label::before { position: absolute; display: block; top: 0; left: 0; width: 5.4rem; height: 2.7rem; border: 0.1rem solid transparent; border-radius: 100px; background: #ededed; content: "" } /* line 66, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-large+label::after { display: block; position: absolute; top: .25rem; left: .25rem; width: 2.2rem; height: 2.2rem; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); border-radius: 100px; background: #fff; -webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; content: "" } /* line 82, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-large.is-rtl+label { padding-left: 0; padding-right: 5.9rem } /* line 86, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-large.is-rtl+label::before { left: auto; right: 0 } /* line 91, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-large.is-rtl+label::after { left: auto; right: .25rem } /* line 101, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-large:focus:not(:active)+label::before { -webkit-box-shadow: 0 0 0 0.125em rgba(237, 237, 237, 0.25); box-shadow: 0 0 0 0.125em rgba(237, 237, 237, 0.25) } /* line 110, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-large:hover+label::before { background: #e7e7e7 } /* line 118, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-large:active+label::before { background: #e0e0e0 } /* line 126, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-large:checked+label::before { background: #878787 } /* line 130, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-large:checked+label::after { left: 2.825rem } /* line 137, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-large:checked.is-rtl+label::after { left: auto; right: 2.825rem } /* line 147, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-large:checked:focus:not(:active)+label::before { -webkit-box-shadow: 0 0 0 0.125em rgba(135, 135, 135, 0.25); box-shadow: 0 0 0 0.125em rgba(135, 135, 135, 0.25) } /* line 156, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-large:checked:hover+label::before { background: #818181 } /* line 164, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-large:checked:active+label::before { background: #7a7a7a } /* line 173, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-large.is-outlined+label::before { background-color: transparent; border-color: #ededed } /* line 178, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-large.is-outlined+label::after { background: #ededed } /* line 185, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-large.is-outlined:hover+label::before { border-color: #e7e7e7 } /* line 189, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-large.is-outlined:hover+label::after { background: #e7e7e7 } /* line 197, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-large.is-outlined:active+label::before { border-color: #e7e7e7 } /* line 201, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-large.is-outlined:active+label::after { background: #e0e0e0 } /* line 209, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-large.is-outlined:checked+label::before { background-color: transparent; border-color: #878787 } /* line 214, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-large.is-outlined:checked+label::after { background: #878787 } /* line 221, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-large.is-outlined:checked:hover+label::before { border-color: #818181 } /* line 225, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-large.is-outlined:checked:hover+label::after { background: #818181 } /* line 233, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-large.is-outlined:checked:active+label::before { border-color: #818181 } /* line 237, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-large.is-outlined:checked:active+label::after { background: #7a7a7a } /* line 247, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-large.is-thin+label::before { top: .98182rem; height: .675rem } /* line 252, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-large.is-thin+label::after { -webkit-box-shadow: 0px 0px 3px #878787; box-shadow: 0px 0px 3px #878787 } /* line 312, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-primary:checked+label::before { background: #4FC1EA } /* line 320, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-primary:checked:focus:not(:active)+label::before { -webkit-box-shadow: 0 0 0 0.125em rgba(79, 193, 234, 0.25); box-shadow: 0 0 0 0.125em rgba(79, 193, 234, 0.25) } /* line 329, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-primary:checked:hover+label::before { background: #44bde9 } /* line 337, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-primary:checked:active+label::before { background: #38b9e7 } /* line 347, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-primary.is-outlined:checked+label::before { background-color: transparent; border-color: #4FC1EA } /* line 352, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-primary.is-outlined:checked+label::after { background: #4FC1EA } /* line 359, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-primary.is-outlined:checked:hover+label::before { border-color: #44bde9 } /* line 363, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-primary.is-outlined:checked:hover+label::after { background: #44bde9 } /* line 371, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-primary.is-outlined:checked:active+label::before { border-color: #44bde9 } /* line 375, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-primary.is-outlined:checked:active+label::after { background: #38b9e7 } /* line 386, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-primary.is-thin.is-outlined+label::after { -webkit-box-shadow: none; box-shadow: none } /* line 398, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-secondary:checked+label::before { background: #7F00FF } /* line 406, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-secondary:checked:focus:not(:active)+label::before { -webkit-box-shadow: 0 0 0 0.125em rgba(127, 0, 255, 0.25); box-shadow: 0 0 0 0.125em rgba(127, 0, 255, 0.25) } /* line 415, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-secondary:checked:hover+label::before { background: #7900f2 } /* line 423, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-secondary:checked:active+label::before { background: #7200e6 } /* line 433, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-secondary.is-outlined:checked+label::before { background-color: transparent; border-color: #7F00FF } /* line 438, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-secondary.is-outlined:checked+label::after { background: #7F00FF } /* line 445, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-secondary.is-outlined:checked:hover+label::before { border-color: #7900f2 } /* line 449, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-secondary.is-outlined:checked:hover+label::after { background: #7900f2 } /* line 457, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-secondary.is-outlined:checked:active+label::before { border-color: #7900f2 } /* line 461, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-secondary.is-outlined:checked:active+label::after { background: #7200e6 } /* line 472, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-secondary.is-thin.is-outlined+label::after { -webkit-box-shadow: none; box-shadow: none } /* line 484, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-accent:checked+label::before { background: #ad5cff } /* line 492, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-accent:checked:focus:not(:active)+label::before { -webkit-box-shadow: 0 0 0 0.125em rgba(173, 92, 255, 0.25); box-shadow: 0 0 0 0.125em rgba(173, 92, 255, 0.25) } /* line 501, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-accent:checked:hover+label::before { background: #a74fff } /* line 509, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-accent:checked:active+label::before { background: #a043ff } /* line 519, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-accent.is-outlined:checked+label::before { background-color: transparent; border-color: #ad5cff } /* line 524, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-accent.is-outlined:checked+label::after { background: #ad5cff } /* line 531, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-accent.is-outlined:checked:hover+label::before { border-color: #a74fff } /* line 535, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-accent.is-outlined:checked:hover+label::after { background: #a74fff } /* line 543, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-accent.is-outlined:checked:active+label::before { border-color: #a74fff } /* line 547, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-accent.is-outlined:checked:active+label::after { background: #a043ff } /* line 558, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-accent.is-thin.is-outlined+label::after { -webkit-box-shadow: none; box-shadow: none } /* line 570, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-info:checked+label::before { background: #039BE5 } /* line 578, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-info:checked:focus:not(:active)+label::before { -webkit-box-shadow: 0 0 0 0.125em rgba(3, 155, 229, 0.25); box-shadow: 0 0 0 0.125em rgba(3, 155, 229, 0.25) } /* line 587, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-info:checked:hover+label::before { background: #0392d8 } /* line 595, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-info:checked:active+label::before { background: #038acc } /* line 605, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-info.is-outlined:checked+label::before { background-color: transparent; border-color: #039BE5 } /* line 610, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-info.is-outlined:checked+label::after { background: #039BE5 } /* line 617, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-info.is-outlined:checked:hover+label::before { border-color: #0392d8 } /* line 621, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-info.is-outlined:checked:hover+label::after { background: #0392d8 } /* line 629, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-info.is-outlined:checked:active+label::before { border-color: #0392d8 } /* line 633, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-info.is-outlined:checked:active+label::after { background: #038acc } /* line 644, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-info.is-thin.is-outlined+label::after { -webkit-box-shadow: none; box-shadow: none } /* line 656, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-success:checked+label::before { background: #00b289 } /* line 664, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-success:checked:focus:not(:active)+label::before { -webkit-box-shadow: 0 0 0 0.125em rgba(0, 178, 137, 0.25); box-shadow: 0 0 0 0.125em rgba(0, 178, 137, 0.25) } /* line 673, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-success:checked:hover+label::before { background: #00a57f } /* line 681, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-success:checked:active+label::before { background: #009975 } /* line 691, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-success.is-outlined:checked+label::before { background-color: transparent; border-color: #00b289 } /* line 696, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-success.is-outlined:checked+label::after { background: #00b289 } /* line 703, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-success.is-outlined:checked:hover+label::before { border-color: #00a57f } /* line 707, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-success.is-outlined:checked:hover+label::after { background: #00a57f } /* line 715, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-success.is-outlined:checked:active+label::before { border-color: #00a57f } /* line 719, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-success.is-outlined:checked:active+label::after { background: #009975 } /* line 730, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-success.is-thin.is-outlined+label::after { -webkit-box-shadow: none; box-shadow: none } /* line 742, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-warning:checked+label::before { background: #eda514 } /* line 750, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-warning:checked:focus:not(:active)+label::before { -webkit-box-shadow: 0 0 0 0.125em rgba(237, 165, 20, 0.25); box-shadow: 0 0 0 0.125em rgba(237, 165, 20, 0.25) } /* line 759, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-warning:checked:hover+label::before { background: #e39d11 } /* line 767, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-warning:checked:active+label::before { background: #d79510 } /* line 777, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-warning.is-outlined:checked+label::before { background-color: transparent; border-color: #eda514 } /* line 782, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-warning.is-outlined:checked+label::after { background: #eda514 } /* line 789, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-warning.is-outlined:checked:hover+label::before { border-color: #e39d11 } /* line 793, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-warning.is-outlined:checked:hover+label::after { background: #e39d11 } /* line 801, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-warning.is-outlined:checked:active+label::before { border-color: #e39d11 } /* line 805, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-warning.is-outlined:checked:active+label::after { background: #d79510 } /* line 816, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-warning.is-thin.is-outlined+label::after { -webkit-box-shadow: none; box-shadow: none } /* line 828, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-danger:checked+label::before { background: #FF7273 } /* line 836, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-danger:checked:focus:not(:active)+label::before { -webkit-box-shadow: 0 0 0 0.125em rgba(255, 114, 115, 0.25); box-shadow: 0 0 0 0.125em rgba(255, 114, 115, 0.25) } /* line 845, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-danger:checked:hover+label::before { background: #ff6566 } /* line 853, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-danger:checked:active+label::before { background: #ff595a } /* line 863, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-danger.is-outlined:checked+label::before { background-color: transparent; border-color: #FF7273 } /* line 868, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-danger.is-outlined:checked+label::after { background: #FF7273 } /* line 875, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-danger.is-outlined:checked:hover+label::before { border-color: #ff6566 } /* line 879, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-danger.is-outlined:checked:hover+label::after { background: #ff6566 } /* line 887, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-danger.is-outlined:checked:active+label::before { border-color: #ff6566 } /* line 891, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-danger.is-outlined:checked:active+label::after { background: #ff595a } /* line 902, src/assets/scss/components/_extensions-switch.scss */ .switch[type="checkbox"].is-danger.is-thin.is-outlined+label::after { -webkit-box-shadow: none; box-shadow: none } /*! _timeline.scss | Bulkit | CSS Ninja */ /* line 27, src/assets/scss/components/_extensions-timeline.scss */ .timeline { width: 100%; margin: 30px auto; position: relative; padding: 0 10px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease } /* line 35, src/assets/scss/components/_extensions-timeline.scss */ .timeline *, .timeline *:before, .timeline *:after { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box } /* line 42, src/assets/scss/components/_extensions-timeline.scss */ .timeline .timeline-item:after, .timeline .timeline-item:before { content: ''; display: block; width: 100%; clear: both } /* line 50, src/assets/scss/components/_extensions-timeline.scss */ .timeline:before { content: ""; width: 3px; height: 100%; background: #ededed; left: 50%; top: 0; position: absolute } /* line 60, src/assets/scss/components/_extensions-timeline.scss */ .timeline:after { content: ""; clear: both; display: table; width: 100% } /* line 68, src/assets/scss/components/_extensions-timeline.scss */ .timeline .timeline-item { margin-bottom: 50px; position: relative } /* line 75, src/assets/scss/components/_extensions-timeline.scss */ .timeline .timeline-item .timeline-icon { background: linear-gradient(293deg, #3DBA36 0%, #3FAB3B 100%); width: 50px; height: 50px; position: absolute; top: 0; left: 50%; overflow: hidden; margin-left: -23px; cursor: pointer; border-radius: 50%; -webkit-box-shadow: 0px 5px 43px rgba(0, 0, 0, 0.18); -ms-box-shadow: 0px 5px 43px rgba(0, 0, 0, 0.18); box-shadow: 0px 5px 43px rgba(0, 0, 0, 0.18) } /* line 89, src/assets/scss/components/_extensions-timeline.scss */ .timeline .timeline-item .timeline-icon i { position: relative; font-size: 1.6rem; top: 12px; left: 13px; color: #fff } /* line 97, src/assets/scss/components/_extensions-timeline.scss */ .timeline .timeline-item .timeline-icon svg { position: relative; top: 14px; left: 14px } /* line 105, src/assets/scss/components/_extensions-timeline.scss */ .timeline .timeline-item .timeline-content { width: 45%; background: #fff; padding: 20px; -webkit-box-shadow: 0px 5px 43px rgba(0, 0, 0, 0.18); -ms-box-shadow: 0px 5px 43px rgba(0, 0, 0, 0.18); box-shadow: 0px 5px 43px rgba(0, 0, 0, 0.18); border-radius: 5px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease } /* line 115, src/assets/scss/components/_extensions-timeline.scss */ .timeline .timeline-item .timeline-content .content-header { padding: 10px; background: #fff; color: #444F60; margin: -20px -20px 0 -20px; font-weight: 300; border-radius: 3px 3px 0 0 } /* line 124, src/assets/scss/components/_extensions-timeline.scss */ .timeline .timeline-item .timeline-content .content-header .timestamp { font-size: 0.9rem; color: #999 } /* line 131, src/assets/scss/components/_extensions-timeline.scss */ .timeline .timeline-item .timeline-content .content-body { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100% } /* line 136, src/assets/scss/components/_extensions-timeline.scss */ .timeline .timeline-item .timeline-content .content-body .timeline-avatar { height: 40px; border-radius: 100px } /* line 142, src/assets/scss/components/_extensions-timeline.scss */ .timeline .timeline-item .timeline-content .content-body .timeline-text { margin: 0 10px } /* line 145, src/assets/scss/components/_extensions-timeline.scss */ .timeline .timeline-item .timeline-content .content-body .timeline-text div:first-child { font-family: 'Nexa Bold', sans-serif; font-weight: 500; color: #444F60 } /* line 151, src/assets/scss/components/_extensions-timeline.scss */ .timeline .timeline-item .timeline-content .content-body .timeline-text div:last-child { color: #999 } /* line 155, src/assets/scss/components/_extensions-timeline.scss */ .timeline .timeline-item .timeline-content .content-body .timeline-text .timestamp { font-size: 0.9rem; color: #999 } /* line 162, src/assets/scss/components/_extensions-timeline.scss */ .timeline .timeline-item .timeline-content:before { content: ''; position: absolute; left: 45%; top: 20px; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 7px solid #fff } /* line 175, src/assets/scss/components/_extensions-timeline.scss */ .timeline .timeline-item .timeline-content.right { float: right } /* line 178, src/assets/scss/components/_extensions-timeline.scss */ .timeline .timeline-item .timeline-content.right:before { content: ''; right: 45%; left: inherit; border-left: 0; border-right: 7px solid #fff } /* line 190, src/assets/scss/components/_extensions-timeline.scss */ .timeline.doted .timeline-icon { background: white; border: 2px solid #ededed; width: 14px; height: 14px; position: absolute; top: 22%; overflow: hidden; margin: -5px; cursor: pointer; border-radius: 50%; -webkit-box-shadow: 0px 5px 43px rgba(0, 0, 0, 0.18); -ms-box-shadow: 0px 5px 43px rgba(0, 0, 0, 0.18); box-shadow: 0px 5px 43px rgba(0, 0, 0, 0.18) } @media screen and (max-width: 768px) { /* line 210, src/assets/scss/components/_extensions-timeline.scss */ .timeline { margin: 10px; padding: 0px; width: 100% } /* line 215, src/assets/scss/components/_extensions-timeline.scss */ .timeline:before { left: 0 } /* line 220, src/assets/scss/components/_extensions-timeline.scss */ .timeline .timeline-item .timeline-content { width: 90%; float: right } /* line 224, src/assets/scss/components/_extensions-timeline.scss */ .timeline .timeline-item .timeline-content:before, .timeline .timeline-item .timeline-content.right:before { left: 10%; margin-left: -6px; border-left: 0; border-right: 7px solid #fff } /* line 232, src/assets/scss/components/_extensions-timeline.scss */ .timeline .timeline-item .timeline-icon { left: 0 } /* line 237, src/assets/scss/components/_extensions-timeline.scss */ .timeline.doted .timeline-icon { left: 0 } } /* line 246, src/assets/scss/components/_extensions-timeline.scss */ .simple-feed { padding: 15px; list-style: none } /* line 250, src/assets/scss/components/_extensions-timeline.scss */ .simple-feed a { color: #ad5cff } /* line 255, src/assets/scss/components/_extensions-timeline.scss */ .simple-feed .feed-item { position: relative; top: -10px; padding-bottom: 40px; padding-left: 30px; border-left: 2px solid #ededed; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } /* line 265, src/assets/scss/components/_extensions-timeline.scss */ .simple-feed .feed-item .name { font-weight: 600; color: #444F60 } /* line 271, src/assets/scss/components/_extensions-timeline.scss */ .simple-feed .feed-item img { border-radius: 100px; width: 45px; height: 45px } /* line 278, src/assets/scss/components/_extensions-timeline.scss */ .simple-feed .feed-item .feed-item-text { margin-left: 15px } /* line 282, src/assets/scss/components/_extensions-timeline.scss */ .simple-feed .feed-item::after { content: ""; display: block; position: absolute; top: 20%; left: -8px; width: 14px; height: 14px; border-radius: 100px; background: #fff; border: 2px solid #ededed } /* line 296, src/assets/scss/components/_extensions-timeline.scss */ .simple-feed .feed-item .date { display: block; position: relative; top: -5px; color: #999; text-transform: none; font-size: 13px } /* line 305, src/assets/scss/components/_extensions-timeline.scss */ .simple-feed .feed-item .text { position: relative; top: -3px } /*! _uploader.scss | Bulkit | CSS Ninja */ /* line 20, src/assets/scss/components/_extensions-uploader.scss */ .fileuploader-theme-onebutton .fileuploader-input { display: inline-block } /* line 24, src/assets/scss/components/_extensions-uploader.scss */ .fileuploader-theme-onebutton .fileuploader-input .fileuploader-input-caption { display: none } /* line 33, src/assets/scss/components/_extensions-uploader.scss */ .fileuploader-theme-thumbnails .fileuploader-thumbnails-input, .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item { display: inline-block; width: 25%; height: 115px; line-height: 95px; padding: 10px; vertical-align: top } /* line 42, src/assets/scss/components/_extensions-uploader.scss */ .fileuploader-theme-thumbnails .fileuploader-thumbnails-input-inner { width: 100%; max-width: 95px; height: 100%; border: 2px dashed #c2cdda; border-radius: 4px; text-align: center; font-size: 30px; color: #acb9c7; vertical-align: top; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 0.1s ease; transition: all 0.1s ease } /* line 60, src/assets/scss/components/_extensions-uploader.scss */ .fileuploader-theme-thumbnails .fileuploader-thumbnails-input-inner span { position: relative; top: -5px } /* line 66, src/assets/scss/components/_extensions-uploader.scss */ .fileuploader-theme-thumbnails .fileuploader-thumbnails-input-inner:hover, .fileuploader-theme-thumbnails .fileuploader-thumbnails-input-inner:active { border-color: #92a7bf; color: #899baf } /* line 71, src/assets/scss/components/_extensions-uploader.scss */ .fileuploader-theme-thumbnails .fileuploader-dragging .fileuploader-thumbnails-input-inner { background: #fff } /* line 75, src/assets/scss/components/_extensions-uploader.scss */ .fileuploader-theme-thumbnails .fileuploader-items-list { margin: -5px -10px } /* line 79, src/assets/scss/components/_extensions-uploader.scss */ .fileuploader-theme-thumbnails .fileuploader-item { -webkit-animation: fileuploaderScaleIn 0.2s ease; animation: fileuploaderScaleIn 0.2s ease; border-bottom: 0 } /* line 85, src/assets/scss/components/_extensions-uploader.scss */ .fileuploader-theme-thumbnails .fileuploader-item-inner { position: relative; border-radius: 4px; background: rgba(255, 255, 255, 0.6); overflow: hidden; z-index: 1 } /* line 93, src/assets/scss/components/_extensions-uploader.scss */ .fileuploader-theme-thumbnails .fileuploader-item-inner, .fileuploader-theme-thumbnails fileuploader-item-inner .thumbnail-holder, .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item-image { width: 100%; height: 100%; min-height: 95px } /* line 99, src/assets/scss/components/_extensions-uploader.scss */ .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item-image { position: relative; text-align: center; overflow: hidden } /* line 105, src/assets/scss/components/_extensions-uploader.scss */ .fileuploader-theme-thumbnails .fileuploader-item .fileuploader-item-image img, .fileuploader-theme-thumbnails .fileuploader-item .fileuploader-item-image canvas { border-radius: 0 } /* line 110, src/assets/scss/components/_extensions-uploader.scss */ .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item-image img { max-height: 100%; min-height: 100%; max-width: none } /* line 116, src/assets/scss/components/_extensions-uploader.scss */ .fileuploader-theme-thumbnails .fileuploader-item .fileuploader-item-image.fileuploader-loading:after { top: 50%; left: 50%; width: 30px; height: 30px; margin-left: -15px; margin-top: -15px; opacity: 0.2 } /* line 126, src/assets/scss/components/_extensions-uploader.scss */ .fileuploader-theme-thumbnails .fileuploader-items-list .actions-holder { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 4px; background: rgba(33, 33, 33, 0.55); text-align: right; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; opacity: 0; z-index: 3 } /* line 141, src/assets/scss/components/_extensions-uploader.scss */ .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item:hover .actions-holder { opacity: 1 } /* line 145, src/assets/scss/components/_extensions-uploader.scss */ .fileuploader-theme-thumbnails .fileuploader-action { background: none; border: 0; width: 24px; height: 24px; margin: 3px 3px 0 0; z-index: 2 } /* line 154, src/assets/scss/components/_extensions-uploader.scss */ .fileuploader-theme-thumbnails .fileuploader-action-remove i:before, .fileuploader-theme-thumbnails .fileuploader-action-remove i:after { top: 4px; left: 10px; height: 14px; width: 3px; background: #fff } /* line 163, src/assets/scss/components/_extensions-uploader.scss */ .fileuploader-theme-thumbnails .fileuploader-action-sort i { top: 10px; width: 12px } /* line 168, src/assets/scss/components/_extensions-uploader.scss */ .fileuploader-theme-thumbnails .fileuploader-action-sort i:before { top: -4px } /* line 172, src/assets/scss/components/_extensions-uploader.scss */ .fileuploader-theme-thumbnails .fileuploader-action-sort i:after { top: 4px } /* line 176, src/assets/scss/components/_extensions-uploader.scss */ .fileuploader-theme-thumbnails .fileuploader-action-popup { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; z-index: 1 } /* line 186, src/assets/scss/components/_extensions-uploader.scss */ .fileuploader-theme-thumbnails .fileuploader-item.upload-failed { background: none } /* line 190, src/assets/scss/components/_extensions-uploader.scss */ .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item.upload-failed .fileuploader-item-icon { display: block !important; background: #db6868 !important; color: #fff } /* line 196, src/assets/scss/components/_extensions-uploader.scss */ .fileuploader-theme-thumbnails .fileuploader-item.upload-pending .fileuploader-action-remove:after { right: 0; margin-top: -14px } /* line 201, src/assets/scss/components/_extensions-uploader.scss */ .fileuploader-theme-thumbnails .fileuploader-item .progress-holder { position: absolute; top: 0; left: 0; width: 100%; height: 100% } /* line 209, src/assets/scss/components/_extensions-uploader.scss */ .fileuploader-theme-thumbnails .fileuploader-item .progress-holder .fileuploader-progressbar { position: relative; top: 50%; width: 80%; height: 6px; margin: 0 auto; background: #dde4f6 } /* line 218, src/assets/scss/components/_extensions-uploader.scss */ .fileuploader-theme-thumbnails .fileuploader-item.sorting { -webkit-animation: none; animation: none } /* line 223, src/assets/scss/components/_extensions-uploader.scss */ .fileuploader-theme-thumbnails .fileuploader-sorter-placeholder { background: none } /* line 227, src/assets/scss/components/_extensions-uploader.scss */ .fileuploader-theme-thumbnails .fileuploader-sorter-placeholder div { background: #fff } /* line 236, src/assets/scss/components/_extensions-uploader.scss */ .fileuploader-theme-dragdrop .fileuploader-input { display: block; padding: 60px 0; background: #fff; border: 2px dashed #c2cdda; border-radius: 3px; text-align: center; -webkit-transition: background-color 0.2s ease; transition: background-color 0.2s ease } /* line 247, src/assets/scss/components/_extensions-uploader.scss */ .fileuploader-theme-dragdrop .fileuploader-input .fileuploader-input-inner { -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease } /* line 252, src/assets/scss/components/_extensions-uploader.scss */ .fileuploader-theme-dragdrop .fileuploader-input.fileuploader-dragging .fileuploader-input-inner { opacity: 0.4 } /* line 256, src/assets/scss/components/_extensions-uploader.scss */ .fileuploader-theme-dragdrop .fileuploader-input.fileuploader-dragging img { -webkit-transform: rotate(180deg); transform: rotate(180deg) } /* line 261, src/assets/scss/components/_extensions-uploader.scss */ .fileuploader-theme-dragdrop .fileuploader-input img { display: block; max-width: 64px; margin: 0 auto; margin-bottom: 30px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease } /* line 270, src/assets/scss/components/_extensions-uploader.scss */ .fileuploader-theme-dragdrop .fileuploader-input h3 { margin: 0; padding: 0; background: none; border: none; font-size: 18px; line-height: 23px; font-weight: bold; color: #555a6b; white-space: normal } /* line 282, src/assets/scss/components/_extensions-uploader.scss */ .fileuploader-theme-dragdrop .fileuploader-input p { color: #74809d } /* line 286, src/assets/scss/components/_extensions-uploader.scss */ .fileuploader-theme-dragdrop.fileuploader-is-uploading .fileuploader-input-caption:after { display: none } /* line 290, src/assets/scss/components/_extensions-uploader.scss */ .fileuploader-theme-dragdrop .fileuploader-pending-loader .right-half, .fileuploader-theme-dragdrop .fileuploader-pending-loader .spinner { background: #687ddb } /* line 295, src/assets/scss/components/_extensions-uploader.scss */ .fileuploader-theme-dragdrop .fileuploader-input p { margin: 10px 0 } /*! _extensions-iconpicker.scss | Bulkit | CSS Ninja */ /* line 18, src/assets/scss/components/_extensions-iconpicker.scss */ .iconpicker-wrapper { padding: 20px; text-align: center; max-width: 300px; margin: 0 auto; border: 2px solid transparent; border-radius: 4px; -webkit-transition: all .3s; transition: all .3s } /* line 27, src/assets/scss/components/_extensions-iconpicker.scss */ .iconpicker-wrapper .help { padding-top: 10px; font-weight: 500 } /* line 32, src/assets/scss/components/_extensions-iconpicker.scss */ .iconpicker-wrapper .iconpicker-preview { background: #039BE5; -webkit-transition: all .3s; transition: all .3s } /* line 36, src/assets/scss/components/_extensions-iconpicker.scss */ .iconpicker-wrapper .iconpicker-preview i { color: #fff } /* line 40, src/assets/scss/components/_extensions-iconpicker.scss */ .iconpicker-wrapper .iconpicker-preview:hover { background: #7F00FF } /* line 45, src/assets/scss/components/_extensions-iconpicker.scss */ .iconpicker-wrapper:hover { border: 2px solid #7F00FF } /* line 52, src/assets/scss/components/_extensions-iconpicker.scss */ .iconpicker-modal .iconpicker-icons a { color: #999 } /* line 55, src/assets/scss/components/_extensions-iconpicker.scss */ .iconpicker-modal .iconpicker-icons a:hover { color: #7F00FF } /* line 59, src/assets/scss/components/_extensions-iconpicker.scss */ .iconpicker-modal .iconpicker-icons a:before { content: '' !important } /* line 66, src/assets/scss/components/_extensions-iconpicker.scss */ .iconpicker-modal.is-active .modal-background { display: block !important; width: 100vw !important; height: 100vh !important; min-width: 100vw !important; min-height: 100vh !important; position: fixed !important; top: 0 !important; left: 0 !important; background: rgba(0, 0, 0, 0.8) !important; -webkit-transform: scale(1) !important; transform: scale(1) !important; border-radius: 0 !important } /* line 80, src/assets/scss/components/_extensions-iconpicker.scss */ .iconpicker-modal.is-active .modal-card { z-index: 99 !important } /* line 83, src/assets/scss/components/_extensions-iconpicker.scss */ .iconpicker-modal.is-active .modal-card .modal-card-head { background: #039BE5 } /* line 86, src/assets/scss/components/_extensions-iconpicker.scss */ .iconpicker-modal.is-active .modal-card .modal-card-head .modal-card-title { color: #fff; font-weight: 500 } /* line 91, src/assets/scss/components/_extensions-iconpicker.scss */ .iconpicker-modal.is-active .modal-card .modal-card-head .iconpicker-search { background: #fff; color: #444F60; -webkit-transition: all .3s; transition: all .3s } /* line 96, src/assets/scss/components/_extensions-iconpicker.scss */ .iconpicker-modal.is-active .modal-card .modal-card-head .iconpicker-search:focus { outline: none !important } /* line 102, src/assets/scss/components/_extensions-iconpicker.scss */ .iconpicker-modal.is-active .modal-card .modal-card-head .delete:before, .iconpicker-modal.is-active .modal-card .modal-card-head .delete:after { background: #fff !important } /* line 110, src/assets/scss/components/_extensions-iconpicker.scss */ .iconpicker-modal.is-active .modal-card .iconpicker-sets.tabs ul li a { border-radius: 0 !important } /* line 115, src/assets/scss/components/_extensions-iconpicker.scss */ .iconpicker-modal.is-active .modal-card .iconpicker-sets.tabs ul li.is-active a { color: #7F00FF; border-bottom: 1.4px solid #7F00FF } /*! _extensions-calendar.scss | Bulkit | CSS Ninja */ /* line 20, src/assets/scss/components/_extensions-calendar.scss */ .calendar-legacy.is-centered { margin: 0 auto } /* line 26, src/assets/scss/components/_extensions-calendar.scss */ .calendar-legacy.is-large .calendar-range:before { top: 1.6rem !important } /* line 32, src/assets/scss/components/_extensions-calendar.scss */ .calendar-legacy.is-custom { border: 1px solid #ededed; border-radius: 3px } /* line 36, src/assets/scss/components/_extensions-calendar.scss */ .calendar-legacy.is-custom .calendar-nav { background: #7F00FF } /* line 41, src/assets/scss/components/_extensions-calendar.scss */ .calendar-legacy.is-custom .calendar-nav-previous-month button, .calendar-legacy.is-custom .calendar-nav-next-month button { text-decoration: none !important } /* line 44, src/assets/scss/components/_extensions-calendar.scss */ .calendar-legacy.is-custom .calendar-nav-previous-month button i, .calendar-legacy.is-custom .calendar-nav-next-month button i { color: #fff !important } /* line 48, src/assets/scss/components/_extensions-calendar.scss */ .calendar-legacy.is-custom .calendar-nav-previous-month button:hover, .calendar-legacy.is-custom .calendar-nav-next-month button:hover { background: transparent !important } /* line 56, src/assets/scss/components/_extensions-calendar.scss */ .calendar-legacy.is-custom .calendar-body .date-item.is-today { border-color: #7F00FF; color: #7F00FF } /* line 61, src/assets/scss/components/_extensions-calendar.scss */ .calendar-legacy.is-custom .calendar-body .date-item.is-active { background: #7F00FF; color: #fff !important; border-color: #7F00FF } /* line 69, src/assets/scss/components/_extensions-calendar.scss */ .calendar-legacy.is-custom .calendar-body .calendar-range .date-item { color: #7F00FF } /* line 73, src/assets/scss/components/_extensions-calendar.scss */ .calendar-legacy.is-custom .calendar-body .calendar-range:before { background: #e5ccff } /* line 79, src/assets/scss/components/_extensions-calendar.scss */ .calendar-legacy.is-custom button:focus, .calendar-legacy.is-custom button:active { background: transparent !important; border-color: transparent !important } /* line 85, src/assets/scss/components/_extensions-calendar.scss */ .calendar-legacy .calendar-event { background: #999; padding: .6rem .4rem !important } /* line 89, src/assets/scss/components/_extensions-calendar.scss */ .calendar-legacy .calendar-event.is-primary { background: #4FC1EA !important } /* line 93, src/assets/scss/components/_extensions-calendar.scss */ .calendar-legacy .calendar-event.is-secondary { background: #7F00FF !important } /* line 97, src/assets/scss/components/_extensions-calendar.scss */ .calendar-legacy .calendar-event.is-accent { background: #ad5cff !important } /* line 101, src/assets/scss/components/_extensions-calendar.scss */ .calendar-legacy .calendar-event.is-success { background: #00b289 !important } /* line 105, src/assets/scss/components/_extensions-calendar.scss */ .calendar-legacy .calendar-event.is-warning { background: #eda514 !important; color: #fff !important } /* line 110, src/assets/scss/components/_extensions-calendar.scss */ .calendar-legacy .calendar-event.is-danger { background: #FF7273 !important } /* line 118, src/assets/scss/components/_extensions-calendar.scss */ .datepicker-legacy.modal.is-active .modal-background, .datepicker-legacy.is-active .modal-background { display: block !important; width: 100vw !important; height: 100vh !important; min-width: 100vw !important; min-height: 100vh !important; position: fixed !important; top: 0 !important; left: 0 !important; background: rgba(0, 0, 0, 0.8) !important; -webkit-transform: scale(1) !important; transform: scale(1) !important; border-radius: 0 !important } /* line 132, src/assets/scss/components/_extensions-calendar.scss */ .datepicker-legacy.modal.is-active .calendar-legacy, .datepicker-legacy.is-active .calendar-legacy { z-index: 99 !important } /* line 135, src/assets/scss/components/_extensions-calendar.scss */ .datepicker-legacy.modal.is-active .calendar-legacy .calendar-nav, .datepicker-legacy.is-active .calendar-legacy .calendar-nav { background: #7F00FF } /* line 138, src/assets/scss/components/_extensions-calendar.scss */ .datepicker-legacy.modal.is-active .calendar-legacy .calendar-nav button:focus, .datepicker-legacy.modal.is-active .calendar-legacy .calendar-nav button:active, .datepicker-legacy.is-active .calendar-legacy .calendar-nav button:focus, .datepicker-legacy.is-active .calendar-legacy .calendar-nav button:active { background: transparent !important; border-color: transparent !important } /* line 144, src/assets/scss/components/_extensions-calendar.scss */ .datepicker-legacy.modal.is-active .calendar-legacy .calendar-body, .datepicker-legacy.is-active .calendar-legacy .calendar-body { min-height: 266px !important } /* line 148, src/assets/scss/components/_extensions-calendar.scss */ .datepicker-legacy.modal.is-active .calendar-legacy .calendar-body .date-item.is-active, .datepicker-legacy.is-active .calendar-legacy .calendar-body .date-item.is-active { background: #7F00FF; border-color: #7F00FF; color: #fff } /* line 160, src/assets/scss/components/_extensions-calendar.scss */ .datepicker-legacy .calendar-legacy { border: 1px solid #ededed } /* line 172, src/assets/scss/components/_extensions-calendar.scss */ .datetimepicker-wrapper.modal.is-active .modal-background { -webkit-transform: scale(1) !important; transform: scale(1) !important; border-radius: 0; height: 100%; width: 100%; background: rgba(52, 66, 88, 0.6) } /* line 180, src/assets/scss/components/_extensions-calendar.scss */ .datetimepicker-wrapper.modal.is-active .datetimepicker { z-index: 99 } /* line 186, src/assets/scss/components/_extensions-calendar.scss */ .datetimepicker-wrapper .datetimepicker { margin: 0 auto } /* line 191, src/assets/scss/components/_extensions-calendar.scss */ .datetimepicker-dummy-wrapper { border: 1px solid #e5e5e5 !important; border-radius: 4px; background: #fff; height: 38px !important } /*! _auth.scss | Bulkit | CSS Ninja */ /* line 21, src/assets/scss/pages/_pages-auth.scss */ .top-logo { height: 40px } /* line 29, src/assets/scss/pages/_pages-auth.scss */ .intro-section .intro-text .intro-title { margin: 15px 0; font-size: 18px; color: #4FC1EA } /* line 35, src/assets/scss/pages/_pages-auth.scss */ .intro-section .intro-text .intro-sub { padding: 20px 30px; font-size: 14px; color: #A9ABAC } /* line 48, src/assets/scss/pages/_pages-auth.scss */ .login { padding: 10px 0 } /* line 53, src/assets/scss/pages/_pages-auth.scss */ .login-wrapper { overflow: hidden !important; height: 100%; padding: 0; margin: 0 } /* line 59, src/assets/scss/pages/_pages-auth.scss */ .login-wrapper.is-gapless:not(:last-child) { margin-bottom: 0 !important } /* line 65, src/assets/scss/pages/_pages-auth.scss */ .login-wrapper .column .login-column { padding: 0 !important } /* line 71, src/assets/scss/pages/_pages-auth.scss */ .login-wrapper .hero.login-hero, .login-wrapper .hero.signup-hero { background-position: center; background-size: auto } /* line 77, src/assets/scss/pages/_pages-auth.scss */ .login-wrapper #signup-banner .hero { background: url("https://source.unsplash.com/DWui9DmfCXA/"); background-position: center; background-size: cover; background-blend-mode: screen } /* line 91, src/assets/scss/pages/_pages-auth.scss */ .hero-banner .title { padding: 25px; padding-top: 25% } /* line 96, src/assets/scss/pages/_pages-auth.scss */ .hero-banner .subtitle { padding: 0 30px } /* line 100, src/assets/scss/pages/_pages-auth.scss */ .hero-banner img.login-city { position: absolute; bottom: 0; left: 0; right: 0; z-index: 0 } /* line 108, src/assets/scss/pages/_pages-auth.scss */ .hero-banner .button { position: relative; z-index: 2 } /* line 116, src/assets/scss/pages/_pages-auth.scss */ .signup-hero .title { padding: 25px; padding-top: 15% } /* line 121, src/assets/scss/pages/_pages-auth.scss */ .signup-hero .subtitle { padding: 0 22% } /* line 125, src/assets/scss/pages/_pages-auth.scss */ .signup-hero img.mockup { position: absolute; bottom: -15%; left: 0; right: 0; z-index: 0 } /* line 133, src/assets/scss/pages/_pages-auth.scss */ .signup-hero .already { position: absolute; top: 0; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px } /* line 142, src/assets/scss/pages/_pages-auth.scss */ .signup-hero .already span { margin-right: 15px; color: #fff } /* line 147, src/assets/scss/pages/_pages-auth.scss */ .signup-hero .already a { min-width: 80px } /* line 158, src/assets/scss/pages/_pages-auth.scss */ .forgot, .no-account, .return { color: #A9ABAC !important; -webkit-transition: opacity 0.5s; transition: opacity 0.5s } /* line 162, src/assets/scss/pages/_pages-auth.scss */ .forgot:hover, .no-account:hover, .return:hover { opacity: 0.8; color: #4FC1EA !important } /* line 167, src/assets/scss/pages/_pages-auth.scss */ .forgot.is-secondary, .no-account.is-secondary, .return.is-secondary { color: #7F00FF !important } /* line 171, src/assets/scss/pages/_pages-auth.scss */ .forgot.is-accent, .no-account.is-accent, .return.is-accent { color: #ad5cff !important } /* line 177, src/assets/scss/pages/_pages-auth.scss */ .forgot-password a { color: #95A5A6; font-weight: normal; padding-right: 20px; -webkit-transition: all 0.6s; transition: all 0.6s } /* line 183, src/assets/scss/pages/_pages-auth.scss */ .forgot-password a:hover { color: #4FC1EA } /* line 190, src/assets/scss/pages/_pages-auth.scss */ .no-account-link a { color: #A9ABAC; font-weight: 500 } /* line 194, src/assets/scss/pages/_pages-auth.scss */ .no-account-link a:hover { color: #4FC1EA } /* line 205, src/assets/scss/pages/_pages-auth.scss */ .icon.user, .icon.password { margin: 5px 10px 0 0 } /* line 211, src/assets/scss/pages/_pages-auth.scss */ .checkbox-wrap { color: #A9ABAC; margin-bottom: 10px } /* line 215, src/assets/scss/pages/_pages-auth.scss */ .checkbox-wrap span { position: relative; top: -2px } /*! _startup.scss | Bulkit | CSS Ninja */ /* line 26, src/assets/scss/pages/_pages-startup.scss */ .Wallop { top: -65px } /* line 29, src/assets/scss/pages/_pages-startup.scss */ .Wallop .Wallop-list { width: 100%; height: 100% } /* line 34, src/assets/scss/pages/_pages-startup.scss */ .Wallop .Wallop-item { width: 100%; height: 100%; min-height: 100vh; background-size: cover; background-repeat: no-repeat } /* line 42, src/assets/scss/pages/_pages-startup.scss */ .Wallop .Wallop-buttonPrevious, .Wallop .Wallop-buttonNext { position: absolute; top: 48%; background: none; border: none; cursor: pointer; z-index: 6 } /* line 51, src/assets/scss/pages/_pages-startup.scss */ .Wallop .Wallop-buttonPrevious:hover i, .Wallop .Wallop-buttonNext:hover i { opacity: 0.8; -webkit-transform: scale(1.05); transform: scale(1.05) } /* line 57, src/assets/scss/pages/_pages-startup.scss */ .Wallop .Wallop-buttonPrevious i, .Wallop .Wallop-buttonNext i { font-size: 3.5rem; color: #fff; -webkit-transition: all .4s; transition: all .4s } /* line 63, src/assets/scss/pages/_pages-startup.scss */ .Wallop .Wallop-buttonPrevious:active, .Wallop .Wallop-buttonPrevious:focus, .Wallop .Wallop-buttonNext:active, .Wallop .Wallop-buttonNext:focus { outline: none !important } /* line 68, src/assets/scss/pages/_pages-startup.scss */ .Wallop .Wallop-buttonPrevious { left: 20px } /* line 72, src/assets/scss/pages/_pages-startup.scss */ .Wallop .Wallop-buttonNext { right: 20px } /* line 76, src/assets/scss/pages/_pages-startup.scss */ .Wallop .Wallop-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); z-index: 1 } /* line 87, src/assets/scss/pages/_pages-startup.scss */ .Wallop .Wallop-pagination { text-align: center; position: absolute; margin: 0 auto; left: 0; right: 0; bottom: 40px; z-index: 100 } /* line 97, src/assets/scss/pages/_pages-startup.scss */ .Wallop .Wallop-dot { text-indent: -9999px; border: 0; border-radius: 50%; width: 12px; height: 12px; padding: 0; margin: 5px; background-color: #ccc; cursor: pointer; -webkit-appearance: none } /* line 109, src/assets/scss/pages/_pages-startup.scss */ .Wallop .Wallop-dot:active, .Wallop .Wallop-dot:focus { outline: none !important } /* line 114, src/assets/scss/pages/_pages-startup.scss */ .Wallop .Wallop-dot--current { background-color: #4FC1EA } /* line 119, src/assets/scss/pages/_pages-startup.scss */ .Wallop .Wallop-caption-wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 100vh; position: relative; z-index: 99 } /* line 125, src/assets/scss/pages/_pages-startup.scss */ .Wallop .Wallop-caption-wrapper .container { position: relative; min-height: 500px; height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex } /* line 136, src/assets/scss/pages/_pages-startup.scss */ .Wallop .Wallop-caption-wrapper .container .caption-inner h1 { font-family: 'Nexa Bold', sans-serif; font-weight: 700; font-size: 3.8rem; line-height: 3.8rem; color: #fff } /* line 144, src/assets/scss/pages/_pages-startup.scss */ .Wallop .Wallop-caption-wrapper .container .caption-inner .caption-divider { width: 30%; height: 3px; background: #fff; margin: 10px 0 } /* line 151, src/assets/scss/pages/_pages-startup.scss */ .Wallop .Wallop-caption-wrapper .container .caption-inner .caption-text { color: #fff; font-size: 1.05rem; font-weight: 400 } /* line 158, src/assets/scss/pages/_pages-startup.scss */ .Wallop .Wallop-caption-wrapper .container .caption-inner .caption-text .action { padding: 20px 0 } /* line 167, src/assets/scss/pages/_pages-startup.scss */ .hero-foot.is-pulled { margin-top: -65px } @media (max-width: 767px) { /* line 173, src/assets/scss/pages/_pages-startup.scss */ .caption-inner { max-width: 100% !important; top: 30% !important; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; text-align: center } /* line 183, src/assets/scss/pages/_pages-startup.scss */ .caption-inner .caption-divider { height: 3px !important; margin: 10px auto !important } /* line 188, src/assets/scss/pages/_pages-startup.scss */ .caption-inner h1 { font-size: 3.2rem !important } /* line 192, src/assets/scss/pages/_pages-startup.scss */ .caption-inner .caption-text span { margin: 0 20px; display: block } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { /* line 201, src/assets/scss/pages/_pages-startup.scss */ .caption-inner { text-align: center; position: relative; top: 40vh !important } /* line 206, src/assets/scss/pages/_pages-startup.scss */ .caption-inner .caption-divider { margin: 10px auto !important; height: 3px !important } /* line 211, src/assets/scss/pages/_pages-startup.scss */ .caption-inner .caption-text { padding: 0 15% } /* line 216, src/assets/scss/pages/_pages-startup.scss */ .is-tablet-padded { padding: 0 20% !important } } /* line 225, src/assets/scss/pages/_pages-startup.scss */ .title.main-title { font-family: 'Nexa Bold', sans-serif; margin-bottom: 0; padding: 20px 0 } /* line 232, src/assets/scss/pages/_pages-startup.scss */ .section-title-wrapper .section-title { font-family: 'Nexa Bold', sans-serif; margin-bottom: 0; padding: 10px 0 } /* line 238, src/assets/scss/pages/_pages-startup.scss */ .section-title-wrapper .subtitle { font-family: 'Nexa Light', sans-serif; font-size: 1.2rem; line-height: 30px; font-weight: 400; padding: 20px 25%; color: #A9ABAC } /* line 248, src/assets/scss/pages/_pages-startup.scss */ .section-subtitle, .title.feature-title { font-family: 'Nexa Bold', sans-serif !important; font-weight: 500 !important; font-size: 2rem !important; margin-bottom: 0 !important; padding: 5px 0 !important } @media (max-width: 767px) { /* line 258, src/assets/scss/pages/_pages-startup.scss */ .section-title-wrapper .subtitle { font-size: 1.1rem; line-height: 22px; padding: 30px 0 } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { /* line 269, src/assets/scss/pages/_pages-startup.scss */ .section-title-wrapper .subtitle { padding: 20px 10% !important } } /* line 276, src/assets/scss/pages/_pages-startup.scss */ .parallax-title { font-family: 'Nexa Bold', sans-serif; font-weight: 600 !important; font-size: 2.4rem !important; margin-bottom: 0 !important; padding: 10px 0 } /* line 288, src/assets/scss/pages/_pages-startup.scss */ .startup-icon-box { padding: 20px 0 } /* line 291, src/assets/scss/pages/_pages-startup.scss */ .startup-icon-box i { font-size: 3.8rem; font-weight: normal; color: #4FC1EA } /* line 297, src/assets/scss/pages/_pages-startup.scss */ .startup-icon-box .box-title { font-family: 'Nexa Light', sans-serif; font-size: 16px; line-height: 22px; font-weight: 700; color: #444F60; padding: 5px 0 } /* line 306, src/assets/scss/pages/_pages-startup.scss */ .startup-icon-box .box-content { color: #999 } /* line 316, src/assets/scss/pages/_pages-startup.scss */ .featured-svg { max-width: 450px } @media (max-width: 767px) { /* line 321, src/assets/scss/pages/_pages-startup.scss */ .featured-svg { max-width: 100% !important } } /* line 332, src/assets/scss/pages/_pages-startup.scss */ .mockup-dots .dot { position: absolute; width: 20px; height: 20px; border-radius: 50%; display: block; background-color: #4FC1EA; z-index: 5 } /* line 341, src/assets/scss/pages/_pages-startup.scss */ .mockup-dots .dot:before { position: absolute; background: #4FC1EA; content: ''; top: 0; left: 0; border: 0; width: 20px; height: 20px; border-radius: 50%; -webkit-animation: dotPulse 2s ease-out infinite; animation: dotPulse 2s ease-out infinite } /* line 354, src/assets/scss/pages/_pages-startup.scss */ .mockup-dots .dot.first { top: 42%; left: 20% } /* line 358, src/assets/scss/pages/_pages-startup.scss */ .mockup-dots .dot.first:hover+.dot-tip.tip-first { display: block } /* line 363, src/assets/scss/pages/_pages-startup.scss */ .mockup-dots .dot.second { top: 65%; left: 20% } /* line 367, src/assets/scss/pages/_pages-startup.scss */ .mockup-dots .dot.second:hover+.dot-tip.tip-second { display: block } /* line 372, src/assets/scss/pages/_pages-startup.scss */ .mockup-dots .dot.third { top: 55%; right: 20% } /* line 376, src/assets/scss/pages/_pages-startup.scss */ .mockup-dots .dot.third:hover+.dot-tip.tip-third { display: block } /* line 383, src/assets/scss/pages/_pages-startup.scss */ .mockup-dots .dot-tip { padding: 15px 20px; background-color: #4FC1EA; color: #fff; border-radius: 10px 10px 0 10px; font-size: 13px; display: none; z-index: 4 } /* line 392, src/assets/scss/pages/_pages-startup.scss */ .mockup-dots .dot-tip.tip-first { position: absolute; top: 38%; left: 0 } /* line 398, src/assets/scss/pages/_pages-startup.scss */ .mockup-dots .dot-tip.tip-second { position: absolute; top: 60%; left: 0 } /* line 404, src/assets/scss/pages/_pages-startup.scss */ .mockup-dots .dot-tip.tip-third { position: absolute; top: 50%; right: 24% } /* line 418, src/assets/scss/pages/_pages-startup.scss */ .signup-block .product-hero { background-position-x: center !important } /* line 422, src/assets/scss/pages/_pages-startup.scss */ .signup-block .control { position: relative; width: 80% } /* line 426, src/assets/scss/pages/_pages-startup.scss */ .signup-block .control .input { height: 50px; padding-left: 10px; padding-right: 140px; font-size: 1rem } /* line 432, src/assets/scss/pages/_pages-startup.scss */ .signup-block .control .input::-webkit-input-placeholder { color: #cecece } .signup-block .control .input::-moz-placeholder { color: #cecece } .signup-block .control .input:-ms-input-placeholder { color: #cecece } .signup-block .control .input::-ms-input-placeholder { color: #cecece } .signup-block .control .input::placeholder { color: #cecece } /* line 437, src/assets/scss/pages/_pages-startup.scss */ .signup-block .control button { position: absolute; top: 4px; right: 5px; height: 42px; width: 120px; font-weight: 600 } @media (max-width: 768px) { /* line 450, src/assets/scss/pages/_pages-startup.scss */ .signup-column { margin-top: 0 !important; text-align: center !important } /* line 456, src/assets/scss/pages/_pages-startup.scss */ .signup-block .control { width: 100% } } /* line 467, src/assets/scss/pages/_pages-startup.scss */ .feature-card.is-startup { padding: 20px } /* line 470, src/assets/scss/pages/_pages-startup.scss */ .feature-card.is-startup img { margin: 0 } /* line 477, src/assets/scss/pages/_pages-startup.scss */ .integration-cards .feature-card { padding: 50px 20px; margin-bottom: 20px } /* line 482, src/assets/scss/pages/_pages-startup.scss */ .integration-cards .brand-logo { padding: 10px 0 } /* line 485, src/assets/scss/pages/_pages-startup.scss */ .integration-cards .brand-logo img { max-height: 60px; max-width: 120px } /* line 491, src/assets/scss/pages/_pages-startup.scss */ .integration-cards .card-title { padding: 10px 0 } /* line 495, src/assets/scss/pages/_pages-startup.scss */ .integration-cards .card-feature-description { padding: 0 !important } /* line 499, src/assets/scss/pages/_pages-startup.scss */ .integration-cards a { margin: 20px 0 } /* line 505, src/assets/scss/pages/_pages-startup.scss */ .cta-text { font-family: 'Nexa Bold', sans-serif; font-size: 1.5rem; font-weight: 700 } /* line 513, src/assets/scss/pages/_pages-startup.scss */ .values-cards .feature-card { height: 310px } /* line 517, src/assets/scss/pages/_pages-startup.scss */ .values-cards .card-feature-description { font-size: 95% } /* line 521, src/assets/scss/pages/_pages-startup.scss */ .values-cards .card-icon { padding-top: 50px } /* line 524, src/assets/scss/pages/_pages-startup.scss */ .values-cards .card-icon i { font-size: 5rem; color: #4FC1EA } /* line 530, src/assets/scss/pages/_pages-startup.scss */ .values-cards.is-minimal { padding: 0 8% } /* line 533, src/assets/scss/pages/_pages-startup.scss */ .values-cards.is-minimal i { color: #444F60; font-size: 4.5rem } /* line 539, src/assets/scss/pages/_pages-startup.scss */ .values-cards.is-minimal .feature-card:hover i { color: #4FC1EA } @media (max-width: 768px) { /* line 548, src/assets/scss/pages/_pages-startup.scss */ .values-cards.is-minimal { padding: 0 !important } } /* line 554, src/assets/scss/pages/_pages-startup.scss */ .contact-card { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } /* line 559, src/assets/scss/pages/_pages-startup.scss */ .contact-card .icon i { font-size: 26px; color: #ad5cff; position: relative } /* line 565, src/assets/scss/pages/_pages-startup.scss */ .contact-card .contact-info { margin: 0 30px } /* line 568, src/assets/scss/pages/_pages-startup.scss */ .contact-card .contact-info .contact-name { color: #cecece } /* line 573, src/assets/scss/pages/_pages-startup.scss */ .contact-card .contact-info .contact-details .details-text { font-size: 16px; color: #444F60 !important } /* line 587, src/assets/scss/pages/_pages-startup.scss */ .modern-team.startup-team .modern-team-item { padding: 0 5px; width: 33% } /* line 591, src/assets/scss/pages/_pages-startup.scss */ .modern-team.startup-team .modern-team-item .item-wrapper { border: 1px solid #ededed; -webkit-box-shadow: 0 3px 10px 4px rgba(0, 0, 0, 0.04); box-shadow: 0 3px 10px 4px rgba(0, 0, 0, 0.04) } /* line 597, src/assets/scss/pages/_pages-startup.scss */ .modern-team.startup-team .modern-team-item .item-img:before { content: ""; background-color: rgba(79, 193, 234, 0.8) } /* line 603, src/assets/scss/pages/_pages-startup.scss */ .modern-team.startup-team .modern-team-item img { border-radius: 10px } /* line 607, src/assets/scss/pages/_pages-startup.scss */ .modern-team.startup-team .modern-team-item:hover .item-img { border-radius: 10px } /* line 612, src/assets/scss/pages/_pages-startup.scss */ .modern-team.startup-team .modern-team-item a i { color: #4FC1EA } /* line 616, src/assets/scss/pages/_pages-startup.scss */ .modern-team.startup-team .modern-team-item a:hover i { color: #444F60 } @media (max-width: 767px) { /* line 625, src/assets/scss/pages/_pages-startup.scss */ .modern-team-item { width: auto !important } /* line 629, src/assets/scss/pages/_pages-startup.scss */ #google-map { min-height: 50vh } } /* line 639, src/assets/scss/pages/_pages-startup.scss */ .parallax-counter.is-primary i { color: #4FC1EA !important } /* line 648, src/assets/scss/pages/_pages-startup.scss */ .pricing-plan .plan-header { text-transform: uppercase; font-weight: 400 !important; font-family: 'Nexa Bold', sans-serif; color: #999 } /*! _demo.scss | Bulkit | CSS Ninja */ /* line 32, src/assets/scss/pages/_pages-demo.scss */ .hero.is-slanted:before { background: transparent url(../img/bg/shapes/slant.png) no-repeat scroll 0 bottom/100% auto; content: ""; height: 270px; width: 100%; z-index: 1 !important; position: absolute; bottom: 0; left: 0 } /* line 44, src/assets/scss/pages/_pages-demo.scss */ .section.footer-chart:before { background: transparent url(../img/bg/shapes/footer-chart.svg) no-repeat scroll 0 bottom/100% auto; content: ""; height: 340px; width: 1600px; width: 100%; position: absolute; bottom: -1px; left: -1px; right: -1px; z-index: 0 !important } /* line 58, src/assets/scss/pages/_pages-demo.scss */ #main-landing-mockup { margin-top: -34rem } /* line 63, src/assets/scss/pages/_pages-demo.scss */ #main-landing-title { position: relative; top: -110px; font-family: 'Nexa Bold', sans-serif !important; color: #fff } /* line 69, src/assets/scss/pages/_pages-demo.scss */ #main-landing-title h1 { position: relative; margin-bottom: 0 !important; font-weight: 600; text-transform: uppercase } /* line 75, src/assets/scss/pages/_pages-demo.scss */ #main-landing-title h1:after { content: '3.0'; position: absolute; top: -8px; right: 40px; font-weight: 600; font-size: 1.5rem } /* line 86, src/assets/scss/pages/_pages-demo.scss */ .translated { margin-top: -4.6rem; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } /* line 92, src/assets/scss/pages/_pages-demo.scss */ #demo-canvas { position: absolute; bottom: 0; width: 100%; height: 100% } /* line 100, src/assets/scss/pages/_pages-demo.scss */ .made-with-wrapper { width: 100% } /* line 103, src/assets/scss/pages/_pages-demo.scss */ .made-with-wrapper .made-with-title { font-size: 1.8rem; color: #A9ABAC; font-family: 'Nexa Light', sans-serif; max-width: 350px; margin: 0 auto; text-align: center; padding: 20px 0 } /* line 113, src/assets/scss/pages/_pages-demo.scss */ .made-with-wrapper .made-with { max-width: 350px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center } /* line 120, src/assets/scss/pages/_pages-demo.scss */ .made-with-wrapper .made-with img { max-height: 65px; padding: 0 10px } /* line 128, src/assets/scss/pages/_pages-demo.scss */ .hero.is-gradient { background: #4776E6; background: -webkit-gradient(linear, left top, right top, from(#8E54E9), to(#7F00FF)); background: linear-gradient(to right, #8E54E9, #7F00FF) } /* line 136, src/assets/scss/pages/_pages-demo.scss */ #demo-tabs ul li { font-size: 1rem } /* line 139, src/assets/scss/pages/_pages-demo.scss */ #demo-tabs ul li.is-active a { border-color: #7F00FF } /* line 148, src/assets/scss/pages/_pages-demo.scss */ .demo-wrap .demo-wrapper { position: relative; overflow: hidden; border-radius: 10px; -webkit-box-shadow: -1px 3px 15px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 15px 0 rgba(0, 0, 0, 0.06) } /* line 155, src/assets/scss/pages/_pages-demo.scss */ .demo-wrap .demo-wrapper:hover .circle-overlay { -webkit-transform: scale(35); transform: scale(35) } /* line 159, src/assets/scss/pages/_pages-demo.scss */ .demo-wrap .demo-wrapper:hover .demo-title { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 0 !important; transition-delay: 0 !important } /* line 165, src/assets/scss/pages/_pages-demo.scss */ .demo-wrap .demo-wrapper:hover .demo-link { color: #fff; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 0 !important; transition-delay: 0 !important } /* line 173, src/assets/scss/pages/_pages-demo.scss */ .demo-wrap .demo-wrapper img { border-radius: 10px; display: block } /* line 178, src/assets/scss/pages/_pages-demo.scss */ .demo-wrap .demo-wrapper .circle-overlay { position: absolute; top: -60px; left: -60px; width: 60px; height: 60px; border-radius: 50%; background: #4FC1EA; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s; transition: all 0.5s; z-index: 1 } /* line 190, src/assets/scss/pages/_pages-demo.scss */ .demo-wrap .demo-wrapper .circle-overlay.is-landing { background: #7F00FF } /* line 194, src/assets/scss/pages/_pages-demo.scss */ .demo-wrap .demo-wrapper .circle-overlay.is-landing-v1 { background: #00b289 } /* line 198, src/assets/scss/pages/_pages-demo.scss */ .demo-wrap .demo-wrapper .circle-overlay.is-landing-v2 { background: #0082c8 } /* line 202, src/assets/scss/pages/_pages-demo.scss */ .demo-wrap .demo-wrapper .circle-overlay.is-landing-v3, .demo-wrap .demo-wrapper .circle-overlay.is-landing-v5 { background: #039BE5 } /* line 206, src/assets/scss/pages/_pages-demo.scss */ .demo-wrap .demo-wrapper .circle-overlay.is-landing-v6 { background: #0f7cff } /* line 210, src/assets/scss/pages/_pages-demo.scss */ .demo-wrap .demo-wrapper .circle-overlay.is-landing-v7 { background: #4A00E0 } /* line 214, src/assets/scss/pages/_pages-demo.scss */ .demo-wrap .demo-wrapper .circle-overlay.is-agency, .demo-wrap .demo-wrapper .circle-overlay.is-dashboard { background: #00D1B2 } /* line 218, src/assets/scss/pages/_pages-demo.scss */ .demo-wrap .demo-wrapper .circle-overlay.is-error-kit { background: #eda514 } /* line 222, src/assets/scss/pages/_pages-demo.scss */ .demo-wrap .demo-wrapper .circle-overlay.is-op1 { background: #ff2627 } /* line 227, src/assets/scss/pages/_pages-demo.scss */ .demo-wrap .demo-wrapper .demo-info { position: absolute; margin: 0 auto; top: 35%; left: 0; right: 0; z-index: 2; color: #fff; 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 } /* line 240, src/assets/scss/pages/_pages-demo.scss */ .demo-wrap .demo-wrapper .demo-title { color: #fff; font-family: 'Nexa Bold', sans-serif; font-size: 2.2rem; font-weight: 600; padding-bottom: 0; opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transition-delay: 0.1s; transition-delay: 0.1s } /* line 252, src/assets/scss/pages/_pages-demo.scss */ .demo-wrap .demo-wrapper .demo-link { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s } /* line 258, src/assets/scss/pages/_pages-demo.scss */ .demo-wrap .demo-wrapper .demo-link a { color: #fff; font-size: 1.2rem } /* line 262, src/assets/scss/pages/_pages-demo.scss */ .demo-wrap .demo-wrapper .demo-link a i { position: relative; top: 8px; opacity: 0; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out } /* line 270, src/assets/scss/pages/_pages-demo.scss */ .demo-wrap .demo-wrapper .demo-link a:hover i { opacity: 1; -webkit-transform: translateX(10px); transform: translateX(10px) } /* line 280, src/assets/scss/pages/_pages-demo.scss */ .component-box { display: block; text-align: center; background: #fff; border: 1px solid #e5e5e5; padding: 30px; border-radius: 8px; margin-bottom: 20px; -webkit-transition: all .3s; transition: all .3s; cursor: pointer } /* line 291, src/assets/scss/pages/_pages-demo.scss */ .component-box:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); -webkit-box-shadow: -1px 3px 15px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 15px 0 rgba(0, 0, 0, 0.06) } /* line 296, src/assets/scss/pages/_pages-demo.scss */ .component-box:hover .component img { -webkit-filter: grayscale(0); filter: grayscale(0); opacity: 1 } /* line 302, src/assets/scss/pages/_pages-demo.scss */ .component-box:hover .component-title { color: #444F60 } /* line 308, src/assets/scss/pages/_pages-demo.scss */ .component-box .component img { display: block; -webkit-filter: grayscale(1); filter: grayscale(1); opacity: .6; max-height: 80px; -webkit-transition: all .3s; transition: all .3s } /* line 317, src/assets/scss/pages/_pages-demo.scss */ .component-box .component-title { font-size: 1.2rem; font-family: 'Nexa Bold', sans-serif; color: #999; -webkit-transition: color .3s; transition: color .3s } /* line 327, src/assets/scss/pages/_pages-demo.scss */ .browsers .browser-block { text-align: center; max-width: 150px; margin: 0 auto } /* line 332, src/assets/scss/pages/_pages-demo.scss */ .browsers .browser-block .browser-icon { height: 56px !important; margin: 10px 0 } /* line 337, src/assets/scss/pages/_pages-demo.scss */ .browsers .browser-block .browser-name { background: #fff; color: #999; font-weight: 500; padding: 10px 15px; margin: 0; border-radius: 8px; border: 1px solid #ededed } /* line 350, src/assets/scss/pages/_pages-demo.scss */ .footer-light.is-tainted { background: #7F00FF; color: #fff; position: relative } /* line 355, src/assets/scss/pages/_pages-demo.scss */ .footer-light.is-tainted .columns { margin-top: 35px } /* line 360, src/assets/scss/pages/_pages-demo.scss */ .footer-light.is-tainted .footer-logo img { height: 25px } /* line 366, src/assets/scss/pages/_pages-demo.scss */ .footer-light.is-tainted .footer-column .footer-header h3 { font-weight: 400; font-size: 1.1rem; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 10px; color: #fff } /* line 375, src/assets/scss/pages/_pages-demo.scss */ .footer-light.is-tainted .footer-column ul.link-list { line-height: 30px; font-size: 1rem } /* line 379, src/assets/scss/pages/_pages-demo.scss */ .footer-light.is-tainted .footer-column ul.link-list a { color: #fff; font-weight: 400; -webkit-transition: all 0.5s; transition: all 0.5s } /* line 385, src/assets/scss/pages/_pages-demo.scss */ .footer-light.is-tainted .footer-column ul.link-list :hover { color: #fff } /* line 390, src/assets/scss/pages/_pages-demo.scss */ .footer-light.is-tainted .footer-column .level-item .icon { color: #fff; -webkit-transition: all 0.5s; transition: all 0.5s } /* line 394, src/assets/scss/pages/_pages-demo.scss */ .footer-light.is-tainted .footer-column .level-item .icon :hover { color: #fff; opacity: 0.8 } /* line 401, src/assets/scss/pages/_pages-demo.scss */ .footer-light.is-tainted .made-with-logo { margin: 10px 0 } /* line 404, src/assets/scss/pages/_pages-demo.scss */ .footer-light.is-tainted .made-with-logo img { max-height: 32px } /* line 410, src/assets/scss/pages/_pages-demo.scss */ .tag { line-height: 0 !important } /* line 413, src/assets/scss/pages/_pages-demo.scss */ .tag.no-margin { margin: 0 !important } /* line 423, src/assets/scss/pages/_pages-demo.scss */ .components-title, .handwritten-title, .handwritten-text { font-family: 'Nexa Bold', cursive } /* line 426, src/assets/scss/pages/_pages-demo.scss */ .components-title.is-cta, .handwritten-title.is-cta, .handwritten-text.is-cta { font-size: 3.4rem !important } /* line 431, src/assets/scss/pages/_pages-demo.scss */ .components-title { margin-bottom: 0 !important; padding: 10px 0 } /* line 437, src/assets/scss/pages/_pages-demo.scss */ .components-subtitle { margin-bottom: 0 !important; padding: 20px 0; font-family: 'Nexa Light', sans-serif } /* line 444, src/assets/scss/pages/_pages-demo.scss */ .info-block { position: relative; background: #fff; padding: 30px; border: 1px solid #e5e5e5; border-radius: 8px; margin: 0 auto 30px auto; max-width: 480px; -webkit-box-shadow: -1px 3px 15px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 15px 0 rgba(0, 0, 0, 0.06) } /* line 454, src/assets/scss/pages/_pages-demo.scss */ .info-block .tag { position: absolute; top: 16px; right: 16px; height: 24px } /* line 460, src/assets/scss/pages/_pages-demo.scss */ .info-block .tag.is-secondary { -webkit-box-shadow: 0 14px 26px -12px rgba(127, 0, 255, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(127, 0, 255, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(127, 0, 255, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(127, 0, 255, 0.2) !important } /* line 464, src/assets/scss/pages/_pages-demo.scss */ .info-block .tag.is-success { -webkit-box-shadow: 0 14px 26px -12px rgba(0, 178, 137, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 178, 137, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(0, 178, 137, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 178, 137, 0.2) !important } /* line 469, src/assets/scss/pages/_pages-demo.scss */ .info-block h4 { font-size: 1.4rem; color: #444F60; font-family: 'Nexa Bold', sans-serif } /* line 475, src/assets/scss/pages/_pages-demo.scss */ .info-block p { padding: 10px 0 } /* line 480, src/assets/scss/pages/_pages-demo.scss */ .component-block { max-width: 480px; margin: 0 auto } /* line 484, src/assets/scss/pages/_pages-demo.scss */ .component-block.is-large { max-width: 640px } /* line 490, src/assets/scss/pages/_pages-demo.scss */ .spacer-40 { margin-bottom: 40px } /* line 495, src/assets/scss/pages/_pages-demo.scss */ .hero-heading { font-size: 3rem !important; font-family: Open Sans, sans-serif !important } /* line 499, src/assets/scss/pages/_pages-demo.scss */ .hero-heading+h2 { padding: 0; margin-bottom: 0 !important } /* line 505, src/assets/scss/pages/_pages-demo.scss */ .section-title { font-family: 'Open Sans', sans-serif } /* line 510, src/assets/scss/pages/_pages-demo.scss */ .section-title.is-demo { font-weight: 700; font-size: 2rem !important } /* line 516, src/assets/scss/pages/_pages-demo.scss */ .vivus-svg { max-height: 450px; width: 450px } /* line 522, src/assets/scss/pages/_pages-demo.scss */ .feature-icon { height: 140px !important } /* line 526, src/assets/scss/pages/_pages-demo.scss */ .feature-icon-md { height: 110px !important } /* line 530, src/assets/scss/pages/_pages-demo.scss */ .feature-icon-sm { height: 90px !important } /* line 535, src/assets/scss/pages/_pages-demo.scss */ .feature-description { font-size: 1.2rem; color: #A9ABAC } /* line 539, src/assets/scss/pages/_pages-demo.scss */ .feature-description span { display: block } /* line 542, src/assets/scss/pages/_pages-demo.scss */ .feature-description span.feature-key { font-size: 1.2rem; font-weight: 600; color: #7F00FF; font-family: 'Nexa Light', sans-serif } /* line 552, src/assets/scss/pages/_pages-demo.scss */ .highlight { padding: 1.4rem; overflow: auto; background: #444F60; border-radius: 4px } /* line 559, src/assets/scss/pages/_pages-demo.scss */ .highlight::-webkit-scrollbar { width: 10px } /* line 563, src/assets/scss/pages/_pages-demo.scss */ .highlight::-webkit-scrollbar-thumb { border-radius: 5px; background: rgba(0, 0, 0, 0.2) } /* line 568, src/assets/scss/pages/_pages-demo.scss */ code.hljs span { font-family: Inconsolata, monospace !important } @media (max-width: 767px) { /* line 574, src/assets/scss/pages/_pages-demo.scss */ .components-title, .components-subtitle, .components-cta { text-align: center !important } } /* line 584, src/assets/scss/pages/_pages-demo.scss */ .flex-card.is-active .name { color: #4FC1EA !important } /* line 589, src/assets/scss/pages/_pages-demo.scss */ .flex-card .card-avatar img { width: 45px; border-radius: 100px } /* line 594, src/assets/scss/pages/_pages-demo.scss */ .flex-card .card-name { margin-left: 15px } /* line 597, src/assets/scss/pages/_pages-demo.scss */ .flex-card .card-name .name { color: #444F60 } /* line 601, src/assets/scss/pages/_pages-demo.scss */ .flex-card .card-name .position { font-size: 0.9rem; color: #A9ABAC } /* line 607, src/assets/scss/pages/_pages-demo.scss */ .flex-card .card-select i { color: #cecece; border: 2px dashed #cecece; border-radius: 100px; padding: 6px; font-size: 20px; -webkit-transition: all 0.5s; transition: all 0.5s } /* line 615, src/assets/scss/pages/_pages-demo.scss */ .flex-card .card-select i:hover, .flex-card .card-select i.is-active { color: #4FC1EA; border: 2px solid #4FC1EA } /* line 621, src/assets/scss/pages/_pages-demo.scss */ .flex-card .title-bold { font-family: 'Nexa Bold', sans-serif } /* line 625, src/assets/scss/pages/_pages-demo.scss */ .flex-card .title-light { font-family: 'Nexa Light', sans-serif } /* line 631, src/assets/scss/pages/_pages-demo.scss */ .feature-card { padding: 20px !important } /* line 634, src/assets/scss/pages/_pages-demo.scss */ .feature-card img { margin: 0 !important } /* line 643, src/assets/scss/pages/_pages-demo.scss */ .accordion-wrapper .toggle-wrap { border-bottom: 1px solid #e0e0e0 } /* line 646, src/assets/scss/pages/_pages-demo.scss */ .accordion-wrapper .toggle-wrap .trigger a { display: block; cursor: pointer; position: relative; padding: 0; line-height: 26px; outline: none; color: #444F60; font-size: 14px; background-color: #fff; border: 1px solid #e0e0e0; -webkit-transition: background-color 0.2s, color 0.2s; transition: background-color 0.2s, color 0.2s; padding: 16px 27px; margin: -1px 0 0 0 } /* line 661, src/assets/scss/pages/_pages-demo.scss */ .accordion-wrapper .toggle-wrap .trigger a i { padding-right: 6px; margin: 0 4px 0 0; -webkit-transition: all 0.3s; transition: all 0.3s } /* line 667, src/assets/scss/pages/_pages-demo.scss */ .accordion-wrapper .toggle-wrap .trigger a .im-icon-Add { position: absolute; right: 0; top: 55%; font-size: 24px; -webkit-transform: translate3d(0, -50%, 0) rotate(0); transform: translate3d(0, -50%, 0) rotate(0); -webkit-transition: 0.2s; transition: 0.2s } /* line 676, src/assets/scss/pages/_pages-demo.scss */ .accordion-wrapper .toggle-wrap .trigger a .im-icon-Coding { position: relative; top: 7px } /* line 682, src/assets/scss/pages/_pages-demo.scss */ .accordion-wrapper .toggle-wrap .trigger a { text-transform: none; border: none; margin: 0; padding: 15px 0; text-transform: none; font-size: 11px; font-weight: 500; background-color: transparent; color: #ad5cff; padding-right: 60px; font-weight: 400 } /* line 696, src/assets/scss/pages/_pages-demo.scss */ .accordion-wrapper .toggle-wrap .trigger.active .im-icon-Add { margin-top: 2px; -webkit-transform: translate3d(0, -50%, 0) rotate(45deg); transform: translate3d(0, -50%, 0) rotate(45deg); color: #ad5cff } /* line 702, src/assets/scss/pages/_pages-demo.scss */ .accordion-wrapper .toggle-wrap .toggle-container { border: none } /* line 715, src/assets/scss/pages/_pages-demo.scss */ .demo-im-block:hover { background: #EFF4F7 } /* line 718, src/assets/scss/pages/_pages-demo.scss */ .demo-im-block:hover .demo-im i { -webkit-transform: scale(1.1); transform: scale(1.1); color: #ad5cff } /* line 724, src/assets/scss/pages/_pages-demo.scss */ .demo-im-block .demo-im i { font-size: 2.6rem; margin: 0 15px 0 10px; color: #878787; -webkit-transition: all 0.4s; transition: all 0.4s } /* line 731, src/assets/scss/pages/_pages-demo.scss */ .demo-im-block .im-code { font-size: 1rem } /* line 734, src/assets/scss/pages/_pages-demo.scss */ .demo-im-block .im-code code { color: #878787 } /* line 741, src/assets/scss/pages/_pages-demo.scss */ .demo-fa-block { padding: 10px 5px } /* line 744, src/assets/scss/pages/_pages-demo.scss */ .demo-fa-block:hover { background: #EFF4F7 } /* line 747, src/assets/scss/pages/_pages-demo.scss */ .demo-fa-block:hover .demo-fa i { -webkit-transform: scale(1.1); transform: scale(1.1); color: #ad5cff } /* line 753, src/assets/scss/pages/_pages-demo.scss */ .demo-fa-block .demo-fa i { font-size: 1.6rem; margin: 0 15px 0 10px; color: #878787; -webkit-transition: all 0.4s; transition: all 0.4s } /* line 760, src/assets/scss/pages/_pages-demo.scss */ .demo-fa-block .fa-embed-code { font-size: 1rem } /* line 763, src/assets/scss/pages/_pages-demo.scss */ .demo-fa-block .fa-embed-code code { color: #878787 } /* line 770, src/assets/scss/pages/_pages-demo.scss */ .demo-sl-block { padding: 10px 5px } /* line 773, src/assets/scss/pages/_pages-demo.scss */ .demo-sl-block:hover { background: #EFF4F7 } /* line 776, src/assets/scss/pages/_pages-demo.scss */ .demo-sl-block:hover .demo-sl i { -webkit-transform: scale(1.1); transform: scale(1.1); color: #ad5cff } /* line 782, src/assets/scss/pages/_pages-demo.scss */ .demo-sl-block .demo-sl i { font-size: 1.6rem; margin: 0 15px 0 10px; color: #878787; -webkit-transition: all 0.4s; transition: all 0.4s } /* line 789, src/assets/scss/pages/_pages-demo.scss */ .demo-sl-block .sl-embed-code { font-size: 1rem } /* line 792, src/assets/scss/pages/_pages-demo.scss */ .demo-sl-block .sl-embed-code code { color: #878787 } /* line 803, src/assets/scss/pages/_pages-demo.scss */ .nav-switch { padding: 20px; position: fixed; right: 40px; bottom: 40px; background: #3d4e68; border: 1px solid #ededed; border-radius: 4px; min-width: 220px } /* line 813, src/assets/scss/pages/_pages-demo.scss */ .nav-switch .panel-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center } /* line 818, src/assets/scss/pages/_pages-demo.scss */ .nav-switch .panel-title h3 { text-transform: uppercase; color: #fff } /* line 824, src/assets/scss/pages/_pages-demo.scss */ .nav-switch .panel-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 0 } /* line 830, src/assets/scss/pages/_pages-demo.scss */ .nav-switch .panel-body .color-dot { width: 32px; height: 32px; border-radius: 50%; border: 1px solid #ededed; margin-top: 10px; cursor: pointer } /* line 838, src/assets/scss/pages/_pages-demo.scss */ .nav-switch .panel-body .color-dot.is-white { background: #fff } /* line 842, src/assets/scss/pages/_pages-demo.scss */ .nav-switch .panel-body .color-dot.is-blue { background: #039BE5 } /* line 846, src/assets/scss/pages/_pages-demo.scss */ .nav-switch .panel-body .color-dot.is-purple { background: #7F00FF } /* line 850, src/assets/scss/pages/_pages-demo.scss */ .nav-switch .panel-body .color-dot.is-red { background: #FF7273 } /* line 854, src/assets/scss/pages/_pages-demo.scss */ .nav-switch .panel-body .color-dot.is-reverse { background: #344258 } /* line 866, src/assets/scss/pages/_pages-demo.scss */ .flex-card.color-card .color-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } /* line 870, src/assets/scss/pages/_pages-demo.scss */ .flex-card.color-card .color-item .color-spot { display: block; width: 40px !important; height: 40px !important; border: 1px solid #ededed; border-radius: 100px } /* line 877, src/assets/scss/pages/_pages-demo.scss */ .flex-card.color-card .color-item .color-spot.is-white { background: #fff } /* line 881, src/assets/scss/pages/_pages-demo.scss */ .flex-card.color-card .color-item .color-spot.is-smoke-white { background: #fcfcfc } /* line 885, src/assets/scss/pages/_pages-demo.scss */ .flex-card.color-card .color-item .color-spot.is-grey-white { background: #f2f2f2 } /* line 889, src/assets/scss/pages/_pages-demo.scss */ .flex-card.color-card .color-item .color-spot.is-grey-white-accent { background: #e2e2e2 } /* line 893, src/assets/scss/pages/_pages-demo.scss */ .flex-card.color-card .color-item .color-spot.is-light-grey { background: #EFF4F7 } /* line 897, src/assets/scss/pages/_pages-demo.scss */ .flex-card.color-card .color-item .color-spot.is-ultra-light-grey { background: #f7fcff } /* line 901, src/assets/scss/pages/_pages-demo.scss */ .flex-card.color-card .color-item .color-spot.is-title-grey { background: #A9ABAC } /* line 905, src/assets/scss/pages/_pages-demo.scss */ .flex-card.color-card .color-item .color-spot.is-blue-grey { background: #444F60 } /* line 909, src/assets/scss/pages/_pages-demo.scss */ .flex-card.color-card .color-item .color-spot.is-light-blue-grey { background: #98a9c3 } /* line 913, src/assets/scss/pages/_pages-demo.scss */ .flex-card.color-card .color-item .color-spot.is-medium-grey { background: #66676b } /* line 917, src/assets/scss/pages/_pages-demo.scss */ .flex-card.color-card .color-item .color-spot.is-basaltic-grey { background: #878787 } /* line 921, src/assets/scss/pages/_pages-demo.scss */ .flex-card.color-card .color-item .color-spot.is-muted-grey { background: #999 } /* line 925, src/assets/scss/pages/_pages-demo.scss */ .flex-card.color-card .color-item .color-spot.is-section-grey { background: #fbfbfb } /* line 929, src/assets/scss/pages/_pages-demo.scss */ .flex-card.color-card .color-item .color-spot.is-section-grey-accent { background: #efefef } /* line 933, src/assets/scss/pages/_pages-demo.scss */ .flex-card.color-card .color-item .color-spot.is-header-grey { background: #F5F9FC } /* line 937, src/assets/scss/pages/_pages-demo.scss */ .flex-card.color-card .color-item .color-spot.is-default-input { background: #ccc } /* line 941, src/assets/scss/pages/_pages-demo.scss */ .flex-card.color-card .color-item .color-spot.is-placeholder { background: #cecece } /* line 945, src/assets/scss/pages/_pages-demo.scss */ .flex-card.color-card .color-item .color-spot.is-fade-grey { background: #ededed } /* line 949, src/assets/scss/pages/_pages-demo.scss */ .flex-card.color-card .color-item .color-spot.is-sidebar { background: #344258 } /* line 953, src/assets/scss/pages/_pages-demo.scss */ .flex-card.color-card .color-item .color-spot.is-coal { background: #444 } /* line 957, src/assets/scss/pages/_pages-demo.scss */ .flex-card.color-card .color-item .color-spot.is-grey-3 { background: #333 } /* line 961, src/assets/scss/pages/_pages-demo.scss */ .flex-card.color-card .color-item .color-spot.is-grey-5 { background: #555 } /* line 965, src/assets/scss/pages/_pages-demo.scss */ .flex-card.color-card .color-item .color-spot.is-grey-6 { background: #666 } /* line 969, src/assets/scss/pages/_pages-demo.scss */ .flex-card.color-card .color-item .color-spot.is-cream-grey { background: #f6f4ff } /* line 973, src/assets/scss/pages/_pages-demo.scss */ .flex-card.color-card .color-item .color-spot.is-icon-grey { background: #818a97 } /* line 977, src/assets/scss/pages/_pages-demo.scss */ .flex-card.color-card .color-item .color-spot.is-blue { background: #039BE5 } /* line 981, src/assets/scss/pages/_pages-demo.scss */ .flex-card.color-card .color-item .color-spot.is-green { background: #00b289 } /* line 985, src/assets/scss/pages/_pages-demo.scss */ .flex-card.color-card .color-item .color-spot.is-orange { background: #eda514 } /* line 989, src/assets/scss/pages/_pages-demo.scss */ .flex-card.color-card .color-item .color-spot.is-red { background: #FF7273 } /* line 993, src/assets/scss/pages/_pages-demo.scss */ .flex-card.color-card .color-item .color-spot.is-facebook { background: #3B5998 } /* line 997, src/assets/scss/pages/_pages-demo.scss */ .flex-card.color-card .color-item .color-spot.is-twitter { background: #1dcaff } /* line 1001, src/assets/scss/pages/_pages-demo.scss */ .flex-card.color-card .color-item .color-spot.is-linkedin { background: #007bb6 } /* line 1005, src/assets/scss/pages/_pages-demo.scss */ .flex-card.color-card .color-item .color-spot.is-tumblr { background: #35465c } /* line 1009, src/assets/scss/pages/_pages-demo.scss */ .flex-card.color-card .color-item .color-spot.is-reddit { background: #ff4500 } /* line 1013, src/assets/scss/pages/_pages-demo.scss */ .flex-card.color-card .color-item .color-spot.is-github { background: #444 } /* line 1017, src/assets/scss/pages/_pages-demo.scss */ .flex-card.color-card .color-item .color-spot.is-dribbble { background: #ea4c89 } /* line 1021, src/assets/scss/pages/_pages-demo.scss */ .flex-card.color-card .color-item .color-spot.is-youtube { background: #cc181e } /* line 1025, src/assets/scss/pages/_pages-demo.scss */ .flex-card.color-card .color-item .color-spot.is-google-plus { background: #d34836 } /* line 1029, src/assets/scss/pages/_pages-demo.scss */ .flex-card.color-card .color-item .color-spot.is-primary { background: #4FC1EA } /* line 1033, src/assets/scss/pages/_pages-demo.scss */ .flex-card.color-card .color-item .color-spot.is-secondary { background: #7F00FF } /* line 1037, src/assets/scss/pages/_pages-demo.scss */ .flex-card.color-card .color-item .color-spot.is-accent { background: #ad5cff } /* line 1041, src/assets/scss/pages/_pages-demo.scss */ .flex-card.color-card .color-item .color-spot.is-green-accent { background: #06f4b6 } /* line 1045, src/assets/scss/pages/_pages-demo.scss */ .flex-card.color-card .color-item .color-spot.is-deep-primary { background: #0082c8 } /* line 1049, src/assets/scss/pages/_pages-demo.scss */ .flex-card.color-card .color-item .color-spot.is-deep-secondary { background: #7c4dff } /* line 1053, src/assets/scss/pages/_pages-demo.scss */ .flex-card.color-card .color-item .color-spot.is-deep-accent { background: #00b289 } /* line 1057, src/assets/scss/pages/_pages-demo.scss */ .flex-card.color-card .color-item .color-spot.is-lemonade-primary { background: #039BE5 } /* line 1061, src/assets/scss/pages/_pages-demo.scss */ .flex-card.color-card .color-item .color-spot.is-lemonade-secondary { background: #0084c4 } /* line 1065, src/assets/scss/pages/_pages-demo.scss */ .flex-card.color-card .color-item .color-spot.is-lemonade-accent { background: #00D1B2 } /* line 1069, src/assets/scss/pages/_pages-demo.scss */ .flex-card.color-card .color-item .color-spot.is-dashboard-primary { background: #00D1B2 } /* line 1073, src/assets/scss/pages/_pages-demo.scss */ .flex-card.color-card .color-item .color-spot.is-dashboard-secondary { background: #7F00FF } /* line 1077, src/assets/scss/pages/_pages-demo.scss */ .flex-card.color-card .color-item .color-spot.is-dashboard-accent { background: #536dfe } /* line 1082, src/assets/scss/pages/_pages-demo.scss */ .flex-card.color-card .color-item .color-values { margin: 0 20px } /* line 1085, src/assets/scss/pages/_pages-demo.scss */ .flex-card.color-card .color-item .color-values .hex-value { color: #999 } /* line 1088, src/assets/scss/pages/_pages-demo.scss */ .flex-card.color-card .color-item .color-values .hex-value span { font-weight: 600; color: #444F60 } /* line 1094, src/assets/scss/pages/_pages-demo.scss */ .flex-card.color-card .color-item .color-values .variable-value span { color: #ad5cff; font-weight: 600 } /* line 1106, src/assets/scss/pages/_pages-demo.scss */ .iziToast-cover { width: 60px !important; background-size: cover !important } /* line 1116, src/assets/scss/pages/_pages-demo.scss */ .grid-system .columns .column p { padding: 40px; font-size: 1.2rem; font-weight: 600; color: #fff; text-align: center; border-radius: 4px } /* line 1124, src/assets/scss/pages/_pages-demo.scss */ .grid-system .columns .column p.is-blue { background: #039BE5 } /* line 1128, src/assets/scss/pages/_pages-demo.scss */ .grid-system .columns .column p.is-green { background: #00b289 } /* line 1132, src/assets/scss/pages/_pages-demo.scss */ .grid-system .columns .column p.is-orange { background: #eda514 } /* line 1136, src/assets/scss/pages/_pages-demo.scss */ .grid-system .columns .column p.is-red { background: #FF7273 } /* line 1143, src/assets/scss/pages/_pages-demo.scss */ .grid-system.is-medium .column p { padding: 25px } /* line 1154, src/assets/scss/pages/_pages-demo.scss */ .parallax-hero-title { font-size: 6rem !important; font-family: 'Nexa Bold', cursive !important } /* line 1158, src/assets/scss/pages/_pages-demo.scss */ .parallax-hero-title+h2 { padding: 0 20%; margin-bottom: 0 !important } /* line 1168, src/assets/scss/pages/_pages-demo.scss */ .tag.is-bold { border-width: 2px !important; font-weight: 700 !important } /* line 1179, src/assets/scss/pages/_pages-demo.scss */ .small-footer-logo { height: 38px } /* line 1184, src/assets/scss/pages/_pages-demo.scss */ span.more-info { font-size: 22px } /* line 1189, src/assets/scss/pages/_pages-demo.scss */ span.more-info-email { font-size: 26px; margin-top: 20px; color: #4FC1EA } /* line 1199, src/assets/scss/pages/_pages-demo.scss */ pre { background-color: transparent !important; color: unset; font-size: 0.875em; overflow-x: auto; padding: 0 !important; white-space: pre; word-wrap: normal } /* line 1209, src/assets/scss/pages/_pages-demo.scss */ .hljs { display: block; overflow-x: auto; padding: 1.5em; background: #444F60; color: white } /* line 1217, src/assets/scss/pages/_pages-demo.scss */ .hljs-name, .hljs-strong { font-weight: bold; color: #4FC1EA } /* line 1223, src/assets/scss/pages/_pages-demo.scss */ .hljs-code, .hljs-emphasis { font-style: italic } /* line 1228, src/assets/scss/pages/_pages-demo.scss */ .hljs-tag { color: #909090 } /* line 1232, src/assets/scss/pages/_pages-demo.scss */ .hljs-variable, .hljs-template-variable, .hljs-selector-id, .hljs-selector-class { color: #ade5fc } /* line 1239, src/assets/scss/pages/_pages-demo.scss */ .hljs-string, .hljs-bullet { color: #F39200 !important } /* line 1244, src/assets/scss/pages/_pages-demo.scss */ .hljs-type, .hljs-title, .hljs-section, .hljs-attribute, .hljs-quote, .hljs-built_in, .hljs-builtin-name { color: #ffa } /* line 1254, src/assets/scss/pages/_pages-demo.scss */ .hljs-attr { color: #68BB88 } /* line 1258, src/assets/scss/pages/_pages-demo.scss */ .hljs-number, .hljs-symbol, .hljs-bullet { color: #d36363 } /* line 1264, src/assets/scss/pages/_pages-demo.scss */ .hljs-keyword, .hljs-selector-tag, .hljs-literal { color: #fcc28c } /* line 1270, src/assets/scss/pages/_pages-demo.scss */ .hljs-comment, .hljs-deletion, .hljs-code { color: #888 } /* line 1276, src/assets/scss/pages/_pages-demo.scss */ .hljs-regexp, .hljs-link { color: #c6b4f0 } /* line 1281, src/assets/scss/pages/_pages-demo.scss */ .hljs-meta { color: #fc9b9b } /* line 1285, src/assets/scss/pages/_pages-demo.scss */ .hljs-deletion { background-color: #fc9b9b; color: #333 } /* line 1290, src/assets/scss/pages/_pages-demo.scss */ .hljs-addition { background-color: #a2fca2; color: #333 } /* line 1295, src/assets/scss/pages/_pages-demo.scss */ .hljs a { color: inherit } /* line 1299, src/assets/scss/pages/_pages-demo.scss */ .hljs a:focus, .hljs a:hover { color: inherit; text-decoration: underline } @media (max-width: 767px) { /* line 1312, src/assets/scss/pages/_pages-demo.scss */ #main-landing-title { top: -60px } /* line 1316, src/assets/scss/pages/_pages-demo.scss */ #main-landing-title h1:after { right: 3px } /* line 1322, src/assets/scss/pages/_pages-demo.scss */ #main-landing-mockup { margin-top: -16rem } /* line 1326, src/assets/scss/pages/_pages-demo.scss */ .parallax-hero-title { font-size: 4rem !important } /* line 1329, src/assets/scss/pages/_pages-demo.scss */ .parallax-hero-title+h2 { padding: 0 8%; margin-bottom: 0 !important } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { /* line 1338, src/assets/scss/pages/_pages-demo.scss */ #main-landing-mockup { margin-top: -28rem } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { /* line 1347, src/assets/scss/pages/_pages-demo.scss */ #main-landing-title h1:after { right: 3px } } /*! _landing.scss | Bulkit | CSS Ninja */ /* line 24, src/assets/scss/pages/_pages-landing-kit1.scss */ #landing-hero { background: #7F00FF url(../img/bg/shapes/icon-bg.png) repeat 0 0; -webkit-animation: 18s linear 0s normal none infinite animate; animation: 18s linear 0s normal none infinite animate } @-webkit-keyframes animate { from { background-position: 0 0 } to { background-position: 0 -1450px } } @keyframes animate { from { background-position: 0 0 } to { background-position: 0 -1450px } } /* line 89, src/assets/scss/pages/_pages-landing-kit1.scss */ .hero.hero-waves:before { background: transparent url(../img/bg/shapes/wavy.png) no-repeat scroll 0 bottom/100% auto; content: ""; height: 321px; width: 100%; z-index: 0 !important; position: absolute; bottom: -1px; left: 0 } /* line 101, src/assets/scss/pages/_pages-landing-kit1.scss */ .header-caption { margin-top: -80px; padding: 0 20px; text-align: left } /* line 106, src/assets/scss/pages/_pages-landing-kit1.scss */ .header-caption .landing-title { font-family: 'Nexa Bold', sans-serif; font-size: 3.4rem; font-weight: 900 !important; margin-bottom: 0 !important; color: #fff } /* line 113, src/assets/scss/pages/_pages-landing-kit1.scss */ .header-caption .landing-title.is-big { font-size: 4rem } /* line 118, src/assets/scss/pages/_pages-landing-kit1.scss */ .header-caption .subtitle { margin-bottom: 0; padding: 10px 0 } /* line 123, src/assets/scss/pages/_pages-landing-kit1.scss */ .header-caption.is-centered { text-align: center !important } @media (max-width: 767px) { /* line 130, src/assets/scss/pages/_pages-landing-kit1.scss */ .header-caption { text-align: center; padding: 40px 10px } /* line 134, src/assets/scss/pages/_pages-landing-kit1.scss */ .header-caption .landing-title { font-size: 2.5rem } } @media (max-width: 768px) { /* line 141, src/assets/scss/pages/_pages-landing-kit1.scss */ .header-caption { margin-top: 0 !important } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { /* line 148, src/assets/scss/pages/_pages-landing-kit1.scss */ .header-caption { text-align: center } } /* line 159, src/assets/scss/pages/_pages-landing-kit1.scss */ .section-title-wrapper .section-title-landing { font-family: 'Nexa Bold', sans-serif; font-size: 2.6rem; color: #444F60; padding: 10px 0 } /* line 166, src/assets/scss/pages/_pages-landing-kit1.scss */ .section-title-wrapper h4 { padding: 20px 40px; font-family: 'Nexa Light', sans-serif; font-weight: 300; font-size: 1.2rem; color: #999 } /* line 176, src/assets/scss/pages/_pages-landing-kit1.scss */ .half-mockup { position: absolute; bottom: 0; max-height: 550px } /* line 183, src/assets/scss/pages/_pages-landing-kit1.scss */ .phone-slide { background-position: center left; background-repeat: no-repeat; background-attachment: fixed; background-position: 50% 50%; vertical-align: top; padding: 800px 30px 30px 30px } /* line 191, src/assets/scss/pages/_pages-landing-kit1.scss */ .phone-slide.is-first { background-image: url(../img/illustrations/mockups/startup/phone-slide-1.png) } /* line 195, src/assets/scss/pages/_pages-landing-kit1.scss */ .phone-slide.is-second { background-image: url(../img/illustrations/mockups/startup/phone-slide-2.png) } /* line 199, src/assets/scss/pages/_pages-landing-kit1.scss */ .phone-slide.is-third { background-image: url(../img/illustrations/mockups/startup/phone-slide-3.png) } /* line 203, src/assets/scss/pages/_pages-landing-kit1.scss */ .phone-slide.is-fourth { background-image: url(../img/illustrations/mockups/startup/phone-slide-4.png) } /* line 209, src/assets/scss/pages/_pages-landing-kit1.scss */ .featured-svg-lg { max-width: 550px; max-height: 550px } /* line 216, src/assets/scss/pages/_pages-landing-kit1.scss */ .wavy-icon-box i { font-size: 3.8rem; font-weight: normal; color: #7F00FF } /* line 222, src/assets/scss/pages/_pages-landing-kit1.scss */ .wavy-icon-box .box-title { font-family: 'Nexa Light', sans-serif; padding: 5px 0; font-size: 14px; line-height: 20px; font-weight: 600; color: #7F00FF } /* line 231, src/assets/scss/pages/_pages-landing-kit1.scss */ .wavy-icon-box .box-content { color: #999 } /* line 238, src/assets/scss/pages/_pages-landing-kit1.scss */ .square-icon-box.is-landing .box-title { font-family: 'Nexa Light', sans-serif; font-size: 1.2rem; font-weight: 700; color: #444F60 } /* line 245, src/assets/scss/pages/_pages-landing-kit1.scss */ .square-icon-box.is-landing .box-text { font-size: 14px } /* line 252, src/assets/scss/pages/_pages-landing-kit1.scss */ .quick-feature.is-handwritten { font-size: 2.1rem !important; font-family: 'Nexa Bold', sans-serif; font-weight: 400 !important; margin-bottom: 0.8rem !important } /* line 258, src/assets/scss/pages/_pages-landing-kit1.scss */ .quick-feature.is-handwritten .bg-number { padding-right: 10px !important; font-family: 'Roboto' !important } /* line 266, src/assets/scss/pages/_pages-landing-kit1.scss */ .event-card.is-wavy h2.text-title { font-family: 'Nexa Bold', sans-serif; text-transform: none; font-size: 1.35em } /* line 272, src/assets/scss/pages/_pages-landing-kit1.scss */ .event-card.is-wavy p.text-subtitle { font-family: 'Nexa Light', sans-serif; font-size: 0.9rem } /* line 280, src/assets/scss/pages/_pages-landing-kit1.scss */ .testimonials.is-wavy .testimonial-name h3 { font-family: 'Nexa Bold', sans-serif } @media (max-width: 768px) { /* line 287, src/assets/scss/pages/_pages-landing-kit1.scss */ .testimonial-item { margin: 40px 15px !important } /* line 291, src/assets/scss/pages/_pages-landing-kit1.scss */ .testimonial-item .testimonial-content p { padding: 20px !important } } /* line 299, src/assets/scss/pages/_pages-landing-kit1.scss */ .bottom-spacer { margin-bottom: 80px; min-height: 100px } /* line 305, src/assets/scss/pages/_pages-landing-kit1.scss */ .small-feature { padding: 5px 0; font-family: 'Nexa Bold', sans-serif; font-size: 1.3rem } /* line 316, src/assets/scss/pages/_pages-landing-kit1.scss */ #features-video { margin-top: -35% } /* line 320, src/assets/scss/pages/_pages-landing-kit1.scss */ #header-pricing { margin-top: -20% } @media (max-width: 768px) { /* line 326, src/assets/scss/pages/_pages-landing-kit1.scss */ #features-video { margin-top: 0 !important } } /* line 337, src/assets/scss/pages/_pages-landing-kit1.scss */ .pricing-picker span { color: #fff; font-family: 'Nexa Light', sans-serif; margin: 0 5px 0 5px; padding: 10px 20px 13px 20px; border: 1px solid transparent; border-radius: 4px; cursor: pointer } /* line 346, src/assets/scss/pages/_pages-landing-kit1.scss */ .pricing-picker span.is-active { border: 1px solid #fff } /* line 354, src/assets/scss/pages/_pages-landing-kit1.scss */ .header-pricing.is-wavy .flex-card { border: none !important } /* line 357, src/assets/scss/pages/_pages-landing-kit1.scss */ .header-pricing.is-wavy .flex-card .plan-name { font-family: 'Nexa Bold', sans-serif; text-transform: none; font-size: 1.4rem } /* line 366, src/assets/scss/pages/_pages-landing-kit1.scss */ .giant-input-wrapper.is-wavy { padding: 30px 40px; background: #efefef } /* line 370, src/assets/scss/pages/_pages-landing-kit1.scss */ .giant-input-wrapper.is-wavy .giant-input { position: relative; min-width: 300px; max-width: 100% } /* line 375, src/assets/scss/pages/_pages-landing-kit1.scss */ .giant-input-wrapper.is-wavy .giant-input input { padding: 20px 165px 20px 20px; width: 100%; background: #fff; color: #999; border: none; height: 60px; line-height: 60px; -webkit-transition: all 0.5s; transition: all 0.5s; border: 1px solid rgba(213, 220, 247, 0.59); border-radius: 100px } /* line 387, src/assets/scss/pages/_pages-landing-kit1.scss */ .giant-input-wrapper.is-wavy .giant-input input:focus { outline: none !important; -webkit-box-shadow: 0px 5px 43px rgba(0, 0, 0, 0.18) !important; box-shadow: 0px 5px 43px rgba(0, 0, 0, 0.18) !important } /* line 393, src/assets/scss/pages/_pages-landing-kit1.scss */ .giant-input-wrapper.is-wavy .giant-input button.inner { position: absolute; right: 7px; top: 7px } /* line 406, src/assets/scss/pages/_pages-landing-kit1.scss */ .section.footer-waves:after { background: transparent url(../img/bg/shapes/wavy-dark.png) no-repeat scroll 0 bottom/100% auto; content: ""; height: 321px; width: 100%; z-index: 0 !important; position: absolute; bottom: -1px; left: 0 } /* line 422, src/assets/scss/pages/_pages-landing-kit1.scss */ .hero.hero-waves-dark:before { background: transparent url(../img/bg/shapes/wavy-dark.png) no-repeat scroll 0 bottom/100% auto; content: ""; height: 321px; width: 100%; z-index: 0 !important; position: absolute; bottom: -1px; left: 0 } /* line 434, src/assets/scss/pages/_pages-landing-kit1.scss */ .wavy-login-card, .wavy-signup-card { padding: 40px; border-radius: 6px; max-width: 400px; margin: auto; background-color: white; border: 1px solid #ecf0f1; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05) } /* line 443, src/assets/scss/pages/_pages-landing-kit1.scss */ .wavy-login-card h2, .wavy-signup-card h2 { font-size: 22px; margin-bottom: 40px; font-weight: 700 !important; font-family: 'Nexa Light', sans-serif } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { /* line 458, src/assets/scss/pages/_pages-landing-kit1.scss */ #landing-hero figure img { left: 25%; top: 20% } /* line 464, src/assets/scss/pages/_pages-landing-kit1.scss */ p.is-tablet-padded { padding: 0 10% } /* line 468, src/assets/scss/pages/_pages-landing-kit1.scss */ .column.slide-description { padding: 40px 0 !important } /* line 472, src/assets/scss/pages/_pages-landing-kit1.scss */ .event-card.is-wavy .text-title { font-size: 1.5rem !important } } /*! _landing-v1.scss | Bulkit | CSS Ninja */ /* line 24, src/assets/scss/pages/_pages-landing-kit2.scss */ .hero-body.is-clean { padding-top: 0 !important } /* line 29, src/assets/scss/pages/_pages-landing-kit2.scss */ .clean-title { font-family: 'Nexa Bold', sans-serif; font-weight: 700; font-size: 3.4rem; color: #444F60; padding: 0 } /* line 38, src/assets/scss/pages/_pages-landing-kit2.scss */ .clean-hero-mockup { margin-top: 80px; z-index: 2 } /* line 44, src/assets/scss/pages/_pages-landing-kit2.scss */ .cta-wrapper { padding: 20px 0 } /* line 49, src/assets/scss/pages/_pages-landing-kit2.scss */ .pricing-hero { padding: 120px 0 } @media (max-width: 768px) { /* line 56, src/assets/scss/pages/_pages-landing-kit2.scss */ .column.caption-column .clean-title, .column.caption-column .subtitle, .column.caption-column .cta-wrapper { text-align: center !important } } /* line 68, src/assets/scss/pages/_pages-landing-kit2.scss */ .section-title-wrapper .clean-bg-symbol { position: absolute; font-weight: bolder; top: -25px; margin-left: auto; margin-right: auto; left: 0; right: 0; font-size: 10rem; z-index: 0; opacity: 0.1; color: #999; width: 150px } /* line 82, src/assets/scss/pages/_pages-landing-kit2.scss */ .section-title-wrapper .clean-bg-symbol i { font-weight: 900 } /* line 87, src/assets/scss/pages/_pages-landing-kit2.scss */ .section-title-wrapper .subtitle { font-family: 'Nexa Light', sans-serif; color: #A9ABAC } /* line 94, src/assets/scss/pages/_pages-landing-kit2.scss */ .clean-section-title { font-family: 'Nexa Bold', sans-serif; font-size: 2.6rem; color: #444F60 } /* line 99, src/assets/scss/pages/_pages-landing-kit2.scss */ .clean-section-title:before { content: ""; border-top: 3px solid #ededed; position: absolute; width: 100px; top: 40%; left: 15%; z-index: -999 } /* line 109, src/assets/scss/pages/_pages-landing-kit2.scss */ .clean-section-title:after { content: ""; border-top: 3px solid #ededed; position: absolute; width: 100px; top: 40%; right: 15%; z-index: -999 } @media (max-width: 768px) { /* line 123, src/assets/scss/pages/_pages-landing-kit2.scss */ .clean-section-title:after, .clean-section-title:before { display: none !important } } /* line 130, src/assets/scss/pages/_pages-landing-kit2.scss */ .bg-number.is-fat { font-weight: 900 !important } /* line 139, src/assets/scss/pages/_pages-landing-kit2.scss */ .feature-headline.is-clean, .card-title.is-clean { font-family: 'Nexa Bold', sans-serif } /* line 143, src/assets/scss/pages/_pages-landing-kit2.scss */ .clean-text { font-family: 'Nexa Light', sans-serif } /* line 152, src/assets/scss/pages/_pages-landing-kit2.scss */ .icon-box .box-icon { margin-bottom: 0 } /* line 156, src/assets/scss/pages/_pages-landing-kit2.scss */ .icon-box .box-title { margin: 0; padding: 5px 0; font-weight: 700 } /* line 168, src/assets/scss/pages/_pages-landing-kit2.scss */ .clean-pricing { padding-top: 80px !important } /* line 177, src/assets/scss/pages/_pages-landing-kit2.scss */ .clean-login-card, .clean-signup-card { padding: 40px; border-radius: 6px; max-width: 400px; margin: auto; background-color: #fff; border: 1px solid #ecf0f1; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05) } /* line 186, src/assets/scss/pages/_pages-landing-kit2.scss */ .clean-login-card h2, .clean-signup-card h2 { font-size: 24px; padding: 20px 0; font-family: 'Nexa Bold', sans-serif } /* line 193, src/assets/scss/pages/_pages-landing-kit2.scss */ .clean-signup-info { padding: 40px 40px 40px 40px } /* line 196, src/assets/scss/pages/_pages-landing-kit2.scss */ .clean-signup-info h2 { font-size: 25px; margin-bottom: 20px; font-weight: 300 } /* line 202, src/assets/scss/pages/_pages-landing-kit2.scss */ .clean-signup-info .feature { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 30px } /* line 208, src/assets/scss/pages/_pages-landing-kit2.scss */ .clean-signup-info .feature img { height: 60px !important; width: 60px !important } /* line 213, src/assets/scss/pages/_pages-landing-kit2.scss */ .clean-signup-info .feature .feature-text { margin-left: 20px; color: #999 } /* line 225, src/assets/scss/pages/_pages-landing-kit2.scss */ .small-footer-logo { height: 38px } @media (max-width: 767px) { /* line 235, src/assets/scss/pages/_pages-landing-kit2.scss */ .icon-card-hover { padding: 20px 20px 10px 100px !important } /* line 238, src/assets/scss/pages/_pages-landing-kit2.scss */ .icon-card-hover .card-description { font-size: 14px } } @media (max-width: 768px) { /* line 247, src/assets/scss/pages/_pages-landing-kit2.scss */ .hero-body.is-clean { padding-top: 3rem !important } /* line 253, src/assets/scss/pages/_pages-landing-kit2.scss */ .clean-pricing .column.is-5 { text-align: center !important } /* line 257, src/assets/scss/pages/_pages-landing-kit2.scss */ .clean-pricing .period-select { margin: 0 auto } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { /* line 265, src/assets/scss/pages/_pages-landing-kit2.scss */ .is-tablet-padded { padding: 0 20% } } /*! _landing-v2.scss | Bulkit | CSS Ninja */ /* line 30, src/assets/scss/pages/_pages-landing-kit3.scss */ .hero.hero-wavy:before { background: transparent url(../img/bg/shapes/wavy-alt.png) no-repeat scroll 0 bottom/100% auto; content: ""; height: 321px; width: 100%; z-index: 1 !important; position: absolute; bottom: -1px; left: 0 } /* line 42, src/assets/scss/pages/_pages-landing-kit3.scss */ .hero-caption { text-align: left } /* line 45, src/assets/scss/pages/_pages-landing-kit3.scss */ .hero-caption .title.big-landing-title { color: #fff; z-index: 999; font-size: 2.8rem; font-family: 'Nexa Bold', sans-serif; font-weight: 700; text-transform: uppercase; padding: 10px 0 } /* line 55, src/assets/scss/pages/_pages-landing-kit3.scss */ .hero-caption .subtitle { margin-bottom: 0 } @media (max-width: 767px) { /* line 62, src/assets/scss/pages/_pages-landing-kit3.scss */ .hero-caption { text-align: center !important } /* line 65, src/assets/scss/pages/_pages-landing-kit3.scss */ .hero-caption h1, .hero-caption h2 { padding-right: 0 } } /* line 72, src/assets/scss/pages/_pages-landing-kit3.scss */ #canvas { margin: 0; padding: 0; width: 100%; overflow: visible; position: absolute; top: 10% } /* line 82, src/assets/scss/pages/_pages-landing-kit3.scss */ .floating-avatars .avatar { height: 60px; border-radius: 100px; position: absolute } /* line 87, src/assets/scss/pages/_pages-landing-kit3.scss */ .floating-avatars .avatar.avatar-1st { left: 50%; top: 64% } /* line 92, src/assets/scss/pages/_pages-landing-kit3.scss */ .floating-avatars .avatar.avatar-2nd { height: 40px; left: 80%; top: 45% } /* line 98, src/assets/scss/pages/_pages-landing-kit3.scss */ .floating-avatars .avatar.avatar-3rd { height: 50px; left: 68%; top: 60% } /* line 104, src/assets/scss/pages/_pages-landing-kit3.scss */ .floating-avatars .avatar.avatar-4th { left: 90%; top: 75% } /* line 109, src/assets/scss/pages/_pages-landing-kit3.scss */ .floating-avatars .avatar.avatar-5th { height: 50px; left: 33%; top: 55% } /* line 115, src/assets/scss/pages/_pages-landing-kit3.scss */ .floating-avatars .avatar.avatar-6th { left: 20%; top: 69%; z-index: 2 } /* line 121, src/assets/scss/pages/_pages-landing-kit3.scss */ .floating-avatars .avatar.avatar-7th { height: 40px; left: 8%; top: 45% } /* line 129, src/assets/scss/pages/_pages-landing-kit3.scss */ .pricing-hero { padding: 120px 0; min-height: 70vh } /* line 141, src/assets/scss/pages/_pages-landing-kit3.scss */ .floating-bubbles .bubble img { height: 100px; position: absolute } /* line 145, src/assets/scss/pages/_pages-landing-kit3.scss */ .floating-bubbles .bubble img.bubble-1st { left: 20%; top: -5%; -webkit-animation-delay: .5s; animation-delay: .5s } /* line 151, src/assets/scss/pages/_pages-landing-kit3.scss */ .floating-bubbles .bubble img.bubble-2nd { left: 50%; top: 25%; -webkit-animation-delay: 1.5s; animation-delay: 1.5s } /* line 157, src/assets/scss/pages/_pages-landing-kit3.scss */ .floating-bubbles .bubble img.bubble-3rd { left: 15%; top: 75%; -webkit-animation-delay: 2.5s; animation-delay: 2.5s } /* line 163, src/assets/scss/pages/_pages-landing-kit3.scss */ .floating-bubbles .bubble img.bubble-4th { right: 15%; top: -15%; -webkit-animation-delay: 4.5s; animation-delay: 4.5s } /* line 169, src/assets/scss/pages/_pages-landing-kit3.scss */ .floating-bubbles .bubble img.bubble-5th { right: 15%; top: -15%; -webkit-animation-delay: 3.5s; animation-delay: 3.5s } /* line 175, src/assets/scss/pages/_pages-landing-kit3.scss */ .floating-bubbles .bubble img.bubble-6th { right: 50%; top: 20%; -webkit-animation-delay: 2s; animation-delay: 2s } /* line 181, src/assets/scss/pages/_pages-landing-kit3.scss */ .floating-bubbles .bubble img.bubble-7th { right: 10%; top: -80%; -webkit-animation-delay: 1.7s; animation-delay: 1.7s; -webkit-transform: rotate(-60deg); transform: rotate(-60deg) } /* line 188, src/assets/scss/pages/_pages-landing-kit3.scss */ .floating-bubbles .bubble img.bubble-8th { left: 10%; top: -7%; -webkit-animation-delay: 5.3s; animation-delay: 5.3s } /* line 194, src/assets/scss/pages/_pages-landing-kit3.scss */ .floating-bubbles .bubble img.bubble-9th { left: 30%; top: 80%; -webkit-animation-delay: 5.3s; animation-delay: 5.3s } /* line 207, src/assets/scss/pages/_pages-landing-kit3.scss */ .subtitle:not(:last-child), .title:not(:last-child), .content h5 { margin-bottom: 0 !important } /* line 212, src/assets/scss/pages/_pages-landing-kit3.scss */ .section-title-wrapper .section-title-landing { font-family: 'Nexa Bold', sans-serif; font-size: 2.7rem; color: #444F60; padding: 20px 0 } /* line 219, src/assets/scss/pages/_pages-landing-kit3.scss */ .section-title-wrapper h4 { font-family: 'Nexa Light', sans-serif; font-weight: 300; font-size: 1.2rem; color: #999 } /* line 228, src/assets/scss/pages/_pages-landing-kit3.scss */ .title-wrapper .top-subtitle { text-transform: uppercase; color: #999; font-family: 'Nexa Light', sans-serif; font-weight: 700; font-size: 1.05rem } /* line 236, src/assets/scss/pages/_pages-landing-kit3.scss */ .title-wrapper h2 { font-size: 2rem !important } /* line 241, src/assets/scss/pages/_pages-landing-kit3.scss */ .quick-feature { font-family: 'Nexa Light'; font-size: 2.2rem; font-weight: 700 } /* line 248, src/assets/scss/pages/_pages-landing-kit3.scss */ .title.is-landing { font-family: 'Nexa Bold', sans-serif } /* line 252, src/assets/scss/pages/_pages-landing-kit3.scss */ .title.is-landing-light { font-family: 'Nexa Light', sans-serif } /* line 262, src/assets/scss/pages/_pages-landing-kit3.scss */ .chat-icon-box i { font-size: 3.8rem; font-weight: normal; color: #4FC1EA } /* line 268, src/assets/scss/pages/_pages-landing-kit3.scss */ .chat-icon-box .box-title { font-family: 'Nexa Light', sans-serif; padding: 5px 0; font-size: 16px; line-height: 20px; font-weight: 700; color: #4FC1EA } /* line 279, src/assets/scss/pages/_pages-landing-kit3.scss */ .square-icon-box .box-title { font-family: 'Nexa Light'; font-size: 1.1rem; font-weight: 700 } /* line 285, src/assets/scss/pages/_pages-landing-kit3.scss */ .square-icon-box .box-text { font-size: 14px } /* line 295, src/assets/scss/pages/_pages-landing-kit3.scss */ .is-landing { font-family: 'Nexa Light', sans-serif !important; font-weight: 700 } /* line 305, src/assets/scss/pages/_pages-landing-kit3.scss */ .vivus-svg { max-height: 450px; width: 450px } /* line 311, src/assets/scss/pages/_pages-landing-kit3.scss */ .featured-svg { max-width: 450px } /* line 314, src/assets/scss/pages/_pages-landing-kit3.scss */ .featured-svg.is-large { max-width: 540px } /* line 325, src/assets/scss/pages/_pages-landing-kit3.scss */ .flat-testimonial-item .company { max-width: 100px; margin-right: 0 !important } /* line 334, src/assets/scss/pages/_pages-landing-kit3.scss */ .section.footer-wavy:before { background: transparent url(../img/bg/shapes/wavy-alt.png) no-repeat scroll 0 bottom/100% auto; content: ""; height: 321px; width: 100%; position: absolute; bottom: 0; left: 0; z-index: 1 !important } @media (max-width: 768px) { /* line 347, src/assets/scss/pages/_pages-landing-kit3.scss */ .footer-logo { padding-top: 20px } } /* line 357, src/assets/scss/pages/_pages-landing-kit3.scss */ #fancy-pricing { margin-top: -20% } /* line 363, src/assets/scss/pages/_pages-landing-kit3.scss */ .contact-material .material-input { color: #fff !important } /* line 369, src/assets/scss/pages/_pages-landing-kit3.scss */ .giant-input-wrapper { padding: 30px 40px; background: #efefef } /* line 373, src/assets/scss/pages/_pages-landing-kit3.scss */ .giant-input-wrapper .giant-input { position: relative; min-width: 300px; max-width: 100% } /* line 378, src/assets/scss/pages/_pages-landing-kit3.scss */ .giant-input-wrapper .giant-input input { padding: 20px 165px 20px 20px; width: 100%; background: #fff; color: #999; border: none; height: 60px; line-height: 60px; -webkit-transition: all 0.5s; transition: all 0.5s; border: 1px solid rgba(213, 220, 247, 0.59) } /* line 389, src/assets/scss/pages/_pages-landing-kit3.scss */ .giant-input-wrapper .giant-input input:focus { outline: none !important; -webkit-box-shadow: 0px 5px 43px rgba(0, 0, 0, 0.18) !important; box-shadow: 0px 5px 43px rgba(0, 0, 0, 0.18) !important } /* line 395, src/assets/scss/pages/_pages-landing-kit3.scss */ .giant-input-wrapper .giant-input button.inner { position: absolute; right: 7px; top: 7px } /* line 408, src/assets/scss/pages/_pages-landing-kit3.scss */ .clean-login-card, .clean-signup-card { padding: 40px; border-radius: 6px; max-width: 400px; margin: auto; background-color: #fff; border: 1px solid #ecf0f1; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05) } /* line 417, src/assets/scss/pages/_pages-landing-kit3.scss */ .clean-login-card h2, .clean-signup-card h2 { font-size: 24px; padding: 20px 0; font-weight: 700 !important; font-family: 'Nexa Light', sans-serif } /* line 425, src/assets/scss/pages/_pages-landing-kit3.scss */ .signup-context { border: none !important; border-radius: 6px } /* line 429, src/assets/scss/pages/_pages-landing-kit3.scss */ .signup-context .argument { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: left; padding-top: 30px } /* line 436, src/assets/scss/pages/_pages-landing-kit3.scss */ .signup-context .argument .icon i { font-size: 2.4rem; color: #fff } /* line 441, src/assets/scss/pages/_pages-landing-kit3.scss */ .signup-context .argument .argument-text { margin-left: 22px; color: #fff } /* line 451, src/assets/scss/pages/_pages-landing-kit3.scss */ #bulchat { position: fixed; right: 0; opacity: 0; visibility: hidden; bottom: 85px; margin: 0 25px 0 0; z-index: 9999; -webkit-transition: 0.35s; transition: 0.35s; -webkit-transform: scale(0.7); transform: scale(0.7); -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-animation: gelatine; animation: gelatine } /* line 465, src/assets/scss/pages/_pages-landing-kit3.scss */ #bulchat.visible { opacity: 1; visibility: visible; -webkit-transform: scale(1); transform: scale(1) } /* line 471, src/assets/scss/pages/_pages-landing-kit3.scss */ #bulchat.visible div { outline: none; opacity: 1; background: #7F00FF; cursor: pointer } /* line 477, src/assets/scss/pages/_pages-landing-kit3.scss */ #bulchat.visible div:hover { opacity: 0.8 } /* line 482, src/assets/scss/pages/_pages-landing-kit3.scss */ #bulchat div { outline: none; text-decoration: none; border: 0 none; display: block; width: 46px; height: 46px; background-color: #66676b; opacity: 1; -webkit-transition: all 0.3s; transition: all 0.3s; border-radius: 50% 50% 50% 0; text-align: center; font-size: 26px } /* line 497, src/assets/scss/pages/_pages-landing-kit3.scss */ body #bulchat div { outline: none; color: #fff } /* line 502, src/assets/scss/pages/_pages-landing-kit3.scss */ #bulchat div:after { outline: none; content: url(../img/illustrations/icons/landing-v2/smile.svg); font-family: "FontAwesome"; position: relative; display: block; top: 50%; -webkit-transform: translateY(-55%); transform: translateY(-55%) } /* line 513, src/assets/scss/pages/_pages-landing-kit3.scss */ #bulchat.visible.close { -webkit-transform: rotate(90deg); transform: rotate(90deg) } /* line 517, src/assets/scss/pages/_pages-landing-kit3.scss */ #bulchat div.close:after { outline: none; content: url(../img/illustrations/icons/landing-v2/close.svg); font-family: "FontAwesome"; position: relative; display: block; top: 50%; -webkit-transform: translateY(-55%); transform: translateY(-55%); -webkit-transition: all 0.5s ease; transition: all 0.5s ease } /* line 532, src/assets/scss/pages/_pages-landing-kit3.scss */ #chat-widget { display: none } /* line 536, src/assets/scss/pages/_pages-landing-kit3.scss */ #chat-widget .chat-widget-body { background-color: #fff; position: fixed; bottom: 85px; right: 85px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 370px; height: 550px; border-radius: 10px 10px 0; -webkit-box-shadow: 0 24px 25px rgba(0, 0, 0, 0.1); box-shadow: 0 24px 25px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 999 } /* line 552, src/assets/scss/pages/_pages-landing-kit3.scss */ #chat-widget .chat-widget-body.is-closed { -webkit-animation-name: fadeOutUp; -webkit-animation-duration: .5s; animation-name: fadeOutUp; animation-duration: .5s } /* line 559, src/assets/scss/pages/_pages-landing-kit3.scss */ #chat-widget .chat-widget-body.is-opened { -webkit-animation-name: fadeInDown; -webkit-animation-duration: .5s; animation-name: fadeInDown; animation-duration: .5s } /* line 567, src/assets/scss/pages/_pages-landing-kit3.scss */ #chat-widget .chat-widget-body .chat-header { padding: 20px 20px 10px 20px; background-color: #7F00FF } /* line 571, src/assets/scss/pages/_pages-landing-kit3.scss */ #chat-widget .chat-widget-body .chat-header .close-chat img { height: 10px } /* line 575, src/assets/scss/pages/_pages-landing-kit3.scss */ #chat-widget .chat-widget-body .chat-header .chat-title { text-align: center; color: #fff; font-size: 17px; font-weight: 400; margin-bottom: 20px } /* line 583, src/assets/scss/pages/_pages-landing-kit3.scss */ #chat-widget .chat-widget-body .chat-header .chat-team { 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 } /* line 588, src/assets/scss/pages/_pages-landing-kit3.scss */ #chat-widget .chat-widget-body .chat-header .chat-team .team-member { margin: 0 5px 0 5px } /* line 591, src/assets/scss/pages/_pages-landing-kit3.scss */ #chat-widget .chat-widget-body .chat-header .chat-team .team-member img { height: 50px; border-radius: 100px } /* line 596, src/assets/scss/pages/_pages-landing-kit3.scss */ #chat-widget .chat-widget-body .chat-header .chat-team .team-member div { color: #fff } /* line 602, src/assets/scss/pages/_pages-landing-kit3.scss */ #chat-widget .chat-widget-body .chat-header .response-delay { color: #fff; margin-top: 20px; font-size: 12px } /* line 610, src/assets/scss/pages/_pages-landing-kit3.scss */ #chat-widget .chat-widget-body .message-container { position: relative; overflow-x: hidden; overflow-y: scroll; height: 100%; padding-bottom: 100px } /* line 617, src/assets/scss/pages/_pages-landing-kit3.scss */ #chat-widget .chat-widget-body .message-container .chat-message { padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center } /* line 623, src/assets/scss/pages/_pages-landing-kit3.scss */ #chat-widget .chat-widget-body .message-container .chat-message img { height: 35px; border-radius: 100px } /* line 628, src/assets/scss/pages/_pages-landing-kit3.scss */ #chat-widget .chat-widget-body .message-container .chat-message .bubble-wrapper { width: 100% } /* line 631, src/assets/scss/pages/_pages-landing-kit3.scss */ #chat-widget .chat-widget-body .message-container .chat-message .bubble-wrapper .chat-bubble { padding: 10px 20px 10px 20px; font-size: 12px; border: 1px solid #ededed; position: relative; top: 30px } /* line 639, src/assets/scss/pages/_pages-landing-kit3.scss */ #chat-widget .chat-widget-body .message-container .chat-message .bubble-wrapper .timestamp { position: relative; top: 8px; font-size: 11px; font-weight: 500; color: #999 } /* line 650, src/assets/scss/pages/_pages-landing-kit3.scss */ #chat-widget .chat-widget-body .message-container .chat-message.from .chat-bubble { margin-left: 20px; color: #fff; background: #7F00FF; border-radius: 0 15px 15px 15px } /* line 657, src/assets/scss/pages/_pages-landing-kit3.scss */ #chat-widget .chat-widget-body .message-container .chat-message.from .timestamp { right: 10px; float: right } /* line 665, src/assets/scss/pages/_pages-landing-kit3.scss */ #chat-widget .chat-widget-body .message-container .chat-message.to .chat-bubble { margin-right: 20px; color: #fff; background: #7F00FF; border: 1px solid #ededed; border-radius: 15px 0 15px 15px; text-align: left !important } /* line 674, src/assets/scss/pages/_pages-landing-kit3.scss */ #chat-widget .chat-widget-body .message-container .chat-message.to .timestamp { left: 0; top: 23px } /* line 683, src/assets/scss/pages/_pages-landing-kit3.scss */ #chat-widget .chat-widget-body .message-container::-webkit-scrollbar { width: 10px } /* line 687, src/assets/scss/pages/_pages-landing-kit3.scss */ #chat-widget .chat-widget-body .message-container::-webkit-scrollbar-thumb { border-radius: 5px; background: rgba(0, 0, 0, 0.2) } /* line 693, src/assets/scss/pages/_pages-landing-kit3.scss */ #chat-widget .chat-widget-body .message-input { position: absolute; bottom: -5px !important; width: 100% } /* line 698, src/assets/scss/pages/_pages-landing-kit3.scss */ #chat-widget .chat-widget-body .message-input textarea { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 18px; padding-right: 100px; padding-left: 30px; width: 100%; height: 100%; font-family: "intercom-font", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 15px; font-weight: 400; line-height: 1.33; white-space: pre; white-space: pre-wrap; word-wrap: break-word; border: none !important; resize: none; background-color: #fcfcfc } /* line 716, src/assets/scss/pages/_pages-landing-kit3.scss */ #chat-widget .chat-widget-body .message-input textarea:focus { outline: none !important } /* line 721, src/assets/scss/pages/_pages-landing-kit3.scss */ #chat-widget .chat-widget-body .message-input .message-options { position: absolute; right: 30px; top: 0 } /* line 726, src/assets/scss/pages/_pages-landing-kit3.scss */ #chat-widget .chat-widget-body .message-input .message-options .emoji-button { position: relative; float: left; display: inline-block; cursor: pointer; opacity: .7; height: 55px; width: 30px } /* line 735, src/assets/scss/pages/_pages-landing-kit3.scss */ #chat-widget .chat-widget-body .message-input .message-options .emoji-button:before { background-image: url(https://image.ibb.co/gH13KQ/emoji_icon.png); background-size: 18px 18px; background-repeat: no-repeat; content: " "; width: 18px; height: 18px; left: 5px; border-radius: 50%; position: absolute; top: 20px; background-position: 50% } /* line 750, src/assets/scss/pages/_pages-landing-kit3.scss */ #chat-widget .chat-widget-body .message-input .message-options .attach-button { position: relative; float: left; display: inline-block; cursor: pointer; opacity: .7; height: 55px; width: 30px } /* line 759, src/assets/scss/pages/_pages-landing-kit3.scss */ #chat-widget .chat-widget-body .message-input .message-options .attach-button:before { background-image: url(https://image.ibb.co/hSE165/attach_icon.png); background-size: 16px 18px; background-repeat: no-repeat; content: " "; width: 16px; height: 18px; left: 5px; position: absolute; top: 20px; background-position: 50% } @media (max-width: 767px) { /* line 781, src/assets/scss/pages/_pages-landing-kit3.scss */ .chat-widget-body { height: 100% !important; width: 100% !important; top: 0 !important; left: 0 !important; border-radius: 0 !important; z-index: 99999 !important } /* line 790, src/assets/scss/pages/_pages-landing-kit3.scss */ #bulchat.visible.close { -webkit-transform: rotate(90deg); transform: rotate(90deg); visibility: hidden } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { /* line 802, src/assets/scss/pages/_pages-landing-kit3.scss */ .is-tablet-padded { padding: 0 10% } /* line 806, src/assets/scss/pages/_pages-landing-kit3.scss */ .is-tablet-padded-lg { padding: 0 20% } } /*! _landing-v3.scss | Bulkit | CSS Ninja */ /* line 24, src/assets/scss/pages/_pages-landing-kit4.scss */ .big-title { font-family: 'Nexa Bold', sans-serif; margin-bottom: 0 !important; padding: 10px 0 } /* line 31, src/assets/scss/pages/_pages-landing-kit4.scss */ .light-subtitle { font-size: 1.5rem; padding: 2% 10% 2% 10%; margin-bottom: 0 !important } /* line 38, src/assets/scss/pages/_pages-landing-kit4.scss */ .video-link { padding: 10px 0; 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; cursor: pointer } /* line 45, src/assets/scss/pages/_pages-landing-kit4.scss */ .video-link span { color: #444F60 } /* line 49, src/assets/scss/pages/_pages-landing-kit4.scss */ .video-link i { position: relative; top: 2px; padding-right: 10px; color: #444; -webkit-transition: all 0.4s; transition: all 0.4s } /* line 58, src/assets/scss/pages/_pages-landing-kit4.scss */ .video-link:hover i, .video-link:hover span { color: #4FC1EA } /* line 65, src/assets/scss/pages/_pages-landing-kit4.scss */ .mockup-section { padding: 5rem 1.5rem !important } /* line 68, src/assets/scss/pages/_pages-landing-kit4.scss */ .mockup-section .app-mockup { position: relative; padding-top: 5%; z-index: 2 } /* line 74, src/assets/scss/pages/_pages-landing-kit4.scss */ .mockup-section .hr-bg { position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; max-width: 1096px; width: 100%; z-index: 0 } /* line 92, src/assets/scss/pages/_pages-landing-kit4.scss */ .minimal-feature .minimal-title { font-family: 'Nexa Bold', sans-serif; font-size: 2rem; font-weight: 500; color: #444F60; padding: 10px 0; margin-bottom: 0 !important } /* line 103, src/assets/scss/pages/_pages-landing-kit4.scss */ .minimal-feature-image { position: relative } /* line 106, src/assets/scss/pages/_pages-landing-kit4.scss */ .minimal-feature-image .main-image { position: relative; z-index: 2 } /* line 111, src/assets/scss/pages/_pages-landing-kit4.scss */ .minimal-feature-image .image-bg { position: absolute; top: 10%; left: -20%; right: 0; margin: 0 auto; max-width: 1096px; width: 120%; z-index: 0 } /* line 125, src/assets/scss/pages/_pages-landing-kit4.scss */ .city-container img { display: block } /* line 131, src/assets/scss/pages/_pages-landing-kit4.scss */ .conditions { position: relative; top: 12px; font-size: 85%; margin-left: 15px; color: #fff } /* line 144, src/assets/scss/pages/_pages-landing-kit4.scss */ .billing-switcher-wrapper { padding-top: 40px; max-width: 200px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative } /* line 153, src/assets/scss/pages/_pages-landing-kit4.scss */ .billing-switcher-wrapper .by-month { padding-right: 20px } /* line 157, src/assets/scss/pages/_pages-landing-kit4.scss */ .billing-switcher-wrapper .by-year { padding-left: 10px } /* line 161, src/assets/scss/pages/_pages-landing-kit4.scss */ .billing-switcher-wrapper .by-month, .billing-switcher-wrapper .by-year { color: #A9ABAC } /* line 164, src/assets/scss/pages/_pages-landing-kit4.scss */ .billing-switcher-wrapper .by-month.is-active, .billing-switcher-wrapper .by-year.is-active { color: #4FC1EA } /* line 170, src/assets/scss/pages/_pages-landing-kit4.scss */ .billing-switcher-wrapper .discount { position: absolute; top: -10px; right: -100px } /* line 175, src/assets/scss/pages/_pages-landing-kit4.scss */ .billing-switcher-wrapper .discount img { max-height: 70px; height: 70px } /* line 183, src/assets/scss/pages/_pages-landing-kit4.scss */ .pricing-wrapper { position: relative } /* line 187, src/assets/scss/pages/_pages-landing-kit4.scss */ .pricing-wrapper .hr-bg { position: absolute; top: -50px; left: 0; right: 0; margin: 0 auto; max-width: 1096px; width: 100%; z-index: 0 } /* line 199, src/assets/scss/pages/_pages-landing-kit4.scss */ .pricing-wrapper .flex-card { z-index: 2 } /* line 202, src/assets/scss/pages/_pages-landing-kit4.scss */ .pricing-wrapper .flex-card .condensed-plan { padding: 20px; text-align: center; border-right: 1px solid #ededed } /* line 207, src/assets/scss/pages/_pages-landing-kit4.scss */ .pricing-wrapper .flex-card .condensed-plan.is-last { border-right: none } /* line 212, src/assets/scss/pages/_pages-landing-kit4.scss */ .pricing-wrapper .flex-card .condensed-plan.is-switched .monthly-price { display: none !important } /* line 216, src/assets/scss/pages/_pages-landing-kit4.scss */ .pricing-wrapper .flex-card .condensed-plan.is-switched .yearly-price { display: block !important } /* line 220, src/assets/scss/pages/_pages-landing-kit4.scss */ .pricing-wrapper .flex-card .condensed-plan.is-switched .yearly-billed { visibility: visible !important } /* line 225, src/assets/scss/pages/_pages-landing-kit4.scss */ .pricing-wrapper .flex-card .condensed-plan .plan-header { font-size: 1.2rem; font-weight: 500; padding-bottom: 20px } /* line 231, src/assets/scss/pages/_pages-landing-kit4.scss */ .pricing-wrapper .flex-card .condensed-plan .plan-description { color: #A9ABAC; padding-bottom: 20px } /* line 235, src/assets/scss/pages/_pages-landing-kit4.scss */ .pricing-wrapper .flex-card .condensed-plan .plan-description span { font-weight: 500; color: #4FC1EA } /* line 241, src/assets/scss/pages/_pages-landing-kit4.scss */ .pricing-wrapper .flex-card .condensed-plan .plan-price { font-size: 6rem; font-weight: 400; padding-bottom: 2rem; border-bottom: 1px dashed #A9ABAC } /* line 248, src/assets/scss/pages/_pages-landing-kit4.scss */ .pricing-wrapper .flex-card .condensed-plan .plan-price span:after { content: "PER MONTH"; display: block; margin-top: -8px; font-size: 0.8rem; line-height: 1rem; font-family: inherit; font-weight: 300; color: #748088 } /* line 259, src/assets/scss/pages/_pages-landing-kit4.scss */ .pricing-wrapper .flex-card .condensed-plan .plan-price span:before { content: "$"; display: inline-block; font-weight: 700; line-height: 4rem; font-size: 1rem; padding-top: 1rem; margin-right: 0; vertical-align: text-top } /* line 271, src/assets/scss/pages/_pages-landing-kit4.scss */ .pricing-wrapper .flex-card .condensed-plan .plan-price .monthly-price { display: block } /* line 275, src/assets/scss/pages/_pages-landing-kit4.scss */ .pricing-wrapper .flex-card .condensed-plan .plan-price .yearly-price { display: none } /* line 279, src/assets/scss/pages/_pages-landing-kit4.scss */ .pricing-wrapper .flex-card .condensed-plan .plan-price .yearly-billed { padding-top: 2rem; font-size: 0.9rem; color: #4FC1EA; visibility: hidden } /* line 287, src/assets/scss/pages/_pages-landing-kit4.scss */ .pricing-wrapper .flex-card .condensed-plan .plan-features { padding-top: 3rem } /* line 290, src/assets/scss/pages/_pages-landing-kit4.scss */ .pricing-wrapper .flex-card .condensed-plan .plan-features li { padding-bottom: 20px } /* line 303, src/assets/scss/pages/_pages-landing-kit4.scss */ .help-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center } /* line 308, src/assets/scss/pages/_pages-landing-kit4.scss */ .help-header img { max-height: 45px; max-width: 45px; padding-right: 20px; border-right: 1px solid #fff } /* line 315, src/assets/scss/pages/_pages-landing-kit4.scss */ .help-header .title { color: #fff; padding-left: 20px; position: relative; top: -2px } /* line 323, src/assets/scss/pages/_pages-landing-kit4.scss */ .help-subheader { padding: 20px 0 30px 0 } /* line 328, src/assets/scss/pages/_pages-landing-kit4.scss */ .help-search-wrapper { position: relative; width: 100% } /* line 333, src/assets/scss/pages/_pages-landing-kit4.scss */ .help-search-wrapper input { width: 100%; padding: 20px 32px 21px 59px; background: rgba(255, 255, 255, 0.2); border: none; outline: none; color: rgba(255, 255, 255, 0.7); font-size: 18px; border-radius: 4px; -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03); -webkit-transition: background .4s, box-shadow .2s; -webkit-transition: background .4s, -webkit-box-shadow .2s; transition: background .4s, -webkit-box-shadow .2s; transition: background .4s, box-shadow .2s; transition: background .4s, box-shadow .2s, -webkit-box-shadow .2s } /* line 347, src/assets/scss/pages/_pages-landing-kit4.scss */ .help-search-wrapper input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.7) !important } /* line 351, src/assets/scss/pages/_pages-landing-kit4.scss */ .help-search-wrapper input::-moz-placeholder { color: rgba(255, 255, 255, 0.7) !important } /* line 355, src/assets/scss/pages/_pages-landing-kit4.scss */ .help-search-wrapper input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.7) !important } /* line 359, src/assets/scss/pages/_pages-landing-kit4.scss */ .help-search-wrapper input:-moz-placeholder { color: rgba(255, 255, 255, 0.7) !important } /* line 364, src/assets/scss/pages/_pages-landing-kit4.scss */ .help-search-wrapper input:focus { -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.14); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.14); background: #fff; color: #444F60 } /* line 369, src/assets/scss/pages/_pages-landing-kit4.scss */ .help-search-wrapper input:focus+i { color: #999 } /* line 373, src/assets/scss/pages/_pages-landing-kit4.scss */ .help-search-wrapper input:focus::-webkit-input-placeholder { color: #cecece !important } /* line 377, src/assets/scss/pages/_pages-landing-kit4.scss */ .help-search-wrapper input:focus::-moz-placeholder { color: #cecece !important } /* line 381, src/assets/scss/pages/_pages-landing-kit4.scss */ .help-search-wrapper input:focus:-ms-input-placeholder { color: #cecece !important } /* line 385, src/assets/scss/pages/_pages-landing-kit4.scss */ .help-search-wrapper input:focus:-moz-placeholder { color: #cecece !important } /* line 392, src/assets/scss/pages/_pages-landing-kit4.scss */ .help-search-wrapper i { font-size: 2rem; color: rgba(255, 255, 255, 0.7); position: absolute; top: 18px; left: 18px } /* line 402, src/assets/scss/pages/_pages-landing-kit4.scss */ .section.help-section { background: #f3f5f7 } /* line 406, src/assets/scss/pages/_pages-landing-kit4.scss */ .section.help-section .category-card { -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.03); box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.03) } /* line 410, src/assets/scss/pages/_pages-landing-kit4.scss */ .section.help-section .category-card .card-body a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center } /* line 415, src/assets/scss/pages/_pages-landing-kit4.scss */ .section.help-section .category-card .card-body a .icon { width: 110px; height: 110px; 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 } /* line 422, src/assets/scss/pages/_pages-landing-kit4.scss */ .section.help-section .category-card .card-body a .icon i { font-size: 3.5rem; color: #818a97 !important } /* line 429, src/assets/scss/pages/_pages-landing-kit4.scss */ .section.help-section .category-card .card-body a .inner-content { padding-left: 25px } /* line 432, src/assets/scss/pages/_pages-landing-kit4.scss */ .section.help-section .category-card .card-body a .inner-content .title { margin-bottom: 10px !important; font-weight: 400; color: #4FC1EA } /* line 438, src/assets/scss/pages/_pages-landing-kit4.scss */ .section.help-section .category-card .card-body a .inner-content .inner-text { color: #999 !important } /* line 443, src/assets/scss/pages/_pages-landing-kit4.scss */ .section.help-section .category-card .card-body a .inner-content .card-meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-top: 12px } /* line 449, src/assets/scss/pages/_pages-landing-kit4.scss */ .section.help-section .category-card .card-body a .inner-content .card-meta .small-avatar { height: 34px; width: 34px; border-radius: 50%; margin-right: 10px; border: 2px solid #fff; position: relative } /* line 457, src/assets/scss/pages/_pages-landing-kit4.scss */ .section.help-section .category-card .card-body a .inner-content .card-meta .small-avatar:not(:first-child) { margin-left: -19px } /* line 461, src/assets/scss/pages/_pages-landing-kit4.scss */ .section.help-section .category-card .card-body a .inner-content .card-meta .small-avatar:first-child { z-index: 3 } /* line 465, src/assets/scss/pages/_pages-landing-kit4.scss */ .section.help-section .category-card .card-body a .inner-content .card-meta .small-avatar:nth-child(2) { z-index: 2 } /* line 469, src/assets/scss/pages/_pages-landing-kit4.scss */ .section.help-section .category-card .card-body a .inner-content .card-meta .small-avatar:nth-child(3) { z-index: 1 } /* line 473, src/assets/scss/pages/_pages-landing-kit4.scss */ .section.help-section .category-card .card-body a .inner-content .card-meta .small-avatar:nth-child(4) { z-index: 0 } /* line 477, src/assets/scss/pages/_pages-landing-kit4.scss */ .section.help-section .category-card .card-body a .inner-content .card-meta .small-avatar.is-more { 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; color: #fff; background: #999; font-weight: 500; font-size: 13px } /* line 486, src/assets/scss/pages/_pages-landing-kit4.scss */ .section.help-section .category-card .card-body a .inner-content .card-meta .small-avatar.is-more span { position: relative; top: -2px; left: -1px } /* line 494, src/assets/scss/pages/_pages-landing-kit4.scss */ .section.help-section .category-card .card-body a .inner-content .card-meta .meta-info { color: #999 !important } /* line 497, src/assets/scss/pages/_pages-landing-kit4.scss */ .section.help-section .category-card .card-body a .inner-content .card-meta .meta-info .articles-number { font-size: 13px } /* line 501, src/assets/scss/pages/_pages-landing-kit4.scss */ .section.help-section .category-card .card-body a .inner-content .card-meta .meta-info .authors { font-size: 13px } /* line 504, src/assets/scss/pages/_pages-landing-kit4.scss */ .section.help-section .category-card .card-body a .inner-content .card-meta .meta-info .authors span { color: #039BE5 } /* line 517, src/assets/scss/pages/_pages-landing-kit4.scss */ .breadcrumbs { position: relative; font-size: 14px; font-weight: 400; color: #999 } /* line 523, src/assets/scss/pages/_pages-landing-kit4.scss */ .breadcrumbs ul { margin: 0 !important } /* line 526, src/assets/scss/pages/_pages-landing-kit4.scss */ .breadcrumbs ul li { display: inline-block; list-style: none; margin: 0 0 0 10px } /* line 531, src/assets/scss/pages/_pages-landing-kit4.scss */ .breadcrumbs ul li:first-child:before { content: ''; margin-left: -20px } /* line 536, src/assets/scss/pages/_pages-landing-kit4.scss */ .breadcrumbs ul li:before { content: "\f105"; font-family: "FontAwesome"; color: #a0a0a0; font-size: 14px; margin-right: 15px } /* line 546, src/assets/scss/pages/_pages-landing-kit4.scss */ .breadcrumbs a { font-weight: 500; color: #4FC1EA } /* line 555, src/assets/scss/pages/_pages-landing-kit4.scss */ .help-container { position: relative } /* line 559, src/assets/scss/pages/_pages-landing-kit4.scss */ .help-container .shadow-bg { width: 100% } /* line 562, src/assets/scss/pages/_pages-landing-kit4.scss */ .help-container .shadow-bg:before { content: ' '; position: absolute; display: block; top: 50px; left: 0; bottom: 0; right: 0; background: #ebeef1; border-radius: 4px; -webkit-transition: background .3s; transition: background .3s; z-index: 0; margin: 0 10px } /* line 580, src/assets/scss/pages/_pages-landing-kit4.scss */ .help-container .category-header { padding: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; top: 20px; z-index: 2 } /* line 589, src/assets/scss/pages/_pages-landing-kit4.scss */ .help-container .category-header .icon { width: 110px; height: 110px; 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 } /* line 596, src/assets/scss/pages/_pages-landing-kit4.scss */ .help-container .category-header .icon i { font-size: 3.5rem; color: #818a97 !important } /* line 603, src/assets/scss/pages/_pages-landing-kit4.scss */ .help-container .category-header .inner-content { padding-left: 25px } /* line 606, src/assets/scss/pages/_pages-landing-kit4.scss */ .help-container .category-header .inner-content .title { margin-bottom: 10px !important; font-weight: 400; color: #4FC1EA } /* line 612, src/assets/scss/pages/_pages-landing-kit4.scss */ .help-container .category-header .inner-content .inner-text { color: #999 !important } /* line 617, src/assets/scss/pages/_pages-landing-kit4.scss */ .help-container .category-header .inner-content .card-meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-top: 12px } /* line 623, src/assets/scss/pages/_pages-landing-kit4.scss */ .help-container .category-header .inner-content .card-meta .small-avatar { height: 34px; width: 34px; border-radius: 50%; margin-right: 10px; border: 2px solid #fff } /* line 630, src/assets/scss/pages/_pages-landing-kit4.scss */ .help-container .category-header .inner-content .card-meta .small-avatar:not(:first-child) { margin-left: -19px } /* line 634, src/assets/scss/pages/_pages-landing-kit4.scss */ .help-container .category-header .inner-content .card-meta .small-avatar:first-child { z-index: 3 } /* line 638, src/assets/scss/pages/_pages-landing-kit4.scss */ .help-container .category-header .inner-content .card-meta .small-avatar:nth-child(2) { z-index: 2 } /* line 642, src/assets/scss/pages/_pages-landing-kit4.scss */ .help-container .category-header .inner-content .card-meta .small-avatar:nth-child(3) { z-index: 1 } /* line 646, src/assets/scss/pages/_pages-landing-kit4.scss */ .help-container .category-header .inner-content .card-meta .small-avatar:nth-child(4) { z-index: 0 } /* line 650, src/assets/scss/pages/_pages-landing-kit4.scss */ .help-container .category-header .inner-content .card-meta .small-avatar.is-more { 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; color: #fff; background: #999; font-weight: 500; font-size: 13px } /* line 659, src/assets/scss/pages/_pages-landing-kit4.scss */ .help-container .category-header .inner-content .card-meta .small-avatar.is-more span { position: relative; top: -2px; left: -1px } /* line 667, src/assets/scss/pages/_pages-landing-kit4.scss */ .help-container .category-header .inner-content .card-meta .meta-info { color: #999 !important } /* line 670, src/assets/scss/pages/_pages-landing-kit4.scss */ .help-container .category-header .inner-content .card-meta .meta-info .articles-number { font-size: 13px } /* line 674, src/assets/scss/pages/_pages-landing-kit4.scss */ .help-container .category-header .inner-content .card-meta .meta-info .authors { font-size: 13px } /* line 677, src/assets/scss/pages/_pages-landing-kit4.scss */ .help-container .category-header .inner-content .card-meta .meta-info .authors span { color: #4FC1EA } /* line 687, src/assets/scss/pages/_pages-landing-kit4.scss */ .help-container .articles-list { position: relative; margin: 30px; background: #fff; width: calc(100% - 60px); border-radius: 4px; border: 1px solid #d4dadf; -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.05) } /* line 697, src/assets/scss/pages/_pages-landing-kit4.scss */ .help-container .articles-list .help-article { padding: 30px } /* line 700, src/assets/scss/pages/_pages-landing-kit4.scss */ .help-container .articles-list .help-article a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center } /* line 706, src/assets/scss/pages/_pages-landing-kit4.scss */ .help-container .articles-list .help-article a .inner-content .title { margin-bottom: 10px !important; font-weight: 400; color: #4FC1EA } /* line 712, src/assets/scss/pages/_pages-landing-kit4.scss */ .help-container .articles-list .help-article a .inner-content .inner-text { color: #999 !important } /* line 716, src/assets/scss/pages/_pages-landing-kit4.scss */ .help-container .articles-list .help-article a .inner-content .card-meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-top: 12px } /* line 722, src/assets/scss/pages/_pages-landing-kit4.scss */ .help-container .articles-list .help-article a .inner-content .card-meta .small-avatar { height: 34px; width: 34px; border-radius: 50%; margin-right: 10px; border: 2px solid #fff; position: relative } /* line 731, src/assets/scss/pages/_pages-landing-kit4.scss */ .help-container .articles-list .help-article a .inner-content .card-meta .meta-info { color: #999 !important; line-height: 1.1rem } /* line 735, src/assets/scss/pages/_pages-landing-kit4.scss */ .help-container .articles-list .help-article a .inner-content .card-meta .meta-info .author { font-size: 13px } /* line 738, src/assets/scss/pages/_pages-landing-kit4.scss */ .help-container .articles-list .help-article a .inner-content .card-meta .meta-info .author span { color: #039BE5 } /* line 743, src/assets/scss/pages/_pages-landing-kit4.scss */ .help-container .articles-list .help-article a .inner-content .card-meta .meta-info .status { font-size: 12px; color: #A9ABAC } /* line 752, src/assets/scss/pages/_pages-landing-kit4.scss */ .help-container .articles-list .help-article:not(:last-child) { border-bottom: 1px solid #d4dadf } /* line 762, src/assets/scss/pages/_pages-landing-kit4.scss */ .single-help-article { border-radius: 4px; border: 1px solid #d4dadf; margin-top: 20px; padding: 60px } /* line 769, src/assets/scss/pages/_pages-landing-kit4.scss */ .single-help-article .article-inner { max-width: 640px; margin: 0 auto } /* line 773, src/assets/scss/pages/_pages-landing-kit4.scss */ .single-help-article .article-inner h2 { font-weight: 500 } /* line 777, src/assets/scss/pages/_pages-landing-kit4.scss */ .single-help-article .article-inner h3 { padding-top: 20px; color: #999; font-weight: 500; margin-bottom: 1rem } /* line 785, src/assets/scss/pages/_pages-landing-kit4.scss */ .single-help-article .article-inner .article-meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #999 !important; line-height: 1.1rem } /* line 792, src/assets/scss/pages/_pages-landing-kit4.scss */ .single-help-article .article-inner .article-meta .small-avatar { width: 32px; height: 32px; border-radius: 50% } /* line 798, src/assets/scss/pages/_pages-landing-kit4.scss */ .single-help-article .article-inner .article-meta .meta-info { color: #999 !important; line-height: 1.1rem; margin-left: 15px } /* line 803, src/assets/scss/pages/_pages-landing-kit4.scss */ .single-help-article .article-inner .article-meta .meta-info .author { font-size: 13px } /* line 806, src/assets/scss/pages/_pages-landing-kit4.scss */ .single-help-article .article-inner .article-meta .meta-info .author span { color: #039BE5 } /* line 811, src/assets/scss/pages/_pages-landing-kit4.scss */ .single-help-article .article-inner .article-meta .meta-info .status { font-size: 12px; color: #A9ABAC } /* line 819, src/assets/scss/pages/_pages-landing-kit4.scss */ .single-help-article .article-inner .content { padding-top: 30px } /* line 822, src/assets/scss/pages/_pages-landing-kit4.scss */ .single-help-article .article-inner .content p { font-size: 16px; color: #444F60 } /* line 827, src/assets/scss/pages/_pages-landing-kit4.scss */ .single-help-article .article-inner .content h4 { padding-top: 10px; font-weight: 500 } /* line 832, src/assets/scss/pages/_pages-landing-kit4.scss */ .single-help-article .article-inner .content ul { font-size: 16px } /* line 838, src/assets/scss/pages/_pages-landing-kit4.scss */ .single-help-article .article-inner .rating-section { width: 100%; text-align: center } /* line 842, src/assets/scss/pages/_pages-landing-kit4.scss */ .single-help-article .article-inner .rating-section .question { padding-top: 25px; font-size: 1.1rem; font-weight: 500; color: #A9ABAC } /* line 849, src/assets/scss/pages/_pages-landing-kit4.scss */ .single-help-article .article-inner .rating-section .rating-buttons { position: relative; top: 18px } /* line 854, src/assets/scss/pages/_pages-landing-kit4.scss */ .single-help-article .article-inner .rating-section .rating-button { max-width: 60px; max-height: 60px; cursor: pointer } /* line 859, src/assets/scss/pages/_pages-landing-kit4.scss */ .single-help-article .article-inner .rating-section .rating-button i { font-size: 50px; font-weight: 200; color: #A9ABAC; -webkit-transition: all 0.3s; transition: all 0.3s } /* line 866, src/assets/scss/pages/_pages-landing-kit4.scss */ .single-help-article .article-inner .rating-section .rating-button:hover i { color: #4FC1EA; -webkit-transform: scale(1.1); transform: scale(1.1) } @media (max-width: 768px) { /* line 880, src/assets/scss/pages/_pages-landing-kit4.scss */ .category-card .card-body { padding: 30px 20px !important } /* line 883, src/assets/scss/pages/_pages-landing-kit4.scss */ .category-card .card-body a { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important } /* line 887, src/assets/scss/pages/_pages-landing-kit4.scss */ .category-card .card-body .inner-content { padding-left: 0 !important } /* line 891, src/assets/scss/pages/_pages-landing-kit4.scss */ .category-card .card-body .icon { width: 100% !important; height: 60px !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important } /* line 897, src/assets/scss/pages/_pages-landing-kit4.scss */ .category-card .card-body .icon i { font-size: 2.8rem !important } /* line 904, src/assets/scss/pages/_pages-landing-kit4.scss */ .category-header { padding: 30px 20px !important; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important } /* line 908, src/assets/scss/pages/_pages-landing-kit4.scss */ .category-header .inner-content { padding-left: 0 !important } /* line 912, src/assets/scss/pages/_pages-landing-kit4.scss */ .category-header .icon { width: 100% !important; height: 60px !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important } /* line 918, src/assets/scss/pages/_pages-landing-kit4.scss */ .category-header .icon i { font-size: 2.8rem !important } /* line 926, src/assets/scss/pages/_pages-landing-kit4.scss */ .small-avatar:nth-child(2), .small-avatar:nth-child(3), .small-avatar:nth-child(4), .small-avatar.is-more { display: none !important } /* line 932, src/assets/scss/pages/_pages-landing-kit4.scss */ .help-article { padding: 30px 20px !important } /* line 936, src/assets/scss/pages/_pages-landing-kit4.scss */ .articles-list { margin: 20px; width: calc(100% - 40px) } /* line 941, src/assets/scss/pages/_pages-landing-kit4.scss */ .single-help-article { padding: 25px 20px } } /*! _details.scss | Bulkit | CSS Ninja */ /* line 21, src/assets/scss/utilities/_utilities-hover-effects.scss */ .image-grid .image-title { font-size: 1.1rem; font-weight: 400; text-transform: uppercase; margin-bottom: 2rem; color: #444F60 } /* line 29, src/assets/scss/utilities/_utilities-hover-effects.scss */ .image-grid figure { position: relative; overflow: hidden; background: transparent; text-align: center; cursor: pointer; -webkit-box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.18); box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.18) } /* line 37, src/assets/scss/utilities/_utilities-hover-effects.scss */ .image-grid figure img { position: relative; display: block; min-height: 100%; max-width: 100%; opacity: 0.8 } /* line 45, src/assets/scss/utilities/_utilities-hover-effects.scss */ .image-grid figure figcaption { padding: 2em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100% } /* line 58, src/assets/scss/utilities/_utilities-hover-effects.scss */ .image-grid figure figcaption:before, .image-grid figure figcaption:after { pointer-events: none } /* line 62, src/assets/scss/utilities/_utilities-hover-effects.scss */ .image-grid figure figcaption a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0 } /* line 76, src/assets/scss/utilities/_utilities-hover-effects.scss */ .image-grid figure h2 { word-spacing: -0.15em; font-weight: 300; margin: 0 } /* line 81, src/assets/scss/utilities/_utilities-hover-effects.scss */ .image-grid figure h2 span { font-weight: 800 } /* line 86, src/assets/scss/utilities/_utilities-hover-effects.scss */ .image-grid figure p { margin: 0; letter-spacing: 1px; font-size: 68.5% } /* line 91, src/assets/scss/utilities/_utilities-hover-effects.scss */ .image-grid figure p span { font-size: 75% !important; color: #fff } /* line 104, src/assets/scss/utilities/_utilities-hover-effects.scss */ figure.round-corner { background: linear-gradient(-45deg, #000 0%, #fff 100%); border-radius: 5px; -webkit-box-shadow: 0 3px 10px 4px rgba(0, 0, 0, 0.04); box-shadow: 0 3px 10px 4px rgba(0, 0, 0, 0.04) } /* line 110, src/assets/scss/utilities/_utilities-hover-effects.scss */ figure.round-corner img { margin: -10px 0 0 -10px; max-width: none; width: calc(100% + 10px); opacity: 0.9; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(10px, 10px, 0); transform: translate3d(10px, 10px, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden } /* line 125, src/assets/scss/utilities/_utilities-hover-effects.scss */ figure.round-corner figcaption:before { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; position: absolute; right: -100px; bottom: -100px; width: 300px; height: 300px; border: 2px solid #fff; border-radius: 50%; -webkit-box-shadow: 0 0 0 900px rgba(255, 255, 255, 0.2); box-shadow: 0 0 0 900px rgba(255, 255, 255, 0.2); content: ''; opacity: 0; -webkit-transform: scale3d(0.5, 0.5, 1); transform: scale3d(0.5, 0.5, 1); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50% } /* line 145, src/assets/scss/utilities/_utilities-hover-effects.scss */ figure.round-corner p { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; position: absolute; right: 0; bottom: 0; padding: 0 1.5em 1.5em 0; width: 140px; text-align: right; opacity: 0; -webkit-transform: translate3d(20px, 20px, 0); transform: translate3d(20px, 20px, 0) } /* line 160, src/assets/scss/utilities/_utilities-hover-effects.scss */ figure.round-corner:hover img { opacity: 0.6; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } /* line 166, src/assets/scss/utilities/_utilities-hover-effects.scss */ figure.round-corner:hover figcaption::before { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } /* line 172, src/assets/scss/utilities/_utilities-hover-effects.scss */ figure.round-corner:hover h2, figure.round-corner:hover p { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } /* line 179, src/assets/scss/utilities/_utilities-hover-effects.scss */ figure.round-corner h2 { text-align: left; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(5px, 5px, 0); transform: translate3d(5px, 5px, 0) } /* line 190, src/assets/scss/utilities/_utilities-hover-effects.scss */ figure.cornered img { max-width: none; width: calc(100% + 60px); opacity: 1; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(-30px, 0, 0) scale(1.12); transform: translate3d(-30px, 0, 0) scale(1.12); -webkit-backface-visibility: hidden; backface-visibility: hidden } /* line 203, src/assets/scss/utilities/_utilities-hover-effects.scss */ figure.cornered h2 { position: absolute; right: 0; bottom: 0; padding: 1em 1.2em } /* line 211, src/assets/scss/utilities/_utilities-hover-effects.scss */ figure.cornered:hover img { opacity: 0.5; -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1) } /* line 217, src/assets/scss/utilities/_utilities-hover-effects.scss */ figure.cornered:hover p { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } /* line 224, src/assets/scss/utilities/_utilities-hover-effects.scss */ figure.cornered p { padding: 0 10px 0 0; width: 50%; border-right: 1px solid #fff; text-align: right; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(-40px, 0, 0); transform: translate3d(-40px, 0, 0) } /* line 239, src/assets/scss/utilities/_utilities-hover-effects.scss */ figure.team-hover figcaption { top: auto; bottom: 0; padding: 1em; height: 3.75em; background: #fff; color: #3c4a50; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } /* line 252, src/assets/scss/utilities/_utilities-hover-effects.scss */ figure.team-hover h2 { float: left; display: inline-block } /* line 257, src/assets/scss/utilities/_utilities-hover-effects.scss */ figure.team-hover p.icon-links a { float: right !important; color: #3c4a50; font-size: 1.4em } /* line 262, src/assets/scss/utilities/_utilities-hover-effects.scss */ figure.team-hover p.icon-links a:hover span::before { color: #4FC1EA } /* line 267, src/assets/scss/utilities/_utilities-hover-effects.scss */ figure.team-hover p.description { position: absolute; left: 0; right: 0; background: rgba(0, 0, 0, 0.3); bottom: 65px; padding: 1em; color: #fff; text-transform: none; font-size: 90%; opacity: 0; -webkit-backface-visibility: hidden; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; -webkit-backface-visibility: hidden } /* line 284, src/assets/scss/utilities/_utilities-hover-effects.scss */ figure.team-hover h2, figure.team-hover p.icon-links a { position: static; width: auto; height: auto; z-index: 1000; text-indent: 0 !important; white-space: nowrap; opacity: inherit; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(0, 200%, 0); transform: translate3d(0, 200%, 0) } /* line 298, src/assets/scss/utilities/_utilities-hover-effects.scss */ figure.team-hover p.icon-links a span::before { display: inline-block; font-size: 1.2rem; margin-top: -5px; padding: 8px 10px; font-family: 'FontAwesome'; color: #444F60; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } /* line 310, src/assets/scss/utilities/_utilities-hover-effects.scss */ figure.team-hover .icon-twitter::before { content: '\f099' } /* line 314, src/assets/scss/utilities/_utilities-hover-effects.scss */ figure.team-hover .icon-linkedin::before { content: '\f0e1' } /* line 318, src/assets/scss/utilities/_utilities-hover-effects.scss */ figure.team-hover .icon-dribbble::before { content: '\f17d' } /* line 322, src/assets/scss/utilities/_utilities-hover-effects.scss */ figure.team-hover:hover p.icon-links a:hover, figure.team-hover:hover p.icon-links a:focus { color: #252d31 } /* line 326, src/assets/scss/utilities/_utilities-hover-effects.scss */ figure.team-hover:hover p.description { opacity: 1 } /* line 330, src/assets/scss/utilities/_utilities-hover-effects.scss */ figure.team-hover:hover figcaption, figure.team-hover:hover h2, figure.team-hover:hover p.icon-links a { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } /* line 335, src/assets/scss/utilities/_utilities-hover-effects.scss */ figure.team-hover:hover h2 { -webkit-transition-delay: 0.05s; transition-delay: 0.05s } /* line 340, src/assets/scss/utilities/_utilities-hover-effects.scss */ figure.team-hover:hover p.icon-links a:nth-child(3) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s } /* line 345, src/assets/scss/utilities/_utilities-hover-effects.scss */ figure.team-hover:hover p.icon-links a:nth-child(2) { -webkit-transition-delay: 0.15s; transition-delay: 0.15s } /* line 350, src/assets/scss/utilities/_utilities-hover-effects.scss */ figure.team-hover:hover p.icon-links a:first-child { -webkit-transition-delay: 0.2s; transition-delay: 0.2s } /* line 357, src/assets/scss/utilities/_utilities-hover-effects.scss */ figure.team-slanted { background: #162633; text-align: left } /* line 361, src/assets/scss/utilities/_utilities-hover-effects.scss */ figure.team-slanted img { -webkit-transition: opacity 0.45s; transition: opacity 0.45s; -webkit-backface-visibility: hidden; backface-visibility: hidden } /* line 368, src/assets/scss/utilities/_utilities-hover-effects.scss */ figure.team-slanted figcaption::before { position: absolute; top: 95%; left: 10%; width: 200%; height: 100%; opacity: 0; background: rgba(255, 255, 255, 0.8) no-repeat center center; background-size: 100% 100%; content: ''; -webkit-transition: opacity 0.45s, -webkit-transform 0.45s; transition: opacity 0.45s, -webkit-transform 0.45s; transition: opacity 0.45s, transform 0.45s; transition: opacity 0.45s, transform 0.45s, -webkit-transform 0.45s; -webkit-transform: rotate3d(0, 0, 1, 0); transform: rotate3d(0, 0, 1, 0); -webkit-transform-origin: 0 100%; transform-origin: 0 100% } /* line 386, src/assets/scss/utilities/_utilities-hover-effects.scss */ figure.team-slanted .member-position { position: static !important; font-size: 0.9rem; opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s } /* line 393, src/assets/scss/utilities/_utilities-hover-effects.scss */ figure.team-slanted h2 { -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0) } /* line 400, src/assets/scss/utilities/_utilities-hover-effects.scss */ figure.team-slanted p { position: absolute; right: 0; bottom: -5px; padding: 0 1.5em 7% 0 } /* line 407, src/assets/scss/utilities/_utilities-hover-effects.scss */ figure.team-slanted a { margin: 0 10px; color: #5d504f; font-size: 170% !important; position: static !important; width: auto; height: auto; text-indent: 0 !important; white-space: nowrap; opacity: 1 !important } /* line 418, src/assets/scss/utilities/_utilities-hover-effects.scss */ figure.team-slanted a:hover, figure.team-slanted a:focus { color: #4FC1EA } /* line 423, src/assets/scss/utilities/_utilities-hover-effects.scss */ figure.team-slanted p a i { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0) } /* line 431, src/assets/scss/utilities/_utilities-hover-effects.scss */ figure.team-slanted:hover img { opacity: 0.6 } /* line 435, src/assets/scss/utilities/_utilities-hover-effects.scss */ figure.team-slanted:hover h2 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } /* line 440, src/assets/scss/utilities/_utilities-hover-effects.scss */ figure.team-slanted:hover figcaption::before { opacity: 0.9; -webkit-transform: rotate(-15deg); transform: rotate(-15deg) } /* line 448, src/assets/scss/utilities/_utilities-hover-effects.scss */ figure.team-slanted:hover p i { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } /* line 454, src/assets/scss/utilities/_utilities-hover-effects.scss */ figure.team-slanted:hover p a:nth-child(3) i { -webkit-transition-delay: 0.05s; transition-delay: 0.05s } /* line 459, src/assets/scss/utilities/_utilities-hover-effects.scss */ figure.team-slanted:hover p a:nth-child(2) i { -webkit-transition-delay: 0.1s; transition-delay: 0.1s } /* line 464, src/assets/scss/utilities/_utilities-hover-effects.scss */ figure.team-slanted:hover p a:first-child i { -webkit-transition-delay: 0.15s; transition-delay: 0.15s } /* line 469, src/assets/scss/utilities/_utilities-hover-effects.scss */ figure.team-slanted:hover .member-position { opacity: 1 } /*! _details.scss | Bulkit | CSS Ninja */ /* line 18, src/assets/scss/utilities/_utilities-material-shadows.scss */ .shadow-z-1 { -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37) } /* line 22, src/assets/scss/utilities/_utilities-material-shadows.scss */ .shadow-z-2 { -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.3), 0 2px 2px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.3), 0 2px 2px 0 rgba(0, 0, 0, 0.2) } /* line 26, src/assets/scss/utilities/_utilities-material-shadows.scss */ .shadow-z-3 { -webkit-box-shadow: 0 13px 25px 0 rgba(0, 0, 0, 0.3), 0 7px 7px 0 rgba(0, 0, 0, 0.19); box-shadow: 0 13px 25px 0 rgba(0, 0, 0, 0.3), 0 7px 7px 0 rgba(0, 0, 0, 0.19) } /* line 30, src/assets/scss/utilities/_utilities-material-shadows.scss */ .shadow-z-4 { -webkit-box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.3), 0 14px 12px 0 rgba(0, 0, 0, 0.17); box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.3), 0 14px 12px 0 rgba(0, 0, 0, 0.17) } /* line 34, src/assets/scss/utilities/_utilities-material-shadows.scss */ .shadow-z-5 { -webkit-box-shadow: 0 27px 55px 0 rgba(0, 0, 0, 0.3), 0 17px 17px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 27px 55px 0 rgba(0, 0, 0, 0.3), 0 17px 17px 0 rgba(0, 0, 0, 0.15) } /*! _details.scss | Bulkit | CSS Ninja */ /* line 17, src/assets/scss/utilities/_utilities-video-embed.scss */ .side-block { width: 100%; height: 100%; position: relative; background-color: transparent; overflow: visible; z-index: 2 } /* line 25, src/assets/scss/utilities/_utilities-video-embed.scss */ .side-block .background-wrapper { background-color: #344258; border-radius: 10px; overflow: visible } /* line 30, src/assets/scss/utilities/_utilities-video-embed.scss */ .side-block .background-wrapper .video-wrapper { position: relative; height: 0; max-width: 100%; padding-bottom: 56.25%; margin-bottom: 0; overflow: hidden; cursor: pointer; display: block } /* line 40, src/assets/scss/utilities/_utilities-video-embed.scss */ .side-block .background-wrapper .video-wrapper iframe { position: absolute; top: 0; left: 0; height: 100%; width: 100%; border-radius: 10px; overflow: hidden } /* line 50, src/assets/scss/utilities/_utilities-video-embed.scss */ .side-block .background-wrapper .video-wrapper .video-overlay { position: absolute; width: 100%; background-size: cover; filter: alpha(opacity=35); opacity: 0.2 } /* line 60, src/assets/scss/utilities/_utilities-video-embed.scss */ .side-block .background-wrapper .video-wrapper .playbutton { position: absolute; top: 50%; left: 50%; margin-left: -40px; margin-top: -63px; cursor: pointer } /* line 68, src/assets/scss/utilities/_utilities-video-embed.scss */ .side-block .background-wrapper .video-wrapper .playbutton .icon-play i { font-size: 6rem; color: #4FC1EA; -webkit-transition: all 0.5s; transition: all 0.5s } /* line 73, src/assets/scss/utilities/_utilities-video-embed.scss */ .side-block .background-wrapper .video-wrapper .playbutton .icon-play i:hover { color: #7F00FF } /*! _utilities-video-background.scss | Bulkit | CSS Ninja */ /* line 17, src/assets/scss/utilities/_utilities-video-background.scss */ .covervid-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100% } /* line 24, src/assets/scss/utilities/_utilities-video-background.scss */ .covervid-wrapper .videobg-overlay { position: absolute; width: 100%; height: 100%; background: rgba(79, 193, 234, 0.5); z-index: 1 } /* line 32, src/assets/scss/utilities/_utilities-video-background.scss */ .covervid-wrapper .video-caption { text-align: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0 auto; z-index: 3 } /* line 42, src/assets/scss/utilities/_utilities-video-background.scss */ .covervid-wrapper .video-caption .content { position: relative; top: 35% } /* line 47, src/assets/scss/utilities/_utilities-video-background.scss */ .covervid-wrapper .video-caption h1 { font-family: 'Nexa Bold', sans-serif; font-size: 3.5rem; font-weight: 600; margin-bottom: 10px } /* line 54, src/assets/scss/utilities/_utilities-video-background.scss */ .covervid-wrapper .video-caption p { font-size: 1.5rem; font-family: 'Nexa Light', sans-serif } /* line 60, src/assets/scss/utilities/_utilities-video-background.scss */ .covervid-wrapper video { display: inline-block; max-width: none !important } /*! _helpers.scss | Bulkit | CSS Ninja */ /* line 29, src/assets/scss/layout/_layout-helpers.scss */ .color-primary { color: #4FC1EA !important } /* line 33, src/assets/scss/layout/_layout-helpers.scss */ .color-secondary { color: #7F00FF !important } /* line 37, src/assets/scss/layout/_layout-helpers.scss */ .color-accent { color: #ad5cff !important } /* line 41, src/assets/scss/layout/_layout-helpers.scss */ .color-red { color: #FF7273 !important } /* line 45, src/assets/scss/layout/_layout-helpers.scss */ .border-light { border-color: #fff !important } /* line 49, src/assets/scss/layout/_layout-helpers.scss */ .dark-text { color: #444F60 !important } /* line 53, src/assets/scss/layout/_layout-helpers.scss */ .light-text { color: #fff !important } /* line 57, src/assets/scss/layout/_layout-helpers.scss */ .muted-text { color: #999 !important } /* line 61, src/assets/scss/layout/_layout-helpers.scss */ .primary-text { color: #4FC1EA !important } /* line 65, src/assets/scss/layout/_layout-helpers.scss */ .secondary-text { color: #7F00FF !important } /* line 69, src/assets/scss/layout/_layout-helpers.scss */ .accent-text { color: #ad5cff !important } /* line 73, src/assets/scss/layout/_layout-helpers.scss */ .info-text { color: #039BE5 !important } /* line 77, src/assets/scss/layout/_layout-helpers.scss */ .success-text { color: #00b289 !important } /* line 81, src/assets/scss/layout/_layout-helpers.scss */ .warning-text { color: #eda514 !important } /* line 85, src/assets/scss/layout/_layout-helpers.scss */ .danger-text { color: #FF7273 !important } /* line 89, src/assets/scss/layout/_layout-helpers.scss */ .dark-bg { background: #444 !important } /* line 93, src/assets/scss/layout/_layout-helpers.scss */ .light-bg { background: #fff !important } /* line 102, src/assets/scss/layout/_layout-helpers.scss */ .title.is-styled { font-family: 'Nexa Bold', sans-serif; color: #444F60 } /* line 108, src/assets/scss/layout/_layout-helpers.scss */ .font-w-400 { font-weight: 400 !important } /* line 112, src/assets/scss/layout/_layout-helpers.scss */ .font-w-500 { font-weight: 500 !important } /* line 116, src/assets/scss/layout/_layout-helpers.scss */ .font-w-600 { font-weight: 600 !important } /* line 120, src/assets/scss/layout/_layout-helpers.scss */ .text-decoration-none { text-decoration: none !important } /* line 124, src/assets/scss/layout/_layout-helpers.scss */ .text-upper { text-transform: uppercase !important } /* line 128, src/assets/scss/layout/_layout-helpers.scss */ .text-bold { font-weight: 600 !important } /* line 132, src/assets/scss/layout/_layout-helpers.scss */ .text-bolder { font-weight: 700 !important } /* line 136, src/assets/scss/layout/_layout-helpers.scss */ .font-size-normal { font-size: 1rem } /* line 140, src/assets/scss/layout/_layout-helpers.scss */ .font-size-2x { font-size: 2rem } /* line 144, src/assets/scss/layout/_layout-helpers.scss */ .is-size-1 { font-size: 3rem } /* line 148, src/assets/scss/layout/_layout-helpers.scss */ .is-size-2 { font-size: 2.5rem } /* line 152, src/assets/scss/layout/_layout-helpers.scss */ .is-size-3 { font-size: 2rem } /* line 156, src/assets/scss/layout/_layout-helpers.scss */ .is-size-4 { font-size: 1.5rem } /* line 160, src/assets/scss/layout/_layout-helpers.scss */ .is-size-5 { font-size: 1.25rem } /* line 164, src/assets/scss/layout/_layout-helpers.scss */ .is-size-6 { font-size: 1rem } /* line 168, src/assets/scss/layout/_layout-helpers.scss */ .is-size-7 { font-size: 0.75rem } /* line 177, src/assets/scss/layout/_layout-helpers.scss */ .is-flex { display: -webkit-box; display: -ms-flexbox; display: flex } /* line 180, src/assets/scss/layout/_layout-helpers.scss */ .is-flex.is-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } /* line 184, src/assets/scss/layout/_layout-helpers.scss */ .is-flex.is-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } /* line 188, src/assets/scss/layout/_layout-helpers.scss */ .is-flex.is-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } /* line 192, src/assets/scss/layout/_layout-helpers.scss */ .is-flex.is-vcenter { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center } /* line 199, src/assets/scss/layout/_layout-helpers.scss */ .is-block { display: block !important } /* line 203, src/assets/scss/layout/_layout-helpers.scss */ .z-index-2 { z-index: 2 !important } /* line 207, src/assets/scss/layout/_layout-helpers.scss */ .z-index-101 { z-index: 101 !important } /* line 213, src/assets/scss/layout/_layout-helpers.scss */ .has-slimscroll::-webkit-scrollbar { width: 6px !important } /* line 217, src/assets/scss/layout/_layout-helpers.scss */ .has-slimscroll::-webkit-scrollbar-thumb { border-radius: 10px !important; background: rgba(0, 0, 0, 0.2) !important } /* line 224, src/assets/scss/layout/_layout-helpers.scss */ .has-slimscroll-xs::-webkit-scrollbar { width: 3px !important } /* line 228, src/assets/scss/layout/_layout-helpers.scss */ .has-slimscroll-xs::-webkit-scrollbar-thumb { border-radius: 10px !important; background: rgba(0, 0, 0, 0.2) !important } /* line 235, src/assets/scss/layout/_layout-helpers.scss */ .has-slimscroll-xs-h::-webkit-scrollbar { height: 6px !important } /* line 239, src/assets/scss/layout/_layout-helpers.scss */ .has-slimscroll-xs-h::-webkit-scrollbar-thumb { border-radius: 10px !important; background: rgba(0, 0, 0, 0.2) !important } /* line 249, src/assets/scss/layout/_layout-helpers.scss */ .no-padding { padding: 0 !important } /* line 253, src/assets/scss/layout/_layout-helpers.scss */ .no-padding-top { padding-top: 0 !important } /* line 257, src/assets/scss/layout/_layout-helpers.scss */ .no-padding-bottom { padding-bottom: 0 !important } /* line 261, src/assets/scss/layout/_layout-helpers.scss */ .no-padding-right { padding-right: 0 !important } /* line 265, src/assets/scss/layout/_layout-helpers.scss */ .no-padding-left { padding-left: 0 !important } /* line 269, src/assets/scss/layout/_layout-helpers.scss */ .padding-10 { padding: 10px } /* line 273, src/assets/scss/layout/_layout-helpers.scss */ .padding-15 { padding: 15px } /* line 277, src/assets/scss/layout/_layout-helpers.scss */ .padding-20 { padding: 20px } /* line 281, src/assets/scss/layout/_layout-helpers.scss */ .padding-25 { padding: 25px } /* line 285, src/assets/scss/layout/_layout-helpers.scss */ .padding-30 { padding: 30px } /* line 289, src/assets/scss/layout/_layout-helpers.scss */ .padding-40 { padding: 40px } /* line 293, src/assets/scss/layout/_layout-helpers.scss */ .padding-50 { padding: 50px } /* line 297, src/assets/scss/layout/_layout-helpers.scss */ .padding-60 { padding: 60px } /* line 301, src/assets/scss/layout/_layout-helpers.scss */ .padding-70 { padding: 70px } /* line 305, src/assets/scss/layout/_layout-helpers.scss */ .padding-80 { padding: 80px } /* line 309, src/assets/scss/layout/_layout-helpers.scss */ .padding-90 { padding: 90px } /* line 313, src/assets/scss/layout/_layout-helpers.scss */ .padding-100 { padding: 100px } /* line 317, src/assets/scss/layout/_layout-helpers.scss */ .pt-5 { padding-top: 5px } /* line 321, src/assets/scss/layout/_layout-helpers.scss */ .pt-10 { padding-top: 10px } /* line 325, src/assets/scss/layout/_layout-helpers.scss */ .pt-20 { padding-top: 20px } /* line 329, src/assets/scss/layout/_layout-helpers.scss */ .pt-30 { padding-top: 30px } /* line 333, src/assets/scss/layout/_layout-helpers.scss */ .pt-40 { padding-top: 40px } /* line 337, src/assets/scss/layout/_layout-helpers.scss */ .pt-50 { padding-top: 50px } /* line 341, src/assets/scss/layout/_layout-helpers.scss */ .pt-60 { padding-top: 60px } /* line 345, src/assets/scss/layout/_layout-helpers.scss */ .pt-70 { padding-top: 70px } /* line 349, src/assets/scss/layout/_layout-helpers.scss */ .pt-80 { padding-top: 80px } /* line 353, src/assets/scss/layout/_layout-helpers.scss */ .pb-5 { padding-bottom: 5px } /* line 357, src/assets/scss/layout/_layout-helpers.scss */ .pb-10 { padding-bottom: 10px } /* line 361, src/assets/scss/layout/_layout-helpers.scss */ .pb-20 { padding-bottom: 20px } /* line 365, src/assets/scss/layout/_layout-helpers.scss */ .pb-30 { padding-bottom: 30px } /* line 369, src/assets/scss/layout/_layout-helpers.scss */ .pb-40 { padding-bottom: 40px } /* line 373, src/assets/scss/layout/_layout-helpers.scss */ .pb-50 { padding-bottom: 50px } /* line 377, src/assets/scss/layout/_layout-helpers.scss */ .pb-60 { padding-bottom: 60px } /* line 381, src/assets/scss/layout/_layout-helpers.scss */ .pb-70 { padding-bottom: 70px } /* line 385, src/assets/scss/layout/_layout-helpers.scss */ .pb-80 { padding-bottom: 80px } /* line 389, src/assets/scss/layout/_layout-helpers.scss */ .pl-5 { padding-left: 5px } /* line 393, src/assets/scss/layout/_layout-helpers.scss */ .pl-10 { padding-left: 10px } /* line 397, src/assets/scss/layout/_layout-helpers.scss */ .pl-20 { padding-left: 20px } /* line 401, src/assets/scss/layout/_layout-helpers.scss */ .pl-30 { padding-left: 30px } /* line 405, src/assets/scss/layout/_layout-helpers.scss */ .pl-40 { padding-left: 40px } /* line 409, src/assets/scss/layout/_layout-helpers.scss */ .pl-50 { padding-left: 50px } /* line 413, src/assets/scss/layout/_layout-helpers.scss */ .pl-60 { padding-left: 60px } /* line 417, src/assets/scss/layout/_layout-helpers.scss */ .pl-70 { padding-left: 70px } /* line 421, src/assets/scss/layout/_layout-helpers.scss */ .pl-80 { padding-left: 80px } /* line 425, src/assets/scss/layout/_layout-helpers.scss */ .pr-5 { padding-right: 5px } /* line 429, src/assets/scss/layout/_layout-helpers.scss */ .pr-10 { padding-right: 10px } /* line 433, src/assets/scss/layout/_layout-helpers.scss */ .pr-20 { padding-right: 20px } /* line 437, src/assets/scss/layout/_layout-helpers.scss */ .pr-30 { padding-right: 30px } /* line 441, src/assets/scss/layout/_layout-helpers.scss */ .pr-40 { padding-right: 40px } /* line 445, src/assets/scss/layout/_layout-helpers.scss */ .pr-50 { padding-right: 50px } /* line 449, src/assets/scss/layout/_layout-helpers.scss */ .pr-60 { padding-right: 60px } /* line 453, src/assets/scss/layout/_layout-helpers.scss */ .pr-70 { padding-right: 70px } /* line 457, src/assets/scss/layout/_layout-helpers.scss */ .pr-80 { padding-right: 80px } /* line 461, src/assets/scss/layout/_layout-helpers.scss */ .huge-pt { padding-top: 100px } /* line 465, src/assets/scss/layout/_layout-helpers.scss */ .huge-pb { padding-bottom: 100px } /* line 469, src/assets/scss/layout/_layout-helpers.scss */ .giant-pb { padding-bottom: 150px } /* line 477, src/assets/scss/layout/_layout-helpers.scss */ .no-margin { margin: 0 !important } /* line 481, src/assets/scss/layout/_layout-helpers.scss */ .no-margin-left { margin-left: 0 !important } /* line 485, src/assets/scss/layout/_layout-helpers.scss */ .no-margin-right { margin-right: 0 !important } /* line 489, src/assets/scss/layout/_layout-helpers.scss */ .no-margin-top { margin-top: 0 !important } /* line 493, src/assets/scss/layout/_layout-helpers.scss */ .no-margin-bottom { margin-bottom: 0 !important } /* line 497, src/assets/scss/layout/_layout-helpers.scss */ .margin-x-auto { margin: 0 auto !important } /* line 501, src/assets/scss/layout/_layout-helpers.scss */ .mr-auto { margin-right: auto !important } /* line 505, src/assets/scss/layout/_layout-helpers.scss */ .ml-auto { margin-left: auto !important } /* line 509, src/assets/scss/layout/_layout-helpers.scss */ .margin-10 { margin: 10px } /* line 513, src/assets/scss/layout/_layout-helpers.scss */ .margin-20 { margin: 20px } /* line 517, src/assets/scss/layout/_layout-helpers.scss */ .margin-25 { margin: 25px } /* line 521, src/assets/scss/layout/_layout-helpers.scss */ .margin-30 { margin: 30px } /* line 525, src/assets/scss/layout/_layout-helpers.scss */ .margin-40 { margin: 40px } /* line 529, src/assets/scss/layout/_layout-helpers.scss */ .margin-50 { margin: 50px } /* line 533, src/assets/scss/layout/_layout-helpers.scss */ .margin-60 { margin: 60px } /* line 537, src/assets/scss/layout/_layout-helpers.scss */ .margin-70 { margin: 70px } /* line 541, src/assets/scss/layout/_layout-helpers.scss */ .margin-80 { margin: 80px } /* line 545, src/assets/scss/layout/_layout-helpers.scss */ .margin-90 { margin: 90px } /* line 549, src/assets/scss/layout/_layout-helpers.scss */ .margin-100 { margin: 100px } /* line 553, src/assets/scss/layout/_layout-helpers.scss */ .mt-5 { margin-top: 5px } /* line 557, src/assets/scss/layout/_layout-helpers.scss */ .mt-10 { margin-top: 10px } /* line 561, src/assets/scss/layout/_layout-helpers.scss */ .mt-20 { margin-top: 20px } /* line 565, src/assets/scss/layout/_layout-helpers.scss */ .mt-30 { margin-top: 30px } /* line 569, src/assets/scss/layout/_layout-helpers.scss */ .mt-40 { margin-top: 40px } /* line 573, src/assets/scss/layout/_layout-helpers.scss */ .mt-50 { margin-top: 50px } /* line 577, src/assets/scss/layout/_layout-helpers.scss */ .mt-60 { margin-top: 60px } /* line 581, src/assets/scss/layout/_layout-helpers.scss */ .mt-70 { margin-top: 70px } /* line 585, src/assets/scss/layout/_layout-helpers.scss */ .mt-80 { margin-top: 80px } /* line 589, src/assets/scss/layout/_layout-helpers.scss */ .mt-120 { margin-top: 120px } /* line 593, src/assets/scss/layout/_layout-helpers.scss */ .mb-5 { margin-bottom: 5px } /* line 597, src/assets/scss/layout/_layout-helpers.scss */ .mb-10 { margin-bottom: 10px } /* line 601, src/assets/scss/layout/_layout-helpers.scss */ .mb-20 { margin-bottom: 20px } /* line 605, src/assets/scss/layout/_layout-helpers.scss */ .mb-30 { margin-bottom: 30px } /* line 609, src/assets/scss/layout/_layout-helpers.scss */ .mb-40 { margin-bottom: 40px } /* line 613, src/assets/scss/layout/_layout-helpers.scss */ .mb-50 { margin-bottom: 50px } /* line 617, src/assets/scss/layout/_layout-helpers.scss */ .mb-60 { margin-bottom: 60px } /* line 621, src/assets/scss/layout/_layout-helpers.scss */ .mb-70 { margin-bottom: 70px } /* line 625, src/assets/scss/layout/_layout-helpers.scss */ .mb-80 { margin-bottom: 80px } /* line 629, src/assets/scss/layout/_layout-helpers.scss */ .ml-5 { margin-left: 5px } /* line 633, src/assets/scss/layout/_layout-helpers.scss */ .ml-10 { margin-left: 10px } /* line 637, src/assets/scss/layout/_layout-helpers.scss */ .ml-20 { margin-left: 20px } /* line 641, src/assets/scss/layout/_layout-helpers.scss */ .ml-30 { margin-left: 30px } /* line 645, src/assets/scss/layout/_layout-helpers.scss */ .ml-40 { margin-left: 40px } /* line 649, src/assets/scss/layout/_layout-helpers.scss */ .ml-50 { margin-left: 50px } /* line 653, src/assets/scss/layout/_layout-helpers.scss */ .ml-60 { margin-left: 60px } /* line 657, src/assets/scss/layout/_layout-helpers.scss */ .ml-70 { margin-left: 70px } /* line 661, src/assets/scss/layout/_layout-helpers.scss */ .ml-80 { margin-left: 80px } /* line 665, src/assets/scss/layout/_layout-helpers.scss */ .mr-5 { margin-right: 5px } /* line 669, src/assets/scss/layout/_layout-helpers.scss */ .mr-10 { margin-right: 10px } /* line 673, src/assets/scss/layout/_layout-helpers.scss */ .mr-20 { margin-right: 20px } /* line 677, src/assets/scss/layout/_layout-helpers.scss */ .mr-30 { margin-right: 30px } /* line 681, src/assets/scss/layout/_layout-helpers.scss */ .mr-40 { margin-right: 40px } /* line 685, src/assets/scss/layout/_layout-helpers.scss */ .mr-50 { margin-right: 50px } /* line 689, src/assets/scss/layout/_layout-helpers.scss */ .mr-60 { margin-right: 60px } /* line 693, src/assets/scss/layout/_layout-helpers.scss */ .mr-70 { margin-right: 70px } /* line 697, src/assets/scss/layout/_layout-helpers.scss */ .mr-80 { margin-right: 80px } /* line 705, src/assets/scss/layout/_layout-helpers.scss */ .width-40 { width: 40px !important } /* line 709, src/assets/scss/layout/_layout-helpers.scss */ .width-100 { width: 100px !important } /* line 713, src/assets/scss/layout/_layout-helpers.scss */ .width-250 { width: 250px !important } /* line 717, src/assets/scss/layout/_layout-helpers.scss */ .height-30 { height: 30px !important } /* line 721, src/assets/scss/layout/_layout-helpers.scss */ .height-60 { height: 60px !important } /* line 725, src/assets/scss/layout/_layout-helpers.scss */ .height-60 { height: 60px !important } /* line 729, src/assets/scss/layout/_layout-helpers.scss */ .height-70 { height: 60px !important } /* line 733, src/assets/scss/layout/_layout-helpers.scss */ .height-80 { height: 60px !important } /* line 737, src/assets/scss/layout/_layout-helpers.scss */ .height-90 { height: 60px !important } /* line 745, src/assets/scss/layout/_layout-helpers.scss */ .pull-right { float: right } /* line 749, src/assets/scss/layout/_layout-helpers.scss */ .pull-left { float: left } /* line 753, src/assets/scss/layout/_layout-helpers.scss */ .is-fixed { position: fixed; top: 0; left: 0 } /* line 763, src/assets/scss/layout/_layout-helpers.scss */ .is-hidden { display: none !important } /* line 767, src/assets/scss/layout/_layout-helpers.scss */ .is-vhidden { visibility: hidden !important } /* line 771, src/assets/scss/layout/_layout-helpers.scss */ .is-disabled { pointer-events: none; opacity: 0.4; cursor: default !important } /* line 777, src/assets/scss/layout/_layout-helpers.scss */ .stuck { position: fixed !important; top: 0 !important; z-index: 999 !important; -webkit-animation-name: translateDown; animation-name: translateDown; -webkit-animation-duration: 0.4s; animation-duration: 0.4s } /* line 789, src/assets/scss/layout/_layout-helpers.scss */ .overflow-auto { overflow: auto !important } /* line 798, src/assets/scss/layout/_layout-helpers.scss */ .im.is-icon-xs, .sl.is-icon-xs, .material-icons.is-icon-xs { font-size: 0.8rem !important } /* line 802, src/assets/scss/layout/_layout-helpers.scss */ .im.is-icon-md, .sl.is-icon-md, .material-icons.is-icon-md { font-size: 1.5rem !important } /* line 806, src/assets/scss/layout/_layout-helpers.scss */ .im.is-icon-2x, .sl.is-icon-2x, .material-icons.is-icon-2x { font-size: 2rem } /* line 810, src/assets/scss/layout/_layout-helpers.scss */ .im.is-icon-3x, .sl.is-icon-3x, .material-icons.is-icon-3x { font-size: 3rem } /* line 814, src/assets/scss/layout/_layout-helpers.scss */ .im.is-icon-4x, .sl.is-icon-4x, .material-icons.is-icon-4x { font-size: 4rem } /* line 818, src/assets/scss/layout/_layout-helpers.scss */ .im.is-gigantic, .sl.is-gigantic, .material-icons.is-gigantic { font-size: 12rem } /* line 827, src/assets/scss/layout/_layout-helpers.scss */ .img-circle { border-radius: 1000px } @media (max-width: 767px) { /* line 836, src/assets/scss/layout/_layout-helpers.scss */ .mobile-padding-20 { padding: 20px 30px } /* line 840, src/assets/scss/layout/_layout-helpers.scss */ .mobile-padding-40 { padding: 40px } /* line 844, src/assets/scss/layout/_layout-helpers.scss */ .has-text-centered-mobile { text-align: center !important } } /*! _responsive.scss | Bulkit | CSS Ninja */ @media (max-width: 767px) { /* line 24, src/assets/scss/layout/_layout-responsive.scss */ .section-title-wrapper { padding: 40px 0 !important } /* line 28, src/assets/scss/layout/_layout-responsive.scss */ .content-wrapper { padding-top: 40px !important } } @media (max-width: 768px) { /* line 39, src/assets/scss/layout/_layout-responsive.scss */ .nav-item.is-tab { padding-top: 8px; padding-bottom: 8px } /* line 44, src/assets/scss/layout/_layout-responsive.scss */ .nav .nav-item.is-tab.is-active, .nav-menu.is-active .nav-item.is-tab.is-active { border-bottom: none !important; color: #4FC1EA !important } /* line 49, src/assets/scss/layout/_layout-responsive.scss */ .nav-item.nav-inner { padding-top: 15px !important; padding-bottom: 15px !important } /* line 54, src/assets/scss/layout/_layout-responsive.scss */ a.nav-item.is-not-mobile { display: none !important } /* line 58, src/assets/scss/layout/_layout-responsive.scss */ .nav-item.is-menu-mobile { display: block !important; color: #7a7a7a !important } /* line 65, src/assets/scss/layout/_layout-responsive.scss */ .navbar.navbar-light.is-dark-mobile { background: #344258 !important } /* line 68, src/assets/scss/layout/_layout-responsive.scss */ .navbar.navbar-light.is-dark-mobile .navbar-menu { background: #344258 !important } /* line 71, src/assets/scss/layout/_layout-responsive.scss */ .navbar.navbar-light.is-dark-mobile .navbar-menu a { color: #fff } /* line 77, src/assets/scss/layout/_layout-responsive.scss */ .navbar.navbar-light.is-dark-mobile .navbar-menu .mobile-drop.is-active .mobile-drop-trigger { opacity: .9 } /* line 80, src/assets/scss/layout/_layout-responsive.scss */ .navbar.navbar-light.is-dark-mobile .navbar-menu .mobile-drop.is-active .mobile-drop-trigger i { -webkit-transform: rotate(90deg); transform: rotate(90deg) } /* line 86, src/assets/scss/layout/_layout-responsive.scss */ .navbar.navbar-light.is-dark-mobile .navbar-menu .mobile-drop .mobile-drop-trigger { 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; color: #fff; padding: 10px; -webkit-transition: all .3s; transition: all .3s } /* line 94, src/assets/scss/layout/_layout-responsive.scss */ .navbar.navbar-light.is-dark-mobile .navbar-menu .mobile-drop .mobile-drop-trigger i { position: relative; top: 2px; font-size: 16px; margin-left: 4px; -webkit-transition: all .3s; transition: all .3s } /* line 103, src/assets/scss/layout/_layout-responsive.scss */ .navbar.navbar-light.is-dark-mobile .navbar-menu .mobile-drop .child-menu { display: none; border-top: 1px solid #fff; border-bottom: 1px solid #fff } /* line 110, src/assets/scss/layout/_layout-responsive.scss */ .navbar.navbar-light.is-dark-mobile .navbar-menu .mobile-drop .child-menu ul li a { display: block; width: 100%; padding: 10px; font-size: .9rem; text-align: center; color: #d9d9d9 } /* line 127, src/assets/scss/layout/_layout-responsive.scss */ .navbar .navbar-menu .navbar-link, .navbar .navbar-menu .navbar-item, .navbar .navbar-menu .navbar-dropdown { width: 100%; text-align: center } /* line 133, src/assets/scss/layout/_layout-responsive.scss */ .navbar .navbar-menu .navbar-link:after { display: block !important; right: 43% } /* line 139, src/assets/scss/layout/_layout-responsive.scss */ .navbar .navbar-menu .button { width: 100% } /* line 145, src/assets/scss/layout/_layout-responsive.scss */ .navbar .navbar-menu .mobile-drop.is-active .mobile-drop-trigger { opacity: .9 } /* line 148, src/assets/scss/layout/_layout-responsive.scss */ .navbar .navbar-menu .mobile-drop.is-active .mobile-drop-trigger i { -webkit-transform: rotate(90deg); transform: rotate(90deg) } /* line 154, src/assets/scss/layout/_layout-responsive.scss */ .navbar .navbar-menu .mobile-drop .mobile-drop-trigger { 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; color: #333; padding: 10px; -webkit-transition: all .3s; transition: all .3s } /* line 162, src/assets/scss/layout/_layout-responsive.scss */ .navbar .navbar-menu .mobile-drop .mobile-drop-trigger i { position: relative; top: 2px; font-size: 16px; margin-left: 4px; -webkit-transition: all .3s; transition: all .3s } /* line 171, src/assets/scss/layout/_layout-responsive.scss */ .navbar .navbar-menu .mobile-drop .child-menu { display: none; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed } /* line 178, src/assets/scss/layout/_layout-responsive.scss */ .navbar .navbar-menu .mobile-drop .child-menu ul li a { display: block; width: 100%; padding: 10px; font-size: .9rem; text-align: center; color: #999 } /* line 193, src/assets/scss/layout/_layout-responsive.scss */ .navbar-brand { min-height: 4.6rem } /* line 197, src/assets/scss/layout/_layout-responsive.scss */ .custom-burger { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important } /* line 201, src/assets/scss/layout/_layout-responsive.scss */ .navbar-burger { height: 4.6rem; width: 4.6rem } /* line 207, src/assets/scss/layout/_layout-responsive.scss */ .level-left.level-social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } /* line 211, src/assets/scss/layout/_layout-responsive.scss */ .level-left.level-social .level-item:last-child .icon i { position: relative !important } /* line 217, src/assets/scss/layout/_layout-responsive.scss */ #main-hero { max-height: 100vh; background-position-x: 55% !important } /* line 227, src/assets/scss/layout/_layout-responsive.scss */ .parallax-overlay { position: absolute; top: 0; left: 0; bottom: 0 !important } /* line 235, src/assets/scss/layout/_layout-responsive.scss */ .title.section-title { font-size: 2rem !important } /* line 240, src/assets/scss/layout/_layout-responsive.scss */ .hero.is-fullheight.is-halfed-mobile { height: 35vh !important } /* line 246, src/assets/scss/layout/_layout-responsive.scss */ .three-grid .column, .four-grid .column, .five-grid .column { border: none !important } /* line 250, src/assets/scss/layout/_layout-responsive.scss */ .three-grid .is-separator, .four-grid .is-separator, .five-grid .is-separator { border: none !important } /* line 256, src/assets/scss/layout/_layout-responsive.scss */ .single-image-carousel .image-wrapper img { min-height: 50px !important } /* line 260, src/assets/scss/layout/_layout-responsive.scss */ .single-image-carousel .image-wrapper .caption { display: none } /* line 265, src/assets/scss/layout/_layout-responsive.scss */ .video-caption { left: 5% } /* line 270, src/assets/scss/layout/_layout-responsive.scss */ #navigation-trigger, .navigation-close { opacity: 1 !important } /* line 275, src/assets/scss/layout/_layout-responsive.scss */ .navbar-wrapper.navbar-fade.navbar-light.mobile-menu-dark { background-color: #344258 !important } /* line 278, src/assets/scss/layout/_layout-responsive.scss */ .navbar-wrapper.navbar-fade.navbar-light.mobile-menu-dark .nav-menu.is-active { background-color: #344258 !important } /* line 281, src/assets/scss/layout/_layout-responsive.scss */ .navbar-wrapper.navbar-fade.navbar-light.mobile-menu-dark .nav-menu.is-active .nav-inner.is-menu-mobile { color: #fff !important } /* line 284, src/assets/scss/layout/_layout-responsive.scss */ .navbar-wrapper.navbar-fade.navbar-light.mobile-menu-dark .nav-menu.is-active .nav-inner.is-menu-mobile.is-active { color: #4FC1EA !important } /* line 291, src/assets/scss/layout/_layout-responsive.scss */ .navbar-wrapper.navbar-fade.mobile-menu-dark { background-color: #fff !important } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { /* line 302, src/assets/scss/layout/_layout-responsive.scss */ .columns { padding: 0 10% } /* line 305, src/assets/scss/layout/_layout-responsive.scss */ .columns.is-tablet-portrait { padding: 10% } /* line 309, src/assets/scss/layout/_layout-responsive.scss */ .columns.is-not-tablet-portrait { padding: 0 !important } /* line 314, src/assets/scss/layout/_layout-responsive.scss */ .content-wrapper { padding-top: 0 !important } } @media (max-width: 1007px) { /* line 324, src/assets/scss/layout/_layout-responsive.scss */ .column.slide-description { padding: 20px 0 !important } /* line 329, src/assets/scss/layout/_layout-responsive.scss */ .account { display: none } /* line 334, src/assets/scss/layout/_layout-responsive.scss */ .media-card { min-height: 300px !important } /* line 338, src/assets/scss/layout/_layout-responsive.scss */ .column.is-4.media-stretch { width: 100% !important } /* line 341, src/assets/scss/layout/_layout-responsive.scss */ .column.is-4.media-stretch .media-card-image { min-height: 150px } /* line 346, src/assets/scss/layout/_layout-responsive.scss */ .mcard-controls { position: relative !important } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { /* line 356, src/assets/scss/layout/_layout-responsive.scss */ .navbar-brand { min-height: 4.6rem; height: 4.6rem } /* line 362, src/assets/scss/layout/_layout-responsive.scss */ .navbar-wrapper.navbar-fade.navbar-light.mobile-menu-dark { background-color: #344258 !important } /* line 365, src/assets/scss/layout/_layout-responsive.scss */ .navbar-wrapper.navbar-fade.navbar-light.mobile-menu-dark .nav-menu.is-active { background-color: #344258 !important } /* line 368, src/assets/scss/layout/_layout-responsive.scss */ .navbar-wrapper.navbar-fade.navbar-light.mobile-menu-dark .nav-menu.is-active .nav-inner.is-menu-mobile { color: #fff !important } /* line 371, src/assets/scss/layout/_layout-responsive.scss */ .navbar-wrapper.navbar-fade.navbar-light.mobile-menu-dark .nav-menu.is-active .nav-inner.is-menu-mobile.is-active { color: #4FC1EA !important } /* line 378, src/assets/scss/layout/_layout-responsive.scss */ .navbar-wrapper.navbar-fade.mobile-menu-dark { background-color: #fff !important } /* line 384, src/assets/scss/layout/_layout-responsive.scss */ .navbar.navbar-light.is-dark-mobile { background: #344258 } /* line 387, src/assets/scss/layout/_layout-responsive.scss */ .navbar.navbar-light.is-dark-mobile .navbar-menu { background: #344258 } /* line 390, src/assets/scss/layout/_layout-responsive.scss */ .navbar.navbar-light.is-dark-mobile .navbar-menu a { color: #fff } /* line 396, src/assets/scss/layout/_layout-responsive.scss */ .navbar.navbar-light.is-dark-mobile .navbar-menu .mobile-drop.is-active .mobile-drop-trigger { opacity: .9 } /* line 399, src/assets/scss/layout/_layout-responsive.scss */ .navbar.navbar-light.is-dark-mobile .navbar-menu .mobile-drop.is-active .mobile-drop-trigger i { -webkit-transform: rotate(90deg); transform: rotate(90deg) } /* line 405, src/assets/scss/layout/_layout-responsive.scss */ .navbar.navbar-light.is-dark-mobile .navbar-menu .mobile-drop .mobile-drop-trigger { 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; color: #fff; padding: 10px; -webkit-transition: all .3s; transition: all .3s } /* line 413, src/assets/scss/layout/_layout-responsive.scss */ .navbar.navbar-light.is-dark-mobile .navbar-menu .mobile-drop .mobile-drop-trigger i { position: relative; top: 2px; font-size: 16px; margin-left: 4px; -webkit-transition: all .3s; transition: all .3s } /* line 422, src/assets/scss/layout/_layout-responsive.scss */ .navbar.navbar-light.is-dark-mobile .navbar-menu .mobile-drop .child-menu { display: none; border-top: 1px solid #fff; border-bottom: 1px solid #fff } /* line 429, src/assets/scss/layout/_layout-responsive.scss */ .navbar.navbar-light.is-dark-mobile .navbar-menu .mobile-drop .child-menu ul li a { display: block; width: 100%; padding: 10px; font-size: .9rem; text-align: center; color: #d9d9d9 } /* line 447, src/assets/scss/layout/_layout-responsive.scss */ .navbar .navbar-item.has-dropdown .navbar-link:after { right: 20% } /* line 454, src/assets/scss/layout/_layout-responsive.scss */ .navbar .navbar-menu .navbar-link, .navbar .navbar-menu .navbar-item, .navbar .navbar-menu .navbar-dropdown { text-align: center } /* line 459, src/assets/scss/layout/_layout-responsive.scss */ .navbar .navbar-menu .navbar-link:after { display: block !important } /* line 466, src/assets/scss/layout/_layout-responsive.scss */ .navbar .navbar-menu .mobile-drop.is-active .mobile-drop-trigger { opacity: .9 } /* line 469, src/assets/scss/layout/_layout-responsive.scss */ .navbar .navbar-menu .mobile-drop.is-active .mobile-drop-trigger i { -webkit-transform: rotate(90deg); transform: rotate(90deg) } /* line 475, src/assets/scss/layout/_layout-responsive.scss */ .navbar .navbar-menu .mobile-drop .mobile-drop-trigger { 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; color: #333; padding: 10px; -webkit-transition: all .3s; transition: all .3s } /* line 483, src/assets/scss/layout/_layout-responsive.scss */ .navbar .navbar-menu .mobile-drop .mobile-drop-trigger i { position: relative; top: 2px; font-size: 16px; margin-left: 4px; -webkit-transition: all .3s; transition: all .3s } /* line 492, src/assets/scss/layout/_layout-responsive.scss */ .navbar .navbar-menu .mobile-drop .child-menu { display: none; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed } /* line 499, src/assets/scss/layout/_layout-responsive.scss */ .navbar .navbar-menu .mobile-drop .child-menu ul li a { display: block; width: 100%; padding: 10px; font-size: .9rem; text-align: center; color: #999 } /* line 512, src/assets/scss/layout/_layout-responsive.scss */ .navbar .navbar-menu .button { width: 100% } /* line 516, src/assets/scss/layout/_layout-responsive.scss */ .navbar .navbar-menu #signup-btn, .navbar .navbar-menu #signup-btn-alt { width: 30% !important } } /* line 530, src/assets/scss/layout/_layout-responsive.scss */ .navbar .navbar-menu.is-active .navbar-item.has-dropdown.is-hidden-mobile { display: none !important } @media only screen and (max-width: 1023px) { /* line 537, src/assets/scss/layout/_layout-responsive.scss */ .custom-burger { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important } } /* line 3, node_modules/slick-carousel/slick/slick.scss */ .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent } /* line 17, node_modules/slick-carousel/slick/slick.scss */ .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0 } /* line 24, node_modules/slick-carousel/slick/slick.scss */ .slick-list:focus { outline: none } /* line 28, node_modules/slick-carousel/slick/slick.scss */ .slick-list.dragging { cursor: pointer; cursor: hand } /* line 33, node_modules/slick-carousel/slick/slick.scss */ .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } /* line 42, node_modules/slick-carousel/slick/slick.scss */ .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto } /* line 50, node_modules/slick-carousel/slick/slick.scss */ .slick-track:before, .slick-track:after { content: ""; display: table } /* line 56, node_modules/slick-carousel/slick/slick.scss */ .slick-track:after { clear: both } /* line 60, node_modules/slick-carousel/slick/slick.scss */ .slick-loading .slick-track { visibility: hidden } /* line 64, node_modules/slick-carousel/slick/slick.scss */ .slick-slide { float: left; height: 100%; min-height: 1px; display: none } /* line 68, node_modules/slick-carousel/slick/slick.scss */ [dir="rtl"] .slick-slide { float: right } /* line 71, node_modules/slick-carousel/slick/slick.scss */ .slick-slide img { display: block } /* line 74, node_modules/slick-carousel/slick/slick.scss */ .slick-slide.slick-loading img { display: none } /* line 80, node_modules/slick-carousel/slick/slick.scss */ .slick-slide.dragging img { pointer-events: none } /* line 84, node_modules/slick-carousel/slick/slick.scss */ .slick-initialized .slick-slide { display: block } /* line 88, node_modules/slick-carousel/slick/slick.scss */ .slick-loading .slick-slide { visibility: hidden } /* line 92, node_modules/slick-carousel/slick/slick.scss */ .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent } /* line 98, node_modules/slick-carousel/slick/slick.scss */ .slick-arrow.slick-hidden { display: none } /* line 45, node_modules/slick-carousel/slick/slick-theme.scss */ .slick-loading .slick-list { background: #fff url("/assets/fonts/ajax-loader.gif") center center no-repeat } @font-face { font-family: "slick"; src: url("/assets/fonts/slick.eot"); src: url("/assets/fonts/slick.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/slick.woff") format("woff"), url("/assets/fonts/slick.ttf") format("truetype"), url("/assets/fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal } /* line 63, node_modules/slick-carousel/slick/slick-theme.scss */ .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none } /* line 81, node_modules/slick-carousel/slick/slick-theme.scss */ .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent } /* line 85, node_modules/slick-carousel/slick/slick-theme.scss */ .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1 } /* line 89, node_modules/slick-carousel/slick/slick-theme.scss */ .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25 } /* line 92, node_modules/slick-carousel/slick/slick-theme.scss */ .slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: #fff; opacity: .75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } /* line 103, node_modules/slick-carousel/slick/slick-theme.scss */ .slick-prev { left: -25px } /* line 105, node_modules/slick-carousel/slick/slick-theme.scss */ [dir="rtl"] .slick-prev { left: auto; right: -25px } /* line 109, node_modules/slick-carousel/slick/slick-theme.scss */ .slick-prev:before { content: "←" } /* line 111, node_modules/slick-carousel/slick/slick-theme.scss */ [dir="rtl"] .slick-prev:before { content: "→" } /* line 117, node_modules/slick-carousel/slick/slick-theme.scss */ .slick-next { right: -25px } /* line 119, node_modules/slick-carousel/slick/slick-theme.scss */ [dir="rtl"] .slick-next { left: -25px; right: auto } /* line 123, node_modules/slick-carousel/slick/slick-theme.scss */ .slick-next:before { content: "→" } /* line 125, node_modules/slick-carousel/slick/slick-theme.scss */ [dir="rtl"] .slick-next:before { content: "←" } /* line 133, node_modules/slick-carousel/slick/slick-theme.scss */ .slick-dotted.slick-slider { margin-bottom: 30px } /* line 137, node_modules/slick-carousel/slick/slick-theme.scss */ .slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100% } /* line 146, node_modules/slick-carousel/slick/slick-theme.scss */ .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer } /* line 154, node_modules/slick-carousel/slick/slick-theme.scss */ .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer } /* line 166, node_modules/slick-carousel/slick/slick-theme.scss */ .slick-dots li button:hover, .slick-dots li button:focus { outline: none } /* line 168, node_modules/slick-carousel/slick/slick-theme.scss */ .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1 } /* line 172, node_modules/slick-carousel/slick/slick-theme.scss */ .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: #000; opacity: .25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } /* line 189, node_modules/slick-carousel/slick/slick-theme.scss */ .slick-dots li.slick-active button:before { color: #000; opacity: .75 } /*# sourceMappingURL=../../../scss */