diff --git a/assets/css/scss/basic/_background.scss b/assets/css/scss/basic/_background.scss new file mode 100644 index 0000000..d992e64 --- /dev/null +++ b/assets/css/scss/basic/_background.scss @@ -0,0 +1,80 @@ +// +// Background Styles // +// +.bg-image { + position: relative; + background-position: center center; + background-attachment: scroll; + @include background-size(cover); + background-repeat: no-repeat; +} +.bg-fade-white-top { + position: relative; + z-index: 1; + &:before { + z-index: -1; + content: ''; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-image: linear-gradient(to top, white, get-color("white", 0.2)); + } +} +.bg-fade-white-bottom { + position: relative; + z-index: 1; + &:before { + z-index: -1; + content: ''; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-image: linear-gradient(to bottom, white, get-color("white", 0.2)); + } +} +.bg-fade-black-top { + position: relative; + z-index: 1; + &:before { + z-index: -1; + content: ''; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-image: linear-gradient(to top, black, rgba(0,0,0,0.2)); + } +} +.bg-fade-black-bottom { + position: relative; + z-index: 1; + &:before { + z-index: -1; + content: ''; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-image: linear-gradient(to bottom, black, rgba(0,0,0,0.2)); + } +} + +.bg-video { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: -1; + video { + object-fit: cover; + width: 100%; + height: 100%; + } +} \ No newline at end of file diff --git a/assets/css/scss/basic/_base.scss b/assets/css/scss/basic/_base.scss new file mode 100644 index 0000000..95971c7 --- /dev/null +++ b/assets/css/scss/basic/_base.scss @@ -0,0 +1,655 @@ +// +// Base Styles // +// +html, body { + width: 100%; + height: 100%; +} +body { + overflow-x: hidden; +} + +// +// Container, Row // +// +.container, .container-fluid { + position: relative; + padding: 0 30px; +} + +// +// Positioning // +// +.position-middle { + position: relative; + top: 50%; + @include transform(translateY(-50%)); + margin: 0 auto; +} +.position-top, .position-bottom { + position: absolute; + left: 0; + width: 100%; +} +.position-top { + top: 30px; +} +.position-bottom { + bottom: 30px; +} +.container, .container-fluid { + .position-top, .position-bottom { + padding: 0 30px; + } +} + +// +// Mark // +// +mark { + background: $bg-gray; + color: get-color("dark"); +} + +// +// iframe // +// +iframe { + width: 100%; + border: 0; +} + +// +// Pre(Preformatted text) // +// +pre { + border: 1px solid get-color("dark", 0.1); + border-radius: 0.375em; + padding: 6px 20px; + color: $color-primary; +} +.bg-black, +[class*='bg-dark'], +[class*='bg-gradient-'], +[class*='bg-color-'] { + pre { + border-color: get-color("white", 0.2); + color: get-color("white", 0.6); + } +} + + +// +// Blockquote Styles // +// +.blockquote { + background: transparent; + margin-bottom: 20px; + border-left: 4px solid get-color("dark", 0.1); + padding: 16px 30px; + @include breakpoint-less(sm) { + padding: 16px 20px; + } + p { + font-size: 16px; + line-height: 30px; + &.font-small { + font-size: 14px; + line-height: 26px; + } + &.font-large { + font-size: 20px; + line-height: 36px; + } + } + .blockquote-footer { + margin-top: 10px; + color: get-color("dark"); + &:before { + padding-right: 5px; + } + h1, h2, h3, h4, h5, h6 { + display: inline-block; + margin: 0; + } + p { + font-size: 16px; + line-height: 30px; + } + } + &.style-2 { + position: relative; + border: 0; + padding: 20px 20px 20px 40px; + @include breakpoint-less(sm) { + padding: 16px 16px 16px 36px; + } + &:before { + content: '\f10d'; + position: absolute; + top: 0; + left: 0; + color: get-color("dark", 0.1); + font-family: "Font Awesome 6 Free"; + font-size: 24px; + font-weight: 900; + } + } +} +.bg-black, +[class*='bg-dark'], +[class*='bg-gradient-'], +[class*='bg-color-'] { + .blockquote { + background: get-color("white", 0.1); + border-color: get-color("white", 0.2); + .blockquote-footer { + color: white; + } + &.style-2 { + background: transparent; + border-color: get-color("white", 0.2); + } + &.style-3 { + background: transparent; + &:before { + color: get-color("white", 0.2); + } + } + } +} + +// +// Breadcrumb Styles // +// +.breadcrumb { + display: inline-block; + background: transparent; + margin: 0 0 -10px; + padding: 0; + .breadcrumb-item { + display: inline-block; + font: 400 13px $font-family-primary; + letter-spacing: 1px; + text-transform: uppercase; + &:before { + color: get-color("dark", 0.2); + } + &.active { + color: $color-primary-lighter; + } + a { + @include transition(linear 0.1s); + } + } +} +.bg-black, +[class*='bg-dark'], +[class*='bg-gradient-'], +[class*='bg-color-'] { + .breadcrumb { + .breadcrumb-item { + &:before { + color: get-color("white", 0.3); + } + &.active { + color: get-color("white", 0.5); + } + } + } +} + +// +// Card // +// +.card { + border: 1px solid get-color("dark", 0.1); +} + +// +// Dropdown Styles // +// +.dropdown, .btn-group { + .dropdown-menu { + border: 0; + border-radius: 0; + @include box-shadow(0 6px 36px -4px rgba(22,24,26,0.14)); + padding: 15px 20px; + .dropdown-item { + margin-bottom: 10px; + padding: 0; + color: get-color("dark"); + font: 300 15px $font-family-primary; + letter-spacing: 0; + text-transform: none; + @include transition(linear 0.1s); + &:last-child { + margin: 0; + } + &:hover, &:focus, &:active { + background: transparent; + color: $color-primary; + } + } + } +} + +// +// Modal Styles // +// +.modal { + &.fade { + .modal-dialog { + @include transition(ease-out 0.2s); + @include transform(translate(0) scale(0.98)); + } + } + &.show { + .modal-dialog { + @include transform(translate(0) scale(1.0)); + } + } + .modal-content { + @include box-shadow(0 6px 36px -4px rgba(22,24,26,0.3)); + border: 0; + .modal-header { border-bottom: 1px solid get-color("dark", 0.1); } + .modal-footer { border-top: 1px solid get-color("dark", 0.1); } + } +} + +// +// Nav Styles // +// +.nav { + margin: 0; + padding: 0; + .nav-item { + margin: 0 30px 0 0; + &:last-child { + margin-right: 0; + } + .nav-link { + padding: 0; + color: $color-primary; + @include transition(linear 0.1s); + h1, h2, h3, h4, h5, h6 { + margin: 0; + color: $color-primary; + @include transition(linear 0.1s); + } + &.active, &:hover { + color: get-color("dark"); + h1, h2, h3, h4, h5, h6 { + color: get-color("dark"); + } + } + &.disabled { + color: $color-primary-lighter; + } + } + } + &.nav-tabs { + border-bottom: 1px solid $border-gray; + .nav-item { + margin: 0 0 -1px; + .nav-link { + background: transparent; + padding: 10px 20px; + color: $color-primary; + &:hover { + border-color: $border-gray; + } + &.active { + border-color: $border-gray $border-gray white; + color: get-color("dark"); + } + &.disabled { + &:hover { + border-color: transparent; + } + } + } + } + } + &.nav-pills { + .nav-item { + margin: 0; + .nav-link { + padding: 10px 20px; + } + .nav-link.active, + .show .nav-link { + background: get-color("dark"); + color: white; + } + h1, h2, h3, h4, h5, h6 { + margin: 0; + } + } + } + &.tabs { + display: inline-block; + border: 1px solid $border-gray; + border-radius: 0.375em; + .nav-item { + display: inline-block; + margin: 0; + .nav-link { + padding: 10px 20px; + border-right: 1px solid $border-gray; + } + &:last-child { + .nav-link { + border: 0; + } + } + } + } + &.nav-custom { + .nav-item { + .nav-link { + position: relative; + overflow: visible; + &:after { + content: ''; + position: absolute; + right: 0; + bottom: -1px; + left: 0; + background: get-color("dark"); + height: 1px; + @include animation(button-line-out 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both); + } + &.active { + &:after { + width: 100%; + @include animation(button-line-in 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both); + } + } + } + } + } +} +.bg-black, +[class*='bg-dark'], +[class*='bg-gradient-'], +[class*='bg-color-'] { + .nav { + .nav-item { + .nav-link { + color: get-color("white", 0.8); + &.active, &:hover { + color: white; + } + } + } + &.nav-tabs { + border-color: get-color("white", 0.2); + .nav-item { + .nav-link { + color: get-color("white", 0.8); + &.active, &:hover { + border-color: get-color("white", 0.2) get-color("white", 0.2) transparent; + } + &.active { + color: white; + } + } + } + } + &.nav-pills { + .nav-item { + .nav-link.active, + .show .nav-link { + background: white; + color: get-color("dark"); + } + } + } + &.tabs { + border: 1px solid get-color("white", 0.2); + .nav-item { + .nav-link { + border-right: 1px solid get-color("white", 0.2); + } + } + } + &.nav-custom { + .nav-item { + .nav-link { + &:after { background: white; } + } + } + } + } +} + +// +// Pagination Styles // +// +.pagination { + margin: 0; + padding: 0; + .page-item { + margin: 0 6px 0 0; + text-align: center; + &:last-child { + margin-right: 0; + } + .page-link { + background: transparent; + min-width: 31px; + height: 31px; + border: 0; + border-radius: 20px; + padding: 0; + color: $color-primary; + font-size: 14px; + line-height: 31px; + @include transition(ease-out 0.12s); + &:hover { + background: $button-gray; + } + } + &.active { + .page-link { + background: $button-gray; + color: get-color("dark"); + } + } + } + &.pagination-sm { + .page-item { + .page-link { + min-width: 27px; + height: 27px; + border-radius: 20px; + padding: 0; + line-height: 27px; + } + } + } + &.pagination-lg { + .page-item { + .page-link { + min-width: 35px; + height: 35px; + border-radius: 20px; + padding: 0; + line-height: 35px; + } + } + } + // + // Pagination - Hover style 2 // + // + &.hover-style-2 { + .page-item { + .page-link { + &:hover { + background: $border-gray; + border-color: $border-gray; + } + } + &.active { + .page-link { + background: get-color("dark"); + border-color: get-color("dark"); + color: white; + } + } + } + } +} +.bg-black, +[class*='bg-dark'], +[class*='bg-gradient-'], +[class*='bg-color-'] { + .pagination { + .page-item { + .page-link { + color: get-color("white", 0.7); + &:hover { + background: get-color("white", 0.1); + } + } + &.active { + .page-link { + background: get-color("white", 0.1); + color: white; + } + } + } + &.hover-style-2 { + .page-item { + .page-link { + &:hover { + background: white; + border-color: white; + color: get-color("dark", 0.9); + } + } + &.active { + .page-link { + background: white; + border-color: white; + color: get-color("dark", 0.9); + } + } + } + } + } +} + +// +// Popover Styles // +// +.popover { + border: 0; + @include box-shadow(0 0 12px 0 rgba(0,0,0,0.08)); + .arrow { + &:before { border: 0; } + } + .popover-header { + background: transparent; + padding: 15px 20px; + font-size: 16px; + line-height: 32px; + } + .popover-body { + padding: 20px; + } +} + +// +// Table Styles // +// +.table { + td, th { border-top: 1px solid $border-gray; } + thead { + th { border-bottom: 2px solid $border-gray; } + } + + &.table-dark { + background: $bg-dark-lighter; + thead { + th { border-bottom: 2px solid get-color("white", 0.1); } + } + td, th { border-top: 1px solid get-color("white", 0.1); } + } + &.table-bordered { + td, th { border: 1px solid $border-gray; } + &.table-dark { + td, th { border: 1px solid get-color("white", 0.1); } + } + } + + .thead-dark { + th { background: $bg-dark-lighter; border-color: get-color("white", 0.1); } + } + .thead-light { + th { background: $button-gray-lighter; } + } + + .table-active { + td, th { background: $button-gray-darker; } + } + .table-secondary { + td, th { background: $button-gray; } + } + .table-light { + td, th { background: $bg-gray-lighter; } + } + .table-dark { + td, th { background: $button-gray; } + } +} + +// +// Scroll To Top button // +// +.scrolltotop { + position: fixed; + right: 20px; + bottom: 20px; + @include transform(translateY(20px)); + z-index: 992; + visibility: hidden; + opacity: 0; + @include transition(ease-out 0.12s); + &.scrolltotop-show { + @include transform(translateY(0)); + visibility: visible; + opacity: 1; + } +} + +// +// Cursor // +// +@include breakpoint-above(lg) { + #cursor { + z-index: 999; + position: absolute; + @include transform(translate(-50%, -50%)); + width: 22px; + height: 22px; + border: 1px solid white; + border-radius: 50%; + mix-blend-mode: difference; + pointer-events: none; + @include transition(linear 0.06s); + &.scale-cursor { + @include transform(translate(-50%, -50%) scale(2.4)); + opacity: 0.12; + } + &.cursor-style-2 { + opacity: 0.2; + background: white; + border: 0; + &.scale-cursor { + opacity: 0.08; + } + } + } +} \ No newline at end of file diff --git a/assets/css/scss/basic/_form.scss b/assets/css/scss/basic/_form.scss new file mode 100644 index 0000000..3d77abc --- /dev/null +++ b/assets/css/scss/basic/_form.scss @@ -0,0 +1,215 @@ +// +// Form Styles // +// +input:not(.form-check-input), +textarea { + background: transparent; + width: 100%; + border: 1px solid get-color("dark", 0.1); + margin-bottom: 1rem; + padding: 15px 20px; + box-shadow: none; + font: 400 15px $font-family-primary; + line-height: 1.4; + @include transition(ease-out 0.16s); + &:focus, &:active { + outline: 0; + box-shadow: none; + } +} +textarea { + height: 140px; +} +input:not(.form-check-input), textarea, .form-control { + color: $color-primary; + &::-webkit-input-placeholder { color: $color-primary-lighter; } + &::-moz-placeholder { color: $color-primary-lighter; } + &:-ms-placeholder { color: $color-primary-lighter; } + &::-ms-placeholder { color: $color-primary-lighter; } + &::placeholder { color: $color-primary-lighter; } + &:focus { + border-color: get-color("dark", 0.2); + } +} +.form-control { + background: transparent; + height: auto; + border: 1px solid get-color("dark", 0.1); + border-radius: 0; + padding: 15px 20px; + font: 400 15px $font-family-primary; + line-height: 1.4; + &:focus { + background: transparent; + box-shadow: none; + } + &:read-only { + background: $button-gray; + border: 0; + } + &.form-control-sm { + padding: 10px 15px; + font-size: 0.875rem; + } + &.form-control-lg { + font-size: 1.25rem; + } +} +.form-control-plaintext { + border: 0; +} +.form-check-input:disabled ~ .form-check-label { + color: $color-primary-lighter; +} +.required { + &:after { + content: '*'; + padding-left: 3px; + } +} + +// +// Select // +// +select { + margin-bottom: 1rem; +} +.custom-select { + background-color: transparent; + width: auto; + min-width: 160px; + height: auto; + border-radius: 0; + padding: 15px 20px; + border-color: get-color("dark", 0.1); + color: $color-primary; + font: 400 15px $font-family-primary; + line-height: 1.4; + @include transition(ease-out 0.16s); + &:focus { + border-color: get-color("dark", 0.2); + outline: 0; + box-shadow: none; + } + &.custom-select-sm { + height: auto; + padding: 10px 15px; + font-size: 0.875rem; + } + &.custom-select-lg { + height: auto; + padding: 15px 20px; + font-size: 1.25rem; + } + &.select-fullwidth { + width: 100%; + } +} +// +// Form Styles 2,3,4 // +// +.form-style-3, +.form-style-4 { + input, textarea, .custom-select, .form-control { + margin-bottom: 20px; + padding: 0 0 10px; + border-top-width: 0; + border-right-width: 0; + border-bottom-width: 1px; + border-left-width: 0; + } +} +.form-style-2, +.form-style-4 { + input, textarea, .custom-select, .form-control { + &:focus { + border-color: get-color("dark", 0.9); + } + } +} + +// +// Form Style 5 // +// +.form-style-5 { + input, textarea, .custom-select, .form-control { + background: $bg-gray; + border: 0; + &:focus { + background: $button-gray-lighter; + } + } +} +[class*='bg-gray'] { + .form-style-5 { + input, textarea, .custom-select, .form-control { + background: white; + &:focus { + background: white; + } + } + } +} + +// +// Forms on Dark background // +// +.bg-black, +[class*='bg-dark'], +[class*='bg-gradient-'], +[class*='bg-color-'] { + input, textarea, .form-control { + background: transparent; + border-color: get-color("white", 0.2); + color: get-color("white", 0.7); + &::-webkit-input-placeholder { color: get-color("white", 0.5); } + &::-moz-placeholder { color: get-color("white", 0.5); } + &:-ms-placeholder { color: get-color("white", 0.5); } + &::-ms-placeholder { color: get-color("white", 0.5); } + &::placeholder { color: get-color("white", 0.5); } + &:focus { + border-color: get-color("white", 0.3); + } + } + .custom-select { + background: transparent; + border-color: get-color("white", 0.2); + color: get-color("white", 0.7); + &:focus { + border-color: get-color("white", 0.3); + } + } + .form-style-2, + .form-style-4 { + input, textarea, .custom-select, .form-control { + &:focus { + border-color: white; + } + } + } + .form-style-5 { + input, textarea, .custom-select, .form-control { + background: get-color("white", 0.1); + border: 0; + &:focus { + background: get-color("white", 0.2); + } + } + } +} + +// +// Contact Form Styles // +// +.submit-result { + span { + display: none; + @include transition(ease-out 0.2s); + &.show-result { + margin-top: 30px; + display: block; + } + &#success { color: $color-green; } + &#error { color: $color-red; } + } +} \ No newline at end of file diff --git a/assets/css/scss/basic/_image.scss b/assets/css/scss/basic/_image.scss new file mode 100644 index 0000000..aa398e0 --- /dev/null +++ b/assets/css/scss/basic/_image.scss @@ -0,0 +1,125 @@ +// +// Image Styles // +// +img { + width: auto; + max-width: 100%; + height: auto; + // + // Avatar mask // + // + &[class*='img-mask-avatar'] { + border-radius: 50%; + } + &.img-mask-avatar-xs { + min-width: 60px; + width: 60px; + height: 60px; + } + &.img-mask-avatar-sm { + min-width: 80px; + width: 80px; + height: 80px; + } + &.img-mask-avatar-md { + min-width: 100px; + width: 100px; + height: 100px; + } + &.img-mask-avatar-lg { + min-width: 120px; + width: 120px; + height: 120px; + } + &.img-mask-avatar-xl { + min-width: 140px; + width: 140px; + height: 140px; + } + &.img-mask-avatar-2xl { + min-width: 160px; + width: 160px; + height: 160px; + } + &.img-mask-avatar-3xl { + min-width: 180px; + width: 180px; + height: 180px; + } +} + +// +// Blob Shape Mask // +// +[class*='img-mask-blob'] { + display: inline-block; + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.img-mask-blob-1 { + -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNODguNSw2My41UTg3LDc3LDc2LDg2LjVRNjUsOTYsNTEsOTIuNVEzNyw4OSwyNyw4MS41UTE3LDc0LDEyLDYyUTcsNTAsMTEuNSwzOFExNiwyNiwyNS41LDE0LjVRMzUsMyw0OSw2LjVRNjMsMTAsNzUuNSwxNlE4OCwyMiw4OSwzNlE5MCw1MCw4OC41LDYzLjVaIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMCIgZmlsbD0iIzAwMDAwMCIvPjwvc3ZnPg==); + mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNODguNSw2My41UTg3LDc3LDc2LDg2LjVRNjUsOTYsNTEsOTIuNVEzNyw4OSwyNyw4MS41UTE3LDc0LDEyLDYyUTcsNTAsMTEuNSwzOFExNiwyNiwyNS41LDE0LjVRMzUsMyw0OSw2LjVRNjMsMTAsNzUuNSwxNlE4OCwyMiw4OSwzNlE5MCw1MCw4OC41LDYzLjVaIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMCIgZmlsbD0iIzAwMDAwMCIvPjwvc3ZnPg==); +} + +.img-mask-blob-2 { + -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOTEsNjZRODgsODIsNzMsODkuNVE1OCw5Nyw0My41LDkxLjVRMjksODYsMTgsNzZRNyw2Niw3LDUwUTcsMzQsMTgsMjMuNVEyOSwxMyw0My41LDlRNTgsNSw3MC41LDEzLjVRODMsMjIsODguNSwzNlE5NCw1MCw5MSw2NloiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIwIiBmaWxsPSIjMDAwMDAwIi8+PC9zdmc+); + mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOTEsNjZRODgsODIsNzMsODkuNVE1OCw5Nyw0My41LDkxLjVRMjksODYsMTgsNzZRNyw2Niw3LDUwUTcsMzQsMTgsMjMuNVEyOSwxMyw0My41LDlRNTgsNSw3MC41LDEzLjVRODMsMjIsODguNSwzNlE5NCw1MCw5MSw2NloiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIwIiBmaWxsPSIjMDAwMDAwIi8+PC9zdmc+); +} +.img-mask-blob-3 { + -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOTEsNjRRODgsNzgsNzUuNSw4NC41UTYzLDkxLDUwLDkxLjVRMzcsOTIsMjYsODMuNVExNSw3NSwxMS41LDYyLjVROCw1MCw5LDM1LjVRMTAsMjEsMjMuNSwxNlEzNywxMSw1MSw3UTY1LDMsNzcsMTIuNVE4OSwyMiw5MS41LDM2UTk0LDUwLDkxLDY0WiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjAiIGZpbGw9IiMwMDAwMDAiLz48L3N2Zz4=); + mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOTEsNjRRODgsNzgsNzUuNSw4NC41UTYzLDkxLDUwLDkxLjVRMzcsOTIsMjYsODMuNVExNSw3NSwxMS41LDYyLjVROCw1MCw5LDM1LjVRMTAsMjEsMjMuNSwxNlEzNywxMSw1MSw3UTY1LDMsNzcsMTIuNVE4OSwyMiw5MS41LDM2UTk0LDUwLDkxLDY0WiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjAiIGZpbGw9IiMwMDAwMDAiLz48L3N2Zz4=); +} +.img-mask-blob-4 { + -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNODkuNSw2M1E4MSw3Niw2OS41LDg2UTU4LDk2LDQ0LDkwLjVRMzAsODUsMTYuNSw3NlEzLDY3LDUuNSw1MVE4LDM1LDE3LDIyUTI2LDksNDEuNSw4LjVRNTcsOCw3MSwxNC41UTg1LDIxLDkxLjUsMzUuNVE5OCw1MCw4OS41LDYzWiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjAiIGZpbGw9IiMwMDAwMDAiLz48L3N2Zz4=); + mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNODkuNSw2M1E4MSw3Niw2OS41LDg2UTU4LDk2LDQ0LDkwLjVRMzAsODUsMTYuNSw3NlEzLDY3LDUuNSw1MVE4LDM1LDE3LDIyUTI2LDksNDEuNSw4LjVRNTcsOCw3MSwxNC41UTg1LDIxLDkxLjUsMzUuNVE5OCw1MCw4OS41LDYzWiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjAiIGZpbGw9IiMwMDAwMDAiLz48L3N2Zz4=); +} + +// +// Image Link box // +// +.img-link-box { + overflow: hidden; + position: relative; + @include transform(translate3d(0,0,0)); + a { + display: block; + } + img { + @include transition(transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)); + } + &:hover, &:focus { + img { + @include transform(scale(1.04)); + } + } +} + +// +// Avatars Group // +// +.avatar-group { + display: block; + padding: 0; + li { + list-style-type: none; + display: inline-block; + margin-left: -12px; + padding: 0; + &:first-child { + margin-left: 0; + } + img { + width: 60px; + height: 60px; + border-radius: 50%; + @include box-shadow(0 3px 16px 0 rgba(0,0,0,0.13)); + border: 3px solid white; + } + } +} + +.aspect-ratio-2x1 { + width: 100%; + aspect-ratio: 1/0.5; + object-fit: cover; +} \ No newline at end of file diff --git a/assets/css/scss/basic/_list.scss b/assets/css/scss/basic/_list.scss new file mode 100644 index 0000000..1534a62 --- /dev/null +++ b/assets/css/scss/basic/_list.scss @@ -0,0 +1,263 @@ +// +// List styles // +// +ul { + margin: 0 0 -7px; + li { + margin: 0 0 7px; + ul, ol { + margin-top: 7px; + } + } + &[class*='list-'] { + padding: 0; + } + &.list-unstyled, + &.list-dash { + li { + list-style-type: none; + } + } + &.animate-links { + li { + a { + &:hover { + padding-left: 2px; + } + } + } + } + &.list-dash { + li { + &:before { + content: '-'; + padding-right: 7px; + } + ul, ol { + padding-left: 40px; + } + } + } + // + // Horizontal List // + // + &[class*='list-inline'] { + li { + display: inline-block; + } + } + &.list-inline { + margin-right: -7px; + margin-left: -7px; + li { + padding: 0 7px; + } + } + &.list-inline-sm { + margin-right: -3px; + margin-left: -3px; + li { + padding: 0 3px; + } + } + &.list-inline-lg { + margin-right: -14px; + margin-left: -14px; + li { + padding: 0 14px; + } + } + &.list-inline-dash { + li { &:after { content: '-'; } } + } + &.list-inline-slash { + li { &:after { content: '/'; } } + } + &.list-inline-dash, + &.list-inline-slash { + li { + &:after { + padding: 0 3px 0 6px; + } + &:last-child { + &:after { + content: ''; + padding: 0; + } + } + } + } +} +ol { + margin: 0 0 -7px; + li { + margin: 0 0 7px; + } + li { + ul, ol { + margin-top: 7px; + } + } + &.list-ordered { + list-style: none; + counter-reset: custom-counter; + padding-left: 0; + li { + position: relative; + padding-left: 34px; + counter-increment: custom-counter; + &::before { + content: counter(custom-counter); + } + ol { + list-style: none; + padding-left: 0; + } + } + &.style-2, + &.style-3, + &.style-4, + &.style-5 { + li { + &::before { + position: absolute; + top: 0; + left: 0; + width: 24px; + height: 24px; + border-radius: 50%; + font-size: 13px; + line-height: 24px; + text-align: center; + } + } + } + &.style-2 { + li { + &::before { + background: get-color("dark", 0.1); + color: black; + } + } + } + &.style-3 { + li { + &::before { + background: get-color("dark", 0.9); + color: white; + } + } + } + &.style-4 { + li { + &::before { + border: 1px solid get-color("dark", 0.2); + color: get-color("dark", 0.5); + } + } + } + &.style-5 { + li { + &::before { + border: 1px solid get-color("dark", 0.9); + color: black; + } + } + } + } +} +.bg-black, +[class*='bg-dark'], +[class*='bg-gradient-'], +[class*='bg-color-'] { + ol { + &.list-ordered { + &.style-2 { + li { + &::before { + background: get-color("white", 0.2); + color: white; + } + } + } + &.style-3 { + li { + &::before { + background: white; + color: black; + } + } + } + &.style-4 { + li { + &::before { + border-color: get-color("white", 0.3); + color: get-color("white", 0.6); + } + } + } + &.style-5 { + li { + &::before { + border-color: white; + color: white; + } + } + } + } + } +} +@include breakpoint-less(md) { + ol { + margin: 0 0 -5px; + li { + margin: 0 0 5px; + } + } + ul { + margin: 0 0 -5px; + li { + margin: 0 0 5px; + ul, ol { + margin-top: 5px; + } + } + &.list-dash { + li { + &:before { + content: '-'; + padding-right: 6px; + } + a { + &:hover { + padding-left: 2px; + } + } + ul, ol { + padding-left: 30px; + } + } + } + &.list-inline-lg { + margin-right: -12px; + margin-left: -12px; + li { + padding: 0 12px; + } + } + &.list-inline { + margin-right: -6px; + margin-left: -6px; + li { + padding: 0 6px; + } + } + &.list-inline-sm { + margin-right: -2px; + margin-left: -2px; + li { + padding: 0 2px; + } + } + } +} \ No newline at end of file diff --git a/assets/css/scss/basic/_typography.scss b/assets/css/scss/basic/_typography.scss new file mode 100644 index 0000000..dd555ff --- /dev/null +++ b/assets/css/scss/basic/_typography.scss @@ -0,0 +1,112 @@ +// +// Typography Styles // +// +body { + color: $color-primary; + font-family: $font-family-primary; + font-size: 1rem; + font-weight: 400; + letter-spacing: 0; + @include breakpoint-less(md) { + font-size: 0.938rem; + } + &.theme-font-nunito { + font-family: $font-family-nunito; + } +} +h1,h2,h3,h4,h5,h6 { + letter-spacing: -0.3px; + line-height: 1.4; + color: get-color("dark"); + font-family: $font-family-poppins; + font-weight: $font-weight-semi-bold; + margin-top: 1rem; + margin-bottom: 1rem; +} +.theme-font-nunito { + h1,h2,h3,h4,h5,h6 { + font-family: $font-family-nunito; + } +} + +p { + margin: 0; + line-height: 1.74; /* 26px */ + color: #000; + @include breakpoint-less(md) { + line-height: 1.6; /* 24px */ + } +} + +.uppercase { + letter-spacing: 0.8px; + text-transform: uppercase; +} + +.font-small { + font-size: 0.9em; + line-height: 1.7; + @include breakpoint-less(md) { + font-size: 0.9em; + line-height: 1.7; + } +} +.font-large { + font-size: 1.063em; + line-height: 1.6; + @include breakpoint-less(md) { + font-size: 1.063em; + } +} + +// +// Letter Spacing // +// +.letter-spacing-1 { letter-spacing: 1px; } +.letter-spacing-2 { letter-spacing: 2px; } +.letter-spacing-3 { letter-spacing: 3px; } +.letter-spacing-4 { letter-spacing: 4px; } + +// +// Line Heights // +// +.line-height-100 { line-height: 100%; } +.line-height-110 { line-height: 110%; } +.line-height-120 { line-height: 120%; } +.line-height-130 { line-height: 130%; } +.line-height-140 { line-height: 140%; } +.line-height-150 { line-height: 150%; } +.line-height-160 { line-height: 160%; } + +// +// Font Icon Styles // +// +i { + display: inline-block; +} + +// +// Icon sizes // +// +.icon-5xl { + i { font-size: 2.8em; } +} +.icon-4xl { + i { font-size: 2.4em; } +} +.icon-3xl { + i { font-size: 2.13em; } +} +.icon-2xl { + i { font-size: 1.86em; } +} +.icon-xl { + i { font-size: 1.6em; } +} +.icon-lg { + i { font-size: 1.33em; } +} +.icon-sm { + i { font-size: 0.9em; } +} + diff --git a/assets/css/scss/components/_blog.scss b/assets/css/scss/components/_blog.scss new file mode 100644 index 0000000..1406374 --- /dev/null +++ b/assets/css/scss/components/_blog.scss @@ -0,0 +1,107 @@ +// +// Blog Styles // +// +.blog-card-wrapper { + position: relative; + background-position: center center; + background-attachment: scroll; + @include background-size(cover); + background-repeat: no-repeat; + width: 100%; + * { + @include transition(ease-out 0.12s); + } + .blog-card { + background: white; + border: 1px solid get-color("dark", 0.1); + } + &:hover { + color: get-color("white", 0.7); + h1,h2,h3,h4,h5,h6 { color: white; } + a { + &:not([class^='button']) { + color: get-color("white", 0.8); + &:hover, &:focus { color: white; } + } + } + .blog-card { + background: get-color("dark", 0.6); + } + .button-text-1, + .button-text-2, + .button-text-3 { + color: get-color("white", 0.8); + &:hover { + color: white; + } + } + .button-text-1 { + &:before { background: get-color("white", 0.3); } + &:after { background: white; } + } + .button-text-2 { + &:before { background: get-color("white", 0.4); } + &:after { background: white; } + } + .button-text-3 { + &:before { background: get-color("white", 0.8); } + &:hover { + &:before { background: white; } + } + } + } + @include breakpoint-above(lg) { + .blog-card { + padding: 36px 36px 36px 140px; + .blog-card-date { + position: absolute; + top: 50%; + left: 36px; + @include transform(translateY(-50%)); + text-align: center; + } + } + } + @include breakpoint-less(md) { + .blog-card { + padding: 24px; + } + } +} + + +// +// Comment box // +// +.comment-box { + position: relative; + margin-bottom: 30px; + padding-left: 80px; + .comment-user-avatar { + position: absolute; + top: 0; + left: 0; + background: $bg-gray; + width: 60px; + height: 60px; + border-radius: 50%; + text-align: center; + line-height: 60px; + img { + width: 60px; + height: 60px; + } + } + .comment-content { + position: relative; + .comment-time { + position: absolute; + top: 0; + right: 0; + text-align: right; + color: $color-primary-lighter; + font-style: italic; + font-size: 14px; + } + } +} \ No newline at end of file diff --git a/assets/css/scss/components/_breadcrumb.scss b/assets/css/scss/components/_breadcrumb.scss new file mode 100644 index 0000000..b647620 --- /dev/null +++ b/assets/css/scss/components/_breadcrumb.scss @@ -0,0 +1,161 @@ +// Breadcrumb Component +.breadcrumb-wrapper { + background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); + border-bottom: 1px solid #dee2e6; + padding: 1rem 0; + + @media (max-width: 768px) { + padding: 0.75rem 0; + } + + .breadcrumb { + display: flex; + flex-wrap: wrap; + align-items: center; + margin: 0; + padding: 0; + list-style: none; + font-size: 0.875rem; + line-height: 1.4; + + @media (max-width: 576px) { + font-size: 0.8125rem; + } + + .breadcrumb-item { + display: flex; + align-items: center; + + &:not(:last-child) { + margin-right: 0.5rem; + + &::after { + content: ""; + display: inline-block; + width: 0; + height: 0; + border-left: 4px solid #6c757d; + border-top: 3px solid transparent; + border-bottom: 3px solid transparent; + margin-left: 0.75rem; + opacity: 0.7; + + @media (max-width: 576px) { + margin-left: 0.5rem; + border-left-width: 3px; + border-top-width: 2px; + border-bottom-width: 2px; + } + } + } + + a { + color: #495057; + text-decoration: none; + font-weight: 500; + transition: all 0.2s ease-in-out; + padding: 0.25rem 0.5rem; + border-radius: 0.25rem; + + &:hover { + color: #007bff; + background-color: rgba(0, 123, 255, 0.1); + transform: translateY(-1px); + } + + &:focus { + outline: 2px solid #007bff; + outline-offset: 1px; + } + + i.fas { + margin-right: 0.375rem; + font-size: 0.75rem; + + @media (max-width: 576px) { + margin-right: 0.25rem; + font-size: 0.6875rem; + } + } + } + + &.active { + color: #6c757d; + font-weight: 600; + padding: 0.25rem 0.5rem; + max-width: 200px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + + @media (max-width: 768px) { + max-width: 150px; + } + + @media (max-width: 576px) { + max-width: 120px; + } + } + } + + // Responsive truncation for long breadcrumbs + @media (max-width: 576px) { + .breadcrumb-item { + &:not(:last-child):not(:nth-last-child(2)) { + display: none; + + & + .breadcrumb-item::before { + content: "..."; + margin: 0 0.5rem; + color: #6c757d; + font-weight: bold; + } + } + } + } + } + + // Dark mode support + @media (prefers-color-scheme: dark) { + background: linear-gradient(135deg, #343a40 0%, #495057 100%); + border-bottom-color: #6c757d; + + .breadcrumb { + .breadcrumb-item { + &:not(:last-child)::after { + border-left-color: #adb5bd; + } + + a { + color: #dee2e6; + + &:hover { + color: #66b2ff; + background-color: rgba(102, 178, 255, 0.1); + } + + &:focus { + outline-color: #66b2ff; + } + } + + &.active { + color: #adb5bd; + } + } + } + } +} + +// Accessibility improvements +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} \ No newline at end of file diff --git a/assets/css/scss/components/_cookie-consent.scss b/assets/css/scss/components/_cookie-consent.scss new file mode 100644 index 0000000..6ce2f5b --- /dev/null +++ b/assets/css/scss/components/_cookie-consent.scss @@ -0,0 +1,17 @@ +// +// Cookie Consent // +// +#cookie-consent { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 997; + visibility: visible; + opacity: 1; + @include transition(ease-out 0.2s); + &.consent-hidden { + visibility: hidden; + opacity: 0; + } +} \ No newline at end of file diff --git a/assets/css/scss/components/_fullscreen-menu.scss b/assets/css/scss/components/_fullscreen-menu.scss new file mode 100644 index 0000000..047085f --- /dev/null +++ b/assets/css/scss/components/_fullscreen-menu.scss @@ -0,0 +1,171 @@ +// +// Fullscreen Menu Styles // +// +.fm-toggle { + margin-left: auto; + cursor: pointer; + @include transition(ease-out 0.2s); + .lines { + position: relative; + display: inline-block; + background: black; + width: 25px; + height: 2px; + margin: 0; + padding: 0; + vertical-align: middle; + @include transition(linear 0.12s); + &:before, &:after { + content: ''; + position: absolute; + left: 0; + background: black; + width: 25px; + height: 2px; + display: inline-block; + @include transition(linear 0.12s); + } + &:before { top: -7px;} + &:after { bottom: -7px;} + } + @include breakpoint-above(lg) { + .lines { + &:before { @include transform(scaleX(0.8)); @include transform-origin(100% 50%); } + &:after { @include transform(scaleX(0.6)); @include transform-origin(100% 50%); } + } + &:hover { + .lines { + &:before { @include transform(scaleX(1)); } + &:after { @include transform(scaleX(1)); } + } + } + } +} +.header { + &[class*='header-color'], &.transparent-light { + &:not(.transparent-dark) { + .fm-toggle { + .lines, .lines:before, .lines:after { background: white; } + } + } + } +} + +// +// Fullscreen Menu // +// +.fullscreen-menu { + position: fixed; + top: 0; + left: 0; + z-index: 996; + visibility: hidden; + opacity: 0; + width: 100%; + height: 100%; + @include transition(ease-out 0.2s); + .fm-wrapper { + @include transform(scale(0.98)); + height: 100%; + @include transition(ease-out 0.2s); + .position-top, + .position-middle, + .position-bottom { + padding: 0 30px; + } + @include breakpoint-above(md) { + .position-top, + .position-middle, + .position-bottom { + padding: 0 50px; + } + .position-top { top: 50px; } + .position-bottom { bottom: 50px; } + } + .fm-close { + position: absolute; + top: 50px; + right: 50px; + cursor: pointer; + span { + position: relative; + display: inline-block; + opacity: 0.8; + width: 60px; + height: 60px; + border-radius: 50%; + @include transition(ease-out 0.18s); + &:before, &:after { + content: ''; + position: absolute; + top: 50%; + left: 50%; + width: 14px; + height: 2px; + border-radius: 2px; + @include transition(ease-out 0.18s); + } + &:before { @include transform(translate(-50%, -50%) rotate(45deg)) } + &:after { @include transform(translate(-50%, -50%) rotate(-45deg)) } + } + &:hover { + span { + opacity: 1; + &:before { @include transform(translate(-50%, -50%) rotate(180deg)) } + &:after { @include transform(translate(-50%, -50%) rotate(180deg)) } + } + } + } + @include breakpoint-less(md) { + .fm-close { + top: 30px; + right: 30px; + } + } + @include breakpoint-less(sm) { + .fm-close { + top: 20px; + right: 20px; + span { + width: 50px; + height: 50px; + } + } + } + } + &.fm-show { + visibility: visible; + opacity: 1; + .fm-wrapper { + @include transform(scale(1)); + } + } +} +.bg-black, +[class*='bg-dark'], +[class*='bg-gradient-'], +[class*='bg-color-'] { + &.fullscreen-menu { + .fm-wrapper { + .fm-close { + span { + background: get-color("white", 0.1); + &:before, &:after { background: white; } + } + } + } + } +} +[class*='bg-gray'], +[class*='bg-white'] { + &.fullscreen-menu { + .fm-wrapper { + .fm-close { + span { + background: get-color("dark", 0.1); + &:before, &:after { background: black; } + } + } + } + } +} \ No newline at end of file diff --git a/assets/css/scss/components/_gallery.scss b/assets/css/scss/components/_gallery.scss new file mode 100644 index 0000000..69e326d --- /dev/null +++ b/assets/css/scss/components/_gallery.scss @@ -0,0 +1,81 @@ +// +// Gallery Styles // +// +.gallery-wrapper { + .gallery-box { + .gallery-img { + position: relative; + overflow: hidden; + a { + display: block; + &:before { + content: ''; + position: absolute; + top: 0; + left: 0; + z-index: 1; + opacity: 0; + background: get-color("white", 0.1); + width: 100%; + height: 100%; + @include transition(ease-out 0.12s); + } + img { + @include transform(scale(1)); + width: 100%; + @include transition(transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)); + } + &:hover { + &:before { + opacity: 1; + } + img { + @include transform(scale(1.04)); + } + } + .gallery-title { + position: absolute; + top: 50%; + left: 50%; + @include transform(translate(-50%,-50%)); + z-index: 2; + background: white; + padding: 10px 20px; + h1, h2, h3, h4, h5, h6 { + display: inline-block; + margin: 0; + } + } + } + } + } + // + // Gallery Image Hover Styles // + // + &.hover-style-2 { + .gallery-box { + .gallery-img { + a { + &:before { background: get-color("dark", 0.1); } + } + } + } + } + // + // Gallery Image border-radius // + // + &[class*='border-radius'] { + .gallery-box { + .gallery-img { + @include transform(translate3d(0,0,0)); + overflow: hidden; + } + } + } + &.border-radius { + .gallery-box .gallery-img { border-radius: 0.4em; } + } + &.border-radius-1 { + .gallery-box .gallery-img { border-radius: 1.0em; } + } +} \ No newline at end of file diff --git a/assets/css/scss/components/_header.scss b/assets/css/scss/components/_header.scss new file mode 100644 index 0000000..51a9f6c --- /dev/null +++ b/assets/css/scss/components/_header.scss @@ -0,0 +1,974 @@ +// +// Header Menu // +// +.header { + top: 0; + z-index: 993; + overflow: visible; + background: white; + width: 100%; + height: 80px; + @include transition(ease-in-out 0.2s); + &.hide { + @include transform(translateY(-100%)); + } + .container, .container-fluid { + @include display-flex; + align-items: center; + height: 100%; + } + .header-logo { + display: inline-block; + .logo-light { + display: none; + } + * { + @include transition(linear 0.1s); + } + h1,h2,h3,h4,h5,h6 { + margin: 0; + } + img { + width: auto; + height: 54px; + max-height: 54px; + } + a { + color: get-color("dark"); + &:hover { color: get-color("dark"); } + } + } + .header-toggle { + position: relative; + display: inline-block; + width: 28px; + height: 28px; + margin-left: auto; + cursor: pointer; + span { + position: absolute; + top: 50%; + left: 0; + @include transform(translateY(-50%)); + background: get-color("dark"); + width: 100%; + height: 2px; + border-radius: 2px; + @include transition(linear 0.1s); + &:before, &:after { + content: ''; + position: absolute; + left: 0; + background: get-color("dark"); + width: 100%; + height: 2px; + border-radius: 2px; + @include transition(linear 0.1s); + } + &:before { top: -7px; } + &:after { bottom: -7px; } + } + &.toggle-close { + span { + background: transparent; + &:before { top: 0; bottom: 0; @include transform(rotate(-45deg)); } + &:after { top: 0; bottom: 0; @include transform(rotate(45deg)); } + } + } + } + .header-menu { + display: inline-block; + font-size: 0.938rem; + z-index: 995; + .nav { + display: block; + margin: 0; + padding: 0; + list-style-type: none; + margin: 0; + padding: 0; + ul { + list-style-type: none; + margin: 0; + padding: 0; + } + .nav-item { + text-align: left; + .nav-link { + padding: 0; + font-family: $font-family-poppins; + letter-spacing: -0.2px; + color: get-color("dark"); + &:hover, &.active { + color: get-color("dark"); + } + } + .nav-dropdown-toggle { + position: relative; + display: inline-block; + &:after { + content: '\f107'; + font-family: "Font Awesome 6 Free"; + font-weight: 900; + font-size: 0.8rem; + } + } + .nav-dropdown { + background: white; + h1,h2,h3,h4,h5,h6 { color: get-color("dark"); } + a { + &:not([class^='button'], [class^="link-social"]) { + color: $color-primary; + &:hover, &:focus { color: get-color("dark"); } + } + } + .nav-dropdown-item { + .nav-subdropdown-toggle { + position: absolute; + &:after { + content: '\f105'; + font-family: "Font Awesome 6 Free"; + font-weight: 900; + font-size: 0.8rem; + } + } + } + } + } + } + &.font-2 { + .nav { + .nav-item { + .nav-link { + font-size: 0.9em; + font-weight: 500; + letter-spacing: 1px; + text-transform: uppercase; + } + } + } + } + } + .header-menu-extra { + a { + &:not([class^='button'], [class^="link-social"]) { + color: get-color("dark"); + &:hover, &:focus { color: get-color("dark"); } + } + } + } + // + // Header Boxed // + // + &.header-boxed { + position: absolute; + top: 0; + left: 0; + } + // + // Positions // + // + &.sticky-autohide, &.sticky { + position: fixed; + top: 0; + left: 0; + @include box-shadow(0 0 36px 0 rgba(22,25,28,0.17)); + } +} +.theme-font-nunito { + .header { + .header-menu { + .nav { + .nav-item { + .nav-link { + font-family: $font-family-nunito; + } + } + } + } + } +} + +// +// Header Backgrounds // +// +.header { + // + // Header Dark // + // + &[class*='header-color'] { + &:not(.transparent-dark) { + .header-logo { + .logo-dark { + display: none; + } + .logo-light { + display: inline-block; + } + h1,h2,h3,h4,h5,h6 { color: white; } + a { + color: white; + &:hover { color: white; } + } + } + @include breakpoint-above(lg) { + .header-menu { + .nav { + .nav-item { + .nav-link, .nav-dropdown-toggle { + color: white; + &:hover, &:focus, &.active { color: white; } + } + .nav-link { + &:before { + background: get-color("white", 0.15); + } + } + } + } + } + } + .header-menu-extra { + a { + &:not([class^='button'], [class^="link-social"]) { + color: white; + &:hover, &:focus { color: white; } + } + } + } + .header-toggle { + span { + background: white; + &:before, &:after { background: white; } + } + &.toggle-close { + span { + background: transparent; + } + } + } + } + } + &.header-color-dark { background: $bg-dark; } + &.header-color-black { background: black; } + + // + // Transparent Dark, Light // + // + &.transparent-dark, &.transparent-light { + &:not(.sticky-autohide, .sticky) { + position: absolute; + top: 0; + left: 0; + } + background: transparent; + @include box-shadow(none); + } + &[class*='header-color'], &.transparent-light { + &.border-top, &.border-bottom { + border-color: get-color("white", 0.1); + } + } + &.transparent-light { + .header-logo { + .logo-dark { + display: none; + } + .logo-light { + display: inline-block; + } + h1,h2,h3,h4,h5,h6 { color: white; } + a { + color: white; + &:hover { color: white; } + } + } + .header-toggle { + span { + background: white; + &:before, &:after { background: white; } + } + &.toggle-close { + span { + background: transparent; + } + } + } + @include breakpoint-above(lg) { + .header-menu { + .nav { + .nav-item { + .nav-link, .nav-dropdown-toggle { + color: white; + &:hover, &:focus, &.active { color: white; } + } + .nav-link { + &:before { + background: get-color("white", 0.15); + } + } + } + } + } + } + .header-menu-extra { + a { + &:not([class^='button'], [class^="link-social"]) { + color: white; + &:hover, &:focus { color: white; } + } + } + } + } + + // + // Header Boxed // + // + &.header-boxed { + background: transparent; + .container, .container-fluid { + background: get-color("white", 0.9); + border-bottom-right-radius: 1.5em; + border-bottom-left-radius: 1.5em; + @include box-shadow(0 0 36px 0 rgba(22,25,28,0.1)); + } + .container-fluid { + width: auto; + margin: 0 30px; + } + &.sticky-autohide, &.sticky { + @include box-shadow(none); + } + &[class*='header-color'] { + background: transparent; + } + &.header-color-dark { + .container { + background: get-color("dark", 0.8); + } + } + &.header-color-black { + .container { + background: rgba(0, 0, 0, 0.8); + } + } + } +} + +@include breakpoint-above(lg) { + .header { + // + // Sizes // + // + .header-logo, .header-menu-extra { + z-index: 996; + } + .header-menu { + height: 80px; + } + &.header-lg { + .header-logo { + img { + height: 64px; + max-height: 64px; + } + } + .header-menu { + height: 90px; + } + } + &.header-xl { + .header-logo { + img { + height: 74px; + max-height: 74px; + } + } + .header-menu { + height: 100px; + } + } + + // + // Alignments // + // + &:not(.left, .center) { + .header-menu { + margin-left: auto; + } + } + &.left { + .header-logo { + margin-right: 30px; + } + .header-menu { + margin-right: auto; + } + } + &.center { + .header-logo { + margin-right: auto; + } + .header-menu { + .nav { + position: absolute; + top: 0; + right: 0; + width: 100%; + text-align: center; + } + } + } + .header-menu { + .nav { + .nav-item { + position: relative; + display: inline-block; + height: 100%; + margin: 0 0 0 20px; + &.mega-menu-item { + position: static; + .nav-link { + &:after { + content: '\f107'; + padding-left: 5px; + font-family: "Font Awesome 6 Free"; + font-weight: 900; + font-size: 0.8rem; + } + &.d-toggle { + padding-right: 0; + } + } + .nav-dropdown-toggle { + display: none; + } + } + &:first-child { + margin-left: 0; + } + .nav-link { + position: relative; + display: inline-block; + line-height: 80px; + &:before { + position: absolute; + right: 0; + bottom: 22px; + left: 0; + content: ''; + background: $bg-gray; + height: 0; + @include transition(all 0.14s cubic-bezier(0.165, 0.84, 0.44, 1)); + } + &.d-toggle { + padding-right: 16px; + } + } + .nav-dropdown-toggle { + position: absolute; + top: 50%; + right: 0; + @include transform(translateY(-50%)); + margin-top: -2px; + color: get-color("dark"); + &:hover { + color: get-color("dark"); + } + } + .nav-dropdown { + position: absolute; + top: 84px; + left: 0; + @include transform(translateY(10px)); + z-index: 995; + visibility: hidden; + opacity: 0; + background: white; + width: 240px; + @include box-shadow(0 10px 40px -4px rgba(22,25,28,0.17)); + border-radius: 0.4em; + padding: 15px 0; + @include transition(ease-out 0.14s); + &:before { + content: ''; + position: absolute; + top: -4px; + width: 100%; + height: 4px; + } + .nav-dropdown-item { + position: relative; + display: block; + margin: 0; + padding: 0 15px; + .nav-dropdown-link { + position: relative; + display: block; + border-radius: 0.4em; + padding: 7px 15px; + @include transition(linear 0.06s); + &:hover { + background: $bg-gray; + padding: 7px 15px 7px 17px; + } + &.sd-toggle { + &:after { + position: absolute; + top: 50%; + right: 15px; + @include transform(translateY(-50%)); + content: '\f105'; + font-family: "Font Awesome 6 Free"; + font-weight: 900; + font-size: 0.8rem; + } + } + } + .nav-subdropdown-toggle { + display: none; + } + .nav-subdropdown { + position: absolute; + top: 0; + left: 228px; + visibility: hidden; + opacity: 0; + background: white; + width: 240px; + @include box-shadow(0 10px 40px -4px rgba(22,25,28,0.17)); + border-radius: 0.4em; + padding: 15px; + @include transition(linear 0.06s); + .nav-subdropdown-item { + display: block; + margin: 0; + .nav-subdropdown-link { + display: block; + border-radius: 0.4em; + padding: 7px 15px; + @include transition(linear 0.06s); + &:hover { + background: $bg-gray; + padding: 7px 15px 7px 17px; + } + } + } + &.nav-subdropdown-lg { + width: 476px; + [class*='col'] { + &:first-child { + border-right: 1px solid $border-gray; + } + } + } + } + &:hover { + .nav-subdropdown { + visibility: visible; + opacity: 1; + } + } + } + } + .mega-menu-content { + position: absolute; + top: 84px; + right: 2em; + left: 2em; + @include transform(translateY(10px)); + z-index: 995; + visibility: hidden; + opacity: 0; + background: white; + width: auto; + @include box-shadow(0 10px 40px -4px rgba(22,25,28,0.17)); + border-radius: 0.4em; + padding: 1em; + @include transition(ease-out 0.14s); + &:before { + content: ''; + position: absolute; + top: -4px; + width: 100%; + height: 4px; + } + } + &.mega-menu-item { + &:hover { + .mega-menu-content { + @include transform(translateY(0)); + visibility: visible; + opacity: 1; + } + } + } + &:hover { + .nav-link { + &:before { + height: 6px; + } + } + .nav-dropdown { + @include transform(translateY(0)); + visibility: visible; + opacity: 1; + } + } + } + } + &[class*='dropdown-color'] { + .nav { + .nav-item { + .nav-dropdown { + h1,h2,h3,h4,h5,h6 { color: white; } + a { + &:not([class^='button'], [class^="link-social"]) { + color: get-color("white", 0.8); + &:hover, &:focus { color: white; } + } + } + .nav-dropdown-item { + .nav-dropdown-link { + &:hover { + background: get-color("white", 0.1); + } + } + .nav-subdropdown { + .nav-subdropdown-item { + .nav-subdropdown-link { + &:hover { + background: get-color("white", 0.1); + } + } + } + &.nav-subdropdown-lg { + [class*='col'] { + border-color: get-color("white", 0.2); + } + } + } + } + } + } + } + } + &.dropdown-color-dark { + .nav { + .nav-item { + .nav-dropdown { + background: get-color("dark"); + .nav-dropdown-item { + .nav-subdropdown { + background: get-color("dark"); + } + } + } + } + } + } + } + &.transparent-dark { + .header-menu { + .nav { + .nav-item { + .nav-link { + &:before { + background: get-color("dark", 0.05); + } + } + } + } + } + } + .header-menu-extra { + display: inline-block; + margin-left: 30px; + } + .header-toggle { + display: none; + } + + // + // Header Boxed // + // + &.header-boxed { + .container, + .container-fluid { + backdrop-filter: blur(8px); + } + } + &:not(.center, .left) { + .header-menu { + .nav { + .nav-item { + &:last-child, + &:nth-last-child(2) { + .nav-dropdown { + right: 0; + left: auto; + .nav-dropdown-item { + .nav-subdropdown { + right: 228px; + left: auto; + } + } + } + } + } + } + } + .container-fluid { + .header-menu { + .nav { + .nav-item { + .nav-dropdown { + right: 0; + left: auto; + .nav-dropdown-item { + .nav-subdropdown { + right: 228px; + left: auto; + } + } + } + } + } + } + } + } + } +} +@include breakpoint-less(md) { + .header { + height: 70px; + .header-menu { + position: fixed; + top: 0; + left: -100%; + overflow-y: auto; + background: white; + width: 300px; + height: 100%; + @include box-shadow(0 0 36px 0 rgba(22,25,28,0.17)); + padding: 20px 30px; + @include transition(all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)); + &.show { + left: 0; + } + .nav { + width: 100%; + margin: 0; + padding: 0; + .nav-item { + position: relative; + display: block; + width: 100%; + height: auto; + margin: 0; + border-bottom: 1px solid $border-gray; + padding: 12px 0; + &:last-child { + border: 0; + } + .nav-link { + display: inline-block; + width: auto; + height: auto; + color: $color-primary; + &:hover, &:focus, &.active { color: get-color("dark"); } + } + &.mega-menu-item { + .nav-link { + width: 100%; + &:after { + float: right; + } + } + .mega-menu-content { + padding-top: 12px; + } + } + .nav-dropdown-toggle { + position: absolute; + top: 13px; + right: 0; + width: 21px; + height: 21px; + text-align: right; + &.active { + color: get-color("dark"); + } + } + .nav-dropdown { + display: none; + background: white; + padding: 8px 0 0 20px; + &.show { + display: block; + } + .nav-dropdown-item { + position: relative; + margin: 0 0 8px; + &:last-child { + margin: 0; + } + .nav-dropdown-link { + &.active { + color: get-color("dark"); + } + } + .nav-subdropdown-toggle { + top: 0; + right: 0; + width: 21px; + height: 21px; + text-align: right; + &:after { + content: '\f107'; + } + } + .nav-subdropdown { + display: none; + padding: 8px 0 0 20px; + &.show { + display: block; + } + li { + margin: 0 0 8px; + &:last-child { + margin: 0; + } + } + } + } + } + .mega-menu-content { + display: none; + &.show { + display: block; + } + } + } + } + } + .header-menu-extra { + position: absolute; + top: 50%; + right: 80px; + left: auto; + @include transform(translateY(-50%)); + } + + // + // Header Boxed // + // + &.header-boxed { + .container, + .container-fluid { + background: get-color("white", 0.95); + } + } + + // + // Mobile Menu - Dark // + // + &[class*='mobile-menu-color'] { + .nav { + .nav-item { + border-color: get-color("white", 0.2); + .nav-link, + .nav-dropdown-toggle { + color: get-color("white", 0.8); + &:hover, &:focus, &.active { + color: white; + } + } + .nav-dropdown { + background: transparent; + a { + &:not([class^='button'], [class^="link-social"]) { + color: get-color("white", 0.8); + &:hover, &:focus { color: white; } + } + } + } + } + } + } + &.mobile-menu-color-dark { + .header-menu { background: $bg-dark; } + } + } +} +@include breakpoint-less(xs) { + .header { + &.header-boxed { + .container, + .container-fluid { + width: auto; + margin-right: 8px; + margin-left: 8px; + padding: 0 26px; + } + } + } +} + +// +// Header Sizes // +// +@include breakpoint-above(lg) { + .header-lg { + height: 90px; + .container-fluid { + padding: 0 40px; + } + .header-menu { + .nav { + .nav-item { + .nav-link { + line-height: 90px; + &:before { + bottom: 27px; + } + } + .nav-dropdown, .mega-menu-content { + top: 94px; + } + } + } + } + } + .header-xl { + height: 100px; + .container-fluid { + padding: 0 50px; + } + .header-menu { + .nav { + .nav-item { + .nav-link { + line-height: 100px; + &:before { + bottom: 32px; + } + } + .nav-dropdown, .mega-menu-content { + top: 104px; + } + } + } + } + } +} + +// +// Placeholders for Sticky Header // +// +.header-placeholder { height: 80px; } +.header-placeholder-lg { height: 90px; } +.header-placeholder-xl { height: 100px; } +@include breakpoint-less(md) { + .header-placeholder, .header-placeholder-lg, .header-placeholder-xl { height: 70px; } +} \ No newline at end of file diff --git a/assets/css/scss/components/_masonry.scss b/assets/css/scss/components/_masonry.scss new file mode 100644 index 0000000..3f6b49b --- /dev/null +++ b/assets/css/scss/components/_masonry.scss @@ -0,0 +1,97 @@ +// +// Masonry Styles // +// +.masonry { + margin: 0 -1em -2em; + .masonry-item { + margin-bottom: 2em; + padding: 0 1em; + } + // + // Masonry - Columns // + // + &.column-1 { + .masonry-item { width: 100%; } + } + &.column-2 { + @include breakpoint-above(md) { + .masonry-item { width: 50%; } + } + } + &.column-3 { + @include breakpoint-above(md) { + .masonry-item { width: 50%; } + } + @include breakpoint-above(lg) { + .masonry-item { width: 33.33%; } + } + } + &.column-4 { + @include breakpoint-above(sm) { + .masonry-item { width: 50%; } + } + @include breakpoint-above(md) { + .masonry-item { width: 33.33%; } + } + @include breakpoint-above(lg) { + .masonry-item { width: 25%; } + } + } + &.column-5 { + @extend .column-4; + @include breakpoint-above(xl) { + .masonry-item { width: 20%; } + } + } + &.column-6 { + @extend .column-4; + @include breakpoint-above(xl) { + .masonry-item { width: 16.66%; } + } + } + // + // Masonry - Item Spacings // + // + &.spacing-0 { + margin: 0; + .masonry-item { + margin: 0; + padding: 0; + } + } + &.spacing-1 { + margin: 0 -0.5em -1em; + .masonry-item { + margin-bottom: 1em; + padding: 0 0.5em; + } + } + &.spacing-2 { + margin: 0 -1em -2em; + .masonry-item { + margin-bottom: 2em; + padding: 0 1em; + } + } + &.spacing-3 { + margin: 0 -1.5em -3em; + .masonry-item { + margin-bottom: 3em; + padding: 0 1.5em; + } + } + &.spacing-4 { + margin: 0 -2em -4em; + .masonry-item { + margin-bottom: 4em; + padding: 0 2em; + } + } + &.spacing-5 { + margin: 0 -2.5em -5em; + .masonry-item { + margin-bottom: 5em; + padding: 0 2.5em; + } + } +} \ No newline at end of file diff --git a/assets/css/scss/components/_portfolio.scss b/assets/css/scss/components/_portfolio.scss new file mode 100644 index 0000000..1239e8a --- /dev/null +++ b/assets/css/scss/components/_portfolio.scss @@ -0,0 +1,555 @@ +// +// Portfolio Styles // +// +.portfolio-masonry { + .portfolio-item { + width: 100%; + } + .portfolio-item { + text-align: left; + } + // + // Portfolio Columns // + // + &.column-1 { + .portfolio-item { width: 100%; } + } + &.column-2 { + @include breakpoint-above(md) { + .portfolio-item { width: 50%; } + } + } + &.column-3 { + @include breakpoint-above(md) { + .portfolio-item { width: 50%; } + } + @include breakpoint-above(lg) { + .portfolio-item { width: 33.33%; } + } + } + &.column-4 { + @include breakpoint-above(sm) { + .portfolio-item { width: 50%; } + } + @include breakpoint-above(md) { + .portfolio-item { width: 33.33%; } + } + @include breakpoint-above(lg) { + .portfolio-item { width: 25%; } + } + } + &.column-5 { + @extend .column-4; + @include breakpoint-above(xl) { + .portfolio-item { width: 20%; } + } + } + &.column-6 { + @extend .column-4; + @include breakpoint-above(xl) { + .portfolio-item { width: 16.66%; } + } + } + // + // Portfolio box spacings // + // + &.spacing-0 { + .portfolio-item { padding: 0; } + } + &.spacing-1 { + .portfolio-item { padding: 0.5em; } + } + &.spacing-2 { + .portfolio-item { padding: 1em; } + } + &.spacing-3 { + .portfolio-item { padding: 1.5em; } + } + &.spacing-4 { + .portfolio-item { padding: 2em; } + } + &.spacing-5 { + .portfolio-item { padding: 2.5em; } + } +} +.portfolio-masonry, +.portfolio-grid { + // + // Portfolio box border-radius // + // + &[class*='border-radius'] { + .portfolio-item { + .portfolio-box { + @include transform(translate3d(0,0,0)); + overflow: hidden; + } + } + } + &.border-radius { + .portfolio-item .portfolio-box { border-radius: 0.4em; } + } + &.border-radius-1 { + .portfolio-item .portfolio-box { border-radius: 1.0em; } + } +} +.text-center { + .portfolio-item { text-align: center; } +} +.text-end { + .portfolio-item { text-align: right; } +} + +.container { + .portfolio-masonry { + &.spacing-0 { margin: 0; } + &.spacing-1 { margin: -0.5em; } + &.spacing-2 { margin: -1em; } + &.spacing-3 { margin: -1.5em; } + &.spacing-4 { margin: -2em; } + &.spacing-5 { margin: -2.5em; } + } +} + +// +// Portfolio Filter Styles // +// +.filter { + ul { + margin: 0 -5px; + padding: 0; + li { + display: inline-block; + background: $button-gray-lighter; + border-radius: 30px; + margin: 0 5px; + padding: 7px 15px; + font: 500 0.9em $font-family-poppins; + letter-spacing: 1px; + text-transform: uppercase; + cursor: pointer; + @include transition(linear 0.1s); + &:hover { + background: $button-gray; + } + &.active, &.mixitup-control-active { + background: $bg-dark; + color: white; + } + } + } + // + // Filter Font Styles // + // + &.filter-font-2 { + ul { + li { + font-size: 15px; + letter-spacing: -0.2px; + text-transform: none; + } + } + } + // + // Filter Styles // + // + &.filter-style-2 { + ul { + margin: 0 -2px; + li { + background: transparent; + margin: 0 2px; + color: $color-primary; + &:hover, &.active, &.mixitup-control-active { + color: get-color("dark"); + } + &.active, &.mixitup-control-active { + background: $button-gray-lighter; + } + } + } + } + &.filter-style-3 { + ul { + margin: 0 -14px -8px; + li { + position: relative; + background: transparent; + margin: 0 14px 8px; + padding: 0; + color: $color-primary; + &:after { + content: ''; + position: absolute; + right: 0; + bottom: -1px; + left: 0; + background: get-color("dark"); + height: 1px; + @include animation(button-line-out 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both); + } + &:hover, &.active, &.mixitup-control-active { + color: get-color("dark"); + } + &.active, &.mixitup-control-active { + &:after { + width: 100%; + @include animation(button-line-in 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both); + } + } + } + } + } + &.filter-style-4 { + ul { + margin: 0 -14px -7px; + li { + background: transparent; + margin: 0 14px 7px; + padding: 0; + color: $color-primary-lighter; + &:hover, &.active, &.mixitup-control-active { + background: transparent; + color: get-color("dark"); + } + } + } + } +} +.theme-font-unito { + .filter { + ul { + li { + font: 600 0.9em $font-family-nunito; + } + } + &.filter-font-2 { + ul { + li { + font-size: 1em; + letter-spacing: 0; + } + } + } + } +} +.bg-black, +[class*='bg-dark'], +[class*='bg-gradient-'], +[class*='bg-color-'] { + .filter { + ul { + li { + background: transparent; + color: get-color("white", 0.7); + &:hover { + background: transparent; + color: white; + } + &.active, &.mixitup-control-active { + background: white; + color: get-color("dark"); + } + } + } + &.filter-style-2 { + ul { + li { + color: get-color("white", 0.7); + &:hover, &.active, &.mixitup-control-active { + color: white; + } + &.active, &.mixitup-control-active { + background: white; + color: get-color("dark"); + } + } + } + } + &.filter-style-3 { + ul { + li { + color: get-color("white", 0.7); + &:after { + background: white; + } + &:hover, &.active, &.mixitup-control-active { + color: white; + } + &.active, &.mixitup-control-active { + background: transparent; + } + } + } + } + &.filter-style-4 { + ul { + li { + background: transparent; + color: get-color("white", 0.7); + &:hover, &.active, &.mixitup-control-active { + background: transparent; + color: white; + } + } + } + } + } +} + +// +// Hover Styles // +// +.portfolio-item { + .portfolio-box { + position: relative; + .portfolio-img { + position: relative; + overflow: hidden; + img { + @include transform(scale(1)); + width: 100%; + @include transition(transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)); + } + } + a { + position: absolute; + top: 0; + left: 0; + z-index: 2; + display: block; + width: 100%; + height: 100%; + } + &:hover { + .portfolio-img { + img { + @include transform(scale(1.04)); + @include filter(blur(1.5px)); + } + } + } + } +} +.portfolio-grid, .portfolio-masonry { + &:not(.hover-style-2, .hover-style-3) { + .portfolio-item { + .portfolio-box { + .portfolio-title { + position: absolute; + top: 0; + left: 0; + opacity: 0; + background-image: linear-gradient(to top, get-color("dark", 0.4), transparent); + width: 100%; + height: 100%; + @include transition(ease-out 0.12s); + div { + position: absolute; + left: 30px; + bottom: 30px; + * { + opacity: 0; + @include transform(translateY(5px)); + margin-bottom: 0.5rem; + color: white; + @include transition(ease-out 0.12s); + &:first-child { @include transition-delay(0.05s); } + &:last-child { @include transition-delay(0.10s); margin-bottom: 0; } + } + span { + display: inline-block; + } + } + } + &:hover { + .portfolio-title { + opacity: 1; + * { + opacity: 1; + @include transform(translateY(0)); + } + } + } + } + } + } +} + +// +// Hover Style 2 // +// +.hover-style-2 { + .portfolio-item { + .portfolio-box { + .portfolio-title { + position: absolute; + top: 0; + left: 0; + opacity: 1; + background: get-color("dark", 0.1); + width: 100%; + height: 100%; + @include transition(ease-out 0.12s); + &:before { + content: ''; + position: absolute; + top: 0; + left: 0; + opacity: 0; + background-image: linear-gradient(to top, get-color("dark", 0.3), transparent); + width: 100%; + height: 100%; + @include transition(ease-out 0.12s); + } + div { + position: absolute; + top: 30px; + left: 30px; + span { + display: block; + } + * { + margin-bottom: 0.5rem; + color: white; + @include transition(ease-out 0.12s); + } + } + i { + position: absolute; + right: 30px; + bottom: 30px; + @include transform(translateY(5px)); + opacity: 0; + font-size: 1.2em; + color: white; + @include transition(ease-out 0.12s); + } + } + &:hover { + .portfolio-title { + &:before { + opacity: 1; + } + i { + @include transform(translateY(0)); + opacity: 1; + } + } + } + } + } +} + +// +// Hover style 3 // +// +.hover-style-3 { + .portfolio-item { + .portfolio-box { + .portfolio-title { + position: absolute; + right: 1.5rem; + bottom: 1.5rem; + left: 1.5rem; + .portfolio-title-item { + display: table; + @include transform(translateY(4px)); + visibility: hidden; + opacity: 0; + background: white; + margin-bottom: 0.25rem; + padding: 0.6rem 1rem; + @include transition(ease-out 0.12s); + &:last-child { + margin-bottom: 0; + } + &:nth-child(1) { @include transition-delay(0.05s); } + &:nth-child(2) { @include transition-delay(0.10s); } + &:nth-child(3) { @include transition-delay(0.15s); } + * { + margin-bottom: 0; + color: get-color("dark"); + } + } + } + @include breakpoint-less(md) { + .portfolio-title { + right: 1.25rem; + bottom: 1.25rem; + left: 1.25rem; + } + } + &:hover { + .portfolio-title { + .portfolio-title-item { + @include transform(translateY(0)); + visibility: visible; + opacity: 1; + } + } + } + } + } +} + + +// +// Hero Portfolio // +// +.hero-portfolio-slider { + .hero-portfolio-box { + position: relative; + a { + display: block; + &:hover { + text-decoration: underline; + } + } + .hero-portfolio-img { + overflow: hidden; + @include transform(translate3d(0,0,0)); + img { + @include transition(transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)); + } + } + .hero-portfolio-caption { + visibility: hidden; + opacity: 0; + position: absolute; + top: 50%; + left: -50px; + @include transform(translateY(-50%)); + background: get-color("dark", 0.9); + max-width: 70%; + padding: 1.5rem 2rem; + @include transition(ease-out 0.16s); + * { + color: white; + margin: 0; + } + @include breakpoint-less(sm) { + left: 50%; + @include transform(translate(-50%, -50%)); + padding: 1rem 1.5rem; + } + } + &:hover { + .hero-portfolio-img { + img { + @include transform(scale(1.04)); + } + } + } + } + .swiper-wrapper { + .swiper-slide { + &.swiper-slide-active { + .hero-portfolio-caption { + visibility: visible; + opacity: 1; + text-align: center; + } + } + } + } +} \ No newline at end of file diff --git a/assets/css/scss/components/_preloader.scss b/assets/css/scss/components/_preloader.scss new file mode 100644 index 0000000..48d65b4 --- /dev/null +++ b/assets/css/scss/components/_preloader.scss @@ -0,0 +1,531 @@ +// +// Preloader Styles // +// +body { + &:after { + content: ''; + position: fixed; + top: 0; + left: 0; + z-index: 998; + background: white; + width: 100%; + height: 100%; + } + &.loaded { + &:after { + display: none; + } + } +} + +.preloader { + position: fixed; + top: 0; + left: 0; + z-index: 999; + visibility: visible; + opacity: 1; + background: white; + width: 100%; + height: 100%; + text-align: center; + div { + position: absolute; + top: 50%; + left: 50%; + @include transform(translate(-50%,-50%)); + } +} +.loaded { + .preloader { + visibility: hidden; + opacity: 0; + @include transition(ease-out 0.3s); + } +} + +// +// Preloader 1 // +// +.preloader-1 { + div { + position: relative; + width: 70px; + height: 70px; + .loader-circular { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + transform-origin: center center; + width: 70px; + height: 70px; + margin: auto; + animation: loader-one-rotate 2s linear infinite; + } + .loader-path { + fill: none; + stroke: get-color("dark"); + stroke-width: 2.5; + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + stroke-linecap: round; + stroke-miterlimit: 10; + animation: loader-one-dash 1.5s ease-in-out infinite; + } + } +} +// +// Preloader 1 - Color Options // +// +.preloader-dark { + .preloader-1 { + background: black; + div { + .loader-path { + stroke: white; + } + } + } +} +.preloader-blue { + .preloader-1 { + div { + .loader-path { + stroke: get-color("blue"); + } + } + } +} +.preloader-purple { + .preloader-1 { + div { + .loader-path { + stroke: get-color("purple"); + } + } + } +} +.preloader-pink-edge { + .preloader-1 { + div { + .loader-path { + stroke: get-color("pink-edge"); + } + } + } +} +.preloader-golden-yellow { + .preloader-1 { + div { + .loader-path { + stroke: get-color("golden-yellow"); + } + } + } +} +.preloader-very-peri { + .preloader-1 { + div { + .loader-path { + stroke: get-color("very-peri"); + } + } + } +} +.preloader-turquoise { + .preloader-1 { + div { + .loader-path { + stroke: get-color("turquoise"); + } + } + } +} +.preloader-spring-red { + .preloader-1 { + div { + .loader-path { + stroke: get-color("spring-red"); + } + } + } +} +.preloader-tan { + .preloader-1 { + div { + .loader-path { + stroke: get-color("tan"); + } + } + } +} +.preloader-aqua { + .preloader-1 { + div { + .loader-path { + stroke: get-color("aqua"); + } + } + } +} + +@keyframes loader-one-rotate { + 100% { transform: rotate(360deg); } +} +@keyframes loader-one-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 89, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 89, 200; + stroke-dashoffset: -124px; + } +} + +// +// Preloader 2 // +// +.preloader-2 { + div { + span { + display: inline-block; + opacity: 0.2; + background: black; + background: linear-gradient(to right, black 10%, transparent 40%); + width: 60px; + height: 60px; + border-radius: 50%; + @include animation(loader-two 0.6s infinite linear); + &:before, &:after { + content: ''; + position: absolute; + top: 0; + left: 0; + } + &:before { + background: black; + width: 50%; + height: 50%; + border-radius: 100% 0 0 0; + } + &:after { + right: 0; + bottom: 0; + background: white; + width: 90%; + height: 90%; + margin: auto; + border-radius: 50%; + } + } + } +} +@keyframes loader-two { + 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } + 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } +} +@-webkit-keyframes loader-two { + 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } + 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } +} +// +// Preloader 2 - Color Options // +// +.preloader-dark { + .preloader-2 { + background: black; + div { + span { + background: white; + background: linear-gradient(to right, white 10%, transparent 40%); + &:before { + background: white; + } + &:after { + background: black; + } + } + } + } +} +.preloader-blue { + .preloader-2 { + div { + span { + background: get-color("blue"); + background: linear-gradient(to right, get-color("blue") 10%, transparent 40%); + &:before { + background: get-color("blue"); + } + } + } + } +} +.preloader-purple { + .preloader-2 { + div { + span { + background: get-color("purple"); + background: linear-gradient(to right, get-color("purple") 10%, transparent 40%); + &:before { + background: get-color("purple"); + } + } + } + } +} +.preloader-pink-edge { + .preloader-2 { + div { + span { + background: get-color("pink-edge"); + background: linear-gradient(to right, get-color("pink-edge") 10%, transparent 40%); + &:before { + background: get-color("pink-edge"); + } + } + } + } +} +.preloader-golden-yellow { + .preloader-2 { + div { + span { + background: get-color("golden-yellow"); + background: linear-gradient(to right, get-color("golden-yellow") 10%, transparent 40%); + &:before { + background: get-color("golden-yellow"); + } + } + } + } +} +.preloader-very-peri { + .preloader-2 { + div { + span { + background: get-color("very-peri"); + background: linear-gradient(to right, get-color("very-peri") 10%, transparent 40%); + &:before { + background: get-color("very-peri"); + } + } + } + } +} +.preloader-turquoise { + .preloader-2 { + div { + span { + background: get-color("turquoise"); + background: linear-gradient(to right, get-color("turquoise") 10%, transparent 40%); + &:before { + background: get-color("turquoise"); + } + } + } + } +} +.preloader-spring-red { + .preloader-2 { + div { + span { + background: get-color("spring-red"); + background: linear-gradient(to right, get-color("spring-red") 10%, transparent 40%); + &:before { + background: get-color("spring-red"); + } + } + } + } +} +.preloader-tan { + .preloader-2 { + div { + span { + background: get-color("tan"); + background: linear-gradient(to right, get-color("tan") 10%, transparent 40%); + &:before { + background: get-color("tan"); + } + } + } + } +} +.preloader-aqua { + .preloader-2 { + div { + span { + background: get-color("aqua"); + background: linear-gradient(to right, get-color("aqua") 10%, transparent 40%); + &:before { + background: get-color("aqua"); + } + } + } + } +} + +// +// Preloader 3 // +// +.preloader-3 { + div { + width: 50px; + height: 50px; + span { + position: relative; + display: block; + &:before, &:after { + content: ''; + position: absolute; + top: 0; + left: 0; + background: get-color("dark", 0.1); + width: 50px; + height: 50px; + border-radius: 50%; + } + &:before { @include animation(loader-three-bounceIn 1.2s infinite ease-in-out); } + &:after { @include animation(loader-three-bounceOut 1.2s infinite ease-in-out); } + } + } +} +@-webkit-keyframes loader-three-bounceIn { + 0%, 100% { -webkit-transform: scale(0); } + 50% { -webkit-transform: scale(1.0); } +} +@keyframes loader-three-bounceIn { + 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } + 50% { -webkit-transform: scale(1.0); transform: scale(1.0); } +} +@-webkit-keyframes loader-three-bounceOut { + 0%, 100% { -webkit-transform: scale(1.0); } + 50% { -webkit-transform: scale(0); } +} +@keyframes loader-three-bounceOut { + 0%, 100% { -webkit-transform: scale(1.0); transform: scale(1.0); } + 50% { -webkit-transform: scale(0); transform: scale(0); } +} +// +// Preloader 3 - Color Options // +// +.preloader-dark { + .preloader-3 { + background: black; + div { + span { + &:before, &:after { + background: get-color("white", 0.2); + } + } + } + } +} +.preloader-blue { + .preloader-3 { + div { + span { + &:before, &:after { + background: get-color("blue", 0.2); + } + } + } + } +} +.preloader-purple { + .preloader-3 { + div { + span { + &:before, &:after { + background: get-color("purple", 0.2); + } + } + } + } +} +.preloader-pink-edge { + .preloader-3 { + div { + span { + &:before, &:after { + background: get-color("pink-edge", 0.2); + } + } + } + } +} +.preloader-golden-yellow { + .preloader-3 { + div { + span { + &:before, &:after { + background: get-color("golden-yellow", 0.2); + } + } + } + } +} +.preloader-very-peri { + .preloader-3 { + div { + span { + &:before, &:after { + background: get-color("very-peri", 0.2); + } + } + } + } +} +.preloader-turquoise { + .preloader-3 { + div { + span { + &:before, &:after { + background: get-color("turquoise", 0.2); + } + } + } + } +} +.preloader-spring-red { + .preloader-3 { + div { + span { + &:before, &:after { + background: get-color("spring-red", 0.2); + } + } + } + } +} +.preloader-tan { + .preloader-3 { + div { + span { + &:before, &:after { + background: get-color("tan", 0.2); + } + } + } + } +} +.preloader-aqua { + .preloader-3 { + div { + span { + &:before, &:after { + background: get-color("aqua", 0.2); + } + } + } + } +} \ No newline at end of file diff --git a/assets/css/scss/components/_section.scss b/assets/css/scss/components/_section.scss new file mode 100644 index 0000000..033ff39 --- /dev/null +++ b/assets/css/scss/components/_section.scss @@ -0,0 +1,127 @@ +// +// Sections Styles // +// +.section-xs { + padding: 50px 0; + &.bg-image { + .container, .container-fluid { padding: 50px 30px; } + } +} +.section-sm { + padding: 70px 0; + &.bg-image { + .container, .container-fluid { padding: 70px 30px; } + } +} +.section, .section-md { + padding: 100px 0; + &.bg-image { + .container, .container-fluid { padding: 100px 30px; } + } +} +.section-lg { + padding: 140px 0; + &.bg-image { + .container, .container-fluid { padding: 140px 30px; } + } +} +.section-xl { + padding: 180px 0; + &.bg-image { + .container, .container-fluid { padding: 180px 30px; } + } +} +.section-2xl { + padding: 220px 0; + &.bg-image { + .container, .container-fluid { padding: 220px 30px; } + } +} +@include breakpoint-less(sm) { + .section-xs { + padding: 30px 0; + &.bg-image { + .container, .container-fluid { padding: 30px 30px; } + } + } + .section-sm { + padding: 50px 0; + &.bg-image { + .container, .container-fluid { padding: 50px 30px; } + } + } + .section, .section-md { + padding: 80px 0; + &.bg-image { + .container, .container-fluid { padding: 80px 30px; } + } + } + .section-lg { + padding: 110px 0; + &.bg-image { + .container, .container-fluid { padding: 110px 30px; } + } + } + .section-xl { + padding: 140px 0; + &.bg-image { + .container, .container-fluid { padding: 140px 30px; } + } + } + .section-2xl { + padding: 170px 0; + &.bg-image { + .container, .container-fluid { padding: 170px 30px; } + } + } +} +@include breakpoint-less(xs) { + .section, .section-md { + padding: 70px 0; + &.bg-image { + .container, .container-fluid { padding: 70px 30px; } + } + } + .section-lg { + padding: 90px 0; + &.bg-image { + .container, .container-fluid { padding: 90px 30px; } + } + } + .section-xl { + padding: 120px 0; + &.bg-image { + .container, .container-fluid { padding: 120px 30px; } + } + } + .section-2xl { + padding: 150px 0; + &.bg-image { + .container, .container-fluid { padding: 150px 30px; } + } + } +} +.section-xs, +.section-sm, +.section, .section-md, +.section-lg, +.section-xl, +.section-2xl { + &.bg-image { + padding: 0; + } +} + +.section-fullscreen { + width: 100%; + height: 100vh; + .bg-black, + [class*='bg-white'], + [class*='bg-gray'], + [class*='bg-dark'], + [class*='bg-gradient'], + [class*='bg-color'], + .container, .container-fluid { + height: 100%; + } +} \ No newline at end of file diff --git a/assets/css/scss/components/_table.scss b/assets/css/scss/components/_table.scss new file mode 100644 index 0000000..a747e60 --- /dev/null +++ b/assets/css/scss/components/_table.scss @@ -0,0 +1,27 @@ +/* Styles for tables */ +figure.wp-block-table table { + border-collapse: collapse; + width: 100%; + margin-top: 1.25rem; + margin-bottom: 1.25rem; + + thead { + background-color: #f8f9fa; + color: #000; + } + + th, td { + border: 1px solid #dee2e6; + padding: 0.5rem; + text-align: left; + } + + th { + background-color: #f1f3f5; + font-weight: bold; + } + + tbody tr:nth-child(odd) { + background-color: #f9f9f9; + } +} \ No newline at end of file diff --git a/assets/css/scss/elements/_accordion.scss b/assets/css/scss/elements/_accordion.scss new file mode 100644 index 0000000..a70a00c --- /dev/null +++ b/assets/css/scss/elements/_accordion.scss @@ -0,0 +1,228 @@ +// +// Accordion styles // +// +.accordion { + list-style-type: none; + padding: 0; + li { + border: 0; + margin-bottom: 8px; + padding: 0; + @include transition(linear 0.1s); + &:last-child { + margin-bottom: 0; + } + .accordion-title { + position: relative; + border: 1px solid get-color("dark", 0.1); + padding: 14px 24px; + cursor: pointer; + @include transition(linear 0.1s); + &:before, &:after { + content: ''; + position: absolute; + top: 50%; + @include transform(translateY(-50%)); + background: black; + } + &:before { + right: 24px; + width: 11px; + height: 1px; + } + &:after { + right: 29px; + width: 1px; + height: 11px; + @include transition(linear 0.1s); + } + h1,h2,h3,h4,h5,h6 { + margin: 0; + } + * { + @include transition(linear 0.1s); + } + } + .accordion-content { + overflow: hidden; + max-height: 0; + padding: 0 25px; + @include transition(ease-out 0.2s); + &:before { + content: ''; + display: block; + width: 100%; + height: 20px; + } + &:after { + content: ''; + display: block; + width: 100%; + height: 12px; + } + ul, ol { + li { + border: 0; + padding: 0; + &:last-child { + border: 0; + } + } + } + ul { + list-style-type: disc; + ul { list-style-type: circle; } + } + ol { + &.list-ordered { + li { + margin-bottom: 8px; + padding-left: 34px; + &:last-child { + margin: 0; + } + } + } + } + .nav { + list-style-type: none; + } + } + &.active { + .accordion-title { + border-color: get-color("dark", 0.9); + &:after { + @include transform(translateY(-50%) rotate(-90deg)); + } + } + } + } + // + // Accordion - Style 2 // + // + &.style-2 { + li { + margin-bottom: 14px; + padding: 0; + &:last-child { + margin-bottom: 0; + } + .accordion-title { + border: 0; + border-bottom: 1px solid get-color("dark", 0.2); + padding: 0 0 10px; + @include transition(linear 0.1s); + &:before, &:after { + margin-top: -6px; + } + &:before { right: 0; } + &:after { right: 5px; } + } + .accordion-content { + padding: 0 20px; + } + &.active { + .accordion-title { + border-bottom-color: get-color("dark", 0.9); + } + } + } + } + // + // Accordion - Style 3 // + // + &.style-3 { + li { + .accordion-title { + background: $bg-gray-lighter; + border: 0; + } + .accordion-content { + padding: 0 24px; + } + &.active { + .accordion-title { + background: $bg-dark; + color: get-color("white", 0.8); + &:before, &:after { + background: white; + } + h1,h2,h3,h4,h5,h6 { + color: white; + } + } + } + } + } + // + // Border Radius // + // + &.border-radius { + &:not(.style-2) { + li { + .accordion-title { + border-radius: 0.375em; + } + } + } + } + &.rounded { + &:not(.style-2) { + li { + .accordion-title { + border-radius: 50px; + } + } + } + } +} +[class*='bg-gray'] { + .accordion { + &.style-3 { + li { + .accordion-title { + background: white; + } + } + } + } +} +.bg-black, +[class*='bg-dark'], +[class*='bg-gradient-'], +[class*='bg-color-'] { + .accordion { + li { + .accordion-title { + border-color: get-color("white", 0.2); + &:before, &:after { + background: white; + } + } + &.active { + .accordion-title { + border-color: white; + } + } + } + &.style-3 { + li { + .accordion-title { + background: get-color("white", 0.1); + } + &.active { + .accordion-title { + background: white; + color: $color-primary; + &:before, &:after { + background: black; + } + h1,h2,h3,h4,h5,h6 { + color: black; + } + } + } + } + } + } +} \ No newline at end of file diff --git a/assets/css/scss/elements/_box.scss b/assets/css/scss/elements/_box.scss new file mode 100644 index 0000000..881b232 --- /dev/null +++ b/assets/css/scss/elements/_box.scss @@ -0,0 +1,147 @@ +// +// Box Styles // +// +.box-shadow { + @include box-shadow(0 10px 36px 0 rgba(22,24,26,0.1)); + @include transition(ease-out 0.16s); + &:hover { + @include box-shadow(0 10px 40px 0 rgba(22,24,26,0.15)); + } +} +.hover-shadow { + @include transition(ease-out 0.16s); + &:hover { + @include box-shadow(0 10px 36px 0 rgba(22,24,26,0.1)); + } +} +.hover-float { + @include transition(ease-out 0.16s); + &:hover { + @include transform(translateY(-4px)); + } +} +.hover-scale { + @include transition(ease-out 0.16s); + &:hover { + @include transform(scale(1.015)); + } +} +.hover-shrink { + @include transition(ease-out 0.16s); + &:hover { + @include transform(scale(0.985)); + } +} +.box-backdrop { + overflow: hidden; + border-radius: 0.5em; + border: 2px solid get-color("dark"); + @include box-shadow(4px 4px 0 0 get-color("dark")); +} + +// +// Square box // +// +[class*="square-box"], +[class*="circle-box"] { + display: inline-block; + text-align: center; + * { + margin: 0; + vertical-align: middle; + } +} +.square-box-xs { + width: 40px; + height: 40px; + line-height: 40px; + * { + line-height: 40px; + } +} +.square-box-sm { + width: 50px; + height: 50px; + line-height: 50px; + * { + line-height: 50px; + } +} +.square-box, .square-box-md { + width: 60px; + height: 60px; + line-height: 60px; + * { + line-height: 60px; + } +} +.square-box-lg { + width: 70px; + height: 70px; + line-height: 70px; + * { + line-height: 70px; + } +} +.square-box-xl { + width: 80px; + height: 80px; + line-height: 80px; + * { + line-height: 80px; + } +} + +// +// Circle Box // +// +[class*="circle-box"] { + border-radius: 50%; +} +.circle-box-xs { + width: 40px; + height: 40px; + line-height: 40px; + * { + line-height: 40px; + } +} +.circle-box-sm { + width: 50px; + height: 50px; + line-height: 50px; + * { + line-height: 50px; + } +} +.circle-box, .circle-box-md { + width: 60px; + height: 60px; + line-height: 60px; + * { + line-height: 60px; + } +} +.circle-box-lg { + width: 70px; + height: 70px; + line-height: 70px; + * { + line-height: 70px; + } +} +.circle-box-xl { + width: 80px; + height: 80px; + line-height: 80px; + * { + line-height: 80px; + } +} + +// +// Box border radius // +// +.border-radius { border-radius: 0.5em; overflow: hidden; } +.border-radius-1 { border-radius: 1em; overflow: hidden; } +.border-radius-2 { border-radius: 2em; overflow: hidden; } \ No newline at end of file diff --git a/assets/css/scss/elements/_button.scss b/assets/css/scss/elements/_button.scss new file mode 100644 index 0000000..7c518be --- /dev/null +++ b/assets/css/scss/elements/_button.scss @@ -0,0 +1,1258 @@ +// +// Button styles // +// +a { + color: get-color("dark", 0.9); + text-decoration: none; + @include transition(linear 0.1s); + &:hover { + color: get-color("dark"); + text-decoration: none; + } +} +button { + background: transparent; + box-shadow: none; + border: 0; + padding: 0; + cursor: pointer; +} +a, button { + &:focus, &:active { + box-shadow: none; + outline: 0; + } +} + +.button { + position: relative; + display: inline-block; + overflow: hidden; + background: $button-gray; + border: 1px solid $button-gray; + padding: 5px 10px; + color: get-color("dark"); + font: 500 0.875em $font-family-poppins; + letter-spacing: 0.8px; + text-transform: uppercase; + @include transition(ease-out 0.12s); + i { + margin-right: 8px; + font-size: 15px; + } + &:hover { + color: get-color("dark"); + } +} +.theme-font-nunito { + .button { + font: 600 0.875em $font-family-nunito; + } +} + +// +// Button - Sizes // +// +.button-sm { padding: 12px 26px; } +.button-md { padding: 14px 34px; } +.button-lg { padding: 16px 42px; } +.button-xl { padding: 18px 50px; } +.button-fullwidth { width: 100%; text-align: center; } + +.button-gray { + background: $button-gray; + border: 0; + &:hover, &:focus { + background: $button-gray-darker; + color: get-color("dark"); + } +} +.button-dark { + background: $button-dark-lighter; + border: 0; + color: white; + &:hover, &:focus { + background: $button-dark; + color: white; + } +} +.button-white { + background: white; + border: 0; + color: get-color("dark"); + &:hover, &:focus { + background: get-color("white", 0.9); + border: 0; + color: get-color("dark"); + } +} +.button-white-2 { + background: get-color("white", 0.1); + border: 0; + color: white; + &:hover, &:focus { + background: get-color("white", 0.15); + color: white; + } +} + +// +// Social Buttons // +// +[class*='button-social'] { + border: 0; + @include box-shadow(0 6px 30px 0 rgba(21,25,29,0.13)); + &:hover, &:focus { + @include transform(translateY(-3px)); + @include box-shadow(0 6px 36px 0 rgba(21,25,29,0.19)); + opacity: 0.9; + } + &:not([class*='button-social-snapchat']) { + color: white; + &:hover, &:focus { + color: white; + } + } +} +.button-social-facebook { + background: $color-facebook; +} +.button-social-twitter { + background: $color-twitter; +} +.button-social-instagram { + background: $color-instagram; +} +.button-social-linkedin { + background: $color-linkedin; +} +.button-social-youtube { + background: $color-youtube; +} +.button-social-pinterest { + background: $color-pinterest; +} +.button-social-skype { + background: $color-skype; +} +.button-social-dribbble { + background: $color-dribbble; +} +.button-social-whatsapp { + background: $color-whatsapp; +} +.button-social-snapchat { + background: $color-snapchat; + color: get-color("dark"); + &:hover { + color: get-color("dark"); + } +} + +// +// Gradient Styles // +// +.button-gradient-1 { + background-image: $gradient-1; +} +.button-gradient-2 { + background-image: $gradient-2; +} +.button-gradient-3 { + background-image: $gradient-3; +} +.button-gradient-4 { + background-image: $gradient-4; +} +.button-gradient-5 { + background-image: $gradient-5; +} +.button-gradient-6 { + background-image: $gradient-6; +} +.button-gradient-7 { + background-image: $gradient-7; +} +[class*='button-gradient'] { + border: 0; + @include box-shadow(0 6px 30px 0 rgba(21,25,29,0.13)); + color: white; + &:hover, &:focus { + @include transform(translateY(-3px)); + @include box-shadow(0 6px 36px 0 rgba(21,25,29,0.19)); + opacity: 0.9; + color: white; + } +} + +// +// Colorful Styles // +// +.button-theme, +.button-blue, +.button-purple, +.button-pink-edge, +.button-golden-yellow, +.button-very-peri, +.button-turquoise, +.button-spring-red, +.button-tan, +.button-aqua { + border: 0; + @include box-shadow(0 6px 30px 0 rgba(21,25,29,0.13)); + color: white; + &:hover, &:focus { + @include transform(translateY(-3px)); + @include box-shadow(0 6px 36px 0 rgba(21,25,29,0.19)); + opacity: 0.9; + color: white; + } +} +.button-blue { + background: $bg-color-blue; +} +.button-purple { + background: $bg-color-purple; +} +.button-pink-edge { + background: $bg-color-pink-edge; +} +.button-golden-yellow { + background: $bg-color-golden-yellow; +} +.button-very-peri { + background: $bg-color-very-peri; +} +.button-turquoise { + background: $bg-color-turquoise; +} +.button-spring-red { + background: $bg-color-spring-red; +} +.button-tan { + background: $bg-color-tan; +} +.button-aqua { + background: $bg-color-aqua; +} + +// +// Colorful Outline // +// +[class*='button-outline'] { + background: transparent; +} +.button-outline-theme, +.button-outline-blue, +.button-outline-purple, +.button-outline-pink-edge, +.button-outline-golden-yellow, +.button-outline-very-peri, +.button-outline-turquoise, +.button-outline-spring-red, +.button-outline-tan, +.button-outline-aqua { + &:hover, &:focus { + color: white; + } +} +.button-outline-blue { + border-color: get-color("blue"); + color: get-color("blue"); + &:hover, &:focus { + background: get-color("blue"); + } +} +.button-outline-purple { + border-color: get-color("purple"); + color: get-color("purple"); + &:hover, &:focus { + background: get-color("purple"); + } +} +.button-outline-pink-edge { + border-color: get-color("pink-edge"); + color: get-color("pink-edge"); + &:hover, &:focus { + background: get-color("pink-edge"); + } +} +.button-outline-golden-yellow { + border-color: get-color("golden-yellow"); + color: get-color("golden-yellow"); + &:hover, &:focus { + background: get-color("golden-yellow"); + } +} +.button-outline-very-peri { + border-color: get-color("very-peri"); + color: get-color("very-peri"); + &:hover, &:focus { + background: get-color("very-peri"); + } +} +.button-outline-turquoise { + border-color: get-color("turquoise"); + color: get-color("turquoise"); + &:hover, &:focus { + background: get-color("turquoise"); + } +} +.button-outline-spring-red { + border-color: get-color("spring-red"); + color: get-color("spring-red"); + &:hover, &:focus { + background: get-color("spring-red"); + } +} +.button-outline-tan { + border-color: get-color("tan"); + color: get-color("tan"); + &:hover, &:focus { + background: get-color("tan"); + } +} +.button-outline-aqua { + border-color: get-color("aqua"); + color: get-color("aqua"); + &:hover, &:focus { + background: get-color("aqua"); + } +} + +// +// Button - Outline // +// +.button-outline-gray { + border-color: get-color("dark", 0.15); + &:hover, &:focus { + border-color: $button-dark; + color: get-color("dark"); + } +} +.button-outline-dark { + border-color: $button-dark; + &:hover, &:focus { + background: $button-dark; + border-color: transparent; + color: white; + } +} +.button-outline-white { + border-color: get-color("white", 0.3); + color: white; + &:hover, &:focus { + border-color: white; + color: white; + } +} +.button-outline-white-2 { + border-color: white; + color: white; + &:hover, &:focus { + background: white; + color: get-color("dark"); + } +} + +// +// Button - Reveal Icon // +// +[class*='button-reveal'] { + span, i { + @include transition(all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1)); + } + span { + position: relative; + } + i { + position: absolute; + top: 50%; + @include transform(translateY(-50%)); + opacity: 0; + margin: 0; + } + &:hover, &:focus { + i { + opacity: 1; + } + } +} +[class*='button-reveal-left'] { + span { left: 0; } + &:hover, &:focus { + span { left: 12px; } + } +} +[class*='button-reveal-right'] { + span { right: 0; } + &:hover, &:focus { + span { right: 12px; } + } +} + +.button-reveal-left-dark, .button-reveal-right-dark { + background: $button-dark-lighter; + border: 0; + color: white; + &:hover, &:focus { + background: $button-dark; + color: white; + } +} +.button-reveal-left-white, .button-reveal-right-white { + background: white; + border: 0; + color: get-color("dark"); + &:hover, &:focus { + background: white; + color: get-color("dark"); + } +} + +// +// Button - Reveal Icon Outline // +// +.button-reveal-left-outline-dark, +.button-reveal-right-outline-dark { + background: transparent; + border-color: $button-dark; + &:hover, &:focus { + border-color: get-color("dark", 0.15); + color: get-color("dark"); + } +} +.button-reveal-left-outline-white, +.button-reveal-right-outline-white { + background: transparent; + border-color: get-color("white", 0.3); + color: white; + &:hover, &:focus { + border-color: white; + color: white; + } +} + +.button-sm { + &[class*='button-reveal-left'] { + i { left: 20px; } + &:hover, &:focus { + i { left: 10px; } + } + } + &[class*='button-reveal-right'] { + i { right: 20px; } + &:hover, &:focus { + i { right: 10px; } + } + } +} +.button-md { + &[class*='button-reveal-left'] { + i { left: 30px; } + &:hover, &:focus { + i { left: 18px; } + } + } + &[class*='button-reveal-right'] { + i { right: 30px; } + &:hover, &:focus { + i { right: 18px; } + } + } +} +.button-lg { + &[class*='button-reveal-left'] { + i { left: 40px; } + &:hover, &:focus { + i { left: 28px; } + } + } + &[class*='button-reveal-right'] { + i { right: 40px; } + &:hover, &:focus { + i { right: 28px; } + } + } +} +.button-xl { + &[class*='button-reveal-left'] { + i { left: 50px; } + &:hover, &:focus { + i { left: 38px; } + } + } + &[class*='button-reveal-right'] { + i { right: 50px; } + &:hover, &:focus { + i { right: 38px; } + } + } +} + +// +// Button Backdrop // +// +.button-backdrop-dark { + background: white; + border-radius: 0.5em; + border: 2px solid get-color("dark"); + @include box-shadow(4px 4px 0 0 get-color("dark")); + &:hover, &:focus { + @include box-shadow(2px 2px 0 0 get-color("dark")); + } +} +.button-backdrop-white { + background: black; + border-radius: 0.5em; + border: 2px solid white; + @include box-shadow(4px 4px 0 0 white); + color: white; + &:hover, &:focus { + @include box-shadow(2px 2px 0 0 white); + color: white; + } +} +[class*='button-backdrop-color'] { + border-radius: 0.5em; + border: 2px solid get-color("dark"); + @include box-shadow(4px 4px 0 0 get-color("dark")); + color: white; + &:hover, &:focus { + @include box-shadow(2px 2px 0 0 get-color("dark")); + color: white; + } +} +.button-backdrop-color-aqua { + background: get-color("aqua"); +} +.button-backdrop-color-blue { + background: get-color("blue"); +} +.button-backdrop-color-golden-yellow { + background: get-color("golden-yellow"); +} +.button-backdrop-color-pink-edge { + background: get-color("pink-edge"); +} +.button-backdrop-color-purple { + background: get-color("purple"); +} +.button-backdrop-color-spring-red { + background: get-color("spring-red"); +} +.button-backdrop-color-tan { + background: get-color("tan"); +} +.button-backdrop-color-turquoise { + background: get-color("turquoise"); +} +.button-backdrop-color-very-peri { + background: get-color("very-peri"); +} + +// +// Text Buttons // +// +.button-text-1, +.button-text-2, +.button-text-3 { + position: relative; + display: inline-block; + color: black; + font-family: $font-family-poppins; + letter-spacing: -0.2px; +} +.theme-font-nunito { + .button-text-1, + .button-text-2, + .button-text-3 { + font-family: $font-family-nunito; + } +} +.button-text-1 { + &:before { + content: ''; + position: absolute; + bottom: -1px; + left: 0; + background: get-color("dark", 0.2); + width: 100%; + height: 1px; + } + &:after { + content: ''; + position: absolute; + right: 0; + bottom: -1px; + left: 0; + background: black; + height: 1px; + @include animation(button-line-out 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both); + } + &:hover { + &:after { + width: 100%; + @include animation(button-line-in 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both); + } + } +} +.button-text-2 { + &:before { + content: ''; + position: absolute; + top: 40%; + right: 0; + left: 0; + background: get-color("dark", 0.15); + height: 40%; + @include animation(button-line-out 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both); + } + &:after { + content: ''; + position: absolute; + bottom: -1px; + right: 0; + left: 0; + background: black; + height: 1px; + @include animation(button-line-in 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both); + } + &:hover { + &:before { @include animation(button-line-in 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both); } + &:after { @include animation(button-line-out 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both); } + } +} +.button-text-3 { + padding-left: 30px; + @include transition(all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1)); + &:before { + content: ''; + position: absolute; + top: 50%; + left: 0; + @include transform(translateY(-50%)); + background: black; + width: 20px; + height: 1px; + @include transition(all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1)); + } + &:hover { + padding-left: 40px; + &:before { + width: 30px; + } + } +} +@-webkit-keyframes button-line-out { + 0% { + @include transform(scaleX(1)); + @include transform-origin(100% 50%); + } + 100% { + @include transform(scaleX(0)); + @include transform-origin(100% 50%); + } +} +@keyframes button-line-out { + 0% { + @include transform(scaleX(1)); + @include transform-origin(100% 50%); + } + 100% { + @include transform(scaleX(0)); + @include transform-origin(100% 50%); + } +} +@-webkit-keyframes button-line-in { + 0% { + @include transform(scaleX(0)); + @include transform-origin(0 50%); + } + 100% { + @include transform(scale(1)); + @include transform-origin(0 50%); + } +} +@keyframes button-line-in { + 0% { + @include transform(scaleX(0)); + @include transform-origin(0 50%); + } + 100% { + @include transform(scale(1)); + @include transform-origin(0 50%); + } +} + +.bg-black, +[class*='bg-dark'], +[class*='bg-gradient-'], +[class*='bg-color-'] { + .button-text-1, + .button-text-2, + .button-text-3 { + color: get-color("white", 0.8); + &:hover { + color: white; + } + } + .button-text-1 { + &:before { background: get-color("white", 0.3); } + &:after { background: white; } + } + .button-text-2 { + &:before { background: get-color("white", 0.4); } + &:after { background: white; } + } + .button-text-3 { + &:before { background: get-color("white", 0.8); } + &:hover { + &:before { background: white; } + } + } +} + + +// +// Template Circle Button // +// +.button-circle { + background: $button-gray; + display: inline-block; + border: 1px solid $button-gray; + border-radius: 50%; + color: get-color("dark"); + text-align: center; + @include transition(ease-out 0.12s); + &:hover { + color: $color-primary; + } + // + // Template Circle Button // + // + &.button-circle-gray { + background: $button-gray; + border: 0; + &:hover, &:focus { + background: $button-gray-darker; + color: get-color("dark"); + } + } + &.button-circle-dark { + background: $button-dark-lighter; + border: 0; + color: white; + &:hover, &:focus { + background: $button-dark; + color: white; + } + } + &.button-circle-white { + background: white; + border: 0; + color: get-color("dark"); + &:hover, &:focus { + background: get-color("white", 0.9); + color: get-color("dark"); + } + } + &.button-circle-white-2 { + background: get-color("white", 0.1); + border: 0; + color: white; + &:hover, &:focus { + background: get-color("white", 0.15); + color: white; + } + } + + + // + // Template Circle Button - Outline // + // + &[class*='button-circle-outline'] { + background: transparent; + } + &.button-circle-outline-gray { + border-color: get-color("dark", 0.15); + &:hover, &:focus { + border-color: $button-dark; + color: get-color("dark"); + } + } + &.button-circle-outline-dark { + border-color: $button-dark; + &:hover, &:focus { + background: $button-dark; + border-color: transparent; + color: white; + } + } + &.button-circle-outline-white { + border-color: get-color("white", 0.3); + color: white; + &:hover, &:focus { + border-color: white; + color: white; + } + } + &.button-circle-outline-white-2 { + border-color: white; + color: white; + &:hover, &:focus { + background: white; + color: get-color("dark"); + } + } + &.button-circle-outline-aqua { + border-color: get-color("aqua"); + color: get-color("aqua"); + &:hover, &:focus { + background: get-color("aqua"); + color: white; + } + } + &.button-circle-outline-theme, + &.button-circle-outline-aqua, + &.button-circle-outline-blue, + &.button-circle-outline-golden-yellow, + &.button-circle-outline-pink-edge, + &.button-circle-outline-purple, + &.button-circle-outline-spring-red, + &.button-circle-outline-tan, + &.button-circle-outline-turquoise, + &.button-circle-outline-very-peri { + &:hover, &:focus { + color: white; + } + } + &.button-circle-outline-blue { + border-color: get-color("blue"); + color: get-color("blue"); + &:hover, &:focus { + background: get-color("blue"); + } + } + &.button-circle-outline-golden-yellow { + border-color: get-color("golden-yellow"); + color: get-color("golden-yellow"); + &:hover, &:focus { + background: get-color("golden-yellow"); + } + } + &.button-circle-outline-pink-edge { + border-color: get-color("pink-edge"); + color: get-color("pink-edge"); + &:hover, &:focus { + background: get-color("pink-edge"); + } + } + &.button-circle-outline-purple { + border-color: get-color("purple"); + color: get-color("purple"); + &:hover, &:focus { + background: get-color("purple"); + } + } + &.button-circle-outline-spring-red { + border-color: get-color("spring-red"); + color: get-color("spring-red"); + &:hover, &:focus { + background: get-color("spring-red"); + } + } + &.button-circle-outline-tan { + border-color: get-color("tan"); + color: get-color("tan"); + &:hover, &:focus { + background: get-color("tan"); + } + } + &.button-circle-outline-turquoise { + border-color: get-color("turquoise"); + color: get-color("turquoise"); + &:hover, &:focus { + background: get-color("turquoise"); + } + } + &.button-circle-outline-very-peri { + border-color: get-color("very-peri"); + color: get-color("very-peri"); + &:hover, &:focus { + background: get-color("very-peri"); + } + } + // + // Circle Button - Gradient // + // + &.button-circle-gradient-1 { + background-image: $gradient-1; + &:hover, &:focus { + background-image: $gradient-1; + } + } + &.button-circle-gradient-2 { + background-image: $gradient-2; + &:hover, &:focus { + background-image: $gradient-2; + } + } + &.button-circle-gradient-3 { + background-image: $gradient-3; + &:hover, &:focus { + background-image: $gradient-3; + } + } + &.button-circle-gradient-4 { + background-image: $gradient-4; + &:hover, &:focus { + background-image: $gradient-4; + } + } + &.button-circle-gradient-5 { + background-image: $gradient-5; + &:hover, &:focus { + background-image: $gradient-5; + } + } + &.button-circle-gradient-6 { + background-image: $gradient-6; + &:hover, &:focus { + background-image: $gradient-6; + } + } + &.button-circle-gradient-7 { + background-image: $gradient-7; + &:hover, &:focus { + background-image: $gradient-7; + } + } + &.button-circle-theme, + &.button-circle-blue, + &.button-circle-purple, + &.button-circle-pink-edge, + &.button-circle-golden-yellow, + &.button-circle-very-peri, + &.button-circle-turquoise, + &.button-circle-spring-red, + &.button-circle-tan, + &.button-circle-aqua { + border: 0; + @include box-shadow(0 6px 30px 0 rgba(21,25,29,0.13)); + color: white; + &:hover, &:focus { + @include transform(translateY(-3px)); + @include box-shadow(0 6px 36px 0 rgba(21,25,29,0.19)); + opacity: 0.9; + color: white; + } + } + &.button-circle-blue { + background: $bg-color-blue; + } + &.button-circle-purple { + background: $bg-color-purple; + } + &.button-circle-pink-edge { + background: $bg-color-pink-edge; + } + &.button-circle-golden-yellow { + background: $bg-color-golden-yellow; + } + &.button-circle-very-peri { + background: $bg-color-very-peri; + } + &.button-circle-turquoise { + background: $bg-color-turquoise; + } + &.button-circle-spring-red { + background: $bg-color-spring-red; + } + &.button-circle-tan { + background: $bg-color-tan; + } + &.button-circle-aqua { + background: $bg-color-aqua; + } + // + // Button Circle - Social // + // + &[class*='button-circle-social'] { + color: white; + &:hover { + color: white; + } + } + &.button-circle-social-facebook { + background: $color-facebook; + } + &.button-circle-social-twitter { + background: $color-twitter; + } + &.button-circle-social-instagram { + background: $color-instagram; + } + &.button-circle-social-linkedin { + background: $color-linkedin; + } + &.button-circle-social-youtube { + background: $color-youtube; + } + &.button-circle-social-pinterest { + background: $color-pinterest; + } + &.button-circle-social-skype { + background: $color-skype; + } + &.button-circle-social-dribbble { + background: $color-dribbble; + } + &.button-circle-social-snapchat { + background: $color-snapchat; + color: get-color("dark"); + &:hover { + color: get-color("dark"); + } + } + &.button-circle-social-whatsapp { + background: $color-whatsapp; + } +} +[class*='button-circle-gradient'] { + border: 0; + @include box-shadow(0 6px 30px 0 rgba(21,25,29,0.13)); + color: white; + &:hover, &:focus { + @include transform(translateY(-3px)); + @include box-shadow(0 6px 36px 0 rgba(21,25,29,0.19)); + opacity: 0.9; + color: white; + } +} +[class*='button-circle-social'] { + border: 0; + @include box-shadow(0 6px 30px 0 rgba(21,25,29,0.13)); + &:hover, &:focus { + @include transform(translateY(-3px)); + @include box-shadow(0 6px 36px 0 rgba(21,25,29,0.19)); + opacity: 0.9; + } +} + + +// +// Template Circle Button - Sizes // +// +.button-circle-sm { + width: 40px; + height: 40px; + line-height: 40px; + i { line-height: 40px; } +} +.button-circle-md { + width: 50px; + height: 50px; + line-height: 50px; + i { line-height: 50px; } +} +.button-circle-lg { + width: 60px; + height: 60px; + line-height: 60px; + i { line-height: 60px; } +} +.button-circle-xl { + width: 70px; + height: 70px; + line-height: 70px; + i { line-height: 70px; } +} + + +// +// Template Circle Button - Hover Slide // +// +.button-circle-hover-slide { + position: relative; + display: inline-block; + overflow: hidden; + i { + position: absolute; + left: 50%; + @include transition(ease-out 0.22s); + &:first-child { + top: 50%; + @include transform(translateX(-50%) translateY(-50%)); + opacity: 1; + } + &:last-child { + top: 100%; + @include transform(translateX(-50%)); + opacity: 0; + } + } + &:hover { + i { + &:first-child { + top: -100%; + @include transform(translateX(-50%) translateY(0)); + opacity: 0; + } + &:last-child { + top: 50%; + @include transform(translateX(-50%) translateY(-50%)); + opacity: 1; + } + } + } +} + + +// +// Button Animation - Ripple // +// +.button-circle-ripple { + position: relative; + z-index: 1; + &:before { + content: ''; + position: absolute; + top: 50%; + left: 50%; + @include transform(translate(-50%, -50%)); + z-index: -1; + opacity: 1; + background: get-color("dark", 0.15); + width: 100%; + height: 100%; + border-radius: 50%; + @include animation(button-ripple 1.8s ease-out infinite); + } + &.button-circle-dark { + &:before { + background: get-color("dark", 0.15); + } + } + &.button-circle-white, &.button-circle-white-2 { + &:before { + background: get-color("white", 0.2); + } + } + &.button-circle-outline-white, &.button-circle-outline-white-2 { + &:before { + background: get-color("white", 0.15); + } + } +} +@-webkit-keyframes button-ripple { + 0% { + opacity: 1; + width: 100%; + height: 100%; + } + 60% { + opacity: 0; + width: 160%; + height: 160%; + } + 100% { + opacity: 0; + width: 100%; + height: 100%; + } +} +@keyframes button-ripple { + 0% { + opacity: 1; + width: 100%; + height: 100%; + } + 60% { + opacity: 0; + width: 160%; + height: 160%; + } + 100% { + opacity: 0; + width: 100%; + height: 100%; + } +} + +// +// Buttons Font Styles // +// +.button-font-2 { + font-size: 0.938em; + letter-spacing: -0.2px; + text-transform: none; +} +.theme-font-nunito { + .button-font-2 { + font-size: 1em; + letter-spacing: 0; + } +} + +// +// Button - Radius // +// +.button-radius { + border-radius: 0.5em; +} +.button-rounded { + border-radius: 50px; +} + +// +// Button - Border // +// +.button-border-2, +.button-border-2.button-circle { + border-width: 2px; +} + +// +// Button Hover - Float // +// +.button-hover-float { + &:hover, &:focus { + @include transform(translateY(-3px)); + } +} +// +// Button Hover - Scale // +// +.button-hover-scale { + &:hover, &:focus { + @include transform(scale(1.03)); + } + &.button-circle { + &:hover, &:focus { + @include transform(scale(1.04)); + } + } +} +// +// Button Hover - Shrink // +// +.button-hover-shrink { + &:hover, &:focus { + @include transform(scale(0.97)); + } + &.button-circle { + &:hover, &:focus { + @include transform(scale(0.96)); + } + } +} +// +// Button - Shadow // +// +.button-shadow { + @include box-shadow(0 6px 30px 0 rgba(22,24,26,0.1)); + &:hover, &:focus { + @include box-shadow(0 6px 36px 0 rgba(22,24,26,0.15)); + } +} \ No newline at end of file diff --git a/assets/css/scss/elements/_clients.scss b/assets/css/scss/elements/_clients.scss new file mode 100644 index 0000000..807b733 --- /dev/null +++ b/assets/css/scss/elements/_clients.scss @@ -0,0 +1,135 @@ +// +// Clients Styles // +// +.client-box { + text-align: center; + a { + img { + opacity: 0.4; + @include transition(ease-out 0.16s); + } + &:hover, &:focus { + img { + opacity: 1; + } + } + } +} +.owl-carousel { + .client-box { + img { display: inline-block; } + } +} +// +// Clients Grid // +// +.clients-grid { + list-style-type: none; + overflow: hidden; + margin: 0; + padding: 0; + text-align: center; + li { + position: relative; + float: left; + width: 16.6%; + margin: 0; + padding: 30px; + &:before, &:after { + content: ''; + position: absolute; + } + &:before { + top: 0; + left: -1px; + height: 100%; + border-left: 1px dashed get-color("dark", 0.1); + } + &:after { + left: 0; + bottom: -1px; + width: 100%; + border-bottom: 1px dashed get-color("dark", 0.1); + } + a { + img { + opacity: 0.4; + @include transition(ease-out 0.16s); + } + &:hover, &:focus { + img { + opacity: 1; + } + } + } + } + @include breakpoint-less(md) { + li { width: 25%; } + } + @include breakpoint-less(sm) { + li { width: 33.3%; } + } + @include breakpoint-less(xs) { + li { width: 50%; } + } + &.column-5 { + li { width: 20%; } + @include breakpoint-less(md) { + li { width: 25%; } + } + @include breakpoint-less(sm) { + li { width: 33.3%; } + } + @include breakpoint-less(xs) { + li { width: 50%; } + } + } + &.column-4 { + li { width: 25%; } + @include breakpoint-less(sm) { + li { width: 33.3%; } + } + @include breakpoint-less(xs) { + li { width: 50%; } + } + } + &.column-3 { + li { width: 33.3%; } + @include breakpoint-less(sm) { + li { width: 50%; } + } + } + &.column-2 { + li { width: 50%; } + } + // + // Border Style - Solid // + // + &.border-style-solid { + border: 0; + li { + &:before { border-left-style: solid; } + &:after { border-bottom-style: solid; } + } + } + // + // Border Style - Dotted // + // + &.border-style-dotted { + border: 0; + li { + &:before { border-left-style: dotted; } + &:after { border-bottom-style: dotted; } + } + } +} +.bg-black, +[class*='bg-dark'], +[class*='bg-gradient-'], +[class*='bg-color-'] { + .clients-grid { + li { + &:before, &:after { border-color: get-color("white", 0.2); } + } + } +} \ No newline at end of file diff --git a/assets/css/scss/elements/_feature-box.scss b/assets/css/scss/elements/_feature-box.scss new file mode 100644 index 0000000..7bd9b6b --- /dev/null +++ b/assets/css/scss/elements/_feature-box.scss @@ -0,0 +1,102 @@ +// +// Feature box // +// +.feature-box { + @include display-flex; + flex-wrap: wrap; + align-items: center; + position: relative; + min-height: 50px; + padding-left: 74px; + @include breakpoint-less(md) { + padding-left: 66px; + } + .feature-box-icon { + position: absolute; + top: 0; + left: 0; + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + @include transition(ease-out 0.16s); + * { + margin: 0; + line-height: 50px; + vertical-align: middle; + @include transition(ease-out 0.16s); + } + a { + display: block; + } + // + // Positions // + // + &.middle { + top: 50%; + @include transform(translateY(-50%)); + } + } + h1,h2,h3,h4,h5,h6 { + width: 100%; + } + // + // Sizes // + // + &.feature-box-xl { + min-height: 70px; + padding-left: 94px; + @include breakpoint-less(md) { + padding-left: 86px; + } + .feature-box-icon { + width: 70px; + height: 70px; + * { + line-height: 70px; + } + } + } + &.feature-box-lg { + min-height: 60px; + padding-left: 84px; + @include breakpoint-less(md) { + padding-left: 80px; + } + .feature-box-icon { + width: 60px; + height: 60px; + * { + line-height: 60px; + } + } + } + &.feature-box-sm { + min-height: 40px; + padding-left: 64px; + @include breakpoint-less(md) { + padding-left: 56px; + } + .feature-box-icon { + width: 40px; + height: 40px; + * { + line-height: 40px; + } + } + } + &.feature-box-xs { + min-height: 32px; + padding-left: 54px; + @include breakpoint-less(md) { + padding-left: 48px; + } + .feature-box-icon { + width: 32px; + height: 32px; + * { + line-height: 32px; + } + } + } +} \ No newline at end of file diff --git a/assets/css/scss/elements/_hoverbox.scss b/assets/css/scss/elements/_hoverbox.scss new file mode 100644 index 0000000..426ac06 --- /dev/null +++ b/assets/css/scss/elements/_hoverbox.scss @@ -0,0 +1,482 @@ +// +// Hover box Styles // +// +[class^="hoverbox"] { + overflow: hidden; + position: relative; + @include transform(translate3d(0,0,0)); + display: inline-block; + img { + @include transition(transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)); + } +} + +// +// Hover box - Style 1 // +// +.hoverbox-1 { + &:before { + content: ''; + position: absolute; + top: 0; + left: 0; + z-index: 1; + visibility: hidden; + opacity: 0; + background: get-color("dark", 0.5); + width: 100%; + height: 100%; + @include transition(ease-out 0.12s); + } + &:hover, &:focus { + &:before { + visibility: visible; + opacity: 1; + } + img { + @include transform(scale(1.04)); + } + .hover-content { + visibility: visible; + opacity: 1; + } + } + .hover-content { + position: absolute; + z-index: 2; + visibility: hidden; + opacity: 0; + color: get-color("white", 0.7); + @include transition(ease-out 0.12s); + h1,h2,h3,h4,h5,h6 { + color: white; + } + &.center { + top: 50%; + right: 0; + left: 0; + @include transform(translateY(-50%)); + width: 100%; + margin-top: 5px; + padding: 0 30px; + &:hover, &:focus { + margin-top: 0; + } + } + &.bottom { + right: 0; + bottom: 0; + left: 0; + @include transform(translateY(5px)); + width: 100%; + padding: 30px; + &:hover, &:focus { + @include transform(translateY(0)); + } + } + } +} + + +// +// Hover box - Style 2 // +// +.hoverbox-2 { + &:before { + content: ''; + position: absolute; + top: 16px; + right: 16px; + bottom: 16px; + left: 16px; + @include transform(scale(0.99)); + z-index: 1; + visibility: hidden; + opacity: 0; + background: get-color("white", 0.9); + backdrop-filter: blur(5px); + @include transition(ease-out 0.12s); + } + .hover-content { + position: absolute; + top: 50%; + right: 16px; + left: 16px; + @include transform(translateY(-50%)); + z-index: 2; + visibility: hidden; + opacity: 0; + margin-top: 4px; + padding: 0 30px; + @include transition(ease-out 0.12s); + @include breakpoint-less(md) { + padding: 0 20px; + } + } + &:hover, &:focus { + &:before { + @include transform(scale(1)); + visibility: visible; + opacity: 1; + } + img { + @include transform(scale(1.04)); + } + .hover-content { + visibility: visible; + opacity: 1; + margin-top: 0; + } + } +} + +.hoverbox-2, +.hoverbox-3 { + .hover-content { + color: $color-primary; + h1,h2,h3,h4,h5,h6 { color: get-color("dark"); } + a { + &:not([class^='button']) { + color: get-color("dark", 0.9); + &:hover, &:focus { color: get-color("dark"); } + } + } + } +} + +// +// Hover box - Style 3 // +// +.hoverbox-3 { + .hover-content { + position: absolute; + right: 16px; + bottom: 16px; + left: 16px; + @include transform(translateY(4px)); + z-index: 1; + visibility: hidden; + opacity: 0; + background: get-color("white", 0.9); + backdrop-filter: blur(5px); + padding: 30px; + @include transition(ease-out 0.12s); + @include breakpoint-less(md) { + padding: 20px; + } + } + &:hover, &:focus { + img { + @include transform(scale(1.04)); + } + .hover-content { + @include transform(translateY(0)); + visibility: visible; + opacity: 1; + } + } +} + +// +// Hover box - Style 4 // +// +.hoverbox-4 { + &:after { + content: ''; + position: absolute; + top: 0; + left: 0; + background: get-color("dark", 0.4); + width: 100%; + height: 100%; + @include transition(ease-out 0.12s); + } + .content, + .hover-content { + position: absolute; + z-index: 1; + color: get-color("white", 0.7); + @include transition(ease-out 0.12s); + h1,h2,h3,h4,h5,h6 { + color: white; + } + } + .hover-content { + visibility: hidden; + opacity: 0; + } + &:hover, &:focus { + &:after { + background: get-color("dark", 0.5); + } + img { + @include transform(scale(1.04)); + } + .content { + visibility: hidden; + opacity: 0; + } + .hover-content { + visibility: visible; + opacity: 1; + } + } +} +.hoverbox-4 { + &.center { + .content, + .hover-content { + top: 50%; + left: 0; + @include transform(translateY(-50%)); + width: 100%; + padding: 0 30px; + } + .hover-content { + margin-top: 5px; + } + &:hover, &:focus { + .content { + margin-top: -5px; + } + .hover-content { + margin-top: 0; + } + } + } + &.bottom { + .content, + .hover-content { + bottom: 0; + left: 0; + width: 100%; + padding: 30px; + } + .hover-content { + @include transform(translateY(5px)); + } + &:hover, &:focus { + .content { + @include transform(translateY(-5px)); + } + .hover-content { + @include transform(translateY(0)); + } + } + } +} + +// +// Hover box - Style 5 // +// +.hoverbox-5 { + &:after { + content: ''; + position: absolute; + top: 0; + left: 0; + background: get-color("dark", 0.4); + width: 100%; + height: 100%; + @include transition(ease-out 0.12s); + } + .content, + .hover-content { + position: absolute; + z-index: 1; + left: 0; + width: 100%; + padding: 30px; + color: get-color("white", 0.7); + h1,h2,h3,h4,h5,h6 { + color: white; + } + } + .content { + top: 0; + } + .hover-content { + bottom: 0; + @include transform(translateY(5px)); + visibility: hidden; + opacity: 0; + @include transition(ease-out 0.12s); + } + &:hover, &:focus { + &:after { + background: get-color("dark", 0.5); + } + img { + @include transform(scale(1.04)); + } + .hover-content { + @include transform(translateY(0)); + visibility: visible; + opacity: 1; + } + } +} + +// +// Hover box - Style 6 // +// +.hoverbox-6 { + a { + display: block; + &:before { + content: ''; + position: absolute; + top: 0; + left: 0; + z-index: 1; + opacity: 0; + background: get-color("white", 0.1); + width: 100%; + height: 100%; + @include transition(ease-out 0.12s); + } + } + .content { + position: absolute; + z-index: 2; + display: inline-block; + background: get-color("white", 0.9); + backdrop-filter: blur(5px); + padding: 10px 16px; + color: get-color("dark", 0.9); + h1,h2,h3,h4,h5,h6 { + margin: 0; + color: get-color("dark", 0.9); + } + &.top { + top: 16px; + left: 16px; + } + &.center { + top: 50%; + left: 50%; + @include transform(translate(-50%, -50%)); + } + &.bottom { + bottom: 16px; + left: 16px; + } + } + &:hover, &:focus { + a { + &:before { + opacity: 1; + } + } + img { + @include transform(scale(1.04)); + } + } +} + +.hoverbox-7 { + &:before { + content: ''; + position: absolute; + top: 0; + left: 0; + z-index: 1; + visibility: hidden; + opacity: 0; + background-image: linear-gradient(0deg, get-color("dark", 0.5) 0%, get-color("dark", 0.1) 100%); + width: 100%; + height: 100%; + @include transition(ease-out 0.12s); + } + .hover-content { + position: absolute; + top: 0; + left: 0; + z-index: 2; + width: 100%; + height: 100%; + color: get-color("white", 0.7); + h1,h2,h3,h4,h5,h6 { + color: white; + } + .top { + position: absolute; + top: 0; + right: 0; + left: 0; + -webkit-transform: translateY(5px); + transform: translateY(5px); + opacity: 0; + padding: 30px; + @include transition(ease-out 0.12s); + } + .bottom { + position: absolute; + right: 0; + bottom: 0; + left: 0; + -webkit-transform: translateY(5px); + transform: translateY(5px); + opacity: 0; + padding: 30px; + @include transition(ease-out 0.12s); + } + } + &:hover, &:focus { + &:before { + visibility: visible; + opacity: 1; + } + img { + @include transform(scale(1.04)); + } + .hover-content { + visibility: visible; + opacity: 1; + .top, .bottom { + -webkit-transform: translateY(0); + transform: translateY(0); + opacity: 1; + } + .top { @include transition-delay(0.05s); } + .bottom { @include transition-delay(0.10s); } + } + } +} + +.hoverbox-1, +.hoverbox-2, +.hoverbox-4, +.hoverbox-5, +.hoverbox-7 { + a { + &:not([class^='button']) { + color: get-color("white", 0.7); + &:hover, &:focus { color: white; } + } + } + a { + &.button-text-1, + &.button-text-2, + &.button-text-3 { + color: get-color("white", 0.8); + &:hover { + color: white; + } + } + &.button-text-1 { + &:before { background: get-color("white", 0.3); } + &:after { background: white; } + } + &.button-text-2 { + &:before { background: get-color("white", 0.4); } + &:after { background: white; } + } + &.button-text-3 { + &:before { background: get-color("white", 0.8); } + &:hover { + &:before { background: white; } + } + } + } +} \ No newline at end of file diff --git a/assets/css/scss/elements/_lightbox.scss b/assets/css/scss/elements/_lightbox.scss new file mode 100644 index 0000000..a35299f --- /dev/null +++ b/assets/css/scss/elements/_lightbox.scss @@ -0,0 +1,180 @@ +// +// Lightbox Styles // +// +.lightbox-image-box, +.lightbox-media-box { + position: relative; + overflow: hidden; + display: block; + &[class*='border-radius'] { + @include transform(translate3d(0,0,0)); + } + &:after { + content: ''; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + opacity: 0; + background: get-color("dark", 0.1); + @include transition(ease-out 0.12s); + } + img { + @include transform(scale(1)); + @include transition(transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)); + } + i { + z-index: 1; + position: absolute; + top: 50%; + left: 50%; + @include transform(translate(-50%, -50%)); + background: get-color("dark", 0.6); + width: 60px; + height: 60px; + border-radius: 50%; + text-align: center; + line-height: 60px; + color: get-color("white", 0.9); + @include transition(ease-out 0.16s); + } + &.icon-xl, &.icon-2xl { + i { + width: 70px; + height: 70px; + line-height: 70px; + } + } + &.icon-3xl, &.icon-4xl, &.icon-5xl { + i { + width: 80px; + height: 80px; + line-height: 80px; + } + } + &:hover { + &:after { + opacity: 1; + } + img { + @include transform(scale(1.04)); + } + i { + @include transform(translate(-50%, -50%) scale(0.94)); + } + } +} + +.mfp-bg { + background: black; +} +.mfp-container, +.mfp-bg { + opacity: 0; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + @include transition(ease-out 0.16s); +} +.mfp-container { + @include transform(scale(0.98)); + padding: 0 20px; +} +.mfp-ready { + .mfp-container { + @include transform(scale(1)); + opacity: 1; + } + &.mfp-bg { + opacity: 0.97; + } +} +.mfp-removing { + .mfp-container, + &.mfp-bg { + opacity: 0; + } + .mfp-container { + @include transform(scale(0.98)); + } +} + +button { + &.mfp-close { + display: block; + top: -5px; + opacity: 1; + width: auto; + height: auto; + line-height: auto; + font-size: 24px; + @include transition(linear 0.1s); + &:hover { + top: -5px; + opacity: 1; + color: #fff; + } + } +} +.mfp-iframe-holder { + .mfp-close { + top: -45px; + &:hover { top: -45px; } + } +} +.mfp-close-btn-in { + .mfp-close { + color: rgba(255, 255, 255, 0.7); + } +} + +.mfp-arrow { + @include transition(linear 0.1s); +} +.mfp-arrow-left { + &:before { border-right: 0; } +} +.mfp-arrow-right { + &:before { border-left: 0; } +} + +@include breakpoint-less(xs) { + button.mfp-arrow { + background: get-color("dark", 0.5); + width: 70px; + height: 70px; + margin-top: -35px; + &:active { + margin-top: -35px; + } + } + button.mfp-arrow-left { + margin-left: 20px; + &:before, &:after { + margin-top: 15px; + margin-left: 20px; + } + } + button.mfp-arrow-right { + margin-right: 20px; + &:before, &:after { + margin-top: 15px; + margin-left: 30px; + } + } +} + +.mfp-bottom-bar { + margin-top: -30px; + .mfp-title { + color: get-color("white", 0.7); + } + .mfp-counter { + color: get-color("white", 0.6); + font-size: 14px; + } +} + +.mfp-iframe-scaler iframe, .mfp-figure::after { + @include box-shadow(0 0 14px 0 rgba(0,0,0,0.3)); +} \ No newline at end of file diff --git a/assets/css/scss/elements/_map.scss b/assets/css/scss/elements/_map.scss new file mode 100644 index 0000000..ca0e516 --- /dev/null +++ b/assets/css/scss/elements/_map.scss @@ -0,0 +1,16 @@ +// +// Google Map Styles // +// +.gmap { width: 100%; } +.gmap-xs { height: 300px; } +.gmap-sm { height: 350px; } +.gmap-md { height: 400px; } +.gmap-lg { height: 470px; } +.gmap-xl { height: 550px; } +@include breakpoint-less(md) { + .gmap-xs { height: 250px; } + .gmap-sm { height: 300px; } + .gmap-md { height: 350px; } + .gmap-lg { height: 400px; } + .gmap-xl { height: 450px; } +} \ No newline at end of file diff --git a/assets/css/scss/elements/_page-scroll-progress.scss b/assets/css/scss/elements/_page-scroll-progress.scss new file mode 100644 index 0000000..f523e5b --- /dev/null +++ b/assets/css/scss/elements/_page-scroll-progress.scss @@ -0,0 +1,34 @@ +// +// Page Scroll Progress // +// +.page-progress-container { + position: fixed; + bottom: 0; + left: 0; + z-index: 999; + width: 100%; + height: 4px; +} +.page-progress-bar { + height: 4px; + width: 0%; + background-image: $gradient-1; + &.page-progress-gradient-2 { + background-image: $gradient-2; + } + &.page-progress-gradient-3 { + background-image: $gradient-3; + } + &.page-progress-gradient-4 { + background-image: $gradient-4; + } + &.page-progress-gradient-5 { + background-image: $gradient-5; + } + &.page-progress-gradient-6 { + background-image: $gradient-6; + } + &.page-progress-gradient-7 { + background-image: $gradient-7; + } +} \ No newline at end of file diff --git a/assets/css/scss/elements/_pie-chart.scss b/assets/css/scss/elements/_pie-chart.scss new file mode 100644 index 0000000..4a341fe --- /dev/null +++ b/assets/css/scss/elements/_pie-chart.scss @@ -0,0 +1,22 @@ +// +// Pie Chart styles // +// +.pie-chart { + position: relative; + display: inline-block; +} +.pie-chart-content { + position: absolute; + top: 50%; + left: 0; + @include transform(translateY(-50%)); + width: 100%; + margin-top: -3px; + padding: 0 20px; + text-align: center; +} +.pie-chart-content .percent { + &::after { + content: '%'; + } +} \ No newline at end of file diff --git a/assets/css/scss/elements/_progress-bar.scss b/assets/css/scss/elements/_progress-bar.scss new file mode 100644 index 0000000..aab2946 --- /dev/null +++ b/assets/css/scss/elements/_progress-bar.scss @@ -0,0 +1,109 @@ +// +// Animated Progress bar Styles // +// +.progress-box { + * { + margin: 0; + } + .animated-progress { + position: relative; + background: get-color("dark", 0.1); + height: 5px; + margin-top: 2px; + border-radius: 3px; + div { + position: absolute; + display: block; + background: get-color("dark"); + width: 50%; + height: 100%; + border-radius: 3px; + color: get-color("dark"); + @include transition(width 0.7s cubic-bezier(0.165, 0.84, 0.44, 1)); + @include transition-delay(0.1s); + &::after { + content: attr(data-progress) '%'; + position: absolute; + top: -24px; + right: 0; + } + } + } + &.progress-blue { + .animated-progress { + div { + background: $bg-color-blue; + } + } + } + &.progress-purple { + .animated-progress { + div { + background: $bg-color-purple; + } + } + } + &.progress-pink-edge { + .animated-progress { + div { + background: $bg-color-pink-edge; + } + } + } + &.progress-golden-yellow { + .animated-progress { + div { + background: $bg-color-golden-yellow; + } + } + } + &.progress-very-peri { + .animated-progress { + div { + background: $bg-color-very-peri; + } + } + } + &.progress-turquoise { + .animated-progress { + div { + background: $bg-color-turquoise; + } + } + } + &.progress-spring-red { + .animated-progress { + div { + background: $bg-color-spring-red; + } + } + } + &.progress-tan { + .animated-progress { + div { + background: $bg-color-tan; + } + } + } + &.progress-aqua { + .animated-progress { + div { + background: $bg-color-aqua; + } + } + } +} +.bg-black, +[class*='bg-dark'], +[class*='bg-gradient-'], +[class*='bg-color-'] { + .progress-box { + .animated-progress { + background: get-color("white", 0.3); + div { + background: white; + color: white; + } + } + } +} \ No newline at end of file diff --git a/assets/css/scss/elements/_section-divider.scss b/assets/css/scss/elements/_section-divider.scss new file mode 100644 index 0000000..955b4e0 --- /dev/null +++ b/assets/css/scss/elements/_section-divider.scss @@ -0,0 +1,98 @@ +// +// Section Dividers // +// +[class*='section-divider-'] { + position: relative; + overflow: hidden; + &:before { + content: ''; + position: absolute; + } +} +.section-divider-waves-top { + &:before { + top: -1px; + left: 0; + @include transform(rotate(180deg)); + background-image: url(../../assets/svg/waves.svg); + background-size: 100% 100%; + width: 100%; + height: 70px; + } +} +.section-divider-waves-bottom { + &:before { + bottom: -1px; + left: 0; + background-image: url(../../assets/svg/waves.svg); + background-size: 100% 100%; + width: 100%; + height: 70px; + } +} +.section-divider-wavesOpacity-top { + &:before { + top: -1px; + left: -5%; + background-image: url(../../assets/svg/wavesOpacity.svg); + background-size: 100% 100%; + width: 110%; + height: 70px; + } +} +.section-divider-wavesOpacity-bottom { + &:before { + bottom: -1px; + left: -5%; + @include transform(rotate(180deg)); + background-image: url(../../assets/svg/wavesOpacity.svg); + background-size: 100% 100%; + width: 110%; + height: 70px; + } +} +.section-divider-curve-top { + &:before { + top: 0; + left: -5%; + @include transform(rotate(180deg)); + background-image: url(../../assets/svg/curve.svg); + background-size: 100% 100%; + width: 110%; + height: 60px; + } +} +.section-divider-curve-bottom { + &:before { + bottom: 0; + left: -5%; + background-image: url(../../assets/svg/curve.svg); + background-size: 100% 100%; + width: 110%; + height: 60px; + } +} +@include breakpoint-less(md) { + .section-divider-waves-top, + .section-divider-waves-bottom { + &:before { + left: -20%; + width: 140%; + height: 50px; + } + } + .section-divider-wavesOpacity-top, + .section-divider-wavesOpacity-bottom { + &:before { + left: -25%; + width: 150%; + height: 50px; + } + } + .section-divider-curve-top, + .section-divider-curve-bottom { + &:before { + height: 50px; + } + } +} \ No newline at end of file diff --git a/assets/css/scss/elements/_slider.scss b/assets/css/scss/elements/_slider.scss new file mode 100644 index 0000000..09aea92 --- /dev/null +++ b/assets/css/scss/elements/_slider.scss @@ -0,0 +1,715 @@ +// +// Slider styles // +// +.owl-carousel { + &[data-owl-nav="true"] { + &:not([class*='owl-nav-']) { + padding: 0 56px; + @include breakpoint-less(md) { + padding: 0 48px; + } + } + } + .owl-item { + img { width: auto; } + } + .owl-nav { + position: absolute; + top: 50%; + right: 0; + left: 0; + @include transform(translateY(-50%)); + z-index: -1; + height: 36px; + button { + &.owl-prev { left: 0; } + &.owl-next { right: 0; } + &.owl-next, &.owl-prev { + position: absolute; + width: 36px; + height: 36px; + border-radius: 50%; + color: get-color("dark", 0.6); + @include transition(ease-out 0.16s); + i { + font-size: 1.3em; + line-height: 36px; + } + &:hover, &:focus { + background: $bg-gray; + color: black; + } + } + } + @include breakpoint-less(md) { + height: 32px; + button { + &.owl-next, &.owl-prev { + width: 32px; + height: 32px; + i { + font-size: 1em; + line-height: 32px; + } + } + } + } + } + &.owl-nav-left, &.owl-nav-right { + .owl-nav { + padding-bottom: 0; + } + } + .owl-dots { + margin-top: 20px; + margin-right: -2px; + margin-left: -2px; + text-align: center; + line-height: 0; + @include breakpoint-less(md) { + margin-top: 16px; + } + .owl-dot { + position: relative; + display: inline-block; + width: 20px; + height: 20px; + margin: 0 2px; + vertical-align: middle; + &:before, &:after { + content: ''; + position: absolute; + border-radius: 50%; + @include transition(ease-out 0.16s); + } + &:before { + top: 2px; + right: 2px; + bottom: 2px; + left: 2px; + opacity: 0; + background: transparent; + border: 1px solid black; + } + &:after { + top: 50%; + left: 50%; + @include transform(translate(-50%,-50%)); + opacity: 0.3; + background: black; + width: 6px; + height: 6px; + } + &:hover, &:focus, &.active { + &:after { + opacity: 1; + } + } + &.active { + &:before, &:after { + opacity: 1; + } + &:before { + top: 0; + right: 0; + bottom: 0; + left: 0; + } + } + } + } + &:not([data-owl-dots="false"], [class*='owl-dots-over']) { + .owl-nav { + margin-top: -20px; + @include breakpoint-less(md) { + margin-top: -18px; + } + } + } +} +.bg-black, +[class*='bg-dark'], +[class*='bg-gradient-'], +[class*='bg-color-'] { + .owl-carousel { + &:not([class*='owl-dots-over'], [class*='owl-nav-over']) { + .owl-nav { + button { + &.owl-next, &.owl-prev { + color: get-color("white", 0.7); + &:hover, &:focus { + background: get-color("white", 0.15); + color: white; + } + } + } + } + .owl-dots { + .owl-dot { + &:before { border-color: white; } + &:after { background: white; opacity: 0.5; } + &:hover, &:focus, &.active { + &:after { + opacity: 1; + } + } + } + } + } + } +} +[class*='bg-gray'], +[class*='bg-light'] { + .owl-carousel { + .owl-nav { + button { + &.owl-next, &.owl-prev { + &:hover, &:focus { + background: get-color("dark", 0.05); + } + } + } + } + } +} + +// +// Owl Nav - Left, Right // +// +.owl-carousel { + &.owl-nav-left, + &.owl-nav-right { + .owl-nav { + height: auto; + button { + position: static; + display: block; + margin: 8px 0; + &.owl-prev, &.owl-next { + right: auto; + left: auto; + } + } + } + } + &.owl-nav-left { + padding: 0 0 0 56px; + @include breakpoint-less(md) { + padding: 0 0 0 48px; + } + .owl-nav { + right: auto; + } + } + &.owl-nav-right { + padding: 0 56px 0 0; + @include breakpoint-less(md) { + padding: 0 48px 0 0; + } + .owl-nav { + left: auto; + } + } +} + +// +// Owl Nav Overlay // +// +.owl-carousel { + &.owl-nav-overlay { + .owl-nav { + z-index: 1; + padding-bottom: 0; + button { + &.owl-next, &.owl-prev { + opacity: 1; + background: get-color("dark", 0.3); + width: 50px; + height: 50px; + border: 0; + border-radius: 50%; + color: get-color("white", 0.8); + text-align: center; + i { + line-height: 50px; + } + &:hover, &:focus { + opacity: 1; + background: get-color("dark", 0.4); + color: white; + } + } + } + } + @include breakpoint-above(lg) { + .owl-nav { + opacity: 0; + @include transition(ease-out 0.16s); + } + &:hover { + .owl-nav { opacity: 1; } + } + } + @include breakpoint-less(md) { + .owl-nav { + display: none; + } + } + } + &.owl-nav-overlay { + .owl-nav { + height: 50px; + button { + &.owl-prev { left: 20px; } + &.owl-next { right: 20px; } + } + } + &:not([data-owl-dots="false"], [class*='owl-dots-over']) { + .owl-nav { + margin-top: -20px; + } + } + } +} + +// +// Owl Dots - Left, Right // +// +.owl-carousel { + &.owl-dots-left { + .owl-dots { text-align: left; } + } + &.owl-dots-right { + .owl-dots { text-align: right; } + } +} + +// +// Owl Dots Overlay // +// +.owl-carousel { + &.owl-dots-overlay { + .owl-dots { + position: absolute; + bottom: 20px; + background: get-color("dark", 0.3); + border-radius: 20px; + margin: 0; + padding: 5px; + @include breakpoint-less(md) { + bottom: 16px; + } + .owl-dot { + &:before { border-color: white; } + &:after { background: white; opacity: 0.5; } + &:hover, &:focus, &.active { + &:after { + opacity: 1; + } + } + } + } + } + &.owl-dots-overlay { + .owl-dots { + right: auto; + left: 50%; + @include transform(translateX(-50%)); + } + &.owl-nav-overlap-right { + .owl-dots { + margin-left: -12.5px; + } + } + &.owl-nav-left { + .owl-dots { + margin-left: 28px; + } + } + &.owl-nav-right { + .owl-dots { + margin-left: -28px; + } + } + @include breakpoint-above(lg) { + &.owl-nav-overlap-left { + .owl-dots { + margin-left: 12.5px; + } + } + } + @include breakpoint-less(md) { + &.owl-nav-overlap-left, &.owl-nav-overlap-right { + .owl-dots { + margin-left: -10px; + } + } + } + } +} + +// +// Owl Dots Overlap // +// +.owl-carousel { + &.owl-dots-overlap, + &.owl-dots-overlap-left, + &.owl-dots-overlap-right { + .owl-dots { + position: absolute; + bottom: 0; + background: white; + border-radius: 20px; + @include box-shadow(0 6px 30px 0 rgba(22,24,26,0.13)); + margin: 0; + padding: 5px; + &:hover, &:focus { + @include box-shadow(0 6px 36px 0 rgba(22,24,26,0.19)); + } + .owl-dot { + &:before { border-color: get-color("dark"); } + &:after { background: get-color("dark"); opacity: 0.3; } + &:hover, &:focus, &.active { + &:after { + opacity: 1; + } + } + } + } + } + &.owl-dots-overlap { + .owl-dots { + right: auto; + left: 50%; + @include transform(translateY(50%) translateX(-50%)); + } + &.owl-nav-left { + .owl-dots { + margin-left: 28px; + } + } + &.owl-nav-right { + .owl-dots { + margin-left: -28px; + } + } + &.owl-nav-overlap-right { + .owl-dots { + margin-left: -12.5px; + } + } + @include breakpoint-above(lg) { + &.owl-nav-overlap-left { + .owl-dots { + margin-left: 12.5px; + } + } + } + } + + &.owl-dots-overlap-left, + &.owl-dots-overlap-right { + .owl-dots { + @include transform(translateY(50%)); + } + } + &.owl-dots-overlap-left { + .owl-dots { + right: auto; + left: 20px; + @include breakpoint-less(md) { + left: 16px; + } + } + &[data-owl-nav="true"], &.owl-nav-left { + &:not(.owl-nav-right, [class*='owl-nav-over']) { + .owl-dots { + left: 76px; + @include breakpoint-less(md) { + left: 64px; + } + } + } + } + &.owl-nav-overlap { + .owl-dots { + left: 45px; + } + } + @include breakpoint-above(lg) { + &.owl-nav-overlap-left { + .owl-dots { + left: 45px; + } + } + } + } + &.owl-dots-overlap-right { + .owl-dots { + right: 20px; + left: auto; + @include breakpoint-less(md) { + right: 16px; + } + } + &[data-owl-nav="true"], &.owl-nav-right { + &:not(.owl-nav-left, [class*='owl-nav-over']) { + .owl-dots { + right: 76px; + @include breakpoint-less(md) { + right: 64px; + } + } + } + } + &.owl-nav-overlap, &.owl-nav-overlap-right { + .owl-dots { + right: 45px; + @include breakpoint-less(md) { + right: 36px; + } + } + } + } +} + +// +// Owl Nav Overlap // +// +.owl-carousel { + &.owl-nav-overlap { + padding: 0 25px; + .owl-nav { + right: 25px; + left: 25px; + z-index: 1; + height: 50px; + button { + opacity: 1; + background: white; + width: 50px; + height: 50px; + border-radius: 50%; + @include box-shadow(0 10px 36px 0 rgba(22,24,26,0.13)); + color: get-color("dark"); + &.owl-prev { + right: auto; + left: 0; + @include transform(translateX(-50%)); + } + &.owl-next { + right: 0; + left: auto; + @include transform(translateX(50%)); + } + &:hover, &:focus { + opacity: 1; + background: white; + color: get-color("dark"); + @include box-shadow(0 10px 40px 0 rgba(22,24,26,0.19)); + } + } + } + &:not([data-owl-dots="false"], [class*='owl-dots-over']) { + .owl-nav { + margin-top: -20px; + @include breakpoint-less(md) { + margin-top: -18px; + } + } + } + @include breakpoint-less(md) { + padding: 0 20px; + .owl-nav { + right: 20px; + left: 20px; + height: 40px; + button.owl-prev, + button.owl-next { + width: 40px; + height: 40px; + } + } + } + } + &.owl-nav-overlap-left { + @include breakpoint-above(lg) { + padding: 0 0 0 25px; + .owl-nav { + left: 25px; + right: auto; + @include transform(translateY(-50%) translateX(-50%)); + } + } + } + &.owl-nav-overlap-right { + padding: 0 25px 0 0; + .owl-nav { + left: auto; + right: 25px; + @include transform(translateY(-50%) translateX(50%)); + } + } + &.owl-nav-overlap-left, + &.owl-nav-overlap-right { + .owl-nav { + z-index: 1; + width: 50px; + height: auto; + padding-bottom: 0; + button.owl-prev, + button.owl-next { + position: static; + right: 0; + left: 0; + opacity: 1; + background: white; + width: 50px; + height: 50px; + margin: 4px 0; + border-radius: 50%; + @include box-shadow(0 10px 36px 0 rgba(22,24,26,0.13)); + color: get-color("dark"); + &:hover, &:focus { + opacity: 1; + background: white; + @include box-shadow(0 10px 40px 0 rgba(22,24,26,0.19)); + color: get-color("dark"); + } + } + } + &:not([data-owl-dots="false"], [class*='owl-dots-over']) { + .owl-nav { + margin-top: -20px; + @include breakpoint-less(md) { + margin-top: -18px; + } + } + } + @include breakpoint-less(md) { + padding: 0 20px 0 0; + .owl-nav { + left: auto; + right: 20px; + @include transform(translateY(-50%) translateX(50%)); + width: 40px; + button.owl-prev, + button.owl-next { + width: 40px; + height: 40px; + } + } + } + } +} + + +// +// Swiper // +// +.hero-portfolio-slider { + @include breakpoint-less(md) { + padding: 0 30px; + } + .swiper-wrapper { + .swiper-slide { + @include transform(scale(0.9)); + opacity: 0.9; + @include transition(ease-in 0.16s); + &.swiper-slide-active { + @include transform(scale(1)); + opacity: 1; + } + } + } + .swiper-pagination { + .swiper-pagination-bullet { + position: relative; + display: inline-block; + opacity: 1; + background: transparent; + width: 20px; + height: 20px; + margin: 0 2px; + vertical-align: middle; + &:before, &:after { + content: ''; + position: absolute; + border-radius: 50%; + @include transition(ease-out 0.16s); + } + &:before { + top: 2px; + right: 2px; + bottom: 2px; + left: 2px; + opacity: 0; + background: transparent; + border: 1px solid black; + } + &:after { + top: 50%; + left: 50%; + @include transform(translate(-50%,-50%)); + opacity: 0.3; + background: black; + width: 6px; + height: 6px; + } + &:hover, &:focus, &.swiper-pagination-bullet-active { + &:after { + opacity: 1; + } + } + &.swiper-pagination-bullet-active { + &:before, &:after { + opacity: 1; + } + &:before { + top: 0; + right: 0; + bottom: 0; + left: 0; + } + } + } + &.swiper-pagination-horizontal { + position: absolute; + bottom: 20px; + left: 50%; + @include transform(translateX(-50%)); + background: get-color("dark", 0.3); + width: auto; + border-radius: 20px; + margin: 0; + padding: 5px; + @include breakpoint-less(md) { + bottom: 16px; + } + .swiper-pagination-bullet { + &:before { border-color: white; } + &:after { background: white; opacity: 0.5; } + &:hover, &:focus, &.swiper-pagination-bullet-active { + &:after { + opacity: 1; + } + } + } + } + } +} + +// +// Sliding Text // +// +.sliding-text, +.sliding-text-reverse { + .swiper-slide { + width: auto; + } +} +.sliding-boxes .swiper-wrapper, +.sliding-text .swiper-wrapper, +.sliding-text-reverse .swiper-wrapper { + transition-timing-function: linear; +} \ No newline at end of file diff --git a/assets/css/scss/elements/_team.scss b/assets/css/scss/elements/_team.scss new file mode 100644 index 0000000..6b95fa0 --- /dev/null +++ b/assets/css/scss/elements/_team.scss @@ -0,0 +1,129 @@ +// +// Team Styles // +// +.team-wrapper { + .team-box { + text-align: center; + .team-img { + position: relative; + overflow: hidden; + margin-bottom: 20px; + img { + @include transform(scale(1)); + width: 100%; + @include transition(transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)); + } + div { + position: absolute; + top: 0; + left: 0; + opacity: 0; + background: get-color("dark", 0.4); + width: 100%; + height: 100%; + text-align: center; + @include transition(ease-out 0.12s); + ul { + list-style-type: none; + position: absolute; + top: 50%; + right: 0; + left: 0; + @include transform(translateY(-50%) scale(0.96)); + margin: 0 -7px; + padding: 0 30px; + @include transition(ease-out 0.12s); + li { + display: inline-block; + margin: 0 7px; + a { + &:not([class^='button'], [class^="link-social"]) { + color: white; + &:hover { + color: get-color("white", 0.7); + } + } + } + } + } + } + &:hover { + img { + @include transform(scale(1.04)); + @include filter(blur(1.5px)); + } + div { + opacity: 1; + ul { + @include transform(translateY(-50%) scale(1)); + } + } + } + } + span { + color: $color-primary-lighter; + } + } + &.team-box-hover-2 { + .team-box { + .team-img { + div { + top: auto; + bottom: 16px; + right: 16px; + left: 16px; + @include transform(translateY(5px)); + background: white; + width: auto; + height: auto; + padding: 15px 20px; + ul { + position: static; + top: auto; + @include transform(translateY(0) scale(1)); + padding: 0; + li { + a { + &:not([class^='button'], [class^="link-social"]) { + color: $color-primary; + &:hover, &:focus { color: get-color("dark"); } + } + } + } + } + } + &:hover { + img { + @include filter(blur(0)); + } + div { + @include transform(translateY(0)); + ul { + @include transform(translateY(0) scale(1)); + } + } + } + } + } + } + &[class*='border-radius'] { + .team-box { + .team-img { + @include transform(translate3d(0,0,0)); + overflow: hidden; + } + } + } + &.border-radius { + .team-box .team-img { border-radius: 0.4em; } + } + &.border-radius-1 { + .team-box .team-img { border-radius: 1.0em; } + } +} +.text-start { + .team-box { text-align: left; } +} +.text-end { + .team-box { text-align: right; } +} \ No newline at end of file diff --git a/assets/css/scss/elements/_testimonial.scss b/assets/css/scss/elements/_testimonial.scss new file mode 100644 index 0000000..37b412b --- /dev/null +++ b/assets/css/scss/elements/_testimonial.scss @@ -0,0 +1,125 @@ +// +// Testimonial Styles // +// +.testimonial-box { + max-width: 730px; + margin: 0 auto; + text-align: center; + img { + width: 80px; + height: 80px; + border-radius: 50%; + margin-right: auto; + margin-left: auto; + } +} +// +// Testimonial Grid // +// +.testimonial-grid { + overflow: hidden; + + &.column-2 { + @include breakpoint-above(lg) { + .testimonial-grid-box { + width: 50%; + } + } + } + &.column-1 { + .testimonial-grid-box { + width: 100%; + padding: 30px 0; + } + } + + .testimonial-grid-box { + position: relative; + float: left; + width: 33.3%; + padding: 30px; + &:before, &:after { + content: ''; + position: absolute; + } + &:before { + top: 0; + left: -1px; + height: 100%; + border-left: 1px dashed get-color("dark", 0.1); + } + &:after { + left: 0; + bottom: -1px; + width: 100%; + border-bottom: 1px dashed get-color("dark", 0.1); + } + .testimonial-img { + float: left; + margin-right: 20px; + img { + width: 80px; + height: 80px; + border-radius: 50%; + } + } + .testimonial-content { + overflow: hidden; + } + } + @include breakpoint-less(md) { + .testimonial-grid-box { + width: 50%; + } + } + @include breakpoint-less(sm) { + .testimonial-grid-box { + width: 100%; + padding: 30px 0; + } + } + // + // Border Style - Solid // + // + &.border-style-solid { + border: 0; + .testimonial-grid-box { + &:before { border-left-style: solid; } + &:after { border-bottom-style: solid; } + } + } + // + // Border Style - Dotted // + // + &.border-style-dotted { + border: 0; + .testimonial-grid-box { + &:before { border-left-style: dotted; } + &:after { border-bottom-style: dotted; } + } + } + // + // Borderless // + // + &.border-0 { + margin: -15px; + .testimonial-grid-box { + padding: 15px; + &:before, &:after { border: 0; } + } + } + @include breakpoint-less(sm) { + &.border-0 { + margin: -15px 0; + .testimonial-grid-box { padding: 15px 0; } + } + } +} +.bg-black, +[class*='bg-dark'], +[class*='bg-gradient-'], +[class*='bg-color-'] { + .testimonial-grid-box { + &:before, &:after { border-color: get-color("white", 0.2); } + } +} \ No newline at end of file diff --git a/assets/css/scss/elements/_text-link.scss b/assets/css/scss/elements/_text-link.scss new file mode 100644 index 0000000..4cc1114 --- /dev/null +++ b/assets/css/scss/elements/_text-link.scss @@ -0,0 +1,215 @@ +// +// Text Link Styles // +// +*[class*='text-link-'] { + color: get-color("dark", 0.9); + &:hover, &:focus { + color: get-color("dark"); + } +} +.text-link-1 { + &:hover { text-decoration: underline; } +} +.text-link-2 { + position: relative; + &:before { + content: ''; + position: absolute; + bottom: -2px; + background: get-color("dark", 0.9); + width: 0; + height: 1px; + @include transition(all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1)); + } + &:hover { + &:before { + width: 100%; + } + } +} +.text-link-2 { + &:before { left: 0; } +} +.text-link-3 { + position: relative; + &:before { + content: ''; + position: absolute; + bottom: -2px; + left: 0; + @include transform(translateY(3px)); + opacity: 0; + background: get-color("dark", 0.9); + width: 100%; + height: 1px; + @include transition(linear 0.1s); + } + &:hover { + &:before { + @include transform(translateY(0)); + opacity: 1; + } + } +} +.text-link-4 { + position: relative; + &:before, &:after { + content: ''; + position: absolute; + bottom: -2px; + height: 1px; + @include transition(all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1)); + } + &:before { + left: 0; + background: get-color("dark", 0.2); + width: 100%; + } + &:after { + background: get-color("dark", 0.9); + width: 0; + } + &:hover { + &:after { + width: 100%; + } + } +} +.text-link-4 { + &:after { left: 0; } +} +.text-link-5 { + position: relative; + &:before, &:after { + content: ''; + position: absolute; + bottom: -2px; + left: 0; + width: 100%; + height: 1px; + @include transition(linear 0.1s); + } + &:before { + background: get-color("dark", 0.2); + } + &:after { + opacity: 0; + @include transform(translateY(3px)); + background: get-color("dark", 0.9); + } + &:hover { + &:before { + opacity: 0; + } + &:after { + @include transform(translateY(0)); + opacity: 1; + } + } +} +.text-link-6 { + position: relative; + &:before { + content: ''; + position: absolute; + bottom: 4px; + left: 0; + background: get-color("dark", 0.2); + width: 0; + height: 6px; + @include transition(all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1)); + } + &:hover { + &:before { + width: 100%; + } + } +} + +.bg-black, +[class*='bg-dark'], +[class*='bg-gradient-'], +[class*='bg-color-'] { + *[class*='text-link-'] { + color: get-color("white", 0.8); + &:hover, &:focus { + color: white; + } + } + .text-link-2, .text-link-3 { + &:before { background: white; } + } + .text-link-4, .text-link-5 { + &:before { background: get-color("white", 0.3); } + &:after { background: white; } + } + .text-link-6 { + &:before { background: get-color("white", 0.3); } + } +} + +[class*='link-social-'] { + &:hover { + opacity: 0.7; + } +} +.link-social-facebook { + color: $color-facebook; + &:hover { + color: $color-facebook; + } +} +.link-social-twitter { + color: $color-twitter; + &:hover { + color: $color-twitter; + } +} +.link-social-instagram { + color: $color-instagram; + &:hover { + color: $color-instagram; + } +} +.link-social-linkedin { + color: $color-linkedin; + &:hover { + color: $color-linkedin; + } +} +.link-social-youtube { + color: $color-youtube; + &:hover { + color: $color-youtube; + } +} +.link-social-pinterest { + color: $color-pinterest; + &:hover { + color: $color-pinterest; + } +} +.link-social-skype { + color: $color-skype; + &:hover { + color: $color-skype; + } +} +.link-social-dribbble { + color: $color-dribbble; + &:hover { + color: $color-dribbble; + } +} +.link-social-snapchat { + color: $color-snapchat; + &:hover { + color: $color-snapchat; + } +} +.link-social-whatsapp { + color: $color-whatsapp; + &:hover { + color: $color-whatsapp; + } +} \ No newline at end of file diff --git a/assets/css/scss/elements/_timeline.scss b/assets/css/scss/elements/_timeline.scss new file mode 100644 index 0000000..2ae3f91 --- /dev/null +++ b/assets/css/scss/elements/_timeline.scss @@ -0,0 +1,246 @@ +// +// Timeline Styles // +// +.timeline-wrapper { + position: relative; + &:before { + content: ''; + position: absolute; + top: 0; + background: $border-gray; + width: 1px; + height: 100%; + } + .timeline { + .timeline-date { + position: relative; + &:before { + content: ''; + position: absolute; + top: 31px; + background: $border-gray; + width: 20px; + height: 20px; + border-radius: 50%; + } + &:after { + content: ''; + position: absolute; + top: 37px; + background: get-color("dark"); + width: 8px; + height: 8px; + border-radius: 50%; + } + } + } +} +@include breakpoint-above(lg) { + .timeline-wrapper { + position: relative; + &:before { + left: 50%; + @include transform(translateX(-50%)); + } + .timeline { + position: relative; + .timeline-date, .timeline-content { + width: 50%; + padding: 30px; + } + .timeline-date { + position: absolute; + top: 0; + left: 0; + text-align: right; + &:before { + right: -10px; + } + &:after { + right: -4px; + } + h1,h2,h3,h4,h5,h6 { + position: relative; + text-align: right; + } + } + .timeline-content { + margin-left: 50%; + } + &:nth-child(even) { + .timeline-date { + left: 50%; + text-align: left; + &:before { + right: auto; + left: -10px; + } + &:after { + right: auto; + left: -4px; + } + h1,h2,h3,h4,h5,h6 { + text-align: left; + } + } + .timeline-content { + margin-left: 0; + text-align: right; + } + } + } + // + // Timeline left // + // + &.timeline-left { + &:before { + left: 200px; + @include transform(translateX(0)); + } + .timeline { + .timeline-date { + width: 200px; + padding: 30px 30px 0 0; + } + .timeline-content { + width: auto; + margin: 0 0 0 200px; + padding: 30px 0 0 30px; + text-align: left; + } + &:nth-child(even) { + .timeline-date { + left: auto; + text-align: right; + &:before { + right: -10px; + left: auto; + } + &:after { + right: -4px; + left: auto; + } + h1,h2,h3,h4,h5,h6 { + text-align: right; + } + } + } + &:last-child { + .timeline-date, .timeline-content { + padding-bottom: 30px; + } + } + } + } + // + // Timeline Right // + // + &.timeline-right { + &:before { + right: 200px; + left: auto; + @include transform(translateX(0)); + } + .timeline { + .timeline-date { + right: 0; + left: auto; + width: 200px; + padding: 30px 0 0 30px; + text-align: left; + &:before { + right: auto; + left: -10px; + } + &:after { + right: auto; + left: -4px; + } + h1,h2,h3,h4,h5,h6 { + text-align: left; + } + } + .timeline-content { + width: auto; + margin: 0 200px 0 0; + padding: 30px 30px 0 0; + text-align: right; + } + &:nth-child(even) { + .timeline-date { + left: auto; + text-align: left; + &:before { + left: -10px; + } + &:after { + left: -4px; + } + h1,h2,h3,h4,h5,h6 { + text-align: left; + } + } + } + &:last-child { + .timeline-date, .timeline-content { + padding-bottom: 30px; + } + } + } + } // end Timeline Right // + } +} +@include breakpoint-less(md) { + .timeline-wrapper { + padding-left: 30px; + &:before { + left: 0; + } + .timeline { + margin-bottom: 30px; + &:first-child { + padding-top: 30px; + } + &:last-child { + margin-bottom: 0; + padding-bottom: 30px; + } + .timeline-date { + &:before { + top: 1px; + left: -40px; + } + &:after { + top: 7px; + left: -34px; + } + } + } + } +} +@include breakpoint-less(xs) { + .timeline-wrapper { + padding-left: 20px; + .timeline { + .timeline-date { + &:before { left: -30px; } + &:after { left: -24px; } + } + } + } +} + +.bg-black, +[class*='bg-dark'], +[class*='bg-gradient-'], +[class*='bg-color-'] { + .timeline-wrapper { + &:before { background: get-color("white", 0.2); } + .timeline { + .timeline-date { + &:before { background: get-color("white", 0.2); } + &:after { background: white; } + } + } + } +} \ No newline at end of file diff --git a/assets/css/scss/helpers/_custom.scss b/assets/css/scss/helpers/_custom.scss new file mode 100644 index 0000000..d1701d5 --- /dev/null +++ b/assets/css/scss/helpers/_custom.scss @@ -0,0 +1,3 @@ +// +// Your Custom Styles // +// \ No newline at end of file diff --git a/assets/css/scss/helpers/_mixins.scss b/assets/css/scss/helpers/_mixins.scss new file mode 100644 index 0000000..912ad47 --- /dev/null +++ b/assets/css/scss/helpers/_mixins.scss @@ -0,0 +1,97 @@ +// +// Mixins // +// +@mixin display-flex { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +@mixin background-size($background-size) { + -webkit-background-size: $background-size; + -moz-background-size: $background-size; + background-size: $background-size; +} + +@mixin box-shadow($box-shadow) { + -webkit-box-shadow: $box-shadow; + box-shadow: $box-shadow; +} + +@mixin text-shadow($text-shadow) { + -webkit-text-shadow: $text-shadow; + text-shadow: $text-shadow; +} + +@mixin filter($filter) { + -webkit-filter: $filter; + filter: $filter; +} + +@mixin transition($transition) { + -webkit-transition: $transition; + transition: $transition; +} +@mixin transition-delay($transition-delay) { + -webkit-transition-delay: $transition-delay; + transition-delay: $transition-delay; +} +@mixin transition-duration($transition-duration) { + -webkit-transition-duration: $transition-duration; + transition-duration: $transition-duration; +} + +@mixin transform($transform) { + -webkit-transform: $transform; + transform: $transform; +} +@mixin transform-origin($transform-origin) { + -webkit-transform-origin: $transform-origin; + transform-origin: $transform-origin; +} + +@mixin animation($animation) { + -webkit-animation: $animation; + animation: $animation; +} +@mixin animation-delay($animation-delay) { + -webkit-animation-delay: $animation-delay; + animation-delay: $animation-delay; +} +@mixin animation-fill-mode($animation-fill-mode) { + -webkit-animation-fill-mode: $animation-fill-mode; + animation-fill-mode: $animation-fill-mode; +} + +@mixin breakpoint-above($class) { + @if $class == xs { + @media (min-width: 0) { @content; } + } + @else if $class == sm { + @media (min-width: 576px) { @content; } + } + @else if $class == md { + @media (min-width: 768px) { @content; } + } + @else if $class == lg { + @media (min-width: 992px) { @content; } + } + @else if $class == xl { + @media (min-width: 1200px) { @content; } + } +} +@mixin breakpoint-less($class) { + @if $class == xs { + @media (max-width: 575.98px) { @content; } + } + @else if $class == sm { + @media (max-width: 767.98px) { @content; } + } + @else if $class == md { + @media (max-width: 991.98px) { @content; } + } + @else if $class == lg { + @media (max-width: 1199.98px) { @content; } + } +} \ No newline at end of file diff --git a/assets/css/scss/helpers/_utilities.scss b/assets/css/scss/helpers/_utilities.scss new file mode 100644 index 0000000..f577fdb --- /dev/null +++ b/assets/css/scss/helpers/_utilities.scss @@ -0,0 +1,464 @@ +:root { + --bs-dark-rgb: 24, 28, 32; + --bs-border-color: get-color("dark", 0.1); +} + +// +// Background colors // +// +@each $name, $rgb in $colors { + @for $i from 1 through 9 { + .bg-#{$name}-0#{$i} { + background: rgba(nth($rgb, 1), nth($rgb, 2), nth($rgb, 3), $i * 0.1); + } + } +} +@each $name, $rgb in $colors { + @for $i from 1 through 9 { + .bg-color-#{$name}-0#{$i} { + background: rgba(nth($rgb, 1), nth($rgb, 2), nth($rgb, 3), $i * 0.1); + } + } +} + +.bg-dark-lighter { background: $bg-dark-lighter; } +.bg-dark-lightest { background: $bg-dark-lightest; } +.bg-dark { background: get-color("dark"); } +.bg-gray { background: $bg-gray; } +.bg-gray-lighter { background: $bg-gray-lighter; } +.bg-gray-lightest { background: $bg-gray-lightest; } + +// +// Light Backgrounds // +// +.bg-light-blue { background: $bg-light-blue; } +.bg-light-purple { background: $bg-light-purple; } +.bg-light-pink-edge { background: $bg-light-pink-edge; } +.bg-light-golden-yellow { background: $bg-light-golden-yellow; } +.bg-light-very-peri { background: $bg-light-very-peri; } +.bg-light-turquoise { background: $bg-light-turquoise; } +.bg-light-spring-red { background: $bg-light-spring-red; } +.bg-light-tan { background: $bg-light-tan; } +.bg-light-aqua { background: $bg-light-aqua; } + +// +// Color Backgrounds // +// +.bg-color-blue { background: get-color("blue"); } +.bg-color-purple { background: get-color("purple"); } +.bg-color-golden-yellow { background: get-color("golden-yellow"); } +.bg-color-pink-edge { background: get-color("pink-edge"); } +.bg-color-very-peri { background: get-color("very-peri"); } +.bg-color-turquoise { background: get-color("turquoise"); } +.bg-color-spring-red { background: get-color("spring-red"); } +.bg-color-tan { background: get-color("tan"); } +.bg-color-aqua { background: get-color("aqua"); } + +// +// Gradient Backgrounds // +// +.bg-gradient-1 { background-image: $gradient-1; } +.bg-gradient-2 { background-image: $gradient-2; } +.bg-gradient-3 { background-image: $gradient-3; } +.bg-gradient-4 { background-image: $gradient-4; } +.bg-gradient-5 { background-image: $gradient-5; } +.bg-gradient-6 { background-image: $gradient-6; } +.bg-gradient-7 { background-image: $gradient-7; } + +.bg-white-content { + color: $color-primary; + h1,h2,h3,h4,h5,h6 { color: get-color("dark"); } + a { + &:not([class^='button']) { + color: get-color("dark", 0.9); + &:hover, &:focus { color: get-color("dark"); } + } + } +} +.bg-dark-content { + color: get-color("white", 0.7); + h1,h2,h3,h4,h5,h6 { color: white; } + a { + &:not([class^='button']) { + color: get-color("white", 0.9); + &:hover, &:focus { color: white; } + } + } +} +[class*='bg-white'] { + @extend .bg-white-content; +} +.bg-black, +[class*='bg-dark'], +[class*='bg-gradient-'], +[class*='bg-color-'] { + @extend .bg-dark-content; + [class*='bg-white'] { + @extend .bg-white-content; + } +} + +// +// Font Families // +// +.font-family-primary { font-family: $font-family-primary } +.font-family-playfair { font-family: $font-family-playfair } +.font-family-poppins { font-family: $font-family-poppins } +.font-family-nunito { font-family: $font-family-nunito } +.font-family-outfit { font-family: $font-family-outfit } + +// +// Font Weights // +// +.fw-thin { font-weight: $font-weight-thin; } +.fw-medium { font-weight: $font-weight-medium; } +.fw-semi-bold { font-weight: $font-weight-semi-bold; } +.fw-black { font-weight: $font-weight-black; } + +// +// Text Colors // +// +@for $i from 1 through 9 { + *.text-white-0#{$i} { + color: rgba(nth($color-white, 1), nth($color-white, 2), nth($color-white, 3), $i * 0.1); + } +} +@for $i from 1 through 9 { + *.text-dark-0#{$i} { + color: rgba(nth($color-dark, 1), nth($color-dark, 2), nth($color-dark, 3), $i * 0.1); + } +} + +*.text-dark { color: get-color("dark"); } +*.text-red { color: $color-red-lighter; } +*.text-green { color: $color-green-lighter; } +*.text-blue { color: get-color("blue"); } +*.text-purple { color: get-color("purple"); } +*.text-golden-yellow { color: get-color("golden-yellow"); } +*.text-pink-edge { color: get-color("pink-edge"); } +*.text-very-peri { color: get-color("very-peri"); } +*.text-turquoise { color: get-color("turquoise"); } +*.text-spring-red { color: get-color("spring-red"); } +*.text-tan { color: get-color("tan"); } +*.text-aqua { color: get-color("aqua"); } + +[class*='text-gradient'] { + display: inline-block; +} +.text-gradient-1 { + background-image: $gradient-1; + -webkit-background-clip: text; + background-clip: text; + -webkit-text-fill-color: transparent; +} +.text-gradient-2 { + background-image: $gradient-2; + -webkit-background-clip: text; + background-clip: text; + -webkit-text-fill-color: transparent; +} +.text-gradient-3 { + background-image: $gradient-3; + -webkit-background-clip: text; + background-clip: text; + -webkit-text-fill-color: transparent; +} +.text-gradient-4 { + background-image: $gradient-4; + -webkit-background-clip: text; + background-clip: text; + -webkit-text-fill-color: transparent; +} +.text-gradient-5 { + background-image: $gradient-5; + -webkit-background-clip: text; + background-clip: text; + -webkit-text-fill-color: transparent; +} +.text-gradient-6 { + background-image: $gradient-6; + -webkit-background-clip: text; + background-clip: text; + -webkit-text-fill-color: transparent; +} +.text-gradient-7 { + background-image: $gradient-7; + -webkit-background-clip: text; + background-clip: text; + -webkit-text-fill-color: transparent; +} + + +// +// Text Highlight // +// +[class*='text-highlight'] { + position: relative; + display: inline-block; + &:before { + content: ''; + position: absolute; + bottom: -2px; + left: 0; + width: 100%; + height: 4px; + border-radius: 2px; + } +} +.text-highlight { + &:before { background: get-color("dark", 0.2); } +} +.text-highlight-gradient { + &:before { background-image: $gradient-1; } +} +.text-highlight-gradient-2 { + &:before { background-image: $gradient-2; } +} +.text-highlight-gradient-3 { + &:before { background-image: $gradient-3; } +} +.text-highlight-gradient-4 { + &:before { background-image: $gradient-4; } +} +.text-highlight-gradient-5 { + &:before { background-image: $gradient-5; } +} +.text-highlight-gradient-6 { + &:before { background-image: $gradient-6; } +} +.text-highlight-gradient-7 { + &:before { background-image: $gradient-7; } +} +h1,h2 { + &[class*='text-highlight'] { + &:before { + bottom: -2px; + height: 6px; + border-radius: 3px; + } + } +} +h3 { + &[class*='text-highlight'] { + &:before { + bottom: -2px; + height: 5px; + border-radius: 3px; + } + } +} +h1 { + &.display-1 { + &[class*='text-highlight'] { + &:before { + bottom: -8px; + height: 10px; + border-radius: 5px; + } + } + } + &.display-2 { + &[class*='text-highlight'] { + &:before { + bottom: -6px; + height: 8px; + border-radius: 4px; + } + } + } + &.display-3 { + &[class*='text-highlight'] { + &:before { + bottom: -6px; + height: 8px; + border-radius: 4px; + } + } + } + &.display-4 { + &[class*='text-highlight'] { + &:before { + bottom: -6px; + height: 7px; + border-radius: 4px; + } + } + } +} +.bg-black, +[class*='bg-dark'], +[class*='bg-gradient-'], +[class*='bg-color-'] { + .text-highlight { + &:before { + background: get-color("white", 0.3); + } + } +} + +// +// Stroke Text // +// +.stroke-text { + color: get-color("dark"); + -webkit-text-fill-color: transparent; + -webkit-text-stroke-width: 1.0px; + -webkit-text-stroke-color: get-color("dark"); + @include breakpoint-above(md) { + -webkit-text-stroke-width: 1.2px; + } + @include breakpoint-above(lg) { + -webkit-text-stroke-width: 1.4px; + } +} +.bg-black, +[class*='bg-dark'], +[class*='bg-gradient-'], +[class*='bg-color-'] { + .stroke-text { + color: white; + -webkit-text-stroke-color: white; + } + .bg-white, + [class*='bg-white'] { + .stroke-text { + color: get-color("dark"); + -webkit-text-stroke-color: get-color("dark"); + } + } +} + +// +// Fancy Text // +// +.fancy-text { + -webkit-text-fill-color: transparent; + -webkit-text-stroke-width: 1.0px; + -webkit-text-stroke-color: get-color("dark"); + @include text-shadow(3px 3px 0 rgb(219, 221, 223)); + @include breakpoint-above(md) { -webkit-text-stroke-width: 1.2px; } + @include breakpoint-above(lg) { -webkit-text-stroke-width: 1.4px; } + &.display-1, &.display-2, &.display-3 { + @include text-shadow(4px 4px 0 rgb(219, 221, 223)); + } + @include breakpoint-above(md) { + &.display-1, &.display-2, &.display-3 { + @include text-shadow(5px 5px 0 rgb(219, 221, 223)); + } + &.display-4 { + @include text-shadow(4px 4px 0 rgb(219, 221, 223)); + } + } +} +.bg-black, +[class*='bg-dark'], +[class*='bg-gradient-'], +[class*='bg-color-'] { + .fancy-text { + color: white; + -webkit-text-stroke-color: white; + @include text-shadow(3px 3px 0 rgb(46, 48, 50)); + &.display-1, &.display-2, &.display-3 { + @include text-shadow(4px 4px 0 rgb(46, 48, 50)); + } + @include breakpoint-above(md) { + &.display-1, &.display-2, &.display-3 { + @include text-shadow(5px 5px 0 rgb(46, 48, 50)); + } + &.display-4 { + @include text-shadow(4px 4px 0 rgb(46, 48, 50)); + } + } + } + [class*='bg-white'] { + .fancy-text { + color: get-color("dark"); + -webkit-text-stroke-color: get-color("dark"); + @include text-shadow(3px 3px 0 rgb(219, 221, 223)); + &.display-1, &.display-2, &.display-3 { + @include text-shadow(4px 4px 0 rgb(219, 221, 223)); + } + @include breakpoint-above(md) { + &.display-1, &.display-2, &.display-3 { + @include text-shadow(5px 5px 0 rgb(219, 221, 223)); + } + &.display-4 { + @include text-shadow(4px 4px 0 rgb(219, 221, 223)); + } + } + } + } +} + +// +// Borders // +// +.border-top, +.border-right, +.border-bottom, +.border-left { + border-width: 0; + border-style: solid; + border-color: get-color("dark", 0.1); +} +.border-top { border-top-width: 1px; } +.border-right { border-right-width: 1px; } +.border-bottom { border-bottom-width: 1px; } +.border-left { border-left-width: 1px; } + +.bg-black, +[class*='bg-dark'], +[class*='bg-gradient-'], +[class*='bg-color-'] { + .border, .border-top, .border-right, .border-bottom, .border-left { + border-color: get-color("white", 0.2) !important; + } +} + +// +// Border Styles // +// +.border-style-dotted { border-style: dotted; } +.border-style-dashed { border-style: dashed; } + +// +// Negative Margin // +// +.n-margin-1 { + margin-top: -1rem; +} +.n-margin-2 { + margin-top: -2rem; +} +.n-margin-3 { + margin-top: -3rem; +} +.n-margin-4 { + margin-top: -4rem; +} +.n-margin-5 { + margin-top: -5rem; +} +.n-margin-6 { + margin-top: -6rem; +} + +// +// Backdrop Filter // +// +.backdrop-filter-blur { + backdrop-filter: blur(5px); +} + +// +// Opacity // +// +.opacity-10 { + opacity: 0.1; +} +.opacity-15 { + opacity: 0.15; +} +.opacity-20 { + opacity: 0.2; +} \ No newline at end of file diff --git a/assets/css/scss/helpers/_variables.scss b/assets/css/scss/helpers/_variables.scss new file mode 100644 index 0000000..5770563 --- /dev/null +++ b/assets/css/scss/helpers/_variables.scss @@ -0,0 +1,126 @@ +// +// Font // +// +$font-family-primary: 'Open Sans', sans-serif; +$font-family-playfair: 'Playfair Display', serif; +$font-family-poppins: 'Poppins', sans-serif; +$font-family-nunito: 'Nunito', sans-serif; +$font-family-outfit: 'Outfit', sans-serif; +$font-weight-black: 900; +$font-weight-extra-bold: 800; +$font-weight-bold: 700; +$font-weight-semi-bold: 600; +$font-weight-medium: 500; +$font-weight-regular: 400; +$font-weight-light: 300; +$font-weight-extra-light: 200; +$font-weight-thin: 100; + +// +// Colors // +// +$colors: ( + "white": (255, 255, 255), + "dark": (18, 21, 24), + "blue": (0, 147, 233), + "purple": (183, 33, 255), + "golden-yellow": (255, 182, 87), + "pink-edge": (254, 154, 182), + "very-peri": (102, 103, 171), + "turquoise": (76, 191, 166), + "spring-red": (190, 31, 53), + "tan": (210, 180, 140), + "aqua": (3, 212, 216) +); +@function get-color($color-name, $opacity: null) { + @if not map-has-key($colors, $color-name) { + @warn "Color `#{$color-name}` not found in $colors map."; + @return null; + } + + $color: map-get($colors, $color-name); + + @if $opacity == null { + @return rgb(nth($color, 1), nth($color, 2), nth($color, 3)); + } @else { + @return rgba(nth($color, 1), nth($color, 2), nth($color, 3), $opacity); + } +} +$color-white: map-get($colors, "white"); +$color-dark: map-get($colors, "dark"); +$color-dark-lighter: rgb(25, 28, 31); +$color-primary: #7C7C7C; +$color-primary-lighter: #AAAAAA; +$color-green: #24963e; +$color-green-lighter: #28a745; +$color-red: #c62f3e; +$color-red-lighter: #dc3545; + +// +// Social Colors // +// +$color-facebook: #1877F2; +$color-twitter: #1DA1F2; +$color-instagram: #E4405F; +$color-linkedin: #0A66C2; +$color-youtube: #CD201F; +$color-pinterest: #BD081C; +$color-skype: #00AFF0; +$color-dribbble: #EA4C89; +$color-snapchat: #FFFC00; +$color-whatsapp: #25D366; + +// +// Gradient Colors // +// +$gradient-1: linear-gradient(19deg, #21D4FD 0%, #B721FF 100%); +$gradient-2: linear-gradient(45deg, #A9C9FF 0%, #FFBBEC 100%); +$gradient-3: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%); +$gradient-4: linear-gradient(90deg, #00DBDE 0%, #FC00FF 100%); +$gradient-5: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%); +$gradient-6: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%); +$gradient-7: linear-gradient(90deg, #007990 0%, #6CE5C0 100%); + +// +// Background colors // +// +$bg-dark: rgb(24, 28, 32); +$bg-dark-lighter: rgb(32, 36, 40); +$bg-dark-lightest: rgb(40, 44, 48); +$bg-gray: rgb(238, 242, 246); +$bg-gray-lighter: rgb(241, 245, 249); +$bg-gray-lightest: rgb(244, 248, 252); + +$bg-light-blue: #e2f2fb; +$bg-light-purple: #F5E4FF; +$bg-light-pink-edge: #FEE6ED; +$bg-light-golden-yellow: #FFEFDB; +$bg-light-very-peri: #EDEDF5; +$bg-light-turquoise: #E2F4F0; +$bg-light-spring-red: #F7E5E7; +$bg-light-tan: #f6f0e8; +$bg-light-aqua: #CEF6F7; + +$bg-color-blue: #0093E9; +$bg-color-purple: #B721FF; +$bg-color-pink-edge: #FE9AB6; +$bg-color-golden-yellow: #FFB657; +$bg-color-very-peri: #6667AB; +$bg-color-turquoise: #4cbfa6; +$bg-color-spring-red: #BE1F35; +$bg-color-tan: #d2b48c; +$bg-color-aqua: #03D4D8; + +// +// Border colors // +// +$border-gray: rgb(226, 230, 234); + +// +// Button colors // +// +$button-dark: rgb(24, 28, 32); +$button-dark-lighter: rgb(32, 36, 40); +$button-gray: rgb(228, 232, 236); +$button-gray-lighter: rgb(238, 242, 246); +$button-gray-darker: rgb(220, 224, 228); \ No newline at end of file diff --git a/assets/css/scss/theme.scss b/assets/css/scss/theme.scss new file mode 100644 index 0000000..30e40f7 --- /dev/null +++ b/assets/css/scss/theme.scss @@ -0,0 +1,98 @@ +// +// Import Helpers // +// +@import "helpers/variables"; +@import "helpers/mixins"; + +// +// Import Google Fonts // +// +@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;500;600;700;800;900&family=Open+Sans:wght@300;400;500;600;700&family=Playfair+Display:wght@400;700&family=Poppins:wght@100;200;300;400;500;600;700;800;900&family=Outfit:wght@200;300;400;500;600;700;800&display=swap'); + + +// +// Import Basic styles // +// +@import "basic/base"; +@import "basic/background"; +@import "basic/form"; +@import "basic/image"; +@import "basic/list"; +@import "basic/typography"; + +// +// Import Elements // +// +@import "elements/accordion"; +@import "elements/box"; +@import "elements/button"; +@import "elements/clients"; +@import "elements/feature-box"; +@import "elements/hoverbox"; +@import "elements/lightbox"; +@import "elements/map"; +@import "elements/page-scroll-progress"; +@import "elements/pie-chart"; +@import "elements/progress-bar"; +@import "elements/section-divider"; +@import "elements/slider"; +@import "elements/team"; +@import "elements/testimonial"; +@import "elements/text-link"; +@import "elements/timeline"; + +// +// Import Components // +// +@import "components/blog"; +@import "components/cookie-consent"; +@import "components/fullscreen-menu"; +@import "components/gallery"; +@import "components/header"; +@import "components/breadcrumb"; +@import "components/masonry"; +@import "components/portfolio"; +@import "components/table"; +@import "components/preloader"; +@import "components/section"; + +// +// Import Utilities // +// +@import "helpers/utilities"; + +// +// Import Custom Styles // +// +@import "helpers/custom"; + +ul.wp-block-list { + margin-top: 1rem; + margin-bottom: 1rem; +} + +figure.wp-block-image { + margin-top: 2rem; + margin-bottom: 2rem; +} + +// +// Figcaption Styles // +// +figcaption, .wp-element-caption { + font-size: 0.9rem; + color: #aeaeae; + margin-top: 0.5em; + text-align: center; + // display: flex; + // align-items: center; + // justify-content: center; + +} + +figure.wp-block-image { + img { + margin: auto; + display: block; + } +} \ No newline at end of file diff --git a/assets/css/theme.css b/assets/css/theme.css new file mode 100644 index 0000000..cce9538 --- /dev/null +++ b/assets/css/theme.css @@ -0,0 +1,10808 @@ +/*------------------------------------------------ +* +* Template name : Mono +* Version : 10.0.1 +* Author : FlaTheme +* Author URL : https://themeforest.net/user/flatheme +* +-------------------------------------------------*/ +@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;500;600;700;800;900&family=Open+Sans:wght@300;400;500;600;700&family=Playfair+Display:wght@400;700&family=Poppins:wght@100;200;300;400;500;600;700;800;900&family=Outfit:wght@200;300;400;500;600;700;800&display=swap"); +html, body { + width: 100%; + height: 100%; +} + +body { + overflow-x: hidden; +} + +.container, .container-fluid { + position: relative; + padding: 0 30px; +} + +.position-middle { + position: relative; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + margin: 0 auto; +} + +.position-top, .position-bottom { + position: absolute; + left: 0; + width: 100%; +} + +.position-top { + top: 30px; +} + +.position-bottom { + bottom: 30px; +} + +.container .position-top, .container .position-bottom, .container-fluid .position-top, .container-fluid .position-bottom { + padding: 0 30px; +} + +mark { + background: #eef2f6; + color: #121518; +} + +iframe { + width: 100%; + border: 0; +} + +pre { + border: 1px solid rgba(18, 21, 24, 0.1); + border-radius: 0.375em; + padding: 6px 20px; + color: #7C7C7C; +} + +.bg-black pre, +[class*='bg-dark'] pre, +[class*='bg-gradient-'] pre, +[class*='bg-color-'] pre { + border-color: rgba(255, 255, 255, 0.2); + color: rgba(255, 255, 255, 0.6); +} + +.blockquote { + background: transparent; + margin-bottom: 20px; + border-left: 4px solid rgba(18, 21, 24, 0.1); + padding: 16px 30px; +} + +@media (max-width: 767.98px) { + .blockquote { + padding: 16px 20px; + } +} + +.blockquote p { + font-size: 16px; + line-height: 30px; +} + +.blockquote p.font-small { + font-size: 14px; + line-height: 26px; +} + +.blockquote p.font-large { + font-size: 20px; + line-height: 36px; +} + +.blockquote .blockquote-footer { + margin-top: 10px; + color: #121518; +} + +.blockquote .blockquote-footer:before { + padding-right: 5px; +} + +.blockquote .blockquote-footer h1, .blockquote .blockquote-footer h2, .blockquote .blockquote-footer h3, .blockquote .blockquote-footer h4, .blockquote .blockquote-footer h5, .blockquote .blockquote-footer h6 { + display: inline-block; + margin: 0; +} + +.blockquote .blockquote-footer p { + font-size: 16px; + line-height: 30px; +} + +.blockquote.style-2 { + position: relative; + border: 0; + padding: 20px 20px 20px 40px; +} + +@media (max-width: 767.98px) { + .blockquote.style-2 { + padding: 16px 16px 16px 36px; + } +} + +.blockquote.style-2:before { + content: '\f10d'; + position: absolute; + top: 0; + left: 0; + color: rgba(18, 21, 24, 0.1); + font-family: "Font Awesome 6 Free"; + font-size: 24px; + font-weight: 900; +} + +.bg-black .blockquote, +[class*='bg-dark'] .blockquote, +[class*='bg-gradient-'] .blockquote, +[class*='bg-color-'] .blockquote { + background: rgba(255, 255, 255, 0.1); + border-color: rgba(255, 255, 255, 0.2); +} + +.bg-black .blockquote .blockquote-footer, +[class*='bg-dark'] .blockquote .blockquote-footer, +[class*='bg-gradient-'] .blockquote .blockquote-footer, +[class*='bg-color-'] .blockquote .blockquote-footer { + color: white; +} + +.bg-black .blockquote.style-2, +[class*='bg-dark'] .blockquote.style-2, +[class*='bg-gradient-'] .blockquote.style-2, +[class*='bg-color-'] .blockquote.style-2 { + background: transparent; + border-color: rgba(255, 255, 255, 0.2); +} + +.bg-black .blockquote.style-3, +[class*='bg-dark'] .blockquote.style-3, +[class*='bg-gradient-'] .blockquote.style-3, +[class*='bg-color-'] .blockquote.style-3 { + background: transparent; +} + +.bg-black .blockquote.style-3:before, +[class*='bg-dark'] .blockquote.style-3:before, +[class*='bg-gradient-'] .blockquote.style-3:before, +[class*='bg-color-'] .blockquote.style-3:before { + color: rgba(255, 255, 255, 0.2); +} + +.breadcrumb { + display: inline-block; + background: transparent; + margin: 0 0 -10px; + padding: 0; +} + +.breadcrumb .breadcrumb-item { + display: inline-block; + font: 400 13px "Open Sans", sans-serif; + letter-spacing: 1px; + text-transform: uppercase; +} + +.breadcrumb .breadcrumb-item:before { + color: rgba(18, 21, 24, 0.2); +} + +.breadcrumb .breadcrumb-item.active { + color: #AAAAAA; +} + +.breadcrumb .breadcrumb-item a { + -webkit-transition: linear 0.1s; + transition: linear 0.1s; +} + +.bg-black .breadcrumb .breadcrumb-item:before, +[class*='bg-dark'] .breadcrumb .breadcrumb-item:before, +[class*='bg-gradient-'] .breadcrumb .breadcrumb-item:before, +[class*='bg-color-'] .breadcrumb .breadcrumb-item:before { + color: rgba(255, 255, 255, 0.3); +} + +.bg-black .breadcrumb .breadcrumb-item.active, +[class*='bg-dark'] .breadcrumb .breadcrumb-item.active, +[class*='bg-gradient-'] .breadcrumb .breadcrumb-item.active, +[class*='bg-color-'] .breadcrumb .breadcrumb-item.active { + color: rgba(255, 255, 255, 0.5); +} + +.card { + border: 1px solid rgba(18, 21, 24, 0.1); +} + +.dropdown .dropdown-menu, .btn-group .dropdown-menu { + border: 0; + border-radius: 0; + -webkit-box-shadow: 0 6px 36px -4px rgba(22, 24, 26, 0.14); + box-shadow: 0 6px 36px -4px rgba(22, 24, 26, 0.14); + padding: 15px 20px; +} + +.dropdown .dropdown-menu .dropdown-item, .btn-group .dropdown-menu .dropdown-item { + margin-bottom: 10px; + padding: 0; + color: #121518; + font: 300 15px "Open Sans", sans-serif; + letter-spacing: 0; + text-transform: none; + -webkit-transition: linear 0.1s; + transition: linear 0.1s; +} + +.dropdown .dropdown-menu .dropdown-item:last-child, .btn-group .dropdown-menu .dropdown-item:last-child { + margin: 0; +} + +.dropdown .dropdown-menu .dropdown-item:hover, .dropdown .dropdown-menu .dropdown-item:focus, .dropdown .dropdown-menu .dropdown-item:active, .btn-group .dropdown-menu .dropdown-item:hover, .btn-group .dropdown-menu .dropdown-item:focus, .btn-group .dropdown-menu .dropdown-item:active { + background: transparent; + color: #7C7C7C; +} + +.modal.fade .modal-dialog { + -webkit-transition: ease-out 0.2s; + transition: ease-out 0.2s; + -webkit-transform: translate(0) scale(0.98); + transform: translate(0) scale(0.98); +} + +.modal.show .modal-dialog { + -webkit-transform: translate(0) scale(1); + transform: translate(0) scale(1); +} + +.modal .modal-content { + -webkit-box-shadow: 0 6px 36px -4px rgba(22, 24, 26, 0.3); + box-shadow: 0 6px 36px -4px rgba(22, 24, 26, 0.3); + border: 0; +} + +.modal .modal-content .modal-header { + border-bottom: 1px solid rgba(18, 21, 24, 0.1); +} + +.modal .modal-content .modal-footer { + border-top: 1px solid rgba(18, 21, 24, 0.1); +} + +.nav { + margin: 0; + padding: 0; +} + +.nav .nav-item { + margin: 0 30px 0 0; +} + +.nav .nav-item:last-child { + margin-right: 0; +} + +.nav .nav-item .nav-link { + padding: 0; + color: #7C7C7C; + -webkit-transition: linear 0.1s; + transition: linear 0.1s; +} + +.nav .nav-item .nav-link h1, .nav .nav-item .nav-link h2, .nav .nav-item .nav-link h3, .nav .nav-item .nav-link h4, .nav .nav-item .nav-link h5, .nav .nav-item .nav-link h6 { + margin: 0; + color: #7C7C7C; + -webkit-transition: linear 0.1s; + transition: linear 0.1s; +} + +.nav .nav-item .nav-link.active, .nav .nav-item .nav-link:hover { + color: #121518; +} + +.nav .nav-item .nav-link.active h1, .nav .nav-item .nav-link.active h2, .nav .nav-item .nav-link.active h3, .nav .nav-item .nav-link.active h4, .nav .nav-item .nav-link.active h5, .nav .nav-item .nav-link.active h6, .nav .nav-item .nav-link:hover h1, .nav .nav-item .nav-link:hover h2, .nav .nav-item .nav-link:hover h3, .nav .nav-item .nav-link:hover h4, .nav .nav-item .nav-link:hover h5, .nav .nav-item .nav-link:hover h6 { + color: #121518; +} + +.nav .nav-item .nav-link.disabled { + color: #AAAAAA; +} + +.nav.nav-tabs { + border-bottom: 1px solid #e2e6ea; +} + +.nav.nav-tabs .nav-item { + margin: 0 0 -1px; +} + +.nav.nav-tabs .nav-item .nav-link { + background: transparent; + padding: 10px 20px; + color: #7C7C7C; +} + +.nav.nav-tabs .nav-item .nav-link:hover { + border-color: #e2e6ea; +} + +.nav.nav-tabs .nav-item .nav-link.active { + border-color: #e2e6ea #e2e6ea white; + color: #121518; +} + +.nav.nav-tabs .nav-item .nav-link.disabled:hover { + border-color: transparent; +} + +.nav.nav-pills .nav-item { + margin: 0; +} + +.nav.nav-pills .nav-item .nav-link { + padding: 10px 20px; +} + +.nav.nav-pills .nav-item .nav-link.active, +.nav.nav-pills .nav-item .show .nav-link { + background: #121518; + color: white; +} + +.nav.nav-pills .nav-item h1, .nav.nav-pills .nav-item h2, .nav.nav-pills .nav-item h3, .nav.nav-pills .nav-item h4, .nav.nav-pills .nav-item h5, .nav.nav-pills .nav-item h6 { + margin: 0; +} + +.nav.tabs { + display: inline-block; + border: 1px solid #e2e6ea; + border-radius: 0.375em; +} + +.nav.tabs .nav-item { + display: inline-block; + margin: 0; +} + +.nav.tabs .nav-item .nav-link { + padding: 10px 20px; + border-right: 1px solid #e2e6ea; +} + +.nav.tabs .nav-item:last-child .nav-link { + border: 0; +} + +.nav.nav-custom .nav-item .nav-link { + position: relative; + overflow: visible; +} + +.nav.nav-custom .nav-item .nav-link:after { + content: ''; + position: absolute; + right: 0; + bottom: -1px; + left: 0; + background: #121518; + height: 1px; + -webkit-animation: button-line-out 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both; + animation: button-line-out 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both; +} + +.nav.nav-custom .nav-item .nav-link.active:after { + width: 100%; + -webkit-animation: button-line-in 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both; + animation: button-line-in 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both; +} + +.bg-black .nav .nav-item .nav-link, +[class*='bg-dark'] .nav .nav-item .nav-link, +[class*='bg-gradient-'] .nav .nav-item .nav-link, +[class*='bg-color-'] .nav .nav-item .nav-link { + color: rgba(255, 255, 255, 0.8); +} + +.bg-black .nav .nav-item .nav-link.active, .bg-black .nav .nav-item .nav-link:hover, +[class*='bg-dark'] .nav .nav-item .nav-link.active, +[class*='bg-dark'] .nav .nav-item .nav-link:hover, +[class*='bg-gradient-'] .nav .nav-item .nav-link.active, +[class*='bg-gradient-'] .nav .nav-item .nav-link:hover, +[class*='bg-color-'] .nav .nav-item .nav-link.active, +[class*='bg-color-'] .nav .nav-item .nav-link:hover { + color: white; +} + +.bg-black .nav.nav-tabs, +[class*='bg-dark'] .nav.nav-tabs, +[class*='bg-gradient-'] .nav.nav-tabs, +[class*='bg-color-'] .nav.nav-tabs { + border-color: rgba(255, 255, 255, 0.2); +} + +.bg-black .nav.nav-tabs .nav-item .nav-link, +[class*='bg-dark'] .nav.nav-tabs .nav-item .nav-link, +[class*='bg-gradient-'] .nav.nav-tabs .nav-item .nav-link, +[class*='bg-color-'] .nav.nav-tabs .nav-item .nav-link { + color: rgba(255, 255, 255, 0.8); +} + +.bg-black .nav.nav-tabs .nav-item .nav-link.active, .bg-black .nav.nav-tabs .nav-item .nav-link:hover, +[class*='bg-dark'] .nav.nav-tabs .nav-item .nav-link.active, +[class*='bg-dark'] .nav.nav-tabs .nav-item .nav-link:hover, +[class*='bg-gradient-'] .nav.nav-tabs .nav-item .nav-link.active, +[class*='bg-gradient-'] .nav.nav-tabs .nav-item .nav-link:hover, +[class*='bg-color-'] .nav.nav-tabs .nav-item .nav-link.active, +[class*='bg-color-'] .nav.nav-tabs .nav-item .nav-link:hover { + border-color: rgba(255, 255, 255, 0.2) rgba(255, 255, 255, 0.2) transparent; +} + +.bg-black .nav.nav-tabs .nav-item .nav-link.active, +[class*='bg-dark'] .nav.nav-tabs .nav-item .nav-link.active, +[class*='bg-gradient-'] .nav.nav-tabs .nav-item .nav-link.active, +[class*='bg-color-'] .nav.nav-tabs .nav-item .nav-link.active { + color: white; +} + +.bg-black .nav.nav-pills .nav-item .nav-link.active, +.bg-black .nav.nav-pills .nav-item .show .nav-link, +[class*='bg-dark'] .nav.nav-pills .nav-item .nav-link.active, +[class*='bg-dark'] .nav.nav-pills .nav-item .show .nav-link, +[class*='bg-gradient-'] .nav.nav-pills .nav-item .nav-link.active, +[class*='bg-gradient-'] .nav.nav-pills .nav-item .show .nav-link, +[class*='bg-color-'] .nav.nav-pills .nav-item .nav-link.active, +[class*='bg-color-'] .nav.nav-pills .nav-item .show .nav-link { + background: white; + color: #121518; +} + +.bg-black .nav.tabs, +[class*='bg-dark'] .nav.tabs, +[class*='bg-gradient-'] .nav.tabs, +[class*='bg-color-'] .nav.tabs { + border: 1px solid rgba(255, 255, 255, 0.2); +} + +.bg-black .nav.tabs .nav-item .nav-link, +[class*='bg-dark'] .nav.tabs .nav-item .nav-link, +[class*='bg-gradient-'] .nav.tabs .nav-item .nav-link, +[class*='bg-color-'] .nav.tabs .nav-item .nav-link { + border-right: 1px solid rgba(255, 255, 255, 0.2); +} + +.bg-black .nav.nav-custom .nav-item .nav-link:after, +[class*='bg-dark'] .nav.nav-custom .nav-item .nav-link:after, +[class*='bg-gradient-'] .nav.nav-custom .nav-item .nav-link:after, +[class*='bg-color-'] .nav.nav-custom .nav-item .nav-link:after { + background: white; +} + +.pagination { + margin: 0; + padding: 0; +} + +.pagination .page-item { + margin: 0 6px 0 0; + text-align: center; +} + +.pagination .page-item:last-child { + margin-right: 0; +} + +.pagination .page-item .page-link { + background: transparent; + min-width: 31px; + height: 31px; + border: 0; + border-radius: 20px; + padding: 0; + color: #7C7C7C; + font-size: 14px; + line-height: 31px; + -webkit-transition: ease-out 0.12s; + transition: ease-out 0.12s; +} + +.pagination .page-item .page-link:hover { + background: #e4e8ec; +} + +.pagination .page-item.active .page-link { + background: #e4e8ec; + color: #121518; +} + +.pagination.pagination-sm .page-item .page-link { + min-width: 27px; + height: 27px; + border-radius: 20px; + padding: 0; + line-height: 27px; +} + +.pagination.pagination-lg .page-item .page-link { + min-width: 35px; + height: 35px; + border-radius: 20px; + padding: 0; + line-height: 35px; +} + +.pagination.hover-style-2 .page-item .page-link:hover { + background: #e2e6ea; + border-color: #e2e6ea; +} + +.pagination.hover-style-2 .page-item.active .page-link { + background: #121518; + border-color: #121518; + color: white; +} + +.bg-black .pagination .page-item .page-link, +[class*='bg-dark'] .pagination .page-item .page-link, +[class*='bg-gradient-'] .pagination .page-item .page-link, +[class*='bg-color-'] .pagination .page-item .page-link { + color: rgba(255, 255, 255, 0.7); +} + +.bg-black .pagination .page-item .page-link:hover, +[class*='bg-dark'] .pagination .page-item .page-link:hover, +[class*='bg-gradient-'] .pagination .page-item .page-link:hover, +[class*='bg-color-'] .pagination .page-item .page-link:hover { + background: rgba(255, 255, 255, 0.1); +} + +.bg-black .pagination .page-item.active .page-link, +[class*='bg-dark'] .pagination .page-item.active .page-link, +[class*='bg-gradient-'] .pagination .page-item.active .page-link, +[class*='bg-color-'] .pagination .page-item.active .page-link { + background: rgba(255, 255, 255, 0.1); + color: white; +} + +.bg-black .pagination.hover-style-2 .page-item .page-link:hover, +[class*='bg-dark'] .pagination.hover-style-2 .page-item .page-link:hover, +[class*='bg-gradient-'] .pagination.hover-style-2 .page-item .page-link:hover, +[class*='bg-color-'] .pagination.hover-style-2 .page-item .page-link:hover { + background: white; + border-color: white; + color: rgba(18, 21, 24, 0.9); +} + +.bg-black .pagination.hover-style-2 .page-item.active .page-link, +[class*='bg-dark'] .pagination.hover-style-2 .page-item.active .page-link, +[class*='bg-gradient-'] .pagination.hover-style-2 .page-item.active .page-link, +[class*='bg-color-'] .pagination.hover-style-2 .page-item.active .page-link { + background: white; + border-color: white; + color: rgba(18, 21, 24, 0.9); +} + +.popover { + border: 0; + -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.08); + box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.08); +} + +.popover .arrow:before { + border: 0; +} + +.popover .popover-header { + background: transparent; + padding: 15px 20px; + font-size: 16px; + line-height: 32px; +} + +.popover .popover-body { + padding: 20px; +} + +.table td, .table th { + border-top: 1px solid #e2e6ea; +} + +.table thead th { + border-bottom: 2px solid #e2e6ea; +} + +.table.table-dark { + background: #202428; +} + +.table.table-dark thead th { + border-bottom: 2px solid rgba(255, 255, 255, 0.1); +} + +.table.table-dark td, .table.table-dark th { + border-top: 1px solid rgba(255, 255, 255, 0.1); +} + +.table.table-bordered td, .table.table-bordered th { + border: 1px solid #e2e6ea; +} + +.table.table-bordered.table-dark td, .table.table-bordered.table-dark th { + border: 1px solid rgba(255, 255, 255, 0.1); +} + +.table .thead-dark th { + background: #202428; + border-color: rgba(255, 255, 255, 0.1); +} + +.table .thead-light th { + background: #eef2f6; +} + +.table .table-active td, .table .table-active th { + background: #dce0e4; +} + +.table .table-secondary td, .table .table-secondary th { + background: #e4e8ec; +} + +.table .table-light td, .table .table-light th { + background: #f1f5f9; +} + +.table .table-dark td, .table .table-dark th { + background: #e4e8ec; +} + +.scrolltotop { + position: fixed; + right: 20px; + bottom: 20px; + -webkit-transform: translateY(20px); + transform: translateY(20px); + z-index: 992; + visibility: hidden; + opacity: 0; + -webkit-transition: ease-out 0.12s; + transition: ease-out 0.12s; +} + +.scrolltotop.scrolltotop-show { + -webkit-transform: translateY(0); + transform: translateY(0); + visibility: visible; + opacity: 1; +} + +@media (min-width: 992px) { + #cursor { + z-index: 999; + position: absolute; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + width: 22px; + height: 22px; + border: 1px solid white; + border-radius: 50%; + mix-blend-mode: difference; + pointer-events: none; + -webkit-transition: linear 0.06s; + transition: linear 0.06s; + } + #cursor.scale-cursor { + -webkit-transform: translate(-50%, -50%) scale(2.4); + transform: translate(-50%, -50%) scale(2.4); + opacity: 0.12; + } + #cursor.cursor-style-2 { + opacity: 0.2; + background: white; + border: 0; + } + #cursor.cursor-style-2.scale-cursor { + opacity: 0.08; + } +} + +.bg-image { + position: relative; + background-position: center center; + background-attachment: scroll; + -webkit-background-size: cover; + -moz-background-size: cover; + background-size: cover; + background-repeat: no-repeat; +} + +.bg-fade-white-top { + position: relative; + z-index: 1; +} + +.bg-fade-white-top:before { + z-index: -1; + content: ''; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-image: linear-gradient(to top, white, rgba(255, 255, 255, 0.2)); +} + +.bg-fade-white-bottom { + position: relative; + z-index: 1; +} + +.bg-fade-white-bottom:before { + z-index: -1; + content: ''; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-image: linear-gradient(to bottom, white, rgba(255, 255, 255, 0.2)); +} + +.bg-fade-black-top { + position: relative; + z-index: 1; +} + +.bg-fade-black-top:before { + z-index: -1; + content: ''; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-image: linear-gradient(to top, black, rgba(0, 0, 0, 0.2)); +} + +.bg-fade-black-bottom { + position: relative; + z-index: 1; +} + +.bg-fade-black-bottom:before { + z-index: -1; + content: ''; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-image: linear-gradient(to bottom, black, rgba(0, 0, 0, 0.2)); +} + +.bg-video { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: -1; +} + +.bg-video video { + object-fit: cover; + width: 100%; + height: 100%; +} + +input:not(.form-check-input), +textarea { + background: transparent; + width: 100%; + border: 1px solid rgba(18, 21, 24, 0.1); + margin-bottom: 1rem; + padding: 15px 20px; + box-shadow: none; + font: 400 15px "Open Sans", sans-serif; + line-height: 1.4; + -webkit-transition: ease-out 0.16s; + transition: ease-out 0.16s; +} + +input:not(.form-check-input):focus, input:not(.form-check-input):active, +textarea:focus, +textarea:active { + outline: 0; + box-shadow: none; +} + +textarea { + height: 140px; +} + +input:not(.form-check-input), textarea, .form-control { + color: #7C7C7C; +} + +input:not(.form-check-input)::-webkit-input-placeholder, textarea::-webkit-input-placeholder, .form-control::-webkit-input-placeholder { + color: #AAAAAA; +} + +input:not(.form-check-input)::-moz-placeholder, textarea::-moz-placeholder, .form-control::-moz-placeholder { + color: #AAAAAA; +} + +input:not(.form-check-input):-ms-placeholder, textarea:-ms-placeholder, .form-control:-ms-placeholder { + color: #AAAAAA; +} + +input:not(.form-check-input)::-ms-placeholder, textarea::-ms-placeholder, .form-control::-ms-placeholder { + color: #AAAAAA; +} + +input:not(.form-check-input)::placeholder, textarea::placeholder, .form-control::placeholder { + color: #AAAAAA; +} + +input:not(.form-check-input):focus, textarea:focus, .form-control:focus { + border-color: rgba(18, 21, 24, 0.2); +} + +.form-control { + background: transparent; + height: auto; + border: 1px solid rgba(18, 21, 24, 0.1); + border-radius: 0; + padding: 15px 20px; + font: 400 15px "Open Sans", sans-serif; + line-height: 1.4; +} + +.form-control:focus { + background: transparent; + box-shadow: none; +} + +.form-control:read-only { + background: #e4e8ec; + border: 0; +} + +.form-control.form-control-sm { + padding: 10px 15px; + font-size: 0.875rem; +} + +.form-control.form-control-lg { + font-size: 1.25rem; +} + +.form-control-plaintext { + border: 0; +} + +.form-check-input:disabled ~ .form-check-label { + color: #AAAAAA; +} + +.required:after { + content: '*'; + padding-left: 3px; +} + +select { + margin-bottom: 1rem; +} + +.custom-select { + background-color: transparent; + width: auto; + min-width: 160px; + height: auto; + border-radius: 0; + padding: 15px 20px; + border-color: rgba(18, 21, 24, 0.1); + color: #7C7C7C; + font: 400 15px "Open Sans", sans-serif; + line-height: 1.4; + -webkit-transition: ease-out 0.16s; + transition: ease-out 0.16s; +} + +.custom-select:focus { + border-color: rgba(18, 21, 24, 0.2); + outline: 0; + box-shadow: none; +} + +.custom-select.custom-select-sm { + height: auto; + padding: 10px 15px; + font-size: 0.875rem; +} + +.custom-select.custom-select-lg { + height: auto; + padding: 15px 20px; + font-size: 1.25rem; +} + +.custom-select.select-fullwidth { + width: 100%; +} + +.form-style-3 input, .form-style-3 textarea, .form-style-3 .custom-select, .form-style-3 .form-control, +.form-style-4 input, +.form-style-4 textarea, +.form-style-4 .custom-select, +.form-style-4 .form-control { + margin-bottom: 20px; + padding: 0 0 10px; + border-top-width: 0; + border-right-width: 0; + border-bottom-width: 1px; + border-left-width: 0; +} + +.form-style-2 input:focus, .form-style-2 textarea:focus, .form-style-2 .custom-select:focus, .form-style-2 .form-control:focus, +.form-style-4 input:focus, +.form-style-4 textarea:focus, +.form-style-4 .custom-select:focus, +.form-style-4 .form-control:focus { + border-color: rgba(18, 21, 24, 0.9); +} + +.form-style-5 input, .form-style-5 textarea, .form-style-5 .custom-select, .form-style-5 .form-control { + background: #eef2f6; + border: 0; +} + +.form-style-5 input:focus, .form-style-5 textarea:focus, .form-style-5 .custom-select:focus, .form-style-5 .form-control:focus { + background: #eef2f6; +} + +[class*='bg-gray'] .form-style-5 input, [class*='bg-gray'] .form-style-5 textarea, [class*='bg-gray'] .form-style-5 .custom-select, [class*='bg-gray'] .form-style-5 .form-control { + background: white; +} + +[class*='bg-gray'] .form-style-5 input:focus, [class*='bg-gray'] .form-style-5 textarea:focus, [class*='bg-gray'] .form-style-5 .custom-select:focus, [class*='bg-gray'] .form-style-5 .form-control:focus { + background: white; +} + +.bg-black input, .bg-black textarea, .bg-black .form-control, +[class*='bg-dark'] input, +[class*='bg-dark'] textarea, +[class*='bg-dark'] .form-control, +[class*='bg-gradient-'] input, +[class*='bg-gradient-'] textarea, +[class*='bg-gradient-'] .form-control, +[class*='bg-color-'] input, +[class*='bg-color-'] textarea, +[class*='bg-color-'] .form-control { + background: transparent; + border-color: rgba(255, 255, 255, 0.2); + color: rgba(255, 255, 255, 0.7); +} + +.bg-black input::-webkit-input-placeholder, .bg-black textarea::-webkit-input-placeholder, .bg-black .form-control::-webkit-input-placeholder, +[class*='bg-dark'] input::-webkit-input-placeholder, +[class*='bg-dark'] textarea::-webkit-input-placeholder, +[class*='bg-dark'] .form-control::-webkit-input-placeholder, +[class*='bg-gradient-'] input::-webkit-input-placeholder, +[class*='bg-gradient-'] textarea::-webkit-input-placeholder, +[class*='bg-gradient-'] .form-control::-webkit-input-placeholder, +[class*='bg-color-'] input::-webkit-input-placeholder, +[class*='bg-color-'] textarea::-webkit-input-placeholder, +[class*='bg-color-'] .form-control::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.5); +} + +.bg-black input::-moz-placeholder, .bg-black textarea::-moz-placeholder, .bg-black .form-control::-moz-placeholder, +[class*='bg-dark'] input::-moz-placeholder, +[class*='bg-dark'] textarea::-moz-placeholder, +[class*='bg-dark'] .form-control::-moz-placeholder, +[class*='bg-gradient-'] input::-moz-placeholder, +[class*='bg-gradient-'] textarea::-moz-placeholder, +[class*='bg-gradient-'] .form-control::-moz-placeholder, +[class*='bg-color-'] input::-moz-placeholder, +[class*='bg-color-'] textarea::-moz-placeholder, +[class*='bg-color-'] .form-control::-moz-placeholder { + color: rgba(255, 255, 255, 0.5); +} + +.bg-black input:-ms-placeholder, .bg-black textarea:-ms-placeholder, .bg-black .form-control:-ms-placeholder, +[class*='bg-dark'] input:-ms-placeholder, +[class*='bg-dark'] textarea:-ms-placeholder, +[class*='bg-dark'] .form-control:-ms-placeholder, +[class*='bg-gradient-'] input:-ms-placeholder, +[class*='bg-gradient-'] textarea:-ms-placeholder, +[class*='bg-gradient-'] .form-control:-ms-placeholder, +[class*='bg-color-'] input:-ms-placeholder, +[class*='bg-color-'] textarea:-ms-placeholder, +[class*='bg-color-'] .form-control:-ms-placeholder { + color: rgba(255, 255, 255, 0.5); +} + +.bg-black input::-ms-placeholder, .bg-black textarea::-ms-placeholder, .bg-black .form-control::-ms-placeholder, +[class*='bg-dark'] input::-ms-placeholder, +[class*='bg-dark'] textarea::-ms-placeholder, +[class*='bg-dark'] .form-control::-ms-placeholder, +[class*='bg-gradient-'] input::-ms-placeholder, +[class*='bg-gradient-'] textarea::-ms-placeholder, +[class*='bg-gradient-'] .form-control::-ms-placeholder, +[class*='bg-color-'] input::-ms-placeholder, +[class*='bg-color-'] textarea::-ms-placeholder, +[class*='bg-color-'] .form-control::-ms-placeholder { + color: rgba(255, 255, 255, 0.5); +} + +.bg-black input::placeholder, .bg-black textarea::placeholder, .bg-black .form-control::placeholder, +[class*='bg-dark'] input::placeholder, +[class*='bg-dark'] textarea::placeholder, +[class*='bg-dark'] .form-control::placeholder, +[class*='bg-gradient-'] input::placeholder, +[class*='bg-gradient-'] textarea::placeholder, +[class*='bg-gradient-'] .form-control::placeholder, +[class*='bg-color-'] input::placeholder, +[class*='bg-color-'] textarea::placeholder, +[class*='bg-color-'] .form-control::placeholder { + color: rgba(255, 255, 255, 0.5); +} + +.bg-black input:focus, .bg-black textarea:focus, .bg-black .form-control:focus, +[class*='bg-dark'] input:focus, +[class*='bg-dark'] textarea:focus, +[class*='bg-dark'] .form-control:focus, +[class*='bg-gradient-'] input:focus, +[class*='bg-gradient-'] textarea:focus, +[class*='bg-gradient-'] .form-control:focus, +[class*='bg-color-'] input:focus, +[class*='bg-color-'] textarea:focus, +[class*='bg-color-'] .form-control:focus { + border-color: rgba(255, 255, 255, 0.3); +} + +.bg-black .custom-select, +[class*='bg-dark'] .custom-select, +[class*='bg-gradient-'] .custom-select, +[class*='bg-color-'] .custom-select { + background: transparent; + border-color: rgba(255, 255, 255, 0.2); + color: rgba(255, 255, 255, 0.7); +} + +.bg-black .custom-select:focus, +[class*='bg-dark'] .custom-select:focus, +[class*='bg-gradient-'] .custom-select:focus, +[class*='bg-color-'] .custom-select:focus { + border-color: rgba(255, 255, 255, 0.3); +} + +.bg-black .form-style-2 input:focus, .bg-black .form-style-2 textarea:focus, .bg-black .form-style-2 .custom-select:focus, .bg-black .form-style-2 .form-control:focus, +.bg-black .form-style-4 input:focus, +.bg-black .form-style-4 textarea:focus, +.bg-black .form-style-4 .custom-select:focus, +.bg-black .form-style-4 .form-control:focus, +[class*='bg-dark'] .form-style-2 input:focus, +[class*='bg-dark'] .form-style-2 textarea:focus, +[class*='bg-dark'] .form-style-2 .custom-select:focus, +[class*='bg-dark'] .form-style-2 .form-control:focus, +[class*='bg-dark'] .form-style-4 input:focus, +[class*='bg-dark'] .form-style-4 textarea:focus, +[class*='bg-dark'] .form-style-4 .custom-select:focus, +[class*='bg-dark'] .form-style-4 .form-control:focus, +[class*='bg-gradient-'] .form-style-2 input:focus, +[class*='bg-gradient-'] .form-style-2 textarea:focus, +[class*='bg-gradient-'] .form-style-2 .custom-select:focus, +[class*='bg-gradient-'] .form-style-2 .form-control:focus, +[class*='bg-gradient-'] .form-style-4 input:focus, +[class*='bg-gradient-'] .form-style-4 textarea:focus, +[class*='bg-gradient-'] .form-style-4 .custom-select:focus, +[class*='bg-gradient-'] .form-style-4 .form-control:focus, +[class*='bg-color-'] .form-style-2 input:focus, +[class*='bg-color-'] .form-style-2 textarea:focus, +[class*='bg-color-'] .form-style-2 .custom-select:focus, +[class*='bg-color-'] .form-style-2 .form-control:focus, +[class*='bg-color-'] .form-style-4 input:focus, +[class*='bg-color-'] .form-style-4 textarea:focus, +[class*='bg-color-'] .form-style-4 .custom-select:focus, +[class*='bg-color-'] .form-style-4 .form-control:focus { + border-color: white; +} + +.bg-black .form-style-5 input, .bg-black .form-style-5 textarea, .bg-black .form-style-5 .custom-select, .bg-black .form-style-5 .form-control, +[class*='bg-dark'] .form-style-5 input, +[class*='bg-dark'] .form-style-5 textarea, +[class*='bg-dark'] .form-style-5 .custom-select, +[class*='bg-dark'] .form-style-5 .form-control, +[class*='bg-gradient-'] .form-style-5 input, +[class*='bg-gradient-'] .form-style-5 textarea, +[class*='bg-gradient-'] .form-style-5 .custom-select, +[class*='bg-gradient-'] .form-style-5 .form-control, +[class*='bg-color-'] .form-style-5 input, +[class*='bg-color-'] .form-style-5 textarea, +[class*='bg-color-'] .form-style-5 .custom-select, +[class*='bg-color-'] .form-style-5 .form-control { + background: rgba(255, 255, 255, 0.1); + border: 0; +} + +.bg-black .form-style-5 input:focus, .bg-black .form-style-5 textarea:focus, .bg-black .form-style-5 .custom-select:focus, .bg-black .form-style-5 .form-control:focus, +[class*='bg-dark'] .form-style-5 input:focus, +[class*='bg-dark'] .form-style-5 textarea:focus, +[class*='bg-dark'] .form-style-5 .custom-select:focus, +[class*='bg-dark'] .form-style-5 .form-control:focus, +[class*='bg-gradient-'] .form-style-5 input:focus, +[class*='bg-gradient-'] .form-style-5 textarea:focus, +[class*='bg-gradient-'] .form-style-5 .custom-select:focus, +[class*='bg-gradient-'] .form-style-5 .form-control:focus, +[class*='bg-color-'] .form-style-5 input:focus, +[class*='bg-color-'] .form-style-5 textarea:focus, +[class*='bg-color-'] .form-style-5 .custom-select:focus, +[class*='bg-color-'] .form-style-5 .form-control:focus { + background: rgba(255, 255, 255, 0.2); +} + +.submit-result span { + display: none; + -webkit-transition: ease-out 0.2s; + transition: ease-out 0.2s; +} + +.submit-result span.show-result { + margin-top: 30px; + display: block; +} + +.submit-result span#success { + color: #24963e; +} + +.submit-result span#error { + color: #c62f3e; +} + +img { + width: auto; + max-width: 100%; + height: auto; +} + +img[class*='img-mask-avatar'] { + border-radius: 50%; +} + +img.img-mask-avatar-xs { + min-width: 60px; + width: 60px; + height: 60px; +} + +img.img-mask-avatar-sm { + min-width: 80px; + width: 80px; + height: 80px; +} + +img.img-mask-avatar-md { + min-width: 100px; + width: 100px; + height: 100px; +} + +img.img-mask-avatar-lg { + min-width: 120px; + width: 120px; + height: 120px; +} + +img.img-mask-avatar-xl { + min-width: 140px; + width: 140px; + height: 140px; +} + +img.img-mask-avatar-2xl { + min-width: 160px; + width: 160px; + height: 160px; +} + +img.img-mask-avatar-3xl { + min-width: 180px; + width: 180px; + height: 180px; +} + +[class*='img-mask-blob'] { + display: inline-block; + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} + +.img-mask-blob-1 { + -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNODguNSw2My41UTg3LDc3LDc2LDg2LjVRNjUsOTYsNTEsOTIuNVEzNyw4OSwyNyw4MS41UTE3LDc0LDEyLDYyUTcsNTAsMTEuNSwzOFExNiwyNiwyNS41LDE0LjVRMzUsMyw0OSw2LjVRNjMsMTAsNzUuNSwxNlE4OCwyMiw4OSwzNlE5MCw1MCw4OC41LDYzLjVaIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMCIgZmlsbD0iIzAwMDAwMCIvPjwvc3ZnPg==); + mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNODguNSw2My41UTg3LDc3LDc2LDg2LjVRNjUsOTYsNTEsOTIuNVEzNyw4OSwyNyw4MS41UTE3LDc0LDEyLDYyUTcsNTAsMTEuNSwzOFExNiwyNiwyNS41LDE0LjVRMzUsMyw0OSw2LjVRNjMsMTAsNzUuNSwxNlE4OCwyMiw4OSwzNlE5MCw1MCw4OC41LDYzLjVaIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMCIgZmlsbD0iIzAwMDAwMCIvPjwvc3ZnPg==); +} + +.img-mask-blob-2 { + -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOTEsNjZRODgsODIsNzMsODkuNVE1OCw5Nyw0My41LDkxLjVRMjksODYsMTgsNzZRNyw2Niw3LDUwUTcsMzQsMTgsMjMuNVEyOSwxMyw0My41LDlRNTgsNSw3MC41LDEzLjVRODMsMjIsODguNSwzNlE5NCw1MCw5MSw2NloiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIwIiBmaWxsPSIjMDAwMDAwIi8+PC9zdmc+); + mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOTEsNjZRODgsODIsNzMsODkuNVE1OCw5Nyw0My41LDkxLjVRMjksODYsMTgsNzZRNyw2Niw3LDUwUTcsMzQsMTgsMjMuNVEyOSwxMyw0My41LDlRNTgsNSw3MC41LDEzLjVRODMsMjIsODguNSwzNlE5NCw1MCw5MSw2NloiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIwIiBmaWxsPSIjMDAwMDAwIi8+PC9zdmc+); +} + +.img-mask-blob-3 { + -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOTEsNjRRODgsNzgsNzUuNSw4NC41UTYzLDkxLDUwLDkxLjVRMzcsOTIsMjYsODMuNVExNSw3NSwxMS41LDYyLjVROCw1MCw5LDM1LjVRMTAsMjEsMjMuNSwxNlEzNywxMSw1MSw3UTY1LDMsNzcsMTIuNVE4OSwyMiw5MS41LDM2UTk0LDUwLDkxLDY0WiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjAiIGZpbGw9IiMwMDAwMDAiLz48L3N2Zz4=); + mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOTEsNjRRODgsNzgsNzUuNSw4NC41UTYzLDkxLDUwLDkxLjVRMzcsOTIsMjYsODMuNVExNSw3NSwxMS41LDYyLjVROCw1MCw5LDM1LjVRMTAsMjEsMjMuNSwxNlEzNywxMSw1MSw3UTY1LDMsNzcsMTIuNVE4OSwyMiw5MS41LDM2UTk0LDUwLDkxLDY0WiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjAiIGZpbGw9IiMwMDAwMDAiLz48L3N2Zz4=); +} + +.img-mask-blob-4 { + -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNODkuNSw2M1E4MSw3Niw2OS41LDg2UTU4LDk2LDQ0LDkwLjVRMzAsODUsMTYuNSw3NlEzLDY3LDUuNSw1MVE4LDM1LDE3LDIyUTI2LDksNDEuNSw4LjVRNTcsOCw3MSwxNC41UTg1LDIxLDkxLjUsMzUuNVE5OCw1MCw4OS41LDYzWiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjAiIGZpbGw9IiMwMDAwMDAiLz48L3N2Zz4=); + mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNODkuNSw2M1E4MSw3Niw2OS41LDg2UTU4LDk2LDQ0LDkwLjVRMzAsODUsMTYuNSw3NlEzLDY3LDUuNSw1MVE4LDM1LDE3LDIyUTI2LDksNDEuNSw4LjVRNTcsOCw3MSwxNC41UTg1LDIxLDkxLjUsMzUuNVE5OCw1MCw4OS41LDYzWiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjAiIGZpbGw9IiMwMDAwMDAiLz48L3N2Zz4=); +} + +.img-link-box { + overflow: hidden; + position: relative; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +.img-link-box a { + display: block; +} + +.img-link-box img { + -webkit-transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); + transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); +} + +.img-link-box:hover img, .img-link-box:focus img { + -webkit-transform: scale(1.04); + transform: scale(1.04); +} + +.avatar-group { + display: block; + padding: 0; +} + +.avatar-group li { + list-style-type: none; + display: inline-block; + margin-left: -12px; + padding: 0; +} + +.avatar-group li:first-child { + margin-left: 0; +} + +.avatar-group li img { + width: 60px; + height: 60px; + border-radius: 50%; + -webkit-box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.13); + box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.13); + border: 3px solid white; +} + +.aspect-ratio-2x1 { + width: 100%; + aspect-ratio: 1/0.5; + object-fit: cover; +} + +ul { + margin: 0 0 -7px; +} + +ul li { + margin: 0 0 7px; +} + +ul li ul, ul li ol { + margin-top: 7px; +} + +ul[class*='list-'] { + padding: 0; +} + +ul.list-unstyled li, ul.list-dash li { + list-style-type: none; +} + +ul.animate-links li a:hover { + padding-left: 2px; +} + +ul.list-dash li:before { + content: '-'; + padding-right: 7px; +} + +ul.list-dash li ul, ul.list-dash li ol { + padding-left: 40px; +} + +ul[class*='list-inline'] li { + display: inline-block; +} + +ul.list-inline { + margin-right: -7px; + margin-left: -7px; +} + +ul.list-inline li { + padding: 0 7px; +} + +ul.list-inline-sm { + margin-right: -3px; + margin-left: -3px; +} + +ul.list-inline-sm li { + padding: 0 3px; +} + +ul.list-inline-lg { + margin-right: -14px; + margin-left: -14px; +} + +ul.list-inline-lg li { + padding: 0 14px; +} + +ul.list-inline-dash li:after { + content: '-'; +} + +ul.list-inline-slash li:after { + content: '/'; +} + +ul.list-inline-dash li:after, ul.list-inline-slash li:after { + padding: 0 3px 0 6px; +} + +ul.list-inline-dash li:last-child:after, ul.list-inline-slash li:last-child:after { + content: ''; + padding: 0; +} + +ol { + margin: 0 0 -7px; +} + +ol li { + margin: 0 0 7px; +} + +ol li ul, ol li ol { + margin-top: 7px; +} + +ol.list-ordered { + list-style: none; + counter-reset: custom-counter; + padding-left: 0; +} + +ol.list-ordered li { + position: relative; + padding-left: 34px; + counter-increment: custom-counter; +} + +ol.list-ordered li::before { + content: counter(custom-counter); +} + +ol.list-ordered li ol { + list-style: none; + padding-left: 0; +} + +ol.list-ordered.style-2 li::before, ol.list-ordered.style-3 li::before, ol.list-ordered.style-4 li::before, ol.list-ordered.style-5 li::before { + position: absolute; + top: 0; + left: 0; + width: 24px; + height: 24px; + border-radius: 50%; + font-size: 13px; + line-height: 24px; + text-align: center; +} + +ol.list-ordered.style-2 li::before { + background: rgba(18, 21, 24, 0.1); + color: black; +} + +ol.list-ordered.style-3 li::before { + background: rgba(18, 21, 24, 0.9); + color: white; +} + +ol.list-ordered.style-4 li::before { + border: 1px solid rgba(18, 21, 24, 0.2); + color: rgba(18, 21, 24, 0.5); +} + +ol.list-ordered.style-5 li::before { + border: 1px solid rgba(18, 21, 24, 0.9); + color: black; +} + +.bg-black ol.list-ordered.style-2 li::before, +[class*='bg-dark'] ol.list-ordered.style-2 li::before, +[class*='bg-gradient-'] ol.list-ordered.style-2 li::before, +[class*='bg-color-'] ol.list-ordered.style-2 li::before { + background: rgba(255, 255, 255, 0.2); + color: white; +} + +.bg-black ol.list-ordered.style-3 li::before, +[class*='bg-dark'] ol.list-ordered.style-3 li::before, +[class*='bg-gradient-'] ol.list-ordered.style-3 li::before, +[class*='bg-color-'] ol.list-ordered.style-3 li::before { + background: white; + color: black; +} + +.bg-black ol.list-ordered.style-4 li::before, +[class*='bg-dark'] ol.list-ordered.style-4 li::before, +[class*='bg-gradient-'] ol.list-ordered.style-4 li::before, +[class*='bg-color-'] ol.list-ordered.style-4 li::before { + border-color: rgba(255, 255, 255, 0.3); + color: rgba(255, 255, 255, 0.6); +} + +.bg-black ol.list-ordered.style-5 li::before, +[class*='bg-dark'] ol.list-ordered.style-5 li::before, +[class*='bg-gradient-'] ol.list-ordered.style-5 li::before, +[class*='bg-color-'] ol.list-ordered.style-5 li::before { + border-color: white; + color: white; +} + +@media (max-width: 991.98px) { + ol { + margin: 0 0 -5px; + } + ol li { + margin: 0 0 5px; + } + ul { + margin: 0 0 -5px; + } + ul li { + margin: 0 0 5px; + } + ul li ul, ul li ol { + margin-top: 5px; + } + ul.list-dash li:before { + content: '-'; + padding-right: 6px; + } + ul.list-dash li a:hover { + padding-left: 2px; + } + ul.list-dash li ul, ul.list-dash li ol { + padding-left: 30px; + } + ul.list-inline-lg { + margin-right: -12px; + margin-left: -12px; + } + ul.list-inline-lg li { + padding: 0 12px; + } + ul.list-inline { + margin-right: -6px; + margin-left: -6px; + } + ul.list-inline li { + padding: 0 6px; + } + ul.list-inline-sm { + margin-right: -2px; + margin-left: -2px; + } + ul.list-inline-sm li { + padding: 0 2px; + } +} + +body { + color: #7C7C7C; + font-family: "Open Sans", sans-serif; + font-size: 1.25rem; + font-weight: 400; + letter-spacing: 0; +} + +@media (max-width: 991.98px) { + body { + font-size: 0.938rem; + } +} + +body.theme-font-nunito { + font-family: "Nunito", sans-serif; +} + +h1, h2, h3, h4, h5, h6 { + letter-spacing: -0.3px; + line-height: 1.4; + color: #121518; + font-family: "Poppins", sans-serif; + font-weight: 600; +} + +.theme-font-nunito h1, .theme-font-nunito h2, .theme-font-nunito h3, .theme-font-nunito h4, .theme-font-nunito h5, .theme-font-nunito h6 { + font-family: "Nunito", sans-serif; +} + +p { + margin: 0; + line-height: 1.74; + /* 26px */ +} + +@media (max-width: 991.98px) { + p { + line-height: 1.6; + /* 24px */ + } +} + +.uppercase { + letter-spacing: 0.8px; + text-transform: uppercase; +} + +.font-small { + font-size: 0.9em; + line-height: 1.7; +} + +@media (max-width: 991.98px) { + .font-small { + font-size: 0.9em; + line-height: 1.7; + } +} + +.font-large { + font-size: 1.063em; + line-height: 1.6; +} + +@media (max-width: 991.98px) { + .font-large { + font-size: 1.063em; + } +} + +.letter-spacing-1 { + letter-spacing: 1px; +} + +.letter-spacing-2 { + letter-spacing: 2px; +} + +.letter-spacing-3 { + letter-spacing: 3px; +} + +.letter-spacing-4 { + letter-spacing: 4px; +} + +.line-height-100 { + line-height: 100%; +} + +.line-height-110 { + line-height: 110%; +} + +.line-height-120 { + line-height: 120%; +} + +.line-height-130 { + line-height: 130%; +} + +.line-height-140 { + line-height: 140%; +} + +.line-height-150 { + line-height: 150%; +} + +.line-height-160 { + line-height: 160%; +} + +i { + display: inline-block; +} + +.icon-5xl i { + font-size: 2.8em; +} + +.icon-4xl i { + font-size: 2.4em; +} + +.icon-3xl i { + font-size: 2.13em; +} + +.icon-2xl i { + font-size: 1.86em; +} + +.icon-xl i { + font-size: 1.6em; +} + +.icon-lg i { + font-size: 1.33em; +} + +.icon-sm i { + font-size: 0.9em; +} + +.accordion { + list-style-type: none; + padding: 0; +} + +.accordion li { + border: 0; + margin-bottom: 8px; + padding: 0; + -webkit-transition: linear 0.1s; + transition: linear 0.1s; +} + +.accordion li:last-child { + margin-bottom: 0; +} + +.accordion li .accordion-title { + position: relative; + border: 1px solid rgba(18, 21, 24, 0.1); + padding: 14px 24px; + cursor: pointer; + -webkit-transition: linear 0.1s; + transition: linear 0.1s; +} + +.accordion li .accordion-title:before, .accordion li .accordion-title:after { + content: ''; + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + background: black; +} + +.accordion li .accordion-title:before { + right: 24px; + width: 11px; + height: 1px; +} + +.accordion li .accordion-title:after { + right: 29px; + width: 1px; + height: 11px; + -webkit-transition: linear 0.1s; + transition: linear 0.1s; +} + +.accordion li .accordion-title h1, .accordion li .accordion-title h2, .accordion li .accordion-title h3, .accordion li .accordion-title h4, .accordion li .accordion-title h5, .accordion li .accordion-title h6 { + margin: 0; +} + +.accordion li .accordion-title * { + -webkit-transition: linear 0.1s; + transition: linear 0.1s; +} + +.accordion li .accordion-content { + overflow: hidden; + max-height: 0; + padding: 0 25px; + -webkit-transition: ease-out 0.2s; + transition: ease-out 0.2s; +} + +.accordion li .accordion-content:before { + content: ''; + display: block; + width: 100%; + height: 20px; +} + +.accordion li .accordion-content:after { + content: ''; + display: block; + width: 100%; + height: 12px; +} + +.accordion li .accordion-content ul li, .accordion li .accordion-content ol li { + border: 0; + padding: 0; +} + +.accordion li .accordion-content ul li:last-child, .accordion li .accordion-content ol li:last-child { + border: 0; +} + +.accordion li .accordion-content ul { + list-style-type: disc; +} + +.accordion li .accordion-content ul ul { + list-style-type: circle; +} + +.accordion li .accordion-content ol.list-ordered li { + margin-bottom: 8px; + padding-left: 34px; +} + +.accordion li .accordion-content ol.list-ordered li:last-child { + margin: 0; +} + +.accordion li .accordion-content .nav { + list-style-type: none; +} + +.accordion li.active .accordion-title { + border-color: rgba(18, 21, 24, 0.9); +} + +.accordion li.active .accordion-title:after { + -webkit-transform: translateY(-50%) rotate(-90deg); + transform: translateY(-50%) rotate(-90deg); +} + +.accordion.style-2 li { + margin-bottom: 14px; + padding: 0; +} + +.accordion.style-2 li:last-child { + margin-bottom: 0; +} + +.accordion.style-2 li .accordion-title { + border: 0; + border-bottom: 1px solid rgba(18, 21, 24, 0.2); + padding: 0 0 10px; + -webkit-transition: linear 0.1s; + transition: linear 0.1s; +} + +.accordion.style-2 li .accordion-title:before, .accordion.style-2 li .accordion-title:after { + margin-top: -6px; +} + +.accordion.style-2 li .accordion-title:before { + right: 0; +} + +.accordion.style-2 li .accordion-title:after { + right: 5px; +} + +.accordion.style-2 li .accordion-content { + padding: 0 20px; +} + +.accordion.style-2 li.active .accordion-title { + border-bottom-color: rgba(18, 21, 24, 0.9); +} + +.accordion.style-3 li .accordion-title { + background: #f1f5f9; + border: 0; +} + +.accordion.style-3 li .accordion-content { + padding: 0 24px; +} + +.accordion.style-3 li.active .accordion-title { + background: #181c20; + color: rgba(255, 255, 255, 0.8); +} + +.accordion.style-3 li.active .accordion-title:before, .accordion.style-3 li.active .accordion-title:after { + background: white; +} + +.accordion.style-3 li.active .accordion-title h1, .accordion.style-3 li.active .accordion-title h2, .accordion.style-3 li.active .accordion-title h3, .accordion.style-3 li.active .accordion-title h4, .accordion.style-3 li.active .accordion-title h5, .accordion.style-3 li.active .accordion-title h6 { + color: white; +} + +.accordion.border-radius:not(.style-2) li .accordion-title { + border-radius: 0.375em; +} + +.accordion.rounded:not(.style-2) li .accordion-title { + border-radius: 50px; +} + +[class*='bg-gray'] .accordion.style-3 li .accordion-title { + background: white; +} + +.bg-black .accordion li .accordion-title, +[class*='bg-dark'] .accordion li .accordion-title, +[class*='bg-gradient-'] .accordion li .accordion-title, +[class*='bg-color-'] .accordion li .accordion-title { + border-color: rgba(255, 255, 255, 0.2); +} + +.bg-black .accordion li .accordion-title:before, .bg-black .accordion li .accordion-title:after, +[class*='bg-dark'] .accordion li .accordion-title:before, +[class*='bg-dark'] .accordion li .accordion-title:after, +[class*='bg-gradient-'] .accordion li .accordion-title:before, +[class*='bg-gradient-'] .accordion li .accordion-title:after, +[class*='bg-color-'] .accordion li .accordion-title:before, +[class*='bg-color-'] .accordion li .accordion-title:after { + background: white; +} + +.bg-black .accordion li.active .accordion-title, +[class*='bg-dark'] .accordion li.active .accordion-title, +[class*='bg-gradient-'] .accordion li.active .accordion-title, +[class*='bg-color-'] .accordion li.active .accordion-title { + border-color: white; +} + +.bg-black .accordion.style-3 li .accordion-title, +[class*='bg-dark'] .accordion.style-3 li .accordion-title, +[class*='bg-gradient-'] .accordion.style-3 li .accordion-title, +[class*='bg-color-'] .accordion.style-3 li .accordion-title { + background: rgba(255, 255, 255, 0.1); +} + +.bg-black .accordion.style-3 li.active .accordion-title, +[class*='bg-dark'] .accordion.style-3 li.active .accordion-title, +[class*='bg-gradient-'] .accordion.style-3 li.active .accordion-title, +[class*='bg-color-'] .accordion.style-3 li.active .accordion-title { + background: white; + color: #7C7C7C; +} + +.bg-black .accordion.style-3 li.active .accordion-title:before, .bg-black .accordion.style-3 li.active .accordion-title:after, +[class*='bg-dark'] .accordion.style-3 li.active .accordion-title:before, +[class*='bg-dark'] .accordion.style-3 li.active .accordion-title:after, +[class*='bg-gradient-'] .accordion.style-3 li.active .accordion-title:before, +[class*='bg-gradient-'] .accordion.style-3 li.active .accordion-title:after, +[class*='bg-color-'] .accordion.style-3 li.active .accordion-title:before, +[class*='bg-color-'] .accordion.style-3 li.active .accordion-title:after { + background: black; +} + +.bg-black .accordion.style-3 li.active .accordion-title h1, .bg-black .accordion.style-3 li.active .accordion-title h2, .bg-black .accordion.style-3 li.active .accordion-title h3, .bg-black .accordion.style-3 li.active .accordion-title h4, .bg-black .accordion.style-3 li.active .accordion-title h5, .bg-black .accordion.style-3 li.active .accordion-title h6, +[class*='bg-dark'] .accordion.style-3 li.active .accordion-title h1, +[class*='bg-dark'] .accordion.style-3 li.active .accordion-title h2, +[class*='bg-dark'] .accordion.style-3 li.active .accordion-title h3, +[class*='bg-dark'] .accordion.style-3 li.active .accordion-title h4, +[class*='bg-dark'] .accordion.style-3 li.active .accordion-title h5, +[class*='bg-dark'] .accordion.style-3 li.active .accordion-title h6, +[class*='bg-gradient-'] .accordion.style-3 li.active .accordion-title h1, +[class*='bg-gradient-'] .accordion.style-3 li.active .accordion-title h2, +[class*='bg-gradient-'] .accordion.style-3 li.active .accordion-title h3, +[class*='bg-gradient-'] .accordion.style-3 li.active .accordion-title h4, +[class*='bg-gradient-'] .accordion.style-3 li.active .accordion-title h5, +[class*='bg-gradient-'] .accordion.style-3 li.active .accordion-title h6, +[class*='bg-color-'] .accordion.style-3 li.active .accordion-title h1, +[class*='bg-color-'] .accordion.style-3 li.active .accordion-title h2, +[class*='bg-color-'] .accordion.style-3 li.active .accordion-title h3, +[class*='bg-color-'] .accordion.style-3 li.active .accordion-title h4, +[class*='bg-color-'] .accordion.style-3 li.active .accordion-title h5, +[class*='bg-color-'] .accordion.style-3 li.active .accordion-title h6 { + color: black; +} + +.box-shadow { + -webkit-box-shadow: 0 10px 36px 0 rgba(22, 24, 26, 0.1); + box-shadow: 0 10px 36px 0 rgba(22, 24, 26, 0.1); + -webkit-transition: ease-out 0.16s; + transition: ease-out 0.16s; +} + +.box-shadow:hover { + -webkit-box-shadow: 0 10px 40px 0 rgba(22, 24, 26, 0.15); + box-shadow: 0 10px 40px 0 rgba(22, 24, 26, 0.15); +} + +.hover-shadow { + -webkit-transition: ease-out 0.16s; + transition: ease-out 0.16s; +} + +.hover-shadow:hover { + -webkit-box-shadow: 0 10px 36px 0 rgba(22, 24, 26, 0.1); + box-shadow: 0 10px 36px 0 rgba(22, 24, 26, 0.1); +} + +.hover-float { + -webkit-transition: ease-out 0.16s; + transition: ease-out 0.16s; +} + +.hover-float:hover { + -webkit-transform: translateY(-4px); + transform: translateY(-4px); +} + +.hover-scale { + -webkit-transition: ease-out 0.16s; + transition: ease-out 0.16s; +} + +.hover-scale:hover { + -webkit-transform: scale(1.015); + transform: scale(1.015); +} + +.hover-shrink { + -webkit-transition: ease-out 0.16s; + transition: ease-out 0.16s; +} + +.hover-shrink:hover { + -webkit-transform: scale(0.985); + transform: scale(0.985); +} + +.box-backdrop { + overflow: hidden; + border-radius: 0.5em; + border: 2px solid #121518; + -webkit-box-shadow: 4px 4px 0 0 #121518; + box-shadow: 4px 4px 0 0 #121518; +} + +[class*="square-box"], +[class*="circle-box"] { + display: inline-block; + text-align: center; +} + +[class*="square-box"] *, +[class*="circle-box"] * { + margin: 0; + vertical-align: middle; +} + +.square-box-xs { + width: 40px; + height: 40px; + line-height: 40px; +} + +.square-box-xs * { + line-height: 40px; +} + +.square-box-sm { + width: 50px; + height: 50px; + line-height: 50px; +} + +.square-box-sm * { + line-height: 50px; +} + +.square-box, .square-box-md { + width: 60px; + height: 60px; + line-height: 60px; +} + +.square-box *, .square-box-md * { + line-height: 60px; +} + +.square-box-lg { + width: 70px; + height: 70px; + line-height: 70px; +} + +.square-box-lg * { + line-height: 70px; +} + +.square-box-xl { + width: 80px; + height: 80px; + line-height: 80px; +} + +.square-box-xl * { + line-height: 80px; +} + +[class*="circle-box"] { + border-radius: 50%; +} + +.circle-box-xs { + width: 40px; + height: 40px; + line-height: 40px; +} + +.circle-box-xs * { + line-height: 40px; +} + +.circle-box-sm { + width: 50px; + height: 50px; + line-height: 50px; +} + +.circle-box-sm * { + line-height: 50px; +} + +.circle-box, .circle-box-md { + width: 60px; + height: 60px; + line-height: 60px; +} + +.circle-box *, .circle-box-md * { + line-height: 60px; +} + +.circle-box-lg { + width: 70px; + height: 70px; + line-height: 70px; +} + +.circle-box-lg * { + line-height: 70px; +} + +.circle-box-xl { + width: 80px; + height: 80px; + line-height: 80px; +} + +.circle-box-xl * { + line-height: 80px; +} + +.border-radius { + border-radius: 0.5em; + overflow: hidden; +} + +.border-radius-1 { + border-radius: 1em; + overflow: hidden; +} + +.border-radius-2 { + border-radius: 2em; + overflow: hidden; +} + +a { + color: rgba(18, 21, 24, 0.9); + text-decoration: none; + -webkit-transition: linear 0.1s; + transition: linear 0.1s; +} + +a:hover { + color: #121518; + text-decoration: none; +} + +button { + background: transparent; + box-shadow: none; + border: 0; + padding: 0; + cursor: pointer; +} + +a:focus, a:active, button:focus, button:active { + box-shadow: none; + outline: 0; +} + +.button { + position: relative; + display: inline-block; + overflow: hidden; + background: #e4e8ec; + border: 1px solid #e4e8ec; + padding: 5px 10px; + color: #121518; + font: 500 0.875em "Poppins", sans-serif; + letter-spacing: 0.8px; + text-transform: uppercase; + -webkit-transition: ease-out 0.12s; + transition: ease-out 0.12s; +} + +.button i { + margin-right: 8px; + font-size: 15px; +} + +.button:hover { + color: #121518; +} + +.theme-font-nunito .button { + font: 600 0.875em "Nunito", sans-serif; +} + +.button-sm { + padding: 12px 26px; +} + +.button-md { + padding: 14px 34px; +} + +.button-lg { + padding: 16px 42px; +} + +.button-xl { + padding: 18px 50px; +} + +.button-fullwidth { + width: 100%; + text-align: center; +} + +.button-gray { + background: #e4e8ec; + border: 0; +} + +.button-gray:hover, .button-gray:focus { + background: #dce0e4; + color: #121518; +} + +.button-dark { + background: #202428; + border: 0; + color: white; +} + +.button-dark:hover, .button-dark:focus { + background: #181c20; + color: white; +} + +.button-white { + background: white; + border: 0; + color: #121518; +} + +.button-white:hover, .button-white:focus { + background: rgba(255, 255, 255, 0.9); + border: 0; + color: #121518; +} + +.button-white-2 { + background: rgba(255, 255, 255, 0.1); + border: 0; + color: white; +} + +.button-white-2:hover, .button-white-2:focus { + background: rgba(255, 255, 255, 0.15); + color: white; +} + +[class*='button-social'] { + border: 0; + -webkit-box-shadow: 0 6px 30px 0 rgba(21, 25, 29, 0.13); + box-shadow: 0 6px 30px 0 rgba(21, 25, 29, 0.13); +} + +[class*='button-social']:hover, [class*='button-social']:focus { + -webkit-transform: translateY(-3px); + transform: translateY(-3px); + -webkit-box-shadow: 0 6px 36px 0 rgba(21, 25, 29, 0.19); + box-shadow: 0 6px 36px 0 rgba(21, 25, 29, 0.19); + opacity: 0.9; +} + +[class*='button-social']:not([class*='button-social-snapchat']) { + color: white; +} + +[class*='button-social']:not([class*='button-social-snapchat']):hover, [class*='button-social']:not([class*='button-social-snapchat']):focus { + color: white; +} + +.button-social-facebook { + background: #1877F2; +} + +.button-social-twitter { + background: #1DA1F2; +} + +.button-social-instagram { + background: #E4405F; +} + +.button-social-linkedin { + background: #0A66C2; +} + +.button-social-youtube { + background: #CD201F; +} + +.button-social-pinterest { + background: #BD081C; +} + +.button-social-skype { + background: #00AFF0; +} + +.button-social-dribbble { + background: #EA4C89; +} + +.button-social-whatsapp { + background: #25D366; +} + +.button-social-snapchat { + background: #FFFC00; + color: #121518; +} + +.button-social-snapchat:hover { + color: #121518; +} + +.button-gradient-1 { + background-image: linear-gradient(19deg, #21D4FD 0%, #B721FF 100%); +} + +.button-gradient-2 { + background-image: linear-gradient(45deg, #A9C9FF 0%, #FFBBEC 100%); +} + +.button-gradient-3 { + background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%); +} + +.button-gradient-4 { + background-image: linear-gradient(90deg, #00DBDE 0%, #FC00FF 100%); +} + +.button-gradient-5 { + background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%); +} + +.button-gradient-6 { + background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%); +} + +.button-gradient-7 { + background-image: linear-gradient(90deg, #007990 0%, #6CE5C0 100%); +} + +[class*='button-gradient'] { + border: 0; + -webkit-box-shadow: 0 6px 30px 0 rgba(21, 25, 29, 0.13); + box-shadow: 0 6px 30px 0 rgba(21, 25, 29, 0.13); + color: white; +} + +[class*='button-gradient']:hover, [class*='button-gradient']:focus { + -webkit-transform: translateY(-3px); + transform: translateY(-3px); + -webkit-box-shadow: 0 6px 36px 0 rgba(21, 25, 29, 0.19); + box-shadow: 0 6px 36px 0 rgba(21, 25, 29, 0.19); + opacity: 0.9; + color: white; +} + +.button-theme, +.button-blue, +.button-purple, +.button-pink-edge, +.button-golden-yellow, +.button-very-peri, +.button-turquoise, +.button-spring-red, +.button-tan, +.button-aqua { + border: 0; + -webkit-box-shadow: 0 6px 30px 0 rgba(21, 25, 29, 0.13); + box-shadow: 0 6px 30px 0 rgba(21, 25, 29, 0.13); + color: white; +} + +.button-theme:hover, .button-theme:focus, +.button-blue:hover, +.button-blue:focus, +.button-purple:hover, +.button-purple:focus, +.button-pink-edge:hover, +.button-pink-edge:focus, +.button-golden-yellow:hover, +.button-golden-yellow:focus, +.button-very-peri:hover, +.button-very-peri:focus, +.button-turquoise:hover, +.button-turquoise:focus, +.button-spring-red:hover, +.button-spring-red:focus, +.button-tan:hover, +.button-tan:focus, +.button-aqua:hover, +.button-aqua:focus { + -webkit-transform: translateY(-3px); + transform: translateY(-3px); + -webkit-box-shadow: 0 6px 36px 0 rgba(21, 25, 29, 0.19); + box-shadow: 0 6px 36px 0 rgba(21, 25, 29, 0.19); + opacity: 0.9; + color: white; +} + +.button-blue { + background: #0093E9; +} + +.button-purple { + background: #B721FF; +} + +.button-pink-edge { + background: #FE9AB6; +} + +.button-golden-yellow { + background: #FFB657; +} + +.button-very-peri { + background: #6667AB; +} + +.button-turquoise { + background: #4cbfa6; +} + +.button-spring-red { + background: #BE1F35; +} + +.button-tan { + background: #d2b48c; +} + +.button-aqua { + background: #03D4D8; +} + +[class*='button-outline'] { + background: transparent; +} + +.button-outline-theme:hover, .button-outline-theme:focus, +.button-outline-blue:hover, +.button-outline-blue:focus, +.button-outline-purple:hover, +.button-outline-purple:focus, +.button-outline-pink-edge:hover, +.button-outline-pink-edge:focus, +.button-outline-golden-yellow:hover, +.button-outline-golden-yellow:focus, +.button-outline-very-peri:hover, +.button-outline-very-peri:focus, +.button-outline-turquoise:hover, +.button-outline-turquoise:focus, +.button-outline-spring-red:hover, +.button-outline-spring-red:focus, +.button-outline-tan:hover, +.button-outline-tan:focus, +.button-outline-aqua:hover, +.button-outline-aqua:focus { + color: white; +} + +.button-outline-blue { + border-color: #0093e9; + color: #0093e9; +} + +.button-outline-blue:hover, .button-outline-blue:focus { + background: #0093e9; +} + +.button-outline-purple { + border-color: #b721ff; + color: #b721ff; +} + +.button-outline-purple:hover, .button-outline-purple:focus { + background: #b721ff; +} + +.button-outline-pink-edge { + border-color: #fe9ab6; + color: #fe9ab6; +} + +.button-outline-pink-edge:hover, .button-outline-pink-edge:focus { + background: #fe9ab6; +} + +.button-outline-golden-yellow { + border-color: #ffb657; + color: #ffb657; +} + +.button-outline-golden-yellow:hover, .button-outline-golden-yellow:focus { + background: #ffb657; +} + +.button-outline-very-peri { + border-color: #6667ab; + color: #6667ab; +} + +.button-outline-very-peri:hover, .button-outline-very-peri:focus { + background: #6667ab; +} + +.button-outline-turquoise { + border-color: #4cbfa6; + color: #4cbfa6; +} + +.button-outline-turquoise:hover, .button-outline-turquoise:focus { + background: #4cbfa6; +} + +.button-outline-spring-red { + border-color: #be1f35; + color: #be1f35; +} + +.button-outline-spring-red:hover, .button-outline-spring-red:focus { + background: #be1f35; +} + +.button-outline-tan { + border-color: tan; + color: tan; +} + +.button-outline-tan:hover, .button-outline-tan:focus { + background: tan; +} + +.button-outline-aqua { + border-color: #03d4d8; + color: #03d4d8; +} + +.button-outline-aqua:hover, .button-outline-aqua:focus { + background: #03d4d8; +} + +.button-outline-gray { + border-color: rgba(18, 21, 24, 0.15); +} + +.button-outline-gray:hover, .button-outline-gray:focus { + border-color: #181c20; + color: #121518; +} + +.button-outline-dark { + border-color: #181c20; +} + +.button-outline-dark:hover, .button-outline-dark:focus { + background: #181c20; + border-color: transparent; + color: white; +} + +.button-outline-white { + border-color: rgba(255, 255, 255, 0.3); + color: white; +} + +.button-outline-white:hover, .button-outline-white:focus { + border-color: white; + color: white; +} + +.button-outline-white-2 { + border-color: white; + color: white; +} + +.button-outline-white-2:hover, .button-outline-white-2:focus { + background: white; + color: #121518; +} + +[class*='button-reveal'] span, [class*='button-reveal'] i { + -webkit-transition: all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1); + transition: all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1); +} + +[class*='button-reveal'] span { + position: relative; +} + +[class*='button-reveal'] i { + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + opacity: 0; + margin: 0; +} + +[class*='button-reveal']:hover i, [class*='button-reveal']:focus i { + opacity: 1; +} + +[class*='button-reveal-left'] span { + left: 0; +} + +[class*='button-reveal-left']:hover span, [class*='button-reveal-left']:focus span { + left: 12px; +} + +[class*='button-reveal-right'] span { + right: 0; +} + +[class*='button-reveal-right']:hover span, [class*='button-reveal-right']:focus span { + right: 12px; +} + +.button-reveal-left-dark, .button-reveal-right-dark { + background: #202428; + border: 0; + color: white; +} + +.button-reveal-left-dark:hover, .button-reveal-left-dark:focus, .button-reveal-right-dark:hover, .button-reveal-right-dark:focus { + background: #181c20; + color: white; +} + +.button-reveal-left-white, .button-reveal-right-white { + background: white; + border: 0; + color: #121518; +} + +.button-reveal-left-white:hover, .button-reveal-left-white:focus, .button-reveal-right-white:hover, .button-reveal-right-white:focus { + background: white; + color: #121518; +} + +.button-reveal-left-outline-dark, +.button-reveal-right-outline-dark { + background: transparent; + border-color: #181c20; +} + +.button-reveal-left-outline-dark:hover, .button-reveal-left-outline-dark:focus, +.button-reveal-right-outline-dark:hover, +.button-reveal-right-outline-dark:focus { + border-color: rgba(18, 21, 24, 0.15); + color: #121518; +} + +.button-reveal-left-outline-white, +.button-reveal-right-outline-white { + background: transparent; + border-color: rgba(255, 255, 255, 0.3); + color: white; +} + +.button-reveal-left-outline-white:hover, .button-reveal-left-outline-white:focus, +.button-reveal-right-outline-white:hover, +.button-reveal-right-outline-white:focus { + border-color: white; + color: white; +} + +.button-sm[class*='button-reveal-left'] i { + left: 20px; +} + +.button-sm[class*='button-reveal-left']:hover i, .button-sm[class*='button-reveal-left']:focus i { + left: 10px; +} + +.button-sm[class*='button-reveal-right'] i { + right: 20px; +} + +.button-sm[class*='button-reveal-right']:hover i, .button-sm[class*='button-reveal-right']:focus i { + right: 10px; +} + +.button-md[class*='button-reveal-left'] i { + left: 30px; +} + +.button-md[class*='button-reveal-left']:hover i, .button-md[class*='button-reveal-left']:focus i { + left: 18px; +} + +.button-md[class*='button-reveal-right'] i { + right: 30px; +} + +.button-md[class*='button-reveal-right']:hover i, .button-md[class*='button-reveal-right']:focus i { + right: 18px; +} + +.button-lg[class*='button-reveal-left'] i { + left: 40px; +} + +.button-lg[class*='button-reveal-left']:hover i, .button-lg[class*='button-reveal-left']:focus i { + left: 28px; +} + +.button-lg[class*='button-reveal-right'] i { + right: 40px; +} + +.button-lg[class*='button-reveal-right']:hover i, .button-lg[class*='button-reveal-right']:focus i { + right: 28px; +} + +.button-xl[class*='button-reveal-left'] i { + left: 50px; +} + +.button-xl[class*='button-reveal-left']:hover i, .button-xl[class*='button-reveal-left']:focus i { + left: 38px; +} + +.button-xl[class*='button-reveal-right'] i { + right: 50px; +} + +.button-xl[class*='button-reveal-right']:hover i, .button-xl[class*='button-reveal-right']:focus i { + right: 38px; +} + +.button-backdrop-dark { + background: white; + border-radius: 0.5em; + border: 2px solid #121518; + -webkit-box-shadow: 4px 4px 0 0 #121518; + box-shadow: 4px 4px 0 0 #121518; +} + +.button-backdrop-dark:hover, .button-backdrop-dark:focus { + -webkit-box-shadow: 2px 2px 0 0 #121518; + box-shadow: 2px 2px 0 0 #121518; +} + +.button-backdrop-white { + background: black; + border-radius: 0.5em; + border: 2px solid white; + -webkit-box-shadow: 4px 4px 0 0 white; + box-shadow: 4px 4px 0 0 white; + color: white; +} + +.button-backdrop-white:hover, .button-backdrop-white:focus { + -webkit-box-shadow: 2px 2px 0 0 white; + box-shadow: 2px 2px 0 0 white; + color: white; +} + +[class*='button-backdrop-color'] { + border-radius: 0.5em; + border: 2px solid #121518; + -webkit-box-shadow: 4px 4px 0 0 #121518; + box-shadow: 4px 4px 0 0 #121518; + color: white; +} + +[class*='button-backdrop-color']:hover, [class*='button-backdrop-color']:focus { + -webkit-box-shadow: 2px 2px 0 0 #121518; + box-shadow: 2px 2px 0 0 #121518; + color: white; +} + +.button-backdrop-color-aqua { + background: #03d4d8; +} + +.button-backdrop-color-blue { + background: #0093e9; +} + +.button-backdrop-color-golden-yellow { + background: #ffb657; +} + +.button-backdrop-color-pink-edge { + background: #fe9ab6; +} + +.button-backdrop-color-purple { + background: #b721ff; +} + +.button-backdrop-color-spring-red { + background: #be1f35; +} + +.button-backdrop-color-tan { + background: tan; +} + +.button-backdrop-color-turquoise { + background: #4cbfa6; +} + +.button-backdrop-color-very-peri { + background: #6667ab; +} + +.button-text-1, +.button-text-2, +.button-text-3 { + position: relative; + display: inline-block; + color: black; + font-family: "Poppins", sans-serif; + letter-spacing: -0.2px; +} + +.theme-font-nunito .button-text-1, +.theme-font-nunito .button-text-2, +.theme-font-nunito .button-text-3 { + font-family: "Nunito", sans-serif; +} + +.button-text-1:before { + content: ''; + position: absolute; + bottom: -1px; + left: 0; + background: rgba(18, 21, 24, 0.2); + width: 100%; + height: 1px; +} + +.button-text-1:after { + content: ''; + position: absolute; + right: 0; + bottom: -1px; + left: 0; + background: black; + height: 1px; + -webkit-animation: button-line-out 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both; + animation: button-line-out 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both; +} + +.button-text-1:hover:after { + width: 100%; + -webkit-animation: button-line-in 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both; + animation: button-line-in 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both; +} + +.button-text-2:before { + content: ''; + position: absolute; + top: 40%; + right: 0; + left: 0; + background: rgba(18, 21, 24, 0.15); + height: 40%; + -webkit-animation: button-line-out 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both; + animation: button-line-out 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both; +} + +.button-text-2:after { + content: ''; + position: absolute; + bottom: -1px; + right: 0; + left: 0; + background: black; + height: 1px; + -webkit-animation: button-line-in 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both; + animation: button-line-in 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both; +} + +.button-text-2:hover:before { + -webkit-animation: button-line-in 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both; + animation: button-line-in 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both; +} + +.button-text-2:hover:after { + -webkit-animation: button-line-out 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both; + animation: button-line-out 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both; +} + +.button-text-3 { + padding-left: 30px; + -webkit-transition: all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1); + transition: all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1); +} + +.button-text-3:before { + content: ''; + position: absolute; + top: 50%; + left: 0; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + background: black; + width: 20px; + height: 1px; + -webkit-transition: all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1); + transition: all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1); +} + +.button-text-3:hover { + padding-left: 40px; +} + +.button-text-3:hover:before { + width: 30px; +} + +@-webkit-keyframes button-line-out { + 0% { + -webkit-transform: scaleX(1); + transform: scaleX(1); + -webkit-transform-origin: 100% 50%; + transform-origin: 100% 50%; + } + 100% { + -webkit-transform: scaleX(0); + transform: scaleX(0); + -webkit-transform-origin: 100% 50%; + transform-origin: 100% 50%; + } +} + +@keyframes button-line-out { + 0% { + -webkit-transform: scaleX(1); + transform: scaleX(1); + -webkit-transform-origin: 100% 50%; + transform-origin: 100% 50%; + } + 100% { + -webkit-transform: scaleX(0); + transform: scaleX(0); + -webkit-transform-origin: 100% 50%; + transform-origin: 100% 50%; + } +} + +@-webkit-keyframes button-line-in { + 0% { + -webkit-transform: scaleX(0); + transform: scaleX(0); + -webkit-transform-origin: 0 50%; + transform-origin: 0 50%; + } + 100% { + -webkit-transform: scale(1); + transform: scale(1); + -webkit-transform-origin: 0 50%; + transform-origin: 0 50%; + } +} + +@keyframes button-line-in { + 0% { + -webkit-transform: scaleX(0); + transform: scaleX(0); + -webkit-transform-origin: 0 50%; + transform-origin: 0 50%; + } + 100% { + -webkit-transform: scale(1); + transform: scale(1); + -webkit-transform-origin: 0 50%; + transform-origin: 0 50%; + } +} + +.bg-black .button-text-1, +.bg-black .button-text-2, +.bg-black .button-text-3, +[class*='bg-dark'] .button-text-1, +[class*='bg-dark'] .button-text-2, +[class*='bg-dark'] .button-text-3, +[class*='bg-gradient-'] .button-text-1, +[class*='bg-gradient-'] .button-text-2, +[class*='bg-gradient-'] .button-text-3, +[class*='bg-color-'] .button-text-1, +[class*='bg-color-'] .button-text-2, +[class*='bg-color-'] .button-text-3 { + color: rgba(255, 255, 255, 0.8); +} + +.bg-black .button-text-1:hover, +.bg-black .button-text-2:hover, +.bg-black .button-text-3:hover, +[class*='bg-dark'] .button-text-1:hover, +[class*='bg-dark'] .button-text-2:hover, +[class*='bg-dark'] .button-text-3:hover, +[class*='bg-gradient-'] .button-text-1:hover, +[class*='bg-gradient-'] .button-text-2:hover, +[class*='bg-gradient-'] .button-text-3:hover, +[class*='bg-color-'] .button-text-1:hover, +[class*='bg-color-'] .button-text-2:hover, +[class*='bg-color-'] .button-text-3:hover { + color: white; +} + +.bg-black .button-text-1:before, +[class*='bg-dark'] .button-text-1:before, +[class*='bg-gradient-'] .button-text-1:before, +[class*='bg-color-'] .button-text-1:before { + background: rgba(255, 255, 255, 0.3); +} + +.bg-black .button-text-1:after, +[class*='bg-dark'] .button-text-1:after, +[class*='bg-gradient-'] .button-text-1:after, +[class*='bg-color-'] .button-text-1:after { + background: white; +} + +.bg-black .button-text-2:before, +[class*='bg-dark'] .button-text-2:before, +[class*='bg-gradient-'] .button-text-2:before, +[class*='bg-color-'] .button-text-2:before { + background: rgba(255, 255, 255, 0.4); +} + +.bg-black .button-text-2:after, +[class*='bg-dark'] .button-text-2:after, +[class*='bg-gradient-'] .button-text-2:after, +[class*='bg-color-'] .button-text-2:after { + background: white; +} + +.bg-black .button-text-3:before, +[class*='bg-dark'] .button-text-3:before, +[class*='bg-gradient-'] .button-text-3:before, +[class*='bg-color-'] .button-text-3:before { + background: rgba(255, 255, 255, 0.8); +} + +.bg-black .button-text-3:hover:before, +[class*='bg-dark'] .button-text-3:hover:before, +[class*='bg-gradient-'] .button-text-3:hover:before, +[class*='bg-color-'] .button-text-3:hover:before { + background: white; +} + +.button-circle { + background: #e4e8ec; + display: inline-block; + border: 1px solid #e4e8ec; + border-radius: 50%; + color: #121518; + text-align: center; + -webkit-transition: ease-out 0.12s; + transition: ease-out 0.12s; +} + +.button-circle:hover { + color: #7C7C7C; +} + +.button-circle.button-circle-gray { + background: #e4e8ec; + border: 0; +} + +.button-circle.button-circle-gray:hover, .button-circle.button-circle-gray:focus { + background: #dce0e4; + color: #121518; +} + +.button-circle.button-circle-dark { + background: #202428; + border: 0; + color: white; +} + +.button-circle.button-circle-dark:hover, .button-circle.button-circle-dark:focus { + background: #181c20; + color: white; +} + +.button-circle.button-circle-white { + background: white; + border: 0; + color: #121518; +} + +.button-circle.button-circle-white:hover, .button-circle.button-circle-white:focus { + background: rgba(255, 255, 255, 0.9); + color: #121518; +} + +.button-circle.button-circle-white-2 { + background: rgba(255, 255, 255, 0.1); + border: 0; + color: white; +} + +.button-circle.button-circle-white-2:hover, .button-circle.button-circle-white-2:focus { + background: rgba(255, 255, 255, 0.15); + color: white; +} + +.button-circle[class*='button-circle-outline'] { + background: transparent; +} + +.button-circle.button-circle-outline-gray { + border-color: rgba(18, 21, 24, 0.15); +} + +.button-circle.button-circle-outline-gray:hover, .button-circle.button-circle-outline-gray:focus { + border-color: #181c20; + color: #121518; +} + +.button-circle.button-circle-outline-dark { + border-color: #181c20; +} + +.button-circle.button-circle-outline-dark:hover, .button-circle.button-circle-outline-dark:focus { + background: #181c20; + border-color: transparent; + color: white; +} + +.button-circle.button-circle-outline-white { + border-color: rgba(255, 255, 255, 0.3); + color: white; +} + +.button-circle.button-circle-outline-white:hover, .button-circle.button-circle-outline-white:focus { + border-color: white; + color: white; +} + +.button-circle.button-circle-outline-white-2 { + border-color: white; + color: white; +} + +.button-circle.button-circle-outline-white-2:hover, .button-circle.button-circle-outline-white-2:focus { + background: white; + color: #121518; +} + +.button-circle.button-circle-outline-aqua { + border-color: #03d4d8; + color: #03d4d8; +} + +.button-circle.button-circle-outline-aqua:hover, .button-circle.button-circle-outline-aqua:focus { + background: #03d4d8; + color: white; +} + +.button-circle.button-circle-outline-theme:hover, .button-circle.button-circle-outline-theme:focus, .button-circle.button-circle-outline-aqua:hover, .button-circle.button-circle-outline-aqua:focus, .button-circle.button-circle-outline-blue:hover, .button-circle.button-circle-outline-blue:focus, .button-circle.button-circle-outline-golden-yellow:hover, .button-circle.button-circle-outline-golden-yellow:focus, .button-circle.button-circle-outline-pink-edge:hover, .button-circle.button-circle-outline-pink-edge:focus, .button-circle.button-circle-outline-purple:hover, .button-circle.button-circle-outline-purple:focus, .button-circle.button-circle-outline-spring-red:hover, .button-circle.button-circle-outline-spring-red:focus, .button-circle.button-circle-outline-tan:hover, .button-circle.button-circle-outline-tan:focus, .button-circle.button-circle-outline-turquoise:hover, .button-circle.button-circle-outline-turquoise:focus, .button-circle.button-circle-outline-very-peri:hover, .button-circle.button-circle-outline-very-peri:focus { + color: white; +} + +.button-circle.button-circle-outline-blue { + border-color: #0093e9; + color: #0093e9; +} + +.button-circle.button-circle-outline-blue:hover, .button-circle.button-circle-outline-blue:focus { + background: #0093e9; +} + +.button-circle.button-circle-outline-golden-yellow { + border-color: #ffb657; + color: #ffb657; +} + +.button-circle.button-circle-outline-golden-yellow:hover, .button-circle.button-circle-outline-golden-yellow:focus { + background: #ffb657; +} + +.button-circle.button-circle-outline-pink-edge { + border-color: #fe9ab6; + color: #fe9ab6; +} + +.button-circle.button-circle-outline-pink-edge:hover, .button-circle.button-circle-outline-pink-edge:focus { + background: #fe9ab6; +} + +.button-circle.button-circle-outline-purple { + border-color: #b721ff; + color: #b721ff; +} + +.button-circle.button-circle-outline-purple:hover, .button-circle.button-circle-outline-purple:focus { + background: #b721ff; +} + +.button-circle.button-circle-outline-spring-red { + border-color: #be1f35; + color: #be1f35; +} + +.button-circle.button-circle-outline-spring-red:hover, .button-circle.button-circle-outline-spring-red:focus { + background: #be1f35; +} + +.button-circle.button-circle-outline-tan { + border-color: tan; + color: tan; +} + +.button-circle.button-circle-outline-tan:hover, .button-circle.button-circle-outline-tan:focus { + background: tan; +} + +.button-circle.button-circle-outline-turquoise { + border-color: #4cbfa6; + color: #4cbfa6; +} + +.button-circle.button-circle-outline-turquoise:hover, .button-circle.button-circle-outline-turquoise:focus { + background: #4cbfa6; +} + +.button-circle.button-circle-outline-very-peri { + border-color: #6667ab; + color: #6667ab; +} + +.button-circle.button-circle-outline-very-peri:hover, .button-circle.button-circle-outline-very-peri:focus { + background: #6667ab; +} + +.button-circle.button-circle-gradient-1 { + background-image: linear-gradient(19deg, #21D4FD 0%, #B721FF 100%); +} + +.button-circle.button-circle-gradient-1:hover, .button-circle.button-circle-gradient-1:focus { + background-image: linear-gradient(19deg, #21D4FD 0%, #B721FF 100%); +} + +.button-circle.button-circle-gradient-2 { + background-image: linear-gradient(45deg, #A9C9FF 0%, #FFBBEC 100%); +} + +.button-circle.button-circle-gradient-2:hover, .button-circle.button-circle-gradient-2:focus { + background-image: linear-gradient(45deg, #A9C9FF 0%, #FFBBEC 100%); +} + +.button-circle.button-circle-gradient-3 { + background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%); +} + +.button-circle.button-circle-gradient-3:hover, .button-circle.button-circle-gradient-3:focus { + background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%); +} + +.button-circle.button-circle-gradient-4 { + background-image: linear-gradient(90deg, #00DBDE 0%, #FC00FF 100%); +} + +.button-circle.button-circle-gradient-4:hover, .button-circle.button-circle-gradient-4:focus { + background-image: linear-gradient(90deg, #00DBDE 0%, #FC00FF 100%); +} + +.button-circle.button-circle-gradient-5 { + background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%); +} + +.button-circle.button-circle-gradient-5:hover, .button-circle.button-circle-gradient-5:focus { + background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%); +} + +.button-circle.button-circle-gradient-6 { + background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%); +} + +.button-circle.button-circle-gradient-6:hover, .button-circle.button-circle-gradient-6:focus { + background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%); +} + +.button-circle.button-circle-gradient-7 { + background-image: linear-gradient(90deg, #007990 0%, #6CE5C0 100%); +} + +.button-circle.button-circle-gradient-7:hover, .button-circle.button-circle-gradient-7:focus { + background-image: linear-gradient(90deg, #007990 0%, #6CE5C0 100%); +} + +.button-circle.button-circle-theme, .button-circle.button-circle-blue, .button-circle.button-circle-purple, .button-circle.button-circle-pink-edge, .button-circle.button-circle-golden-yellow, .button-circle.button-circle-very-peri, .button-circle.button-circle-turquoise, .button-circle.button-circle-spring-red, .button-circle.button-circle-tan, .button-circle.button-circle-aqua { + border: 0; + -webkit-box-shadow: 0 6px 30px 0 rgba(21, 25, 29, 0.13); + box-shadow: 0 6px 30px 0 rgba(21, 25, 29, 0.13); + color: white; +} + +.button-circle.button-circle-theme:hover, .button-circle.button-circle-theme:focus, .button-circle.button-circle-blue:hover, .button-circle.button-circle-blue:focus, .button-circle.button-circle-purple:hover, .button-circle.button-circle-purple:focus, .button-circle.button-circle-pink-edge:hover, .button-circle.button-circle-pink-edge:focus, .button-circle.button-circle-golden-yellow:hover, .button-circle.button-circle-golden-yellow:focus, .button-circle.button-circle-very-peri:hover, .button-circle.button-circle-very-peri:focus, .button-circle.button-circle-turquoise:hover, .button-circle.button-circle-turquoise:focus, .button-circle.button-circle-spring-red:hover, .button-circle.button-circle-spring-red:focus, .button-circle.button-circle-tan:hover, .button-circle.button-circle-tan:focus, .button-circle.button-circle-aqua:hover, .button-circle.button-circle-aqua:focus { + -webkit-transform: translateY(-3px); + transform: translateY(-3px); + -webkit-box-shadow: 0 6px 36px 0 rgba(21, 25, 29, 0.19); + box-shadow: 0 6px 36px 0 rgba(21, 25, 29, 0.19); + opacity: 0.9; + color: white; +} + +.button-circle.button-circle-blue { + background: #0093E9; +} + +.button-circle.button-circle-purple { + background: #B721FF; +} + +.button-circle.button-circle-pink-edge { + background: #FE9AB6; +} + +.button-circle.button-circle-golden-yellow { + background: #FFB657; +} + +.button-circle.button-circle-very-peri { + background: #6667AB; +} + +.button-circle.button-circle-turquoise { + background: #4cbfa6; +} + +.button-circle.button-circle-spring-red { + background: #BE1F35; +} + +.button-circle.button-circle-tan { + background: #d2b48c; +} + +.button-circle.button-circle-aqua { + background: #03D4D8; +} + +.button-circle[class*='button-circle-social'] { + color: white; +} + +.button-circle[class*='button-circle-social']:hover { + color: white; +} + +.button-circle.button-circle-social-facebook { + background: #1877F2; +} + +.button-circle.button-circle-social-twitter { + background: #1DA1F2; +} + +.button-circle.button-circle-social-instagram { + background: #E4405F; +} + +.button-circle.button-circle-social-linkedin { + background: #0A66C2; +} + +.button-circle.button-circle-social-youtube { + background: #CD201F; +} + +.button-circle.button-circle-social-pinterest { + background: #BD081C; +} + +.button-circle.button-circle-social-skype { + background: #00AFF0; +} + +.button-circle.button-circle-social-dribbble { + background: #EA4C89; +} + +.button-circle.button-circle-social-snapchat { + background: #FFFC00; + color: #121518; +} + +.button-circle.button-circle-social-snapchat:hover { + color: #121518; +} + +.button-circle.button-circle-social-whatsapp { + background: #25D366; +} + +[class*='button-circle-gradient'] { + border: 0; + -webkit-box-shadow: 0 6px 30px 0 rgba(21, 25, 29, 0.13); + box-shadow: 0 6px 30px 0 rgba(21, 25, 29, 0.13); + color: white; +} + +[class*='button-circle-gradient']:hover, [class*='button-circle-gradient']:focus { + -webkit-transform: translateY(-3px); + transform: translateY(-3px); + -webkit-box-shadow: 0 6px 36px 0 rgba(21, 25, 29, 0.19); + box-shadow: 0 6px 36px 0 rgba(21, 25, 29, 0.19); + opacity: 0.9; + color: white; +} + +[class*='button-circle-social'] { + border: 0; + -webkit-box-shadow: 0 6px 30px 0 rgba(21, 25, 29, 0.13); + box-shadow: 0 6px 30px 0 rgba(21, 25, 29, 0.13); +} + +[class*='button-circle-social']:hover, [class*='button-circle-social']:focus { + -webkit-transform: translateY(-3px); + transform: translateY(-3px); + -webkit-box-shadow: 0 6px 36px 0 rgba(21, 25, 29, 0.19); + box-shadow: 0 6px 36px 0 rgba(21, 25, 29, 0.19); + opacity: 0.9; +} + +.button-circle-sm { + width: 40px; + height: 40px; + line-height: 40px; +} + +.button-circle-sm i { + line-height: 40px; +} + +.button-circle-md { + width: 50px; + height: 50px; + line-height: 50px; +} + +.button-circle-md i { + line-height: 50px; +} + +.button-circle-lg { + width: 60px; + height: 60px; + line-height: 60px; +} + +.button-circle-lg i { + line-height: 60px; +} + +.button-circle-xl { + width: 70px; + height: 70px; + line-height: 70px; +} + +.button-circle-xl i { + line-height: 70px; +} + +.button-circle-hover-slide { + position: relative; + display: inline-block; + overflow: hidden; +} + +.button-circle-hover-slide i { + position: absolute; + left: 50%; + -webkit-transition: ease-out 0.22s; + transition: ease-out 0.22s; +} + +.button-circle-hover-slide i:first-child { + top: 50%; + -webkit-transform: translateX(-50%) translateY(-50%); + transform: translateX(-50%) translateY(-50%); + opacity: 1; +} + +.button-circle-hover-slide i:last-child { + top: 100%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + opacity: 0; +} + +.button-circle-hover-slide:hover i:first-child { + top: -100%; + -webkit-transform: translateX(-50%) translateY(0); + transform: translateX(-50%) translateY(0); + opacity: 0; +} + +.button-circle-hover-slide:hover i:last-child { + top: 50%; + -webkit-transform: translateX(-50%) translateY(-50%); + transform: translateX(-50%) translateY(-50%); + opacity: 1; +} + +.button-circle-ripple { + position: relative; + z-index: 1; +} + +.button-circle-ripple:before { + content: ''; + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + z-index: -1; + opacity: 1; + background: rgba(18, 21, 24, 0.15); + width: 100%; + height: 100%; + border-radius: 50%; + -webkit-animation: button-ripple 1.8s ease-out infinite; + animation: button-ripple 1.8s ease-out infinite; +} + +.button-circle-ripple.button-circle-dark:before { + background: rgba(18, 21, 24, 0.15); +} + +.button-circle-ripple.button-circle-white:before, .button-circle-ripple.button-circle-white-2:before { + background: rgba(255, 255, 255, 0.2); +} + +.button-circle-ripple.button-circle-outline-white:before, .button-circle-ripple.button-circle-outline-white-2:before { + background: rgba(255, 255, 255, 0.15); +} + +@-webkit-keyframes button-ripple { + 0% { + opacity: 1; + width: 100%; + height: 100%; + } + 60% { + opacity: 0; + width: 160%; + height: 160%; + } + 100% { + opacity: 0; + width: 100%; + height: 100%; + } +} + +@keyframes button-ripple { + 0% { + opacity: 1; + width: 100%; + height: 100%; + } + 60% { + opacity: 0; + width: 160%; + height: 160%; + } + 100% { + opacity: 0; + width: 100%; + height: 100%; + } +} + +.button-font-2 { + font-size: 0.938em; + letter-spacing: -0.2px; + text-transform: none; +} + +.theme-font-nunito .button-font-2 { + font-size: 1em; + letter-spacing: 0; +} + +.button-radius { + border-radius: 0.5em; +} + +.button-rounded { + border-radius: 50px; +} + +.button-border-2, +.button-border-2.button-circle { + border-width: 2px; +} + +.button-hover-float:hover, .button-hover-float:focus { + -webkit-transform: translateY(-3px); + transform: translateY(-3px); +} + +.button-hover-scale:hover, .button-hover-scale:focus { + -webkit-transform: scale(1.03); + transform: scale(1.03); +} + +.button-hover-scale.button-circle:hover, .button-hover-scale.button-circle:focus { + -webkit-transform: scale(1.04); + transform: scale(1.04); +} + +.button-hover-shrink:hover, .button-hover-shrink:focus { + -webkit-transform: scale(0.97); + transform: scale(0.97); +} + +.button-hover-shrink.button-circle:hover, .button-hover-shrink.button-circle:focus { + -webkit-transform: scale(0.96); + transform: scale(0.96); +} + +.button-shadow { + -webkit-box-shadow: 0 6px 30px 0 rgba(22, 24, 26, 0.1); + box-shadow: 0 6px 30px 0 rgba(22, 24, 26, 0.1); +} + +.button-shadow:hover, .button-shadow:focus { + -webkit-box-shadow: 0 6px 36px 0 rgba(22, 24, 26, 0.15); + box-shadow: 0 6px 36px 0 rgba(22, 24, 26, 0.15); +} + +.client-box { + text-align: center; +} + +.client-box a img { + opacity: 0.4; + -webkit-transition: ease-out 0.16s; + transition: ease-out 0.16s; +} + +.client-box a:hover img, .client-box a:focus img { + opacity: 1; +} + +.owl-carousel .client-box img { + display: inline-block; +} + +.clients-grid { + list-style-type: none; + overflow: hidden; + margin: 0; + padding: 0; + text-align: center; +} + +.clients-grid li { + position: relative; + float: left; + width: 16.6%; + margin: 0; + padding: 30px; +} + +.clients-grid li:before, .clients-grid li:after { + content: ''; + position: absolute; +} + +.clients-grid li:before { + top: 0; + left: -1px; + height: 100%; + border-left: 1px dashed rgba(18, 21, 24, 0.1); +} + +.clients-grid li:after { + left: 0; + bottom: -1px; + width: 100%; + border-bottom: 1px dashed rgba(18, 21, 24, 0.1); +} + +.clients-grid li a img { + opacity: 0.4; + -webkit-transition: ease-out 0.16s; + transition: ease-out 0.16s; +} + +.clients-grid li a:hover img, .clients-grid li a:focus img { + opacity: 1; +} + +@media (max-width: 991.98px) { + .clients-grid li { + width: 25%; + } +} + +@media (max-width: 767.98px) { + .clients-grid li { + width: 33.3%; + } +} + +@media (max-width: 575.98px) { + .clients-grid li { + width: 50%; + } +} + +.clients-grid.column-5 li { + width: 20%; +} + +@media (max-width: 991.98px) { + .clients-grid.column-5 li { + width: 25%; + } +} + +@media (max-width: 767.98px) { + .clients-grid.column-5 li { + width: 33.3%; + } +} + +@media (max-width: 575.98px) { + .clients-grid.column-5 li { + width: 50%; + } +} + +.clients-grid.column-4 li, .clients-grid.masonry.column-5 li, .clients-grid.masonry.column-6 li, .clients-grid.portfolio-masonry.column-5 li, .clients-grid.portfolio-masonry.column-6 li { + width: 25%; +} + +@media (max-width: 767.98px) { + .clients-grid.column-4 li, .clients-grid.masonry.column-5 li, .clients-grid.masonry.column-6 li, .clients-grid.portfolio-masonry.column-5 li, .clients-grid.portfolio-masonry.column-6 li { + width: 33.3%; + } +} + +@media (max-width: 575.98px) { + .clients-grid.column-4 li, .clients-grid.masonry.column-5 li, .clients-grid.masonry.column-6 li, .clients-grid.portfolio-masonry.column-5 li, .clients-grid.portfolio-masonry.column-6 li { + width: 50%; + } +} + +.clients-grid.column-3 li { + width: 33.3%; +} + +@media (max-width: 767.98px) { + .clients-grid.column-3 li { + width: 50%; + } +} + +.clients-grid.column-2 li { + width: 50%; +} + +.clients-grid.border-style-solid { + border: 0; +} + +.clients-grid.border-style-solid li:before { + border-left-style: solid; +} + +.clients-grid.border-style-solid li:after { + border-bottom-style: solid; +} + +.clients-grid.border-style-dotted { + border: 0; +} + +.clients-grid.border-style-dotted li:before { + border-left-style: dotted; +} + +.clients-grid.border-style-dotted li:after { + border-bottom-style: dotted; +} + +.bg-black .clients-grid li:before, .bg-black .clients-grid li:after, +[class*='bg-dark'] .clients-grid li:before, +[class*='bg-dark'] .clients-grid li:after, +[class*='bg-gradient-'] .clients-grid li:before, +[class*='bg-gradient-'] .clients-grid li:after, +[class*='bg-color-'] .clients-grid li:before, +[class*='bg-color-'] .clients-grid li:after { + border-color: rgba(255, 255, 255, 0.2); +} + +.feature-box { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + flex-wrap: wrap; + align-items: center; + position: relative; + min-height: 50px; + padding-left: 74px; +} + +@media (max-width: 991.98px) { + .feature-box { + padding-left: 66px; + } +} + +.feature-box .feature-box-icon { + position: absolute; + top: 0; + left: 0; + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + -webkit-transition: ease-out 0.16s; + transition: ease-out 0.16s; +} + +.feature-box .feature-box-icon * { + margin: 0; + line-height: 50px; + vertical-align: middle; + -webkit-transition: ease-out 0.16s; + transition: ease-out 0.16s; +} + +.feature-box .feature-box-icon a { + display: block; +} + +.feature-box .feature-box-icon.middle { + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} + +.feature-box h1, .feature-box h2, .feature-box h3, .feature-box h4, .feature-box h5, .feature-box h6 { + width: 100%; +} + +.feature-box.feature-box-xl { + min-height: 70px; + padding-left: 94px; +} + +@media (max-width: 991.98px) { + .feature-box.feature-box-xl { + padding-left: 86px; + } +} + +.feature-box.feature-box-xl .feature-box-icon { + width: 70px; + height: 70px; +} + +.feature-box.feature-box-xl .feature-box-icon * { + line-height: 70px; +} + +.feature-box.feature-box-lg { + min-height: 60px; + padding-left: 84px; +} + +@media (max-width: 991.98px) { + .feature-box.feature-box-lg { + padding-left: 80px; + } +} + +.feature-box.feature-box-lg .feature-box-icon { + width: 60px; + height: 60px; +} + +.feature-box.feature-box-lg .feature-box-icon * { + line-height: 60px; +} + +.feature-box.feature-box-sm { + min-height: 40px; + padding-left: 64px; +} + +@media (max-width: 991.98px) { + .feature-box.feature-box-sm { + padding-left: 56px; + } +} + +.feature-box.feature-box-sm .feature-box-icon { + width: 40px; + height: 40px; +} + +.feature-box.feature-box-sm .feature-box-icon * { + line-height: 40px; +} + +.feature-box.feature-box-xs { + min-height: 32px; + padding-left: 54px; +} + +@media (max-width: 991.98px) { + .feature-box.feature-box-xs { + padding-left: 48px; + } +} + +.feature-box.feature-box-xs .feature-box-icon { + width: 32px; + height: 32px; +} + +.feature-box.feature-box-xs .feature-box-icon * { + line-height: 32px; +} + +[class^="hoverbox"] { + overflow: hidden; + position: relative; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + display: inline-block; +} + +[class^="hoverbox"] img { + -webkit-transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); + transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); +} + +.hoverbox-1:before { + content: ''; + position: absolute; + top: 0; + left: 0; + z-index: 1; + visibility: hidden; + opacity: 0; + background: rgba(18, 21, 24, 0.5); + width: 100%; + height: 100%; + -webkit-transition: ease-out 0.12s; + transition: ease-out 0.12s; +} + +.hoverbox-1:hover:before, .hoverbox-1:focus:before { + visibility: visible; + opacity: 1; +} + +.hoverbox-1:hover img, .hoverbox-1:focus img { + -webkit-transform: scale(1.04); + transform: scale(1.04); +} + +.hoverbox-1:hover .hover-content, .hoverbox-1:focus .hover-content { + visibility: visible; + opacity: 1; +} + +.hoverbox-1 .hover-content { + position: absolute; + z-index: 2; + visibility: hidden; + opacity: 0; + color: rgba(255, 255, 255, 0.7); + -webkit-transition: ease-out 0.12s; + transition: ease-out 0.12s; +} + +.hoverbox-1 .hover-content h1, .hoverbox-1 .hover-content h2, .hoverbox-1 .hover-content h3, .hoverbox-1 .hover-content h4, .hoverbox-1 .hover-content h5, .hoverbox-1 .hover-content h6 { + color: white; +} + +.hoverbox-1 .hover-content.center { + top: 50%; + right: 0; + left: 0; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + width: 100%; + margin-top: 5px; + padding: 0 30px; +} + +.hoverbox-1 .hover-content.center:hover, .hoverbox-1 .hover-content.center:focus { + margin-top: 0; +} + +.hoverbox-1 .hover-content.bottom { + right: 0; + bottom: 0; + left: 0; + -webkit-transform: translateY(5px); + transform: translateY(5px); + width: 100%; + padding: 30px; +} + +.hoverbox-1 .hover-content.bottom:hover, .hoverbox-1 .hover-content.bottom:focus { + -webkit-transform: translateY(0); + transform: translateY(0); +} + +.hoverbox-2:before { + content: ''; + position: absolute; + top: 16px; + right: 16px; + bottom: 16px; + left: 16px; + -webkit-transform: scale(0.99); + transform: scale(0.99); + z-index: 1; + visibility: hidden; + opacity: 0; + background: rgba(255, 255, 255, 0.9); + backdrop-filter: blur(5px); + -webkit-transition: ease-out 0.12s; + transition: ease-out 0.12s; +} + +.hoverbox-2 .hover-content { + position: absolute; + top: 50%; + right: 16px; + left: 16px; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + z-index: 2; + visibility: hidden; + opacity: 0; + margin-top: 4px; + padding: 0 30px; + -webkit-transition: ease-out 0.12s; + transition: ease-out 0.12s; +} + +@media (max-width: 991.98px) { + .hoverbox-2 .hover-content { + padding: 0 20px; + } +} + +.hoverbox-2:hover:before, .hoverbox-2:focus:before { + -webkit-transform: scale(1); + transform: scale(1); + visibility: visible; + opacity: 1; +} + +.hoverbox-2:hover img, .hoverbox-2:focus img { + -webkit-transform: scale(1.04); + transform: scale(1.04); +} + +.hoverbox-2:hover .hover-content, .hoverbox-2:focus .hover-content { + visibility: visible; + opacity: 1; + margin-top: 0; +} + +.hoverbox-2 .hover-content, +.hoverbox-3 .hover-content { + color: #7C7C7C; +} + +.hoverbox-2 .hover-content h1, .hoverbox-2 .hover-content h2, .hoverbox-2 .hover-content h3, .hoverbox-2 .hover-content h4, .hoverbox-2 .hover-content h5, .hoverbox-2 .hover-content h6, +.hoverbox-3 .hover-content h1, +.hoverbox-3 .hover-content h2, +.hoverbox-3 .hover-content h3, +.hoverbox-3 .hover-content h4, +.hoverbox-3 .hover-content h5, +.hoverbox-3 .hover-content h6 { + color: #121518; +} + +.hoverbox-2 .hover-content a:not([class^='button']), +.hoverbox-3 .hover-content a:not([class^='button']) { + color: rgba(18, 21, 24, 0.9); +} + +.hoverbox-2 .hover-content a:not([class^='button']):hover, .hoverbox-2 .hover-content a:not([class^='button']):focus, +.hoverbox-3 .hover-content a:not([class^='button']):hover, +.hoverbox-3 .hover-content a:not([class^='button']):focus { + color: #121518; +} + +.hoverbox-3 .hover-content { + position: absolute; + right: 16px; + bottom: 16px; + left: 16px; + -webkit-transform: translateY(4px); + transform: translateY(4px); + z-index: 1; + visibility: hidden; + opacity: 0; + background: rgba(255, 255, 255, 0.9); + backdrop-filter: blur(5px); + padding: 30px; + -webkit-transition: ease-out 0.12s; + transition: ease-out 0.12s; +} + +@media (max-width: 991.98px) { + .hoverbox-3 .hover-content { + padding: 20px; + } +} + +.hoverbox-3:hover img, .hoverbox-3:focus img { + -webkit-transform: scale(1.04); + transform: scale(1.04); +} + +.hoverbox-3:hover .hover-content, .hoverbox-3:focus .hover-content { + -webkit-transform: translateY(0); + transform: translateY(0); + visibility: visible; + opacity: 1; +} + +.hoverbox-4:after { + content: ''; + position: absolute; + top: 0; + left: 0; + background: rgba(18, 21, 24, 0.4); + width: 100%; + height: 100%; + -webkit-transition: ease-out 0.12s; + transition: ease-out 0.12s; +} + +.hoverbox-4 .content, +.hoverbox-4 .hover-content { + position: absolute; + z-index: 1; + color: rgba(255, 255, 255, 0.7); + -webkit-transition: ease-out 0.12s; + transition: ease-out 0.12s; +} + +.hoverbox-4 .content h1, .hoverbox-4 .content h2, .hoverbox-4 .content h3, .hoverbox-4 .content h4, .hoverbox-4 .content h5, .hoverbox-4 .content h6, +.hoverbox-4 .hover-content h1, +.hoverbox-4 .hover-content h2, +.hoverbox-4 .hover-content h3, +.hoverbox-4 .hover-content h4, +.hoverbox-4 .hover-content h5, +.hoverbox-4 .hover-content h6 { + color: white; +} + +.hoverbox-4 .hover-content { + visibility: hidden; + opacity: 0; +} + +.hoverbox-4:hover:after, .hoverbox-4:focus:after { + background: rgba(18, 21, 24, 0.5); +} + +.hoverbox-4:hover img, .hoverbox-4:focus img { + -webkit-transform: scale(1.04); + transform: scale(1.04); +} + +.hoverbox-4:hover .content, .hoverbox-4:focus .content { + visibility: hidden; + opacity: 0; +} + +.hoverbox-4:hover .hover-content, .hoverbox-4:focus .hover-content { + visibility: visible; + opacity: 1; +} + +.hoverbox-4.center .content, +.hoverbox-4.center .hover-content { + top: 50%; + left: 0; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + width: 100%; + padding: 0 30px; +} + +.hoverbox-4.center .hover-content { + margin-top: 5px; +} + +.hoverbox-4.center:hover .content, .hoverbox-4.center:focus .content { + margin-top: -5px; +} + +.hoverbox-4.center:hover .hover-content, .hoverbox-4.center:focus .hover-content { + margin-top: 0; +} + +.hoverbox-4.bottom .content, +.hoverbox-4.bottom .hover-content { + bottom: 0; + left: 0; + width: 100%; + padding: 30px; +} + +.hoverbox-4.bottom .hover-content { + -webkit-transform: translateY(5px); + transform: translateY(5px); +} + +.hoverbox-4.bottom:hover .content, .hoverbox-4.bottom:focus .content { + -webkit-transform: translateY(-5px); + transform: translateY(-5px); +} + +.hoverbox-4.bottom:hover .hover-content, .hoverbox-4.bottom:focus .hover-content { + -webkit-transform: translateY(0); + transform: translateY(0); +} + +.hoverbox-5:after { + content: ''; + position: absolute; + top: 0; + left: 0; + background: rgba(18, 21, 24, 0.4); + width: 100%; + height: 100%; + -webkit-transition: ease-out 0.12s; + transition: ease-out 0.12s; +} + +.hoverbox-5 .content, +.hoverbox-5 .hover-content { + position: absolute; + z-index: 1; + left: 0; + width: 100%; + padding: 30px; + color: rgba(255, 255, 255, 0.7); +} + +.hoverbox-5 .content h1, .hoverbox-5 .content h2, .hoverbox-5 .content h3, .hoverbox-5 .content h4, .hoverbox-5 .content h5, .hoverbox-5 .content h6, +.hoverbox-5 .hover-content h1, +.hoverbox-5 .hover-content h2, +.hoverbox-5 .hover-content h3, +.hoverbox-5 .hover-content h4, +.hoverbox-5 .hover-content h5, +.hoverbox-5 .hover-content h6 { + color: white; +} + +.hoverbox-5 .content { + top: 0; +} + +.hoverbox-5 .hover-content { + bottom: 0; + -webkit-transform: translateY(5px); + transform: translateY(5px); + visibility: hidden; + opacity: 0; + -webkit-transition: ease-out 0.12s; + transition: ease-out 0.12s; +} + +.hoverbox-5:hover:after, .hoverbox-5:focus:after { + background: rgba(18, 21, 24, 0.5); +} + +.hoverbox-5:hover img, .hoverbox-5:focus img { + -webkit-transform: scale(1.04); + transform: scale(1.04); +} + +.hoverbox-5:hover .hover-content, .hoverbox-5:focus .hover-content { + -webkit-transform: translateY(0); + transform: translateY(0); + visibility: visible; + opacity: 1; +} + +.hoverbox-6 a { + display: block; +} + +.hoverbox-6 a:before { + content: ''; + position: absolute; + top: 0; + left: 0; + z-index: 1; + opacity: 0; + background: rgba(255, 255, 255, 0.1); + width: 100%; + height: 100%; + -webkit-transition: ease-out 0.12s; + transition: ease-out 0.12s; +} + +.hoverbox-6 .content { + position: absolute; + z-index: 2; + display: inline-block; + background: rgba(255, 255, 255, 0.9); + backdrop-filter: blur(5px); + padding: 10px 16px; + color: rgba(18, 21, 24, 0.9); +} + +.hoverbox-6 .content h1, .hoverbox-6 .content h2, .hoverbox-6 .content h3, .hoverbox-6 .content h4, .hoverbox-6 .content h5, .hoverbox-6 .content h6 { + margin: 0; + color: rgba(18, 21, 24, 0.9); +} + +.hoverbox-6 .content.top { + top: 16px; + left: 16px; +} + +.hoverbox-6 .content.center { + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); +} + +.hoverbox-6 .content.bottom { + bottom: 16px; + left: 16px; +} + +.hoverbox-6:hover a:before, .hoverbox-6:focus a:before { + opacity: 1; +} + +.hoverbox-6:hover img, .hoverbox-6:focus img { + -webkit-transform: scale(1.04); + transform: scale(1.04); +} + +.hoverbox-7:before { + content: ''; + position: absolute; + top: 0; + left: 0; + z-index: 1; + visibility: hidden; + opacity: 0; + background-image: linear-gradient(0deg, rgba(18, 21, 24, 0.5) 0%, rgba(18, 21, 24, 0.1) 100%); + width: 100%; + height: 100%; + -webkit-transition: ease-out 0.12s; + transition: ease-out 0.12s; +} + +.hoverbox-7 .hover-content { + position: absolute; + top: 0; + left: 0; + z-index: 2; + width: 100%; + height: 100%; + color: rgba(255, 255, 255, 0.7); +} + +.hoverbox-7 .hover-content h1, .hoverbox-7 .hover-content h2, .hoverbox-7 .hover-content h3, .hoverbox-7 .hover-content h4, .hoverbox-7 .hover-content h5, .hoverbox-7 .hover-content h6 { + color: white; +} + +.hoverbox-7 .hover-content .top { + position: absolute; + top: 0; + right: 0; + left: 0; + -webkit-transform: translateY(5px); + transform: translateY(5px); + opacity: 0; + padding: 30px; + -webkit-transition: ease-out 0.12s; + transition: ease-out 0.12s; +} + +.hoverbox-7 .hover-content .bottom { + position: absolute; + right: 0; + bottom: 0; + left: 0; + -webkit-transform: translateY(5px); + transform: translateY(5px); + opacity: 0; + padding: 30px; + -webkit-transition: ease-out 0.12s; + transition: ease-out 0.12s; +} + +.hoverbox-7:hover:before, .hoverbox-7:focus:before { + visibility: visible; + opacity: 1; +} + +.hoverbox-7:hover img, .hoverbox-7:focus img { + -webkit-transform: scale(1.04); + transform: scale(1.04); +} + +.hoverbox-7:hover .hover-content, .hoverbox-7:focus .hover-content { + visibility: visible; + opacity: 1; +} + +.hoverbox-7:hover .hover-content .top, .hoverbox-7:hover .hover-content .bottom, .hoverbox-7:focus .hover-content .top, .hoverbox-7:focus .hover-content .bottom { + -webkit-transform: translateY(0); + transform: translateY(0); + opacity: 1; +} + +.hoverbox-7:hover .hover-content .top, .hoverbox-7:focus .hover-content .top { + -webkit-transition-delay: 0.05s; + transition-delay: 0.05s; +} + +.hoverbox-7:hover .hover-content .bottom, .hoverbox-7:focus .hover-content .bottom { + -webkit-transition-delay: 0.1s; + transition-delay: 0.1s; +} + +.hoverbox-1 a:not([class^='button']), +.hoverbox-2 a:not([class^='button']), +.hoverbox-4 a:not([class^='button']), +.hoverbox-5 a:not([class^='button']), +.hoverbox-7 a:not([class^='button']) { + color: rgba(255, 255, 255, 0.7); +} + +.hoverbox-1 a:not([class^='button']):hover, .hoverbox-1 a:not([class^='button']):focus, +.hoverbox-2 a:not([class^='button']):hover, +.hoverbox-2 a:not([class^='button']):focus, +.hoverbox-4 a:not([class^='button']):hover, +.hoverbox-4 a:not([class^='button']):focus, +.hoverbox-5 a:not([class^='button']):hover, +.hoverbox-5 a:not([class^='button']):focus, +.hoverbox-7 a:not([class^='button']):hover, +.hoverbox-7 a:not([class^='button']):focus { + color: white; +} + +.hoverbox-1 a.button-text-1, .hoverbox-1 a.button-text-2, .hoverbox-1 a.button-text-3, +.hoverbox-2 a.button-text-1, +.hoverbox-2 a.button-text-2, +.hoverbox-2 a.button-text-3, +.hoverbox-4 a.button-text-1, +.hoverbox-4 a.button-text-2, +.hoverbox-4 a.button-text-3, +.hoverbox-5 a.button-text-1, +.hoverbox-5 a.button-text-2, +.hoverbox-5 a.button-text-3, +.hoverbox-7 a.button-text-1, +.hoverbox-7 a.button-text-2, +.hoverbox-7 a.button-text-3 { + color: rgba(255, 255, 255, 0.8); +} + +.hoverbox-1 a.button-text-1:hover, .hoverbox-1 a.button-text-2:hover, .hoverbox-1 a.button-text-3:hover, +.hoverbox-2 a.button-text-1:hover, +.hoverbox-2 a.button-text-2:hover, +.hoverbox-2 a.button-text-3:hover, +.hoverbox-4 a.button-text-1:hover, +.hoverbox-4 a.button-text-2:hover, +.hoverbox-4 a.button-text-3:hover, +.hoverbox-5 a.button-text-1:hover, +.hoverbox-5 a.button-text-2:hover, +.hoverbox-5 a.button-text-3:hover, +.hoverbox-7 a.button-text-1:hover, +.hoverbox-7 a.button-text-2:hover, +.hoverbox-7 a.button-text-3:hover { + color: white; +} + +.hoverbox-1 a.button-text-1:before, +.hoverbox-2 a.button-text-1:before, +.hoverbox-4 a.button-text-1:before, +.hoverbox-5 a.button-text-1:before, +.hoverbox-7 a.button-text-1:before { + background: rgba(255, 255, 255, 0.3); +} + +.hoverbox-1 a.button-text-1:after, +.hoverbox-2 a.button-text-1:after, +.hoverbox-4 a.button-text-1:after, +.hoverbox-5 a.button-text-1:after, +.hoverbox-7 a.button-text-1:after { + background: white; +} + +.hoverbox-1 a.button-text-2:before, +.hoverbox-2 a.button-text-2:before, +.hoverbox-4 a.button-text-2:before, +.hoverbox-5 a.button-text-2:before, +.hoverbox-7 a.button-text-2:before { + background: rgba(255, 255, 255, 0.4); +} + +.hoverbox-1 a.button-text-2:after, +.hoverbox-2 a.button-text-2:after, +.hoverbox-4 a.button-text-2:after, +.hoverbox-5 a.button-text-2:after, +.hoverbox-7 a.button-text-2:after { + background: white; +} + +.hoverbox-1 a.button-text-3:before, +.hoverbox-2 a.button-text-3:before, +.hoverbox-4 a.button-text-3:before, +.hoverbox-5 a.button-text-3:before, +.hoverbox-7 a.button-text-3:before { + background: rgba(255, 255, 255, 0.8); +} + +.hoverbox-1 a.button-text-3:hover:before, +.hoverbox-2 a.button-text-3:hover:before, +.hoverbox-4 a.button-text-3:hover:before, +.hoverbox-5 a.button-text-3:hover:before, +.hoverbox-7 a.button-text-3:hover:before { + background: white; +} + +.lightbox-image-box, +.lightbox-media-box { + position: relative; + overflow: hidden; + display: block; +} + +.lightbox-image-box[class*='border-radius'], +.lightbox-media-box[class*='border-radius'] { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +.lightbox-image-box:after, +.lightbox-media-box:after { + content: ''; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + opacity: 0; + background: rgba(18, 21, 24, 0.1); + -webkit-transition: ease-out 0.12s; + transition: ease-out 0.12s; +} + +.lightbox-image-box img, +.lightbox-media-box img { + -webkit-transform: scale(1); + transform: scale(1); + -webkit-transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); + transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); +} + +.lightbox-image-box i, +.lightbox-media-box i { + z-index: 1; + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + background: rgba(18, 21, 24, 0.6); + width: 60px; + height: 60px; + border-radius: 50%; + text-align: center; + line-height: 60px; + color: rgba(255, 255, 255, 0.9); + -webkit-transition: ease-out 0.16s; + transition: ease-out 0.16s; +} + +.lightbox-image-box.icon-xl i, .lightbox-image-box.icon-2xl i, +.lightbox-media-box.icon-xl i, +.lightbox-media-box.icon-2xl i { + width: 70px; + height: 70px; + line-height: 70px; +} + +.lightbox-image-box.icon-3xl i, .lightbox-image-box.icon-4xl i, .lightbox-image-box.icon-5xl i, +.lightbox-media-box.icon-3xl i, +.lightbox-media-box.icon-4xl i, +.lightbox-media-box.icon-5xl i { + width: 80px; + height: 80px; + line-height: 80px; +} + +.lightbox-image-box:hover:after, +.lightbox-media-box:hover:after { + opacity: 1; +} + +.lightbox-image-box:hover img, +.lightbox-media-box:hover img { + -webkit-transform: scale(1.04); + transform: scale(1.04); +} + +.lightbox-image-box:hover i, +.lightbox-media-box:hover i { + -webkit-transform: translate(-50%, -50%) scale(0.94); + transform: translate(-50%, -50%) scale(0.94); +} + +.mfp-bg { + background: black; +} + +.mfp-container, +.mfp-bg { + opacity: 0; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-transition: ease-out 0.16s; + transition: ease-out 0.16s; +} + +.mfp-container { + -webkit-transform: scale(0.98); + transform: scale(0.98); + padding: 0 20px; +} + +.mfp-ready .mfp-container { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; +} + +.mfp-ready.mfp-bg { + opacity: 0.97; +} + +.mfp-removing .mfp-container, .mfp-removing.mfp-bg { + opacity: 0; +} + +.mfp-removing .mfp-container { + -webkit-transform: scale(0.98); + transform: scale(0.98); +} + +button.mfp-close { + display: block; + top: -5px; + opacity: 1; + width: auto; + height: auto; + line-height: auto; + font-size: 24px; + -webkit-transition: linear 0.1s; + transition: linear 0.1s; +} + +button.mfp-close:hover { + top: -5px; + opacity: 1; + color: #fff; +} + +.mfp-iframe-holder .mfp-close { + top: -45px; +} + +.mfp-iframe-holder .mfp-close:hover { + top: -45px; +} + +.mfp-close-btn-in .mfp-close { + color: rgba(255, 255, 255, 0.7); +} + +.mfp-arrow { + -webkit-transition: linear 0.1s; + transition: linear 0.1s; +} + +.mfp-arrow-left:before { + border-right: 0; +} + +.mfp-arrow-right:before { + border-left: 0; +} + +@media (max-width: 575.98px) { + button.mfp-arrow { + background: rgba(18, 21, 24, 0.5); + width: 70px; + height: 70px; + margin-top: -35px; + } + button.mfp-arrow:active { + margin-top: -35px; + } + button.mfp-arrow-left { + margin-left: 20px; + } + button.mfp-arrow-left:before, button.mfp-arrow-left:after { + margin-top: 15px; + margin-left: 20px; + } + button.mfp-arrow-right { + margin-right: 20px; + } + button.mfp-arrow-right:before, button.mfp-arrow-right:after { + margin-top: 15px; + margin-left: 30px; + } +} + +.mfp-bottom-bar { + margin-top: -30px; +} + +.mfp-bottom-bar .mfp-title { + color: rgba(255, 255, 255, 0.7); +} + +.mfp-bottom-bar .mfp-counter { + color: rgba(255, 255, 255, 0.6); + font-size: 14px; +} + +.mfp-iframe-scaler iframe, .mfp-figure::after { + -webkit-box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.3); + box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.3); +} + +.gmap { + width: 100%; +} + +.gmap-xs { + height: 300px; +} + +.gmap-sm { + height: 350px; +} + +.gmap-md { + height: 400px; +} + +.gmap-lg { + height: 470px; +} + +.gmap-xl { + height: 550px; +} + +@media (max-width: 991.98px) { + .gmap-xs { + height: 250px; + } + .gmap-sm { + height: 300px; + } + .gmap-md { + height: 350px; + } + .gmap-lg { + height: 400px; + } + .gmap-xl { + height: 450px; + } +} + +.page-progress-container { + position: fixed; + bottom: 0; + left: 0; + z-index: 999; + width: 100%; + height: 4px; +} + +.page-progress-bar { + height: 4px; + width: 0%; + background-image: linear-gradient(19deg, #21D4FD 0%, #B721FF 100%); +} + +.page-progress-bar.page-progress-gradient-2 { + background-image: linear-gradient(45deg, #A9C9FF 0%, #FFBBEC 100%); +} + +.page-progress-bar.page-progress-gradient-3 { + background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%); +} + +.page-progress-bar.page-progress-gradient-4 { + background-image: linear-gradient(90deg, #00DBDE 0%, #FC00FF 100%); +} + +.page-progress-bar.page-progress-gradient-5 { + background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%); +} + +.page-progress-bar.page-progress-gradient-6 { + background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%); +} + +.page-progress-bar.page-progress-gradient-7 { + background-image: linear-gradient(90deg, #007990 0%, #6CE5C0 100%); +} + +.pie-chart { + position: relative; + display: inline-block; +} + +.pie-chart-content { + position: absolute; + top: 50%; + left: 0; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + width: 100%; + margin-top: -3px; + padding: 0 20px; + text-align: center; +} + +.pie-chart-content .percent::after { + content: '%'; +} + +.progress-box * { + margin: 0; +} + +.progress-box .animated-progress { + position: relative; + background: rgba(18, 21, 24, 0.1); + height: 5px; + margin-top: 2px; + border-radius: 3px; +} + +.progress-box .animated-progress div { + position: absolute; + display: block; + background: #121518; + width: 50%; + height: 100%; + border-radius: 3px; + color: #121518; + -webkit-transition: width 0.7s cubic-bezier(0.165, 0.84, 0.44, 1); + transition: width 0.7s cubic-bezier(0.165, 0.84, 0.44, 1); + -webkit-transition-delay: 0.1s; + transition-delay: 0.1s; +} + +.progress-box .animated-progress div::after { + content: attr(data-progress) "%"; + position: absolute; + top: -24px; + right: 0; +} + +.progress-box.progress-blue .animated-progress div { + background: #0093E9; +} + +.progress-box.progress-purple .animated-progress div { + background: #B721FF; +} + +.progress-box.progress-pink-edge .animated-progress div { + background: #FE9AB6; +} + +.progress-box.progress-golden-yellow .animated-progress div { + background: #FFB657; +} + +.progress-box.progress-very-peri .animated-progress div { + background: #6667AB; +} + +.progress-box.progress-turquoise .animated-progress div { + background: #4cbfa6; +} + +.progress-box.progress-spring-red .animated-progress div { + background: #BE1F35; +} + +.progress-box.progress-tan .animated-progress div { + background: #d2b48c; +} + +.progress-box.progress-aqua .animated-progress div { + background: #03D4D8; +} + +.bg-black .progress-box .animated-progress, +[class*='bg-dark'] .progress-box .animated-progress, +[class*='bg-gradient-'] .progress-box .animated-progress, +[class*='bg-color-'] .progress-box .animated-progress { + background: rgba(255, 255, 255, 0.3); +} + +.bg-black .progress-box .animated-progress div, +[class*='bg-dark'] .progress-box .animated-progress div, +[class*='bg-gradient-'] .progress-box .animated-progress div, +[class*='bg-color-'] .progress-box .animated-progress div { + background: white; + color: white; +} + +[class*='section-divider-'] { + position: relative; + overflow: hidden; +} + +[class*='section-divider-']:before { + content: ''; + position: absolute; +} + +.section-divider-waves-top:before { + top: -1px; + left: 0; + -webkit-transform: rotate(180deg); + transform: rotate(180deg); + background-image: url(../../assets/svg/waves.svg); + background-size: 100% 100%; + width: 100%; + height: 70px; +} + +.section-divider-waves-bottom:before { + bottom: -1px; + left: 0; + background-image: url(../../assets/svg/waves.svg); + background-size: 100% 100%; + width: 100%; + height: 70px; +} + +.section-divider-wavesOpacity-top:before { + top: -1px; + left: -5%; + background-image: url(../../assets/svg/wavesOpacity.svg); + background-size: 100% 100%; + width: 110%; + height: 70px; +} + +.section-divider-wavesOpacity-bottom:before { + bottom: -1px; + left: -5%; + -webkit-transform: rotate(180deg); + transform: rotate(180deg); + background-image: url(../../assets/svg/wavesOpacity.svg); + background-size: 100% 100%; + width: 110%; + height: 70px; +} + +.section-divider-curve-top:before { + top: 0; + left: -5%; + -webkit-transform: rotate(180deg); + transform: rotate(180deg); + background-image: url(../../assets/svg/curve.svg); + background-size: 100% 100%; + width: 110%; + height: 60px; +} + +.section-divider-curve-bottom:before { + bottom: 0; + left: -5%; + background-image: url(../../assets/svg/curve.svg); + background-size: 100% 100%; + width: 110%; + height: 60px; +} + +@media (max-width: 991.98px) { + .section-divider-waves-top:before, + .section-divider-waves-bottom:before { + left: -20%; + width: 140%; + height: 50px; + } + .section-divider-wavesOpacity-top:before, + .section-divider-wavesOpacity-bottom:before { + left: -25%; + width: 150%; + height: 50px; + } + .section-divider-curve-top:before, + .section-divider-curve-bottom:before { + height: 50px; + } +} + +.owl-carousel[data-owl-nav="true"]:not([class*='owl-nav-']) { + padding: 0 56px; +} + +@media (max-width: 991.98px) { + .owl-carousel[data-owl-nav="true"]:not([class*='owl-nav-']) { + padding: 0 48px; + } +} + +.owl-carousel .owl-item img { + width: auto; +} + +.owl-carousel .owl-nav { + position: absolute; + top: 50%; + right: 0; + left: 0; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + z-index: -1; + height: 36px; +} + +.owl-carousel .owl-nav button.owl-prev { + left: 0; +} + +.owl-carousel .owl-nav button.owl-next { + right: 0; +} + +.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { + position: absolute; + width: 36px; + height: 36px; + border-radius: 50%; + color: rgba(18, 21, 24, 0.6); + -webkit-transition: ease-out 0.16s; + transition: ease-out 0.16s; +} + +.owl-carousel .owl-nav button.owl-next i, .owl-carousel .owl-nav button.owl-prev i { + font-size: 1.3em; + line-height: 36px; +} + +.owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-next:focus, .owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel .owl-nav button.owl-prev:focus { + background: #eef2f6; + color: black; +} + +@media (max-width: 991.98px) { + .owl-carousel .owl-nav { + height: 32px; + } + .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { + width: 32px; + height: 32px; + } + .owl-carousel .owl-nav button.owl-next i, .owl-carousel .owl-nav button.owl-prev i { + font-size: 1em; + line-height: 32px; + } +} + +.owl-carousel.owl-nav-left .owl-nav, .owl-carousel.owl-nav-right .owl-nav { + padding-bottom: 0; +} + +.owl-carousel .owl-dots { + margin-top: 20px; + margin-right: -2px; + margin-left: -2px; + text-align: center; + line-height: 0; +} + +@media (max-width: 991.98px) { + .owl-carousel .owl-dots { + margin-top: 16px; + } +} + +.owl-carousel .owl-dots .owl-dot { + position: relative; + display: inline-block; + width: 20px; + height: 20px; + margin: 0 2px; + vertical-align: middle; +} + +.owl-carousel .owl-dots .owl-dot:before, .owl-carousel .owl-dots .owl-dot:after { + content: ''; + position: absolute; + border-radius: 50%; + -webkit-transition: ease-out 0.16s; + transition: ease-out 0.16s; +} + +.owl-carousel .owl-dots .owl-dot:before { + top: 2px; + right: 2px; + bottom: 2px; + left: 2px; + opacity: 0; + background: transparent; + border: 1px solid black; +} + +.owl-carousel .owl-dots .owl-dot:after { + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + opacity: 0.3; + background: black; + width: 6px; + height: 6px; +} + +.owl-carousel .owl-dots .owl-dot:hover:after, .owl-carousel .owl-dots .owl-dot:focus:after, .owl-carousel .owl-dots .owl-dot.active:after { + opacity: 1; +} + +.owl-carousel .owl-dots .owl-dot.active:before, .owl-carousel .owl-dots .owl-dot.active:after { + opacity: 1; +} + +.owl-carousel .owl-dots .owl-dot.active:before { + top: 0; + right: 0; + bottom: 0; + left: 0; +} + +.owl-carousel:not([data-owl-dots="false"]):not([class*='owl-dots-over']) .owl-nav { + margin-top: -20px; +} + +@media (max-width: 991.98px) { + .owl-carousel:not([data-owl-dots="false"]):not([class*='owl-dots-over']) .owl-nav { + margin-top: -18px; + } +} + +.bg-black .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-next, .bg-black .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-prev, +[class*='bg-dark'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-next, +[class*='bg-dark'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-prev, +[class*='bg-gradient-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-next, +[class*='bg-gradient-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-prev, +[class*='bg-color-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-next, +[class*='bg-color-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-prev { + color: rgba(255, 255, 255, 0.7); +} + +.bg-black .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-next:hover, .bg-black .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-next:focus, .bg-black .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-prev:hover, .bg-black .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-prev:focus, +[class*='bg-dark'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-next:hover, +[class*='bg-dark'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-next:focus, +[class*='bg-dark'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-prev:hover, +[class*='bg-dark'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-prev:focus, +[class*='bg-gradient-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-next:hover, +[class*='bg-gradient-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-next:focus, +[class*='bg-gradient-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-prev:hover, +[class*='bg-gradient-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-prev:focus, +[class*='bg-color-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-next:hover, +[class*='bg-color-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-next:focus, +[class*='bg-color-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-prev:hover, +[class*='bg-color-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-prev:focus { + background: rgba(255, 255, 255, 0.15); + color: white; +} + +.bg-black .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-dots .owl-dot:before, +[class*='bg-dark'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-dots .owl-dot:before, +[class*='bg-gradient-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-dots .owl-dot:before, +[class*='bg-color-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-dots .owl-dot:before { + border-color: white; +} + +.bg-black .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-dots .owl-dot:after, +[class*='bg-dark'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-dots .owl-dot:after, +[class*='bg-gradient-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-dots .owl-dot:after, +[class*='bg-color-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-dots .owl-dot:after { + background: white; + opacity: 0.5; +} + +.bg-black .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-dots .owl-dot:hover:after, .bg-black .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-dots .owl-dot:focus:after, .bg-black .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-dots .owl-dot.active:after, +[class*='bg-dark'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-dots .owl-dot:hover:after, +[class*='bg-dark'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-dots .owl-dot:focus:after, +[class*='bg-dark'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-dots .owl-dot.active:after, +[class*='bg-gradient-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-dots .owl-dot:hover:after, +[class*='bg-gradient-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-dots .owl-dot:focus:after, +[class*='bg-gradient-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-dots .owl-dot.active:after, +[class*='bg-color-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-dots .owl-dot:hover:after, +[class*='bg-color-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-dots .owl-dot:focus:after, +[class*='bg-color-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-dots .owl-dot.active:after { + opacity: 1; +} + +[class*='bg-gray'] .owl-carousel .owl-nav button.owl-next:hover, [class*='bg-gray'] .owl-carousel .owl-nav button.owl-next:focus, [class*='bg-gray'] .owl-carousel .owl-nav button.owl-prev:hover, [class*='bg-gray'] .owl-carousel .owl-nav button.owl-prev:focus, +[class*='bg-light'] .owl-carousel .owl-nav button.owl-next:hover, +[class*='bg-light'] .owl-carousel .owl-nav button.owl-next:focus, +[class*='bg-light'] .owl-carousel .owl-nav button.owl-prev:hover, +[class*='bg-light'] .owl-carousel .owl-nav button.owl-prev:focus { + background: rgba(18, 21, 24, 0.05); +} + +.owl-carousel.owl-nav-left .owl-nav, .owl-carousel.owl-nav-right .owl-nav { + height: auto; +} + +.owl-carousel.owl-nav-left .owl-nav button, .owl-carousel.owl-nav-right .owl-nav button { + position: static; + display: block; + margin: 8px 0; +} + +.owl-carousel.owl-nav-left .owl-nav button.owl-prev, .owl-carousel.owl-nav-left .owl-nav button.owl-next, .owl-carousel.owl-nav-right .owl-nav button.owl-prev, .owl-carousel.owl-nav-right .owl-nav button.owl-next { + right: auto; + left: auto; +} + +.owl-carousel.owl-nav-left { + padding: 0 0 0 56px; +} + +@media (max-width: 991.98px) { + .owl-carousel.owl-nav-left { + padding: 0 0 0 48px; + } +} + +.owl-carousel.owl-nav-left .owl-nav { + right: auto; +} + +.owl-carousel.owl-nav-right { + padding: 0 56px 0 0; +} + +@media (max-width: 991.98px) { + .owl-carousel.owl-nav-right { + padding: 0 48px 0 0; + } +} + +.owl-carousel.owl-nav-right .owl-nav { + left: auto; +} + +.owl-carousel.owl-nav-overlay .owl-nav { + z-index: 1; + padding-bottom: 0; +} + +.owl-carousel.owl-nav-overlay .owl-nav button.owl-next, .owl-carousel.owl-nav-overlay .owl-nav button.owl-prev { + opacity: 1; + background: rgba(18, 21, 24, 0.3); + width: 50px; + height: 50px; + border: 0; + border-radius: 50%; + color: rgba(255, 255, 255, 0.8); + text-align: center; +} + +.owl-carousel.owl-nav-overlay .owl-nav button.owl-next i, .owl-carousel.owl-nav-overlay .owl-nav button.owl-prev i { + line-height: 50px; +} + +.owl-carousel.owl-nav-overlay .owl-nav button.owl-next:hover, .owl-carousel.owl-nav-overlay .owl-nav button.owl-next:focus, .owl-carousel.owl-nav-overlay .owl-nav button.owl-prev:hover, .owl-carousel.owl-nav-overlay .owl-nav button.owl-prev:focus { + opacity: 1; + background: rgba(18, 21, 24, 0.4); + color: white; +} + +@media (min-width: 992px) { + .owl-carousel.owl-nav-overlay .owl-nav { + opacity: 0; + -webkit-transition: ease-out 0.16s; + transition: ease-out 0.16s; + } + .owl-carousel.owl-nav-overlay:hover .owl-nav { + opacity: 1; + } +} + +@media (max-width: 991.98px) { + .owl-carousel.owl-nav-overlay .owl-nav { + display: none; + } +} + +.owl-carousel.owl-nav-overlay .owl-nav { + height: 50px; +} + +.owl-carousel.owl-nav-overlay .owl-nav button.owl-prev { + left: 20px; +} + +.owl-carousel.owl-nav-overlay .owl-nav button.owl-next { + right: 20px; +} + +.owl-carousel.owl-nav-overlay:not([data-owl-dots="false"]):not([class*='owl-dots-over']) .owl-nav { + margin-top: -20px; +} + +.owl-carousel.owl-dots-left .owl-dots { + text-align: left; +} + +.owl-carousel.owl-dots-right .owl-dots { + text-align: right; +} + +.owl-carousel.owl-dots-overlay .owl-dots { + position: absolute; + bottom: 20px; + background: rgba(18, 21, 24, 0.3); + border-radius: 20px; + margin: 0; + padding: 5px; +} + +@media (max-width: 991.98px) { + .owl-carousel.owl-dots-overlay .owl-dots { + bottom: 16px; + } +} + +.owl-carousel.owl-dots-overlay .owl-dots .owl-dot:before { + border-color: white; +} + +.owl-carousel.owl-dots-overlay .owl-dots .owl-dot:after { + background: white; + opacity: 0.5; +} + +.owl-carousel.owl-dots-overlay .owl-dots .owl-dot:hover:after, .owl-carousel.owl-dots-overlay .owl-dots .owl-dot:focus:after, .owl-carousel.owl-dots-overlay .owl-dots .owl-dot.active:after { + opacity: 1; +} + +.owl-carousel.owl-dots-overlay .owl-dots { + right: auto; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); +} + +.owl-carousel.owl-dots-overlay.owl-nav-overlap-right .owl-dots { + margin-left: -12.5px; +} + +.owl-carousel.owl-dots-overlay.owl-nav-left .owl-dots { + margin-left: 28px; +} + +.owl-carousel.owl-dots-overlay.owl-nav-right .owl-dots { + margin-left: -28px; +} + +@media (min-width: 992px) { + .owl-carousel.owl-dots-overlay.owl-nav-overlap-left .owl-dots { + margin-left: 12.5px; + } +} + +@media (max-width: 991.98px) { + .owl-carousel.owl-dots-overlay.owl-nav-overlap-left .owl-dots, .owl-carousel.owl-dots-overlay.owl-nav-overlap-right .owl-dots { + margin-left: -10px; + } +} + +.owl-carousel.owl-dots-overlap .owl-dots, .owl-carousel.owl-dots-overlap-left .owl-dots, .owl-carousel.owl-dots-overlap-right .owl-dots { + position: absolute; + bottom: 0; + background: white; + border-radius: 20px; + -webkit-box-shadow: 0 6px 30px 0 rgba(22, 24, 26, 0.13); + box-shadow: 0 6px 30px 0 rgba(22, 24, 26, 0.13); + margin: 0; + padding: 5px; +} + +.owl-carousel.owl-dots-overlap .owl-dots:hover, .owl-carousel.owl-dots-overlap .owl-dots:focus, .owl-carousel.owl-dots-overlap-left .owl-dots:hover, .owl-carousel.owl-dots-overlap-left .owl-dots:focus, .owl-carousel.owl-dots-overlap-right .owl-dots:hover, .owl-carousel.owl-dots-overlap-right .owl-dots:focus { + -webkit-box-shadow: 0 6px 36px 0 rgba(22, 24, 26, 0.19); + box-shadow: 0 6px 36px 0 rgba(22, 24, 26, 0.19); +} + +.owl-carousel.owl-dots-overlap .owl-dots .owl-dot:before, .owl-carousel.owl-dots-overlap-left .owl-dots .owl-dot:before, .owl-carousel.owl-dots-overlap-right .owl-dots .owl-dot:before { + border-color: #121518; +} + +.owl-carousel.owl-dots-overlap .owl-dots .owl-dot:after, .owl-carousel.owl-dots-overlap-left .owl-dots .owl-dot:after, .owl-carousel.owl-dots-overlap-right .owl-dots .owl-dot:after { + background: #121518; + opacity: 0.3; +} + +.owl-carousel.owl-dots-overlap .owl-dots .owl-dot:hover:after, .owl-carousel.owl-dots-overlap .owl-dots .owl-dot:focus:after, .owl-carousel.owl-dots-overlap .owl-dots .owl-dot.active:after, .owl-carousel.owl-dots-overlap-left .owl-dots .owl-dot:hover:after, .owl-carousel.owl-dots-overlap-left .owl-dots .owl-dot:focus:after, .owl-carousel.owl-dots-overlap-left .owl-dots .owl-dot.active:after, .owl-carousel.owl-dots-overlap-right .owl-dots .owl-dot:hover:after, .owl-carousel.owl-dots-overlap-right .owl-dots .owl-dot:focus:after, .owl-carousel.owl-dots-overlap-right .owl-dots .owl-dot.active:after { + opacity: 1; +} + +.owl-carousel.owl-dots-overlap .owl-dots { + right: auto; + left: 50%; + -webkit-transform: translateY(50%) translateX(-50%); + transform: translateY(50%) translateX(-50%); +} + +.owl-carousel.owl-dots-overlap.owl-nav-left .owl-dots { + margin-left: 28px; +} + +.owl-carousel.owl-dots-overlap.owl-nav-right .owl-dots { + margin-left: -28px; +} + +.owl-carousel.owl-dots-overlap.owl-nav-overlap-right .owl-dots { + margin-left: -12.5px; +} + +@media (min-width: 992px) { + .owl-carousel.owl-dots-overlap.owl-nav-overlap-left .owl-dots { + margin-left: 12.5px; + } +} + +.owl-carousel.owl-dots-overlap-left .owl-dots, .owl-carousel.owl-dots-overlap-right .owl-dots { + -webkit-transform: translateY(50%); + transform: translateY(50%); +} + +.owl-carousel.owl-dots-overlap-left .owl-dots { + right: auto; + left: 20px; +} + +@media (max-width: 991.98px) { + .owl-carousel.owl-dots-overlap-left .owl-dots { + left: 16px; + } +} + +.owl-carousel.owl-dots-overlap-left[data-owl-nav="true"]:not(.owl-nav-right):not([class*='owl-nav-over']) .owl-dots, .owl-carousel.owl-dots-overlap-left.owl-nav-left:not(.owl-nav-right):not([class*='owl-nav-over']) .owl-dots { + left: 76px; +} + +@media (max-width: 991.98px) { + .owl-carousel.owl-dots-overlap-left[data-owl-nav="true"]:not(.owl-nav-right):not([class*='owl-nav-over']) .owl-dots, .owl-carousel.owl-dots-overlap-left.owl-nav-left:not(.owl-nav-right):not([class*='owl-nav-over']) .owl-dots { + left: 64px; + } +} + +.owl-carousel.owl-dots-overlap-left.owl-nav-overlap .owl-dots { + left: 45px; +} + +@media (min-width: 992px) { + .owl-carousel.owl-dots-overlap-left.owl-nav-overlap-left .owl-dots { + left: 45px; + } +} + +.owl-carousel.owl-dots-overlap-right .owl-dots { + right: 20px; + left: auto; +} + +@media (max-width: 991.98px) { + .owl-carousel.owl-dots-overlap-right .owl-dots { + right: 16px; + } +} + +.owl-carousel.owl-dots-overlap-right[data-owl-nav="true"]:not(.owl-nav-left):not([class*='owl-nav-over']) .owl-dots, .owl-carousel.owl-dots-overlap-right.owl-nav-right:not(.owl-nav-left):not([class*='owl-nav-over']) .owl-dots { + right: 76px; +} + +@media (max-width: 991.98px) { + .owl-carousel.owl-dots-overlap-right[data-owl-nav="true"]:not(.owl-nav-left):not([class*='owl-nav-over']) .owl-dots, .owl-carousel.owl-dots-overlap-right.owl-nav-right:not(.owl-nav-left):not([class*='owl-nav-over']) .owl-dots { + right: 64px; + } +} + +.owl-carousel.owl-dots-overlap-right.owl-nav-overlap .owl-dots, .owl-carousel.owl-dots-overlap-right.owl-nav-overlap-right .owl-dots { + right: 45px; +} + +@media (max-width: 991.98px) { + .owl-carousel.owl-dots-overlap-right.owl-nav-overlap .owl-dots, .owl-carousel.owl-dots-overlap-right.owl-nav-overlap-right .owl-dots { + right: 36px; + } +} + +.owl-carousel.owl-nav-overlap { + padding: 0 25px; +} + +.owl-carousel.owl-nav-overlap .owl-nav { + right: 25px; + left: 25px; + z-index: 1; + height: 50px; +} + +.owl-carousel.owl-nav-overlap .owl-nav button { + opacity: 1; + background: white; + width: 50px; + height: 50px; + border-radius: 50%; + -webkit-box-shadow: 0 10px 36px 0 rgba(22, 24, 26, 0.13); + box-shadow: 0 10px 36px 0 rgba(22, 24, 26, 0.13); + color: #121518; +} + +.owl-carousel.owl-nav-overlap .owl-nav button.owl-prev { + right: auto; + left: 0; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); +} + +.owl-carousel.owl-nav-overlap .owl-nav button.owl-next { + right: 0; + left: auto; + -webkit-transform: translateX(50%); + transform: translateX(50%); +} + +.owl-carousel.owl-nav-overlap .owl-nav button:hover, .owl-carousel.owl-nav-overlap .owl-nav button:focus { + opacity: 1; + background: white; + color: #121518; + -webkit-box-shadow: 0 10px 40px 0 rgba(22, 24, 26, 0.19); + box-shadow: 0 10px 40px 0 rgba(22, 24, 26, 0.19); +} + +.owl-carousel.owl-nav-overlap:not([data-owl-dots="false"]):not([class*='owl-dots-over']) .owl-nav { + margin-top: -20px; +} + +@media (max-width: 991.98px) { + .owl-carousel.owl-nav-overlap:not([data-owl-dots="false"]):not([class*='owl-dots-over']) .owl-nav { + margin-top: -18px; + } +} + +@media (max-width: 991.98px) { + .owl-carousel.owl-nav-overlap { + padding: 0 20px; + } + .owl-carousel.owl-nav-overlap .owl-nav { + right: 20px; + left: 20px; + height: 40px; + } + .owl-carousel.owl-nav-overlap .owl-nav button.owl-prev, + .owl-carousel.owl-nav-overlap .owl-nav button.owl-next { + width: 40px; + height: 40px; + } +} + +@media (min-width: 992px) { + .owl-carousel.owl-nav-overlap-left { + padding: 0 0 0 25px; + } + .owl-carousel.owl-nav-overlap-left .owl-nav { + left: 25px; + right: auto; + -webkit-transform: translateY(-50%) translateX(-50%); + transform: translateY(-50%) translateX(-50%); + } +} + +.owl-carousel.owl-nav-overlap-right { + padding: 0 25px 0 0; +} + +.owl-carousel.owl-nav-overlap-right .owl-nav { + left: auto; + right: 25px; + -webkit-transform: translateY(-50%) translateX(50%); + transform: translateY(-50%) translateX(50%); +} + +.owl-carousel.owl-nav-overlap-left .owl-nav, .owl-carousel.owl-nav-overlap-right .owl-nav { + z-index: 1; + width: 50px; + height: auto; + padding-bottom: 0; +} + +.owl-carousel.owl-nav-overlap-left .owl-nav button.owl-prev, +.owl-carousel.owl-nav-overlap-left .owl-nav button.owl-next, .owl-carousel.owl-nav-overlap-right .owl-nav button.owl-prev, +.owl-carousel.owl-nav-overlap-right .owl-nav button.owl-next { + position: static; + right: 0; + left: 0; + opacity: 1; + background: white; + width: 50px; + height: 50px; + margin: 4px 0; + border-radius: 50%; + -webkit-box-shadow: 0 10px 36px 0 rgba(22, 24, 26, 0.13); + box-shadow: 0 10px 36px 0 rgba(22, 24, 26, 0.13); + color: #121518; +} + +.owl-carousel.owl-nav-overlap-left .owl-nav button.owl-prev:hover, .owl-carousel.owl-nav-overlap-left .owl-nav button.owl-prev:focus, +.owl-carousel.owl-nav-overlap-left .owl-nav button.owl-next:hover, +.owl-carousel.owl-nav-overlap-left .owl-nav button.owl-next:focus, .owl-carousel.owl-nav-overlap-right .owl-nav button.owl-prev:hover, .owl-carousel.owl-nav-overlap-right .owl-nav button.owl-prev:focus, +.owl-carousel.owl-nav-overlap-right .owl-nav button.owl-next:hover, +.owl-carousel.owl-nav-overlap-right .owl-nav button.owl-next:focus { + opacity: 1; + background: white; + -webkit-box-shadow: 0 10px 40px 0 rgba(22, 24, 26, 0.19); + box-shadow: 0 10px 40px 0 rgba(22, 24, 26, 0.19); + color: #121518; +} + +.owl-carousel.owl-nav-overlap-left:not([data-owl-dots="false"]):not([class*='owl-dots-over']) .owl-nav, .owl-carousel.owl-nav-overlap-right:not([data-owl-dots="false"]):not([class*='owl-dots-over']) .owl-nav { + margin-top: -20px; +} + +@media (max-width: 991.98px) { + .owl-carousel.owl-nav-overlap-left:not([data-owl-dots="false"]):not([class*='owl-dots-over']) .owl-nav, .owl-carousel.owl-nav-overlap-right:not([data-owl-dots="false"]):not([class*='owl-dots-over']) .owl-nav { + margin-top: -18px; + } +} + +@media (max-width: 991.98px) { + .owl-carousel.owl-nav-overlap-left, .owl-carousel.owl-nav-overlap-right { + padding: 0 20px 0 0; + } + .owl-carousel.owl-nav-overlap-left .owl-nav, .owl-carousel.owl-nav-overlap-right .owl-nav { + left: auto; + right: 20px; + -webkit-transform: translateY(-50%) translateX(50%); + transform: translateY(-50%) translateX(50%); + width: 40px; + } + .owl-carousel.owl-nav-overlap-left .owl-nav button.owl-prev, + .owl-carousel.owl-nav-overlap-left .owl-nav button.owl-next, .owl-carousel.owl-nav-overlap-right .owl-nav button.owl-prev, + .owl-carousel.owl-nav-overlap-right .owl-nav button.owl-next { + width: 40px; + height: 40px; + } +} + +@media (max-width: 991.98px) { + .hero-portfolio-slider { + padding: 0 30px; + } +} + +.hero-portfolio-slider .swiper-wrapper .swiper-slide { + -webkit-transform: scale(0.9); + transform: scale(0.9); + opacity: 0.9; + -webkit-transition: ease-in 0.16s; + transition: ease-in 0.16s; +} + +.hero-portfolio-slider .swiper-wrapper .swiper-slide.swiper-slide-active { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; +} + +.hero-portfolio-slider .swiper-pagination .swiper-pagination-bullet { + position: relative; + display: inline-block; + opacity: 1; + background: transparent; + width: 20px; + height: 20px; + margin: 0 2px; + vertical-align: middle; +} + +.hero-portfolio-slider .swiper-pagination .swiper-pagination-bullet:before, .hero-portfolio-slider .swiper-pagination .swiper-pagination-bullet:after { + content: ''; + position: absolute; + border-radius: 50%; + -webkit-transition: ease-out 0.16s; + transition: ease-out 0.16s; +} + +.hero-portfolio-slider .swiper-pagination .swiper-pagination-bullet:before { + top: 2px; + right: 2px; + bottom: 2px; + left: 2px; + opacity: 0; + background: transparent; + border: 1px solid black; +} + +.hero-portfolio-slider .swiper-pagination .swiper-pagination-bullet:after { + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + opacity: 0.3; + background: black; + width: 6px; + height: 6px; +} + +.hero-portfolio-slider .swiper-pagination .swiper-pagination-bullet:hover:after, .hero-portfolio-slider .swiper-pagination .swiper-pagination-bullet:focus:after, .hero-portfolio-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after { + opacity: 1; +} + +.hero-portfolio-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before, .hero-portfolio-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after { + opacity: 1; +} + +.hero-portfolio-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before { + top: 0; + right: 0; + bottom: 0; + left: 0; +} + +.hero-portfolio-slider .swiper-pagination.swiper-pagination-horizontal { + position: absolute; + bottom: 20px; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + background: rgba(18, 21, 24, 0.3); + width: auto; + border-radius: 20px; + margin: 0; + padding: 5px; +} + +@media (max-width: 991.98px) { + .hero-portfolio-slider .swiper-pagination.swiper-pagination-horizontal { + bottom: 16px; + } +} + +.hero-portfolio-slider .swiper-pagination.swiper-pagination-horizontal .swiper-pagination-bullet:before { + border-color: white; +} + +.hero-portfolio-slider .swiper-pagination.swiper-pagination-horizontal .swiper-pagination-bullet:after { + background: white; + opacity: 0.5; +} + +.hero-portfolio-slider .swiper-pagination.swiper-pagination-horizontal .swiper-pagination-bullet:hover:after, .hero-portfolio-slider .swiper-pagination.swiper-pagination-horizontal .swiper-pagination-bullet:focus:after, .hero-portfolio-slider .swiper-pagination.swiper-pagination-horizontal .swiper-pagination-bullet.swiper-pagination-bullet-active:after { + opacity: 1; +} + +.sliding-text .swiper-slide, +.sliding-text-reverse .swiper-slide { + width: auto; +} + +.sliding-boxes .swiper-wrapper, +.sliding-text .swiper-wrapper, +.sliding-text-reverse .swiper-wrapper { + transition-timing-function: linear; +} + +.team-wrapper .team-box { + text-align: center; +} + +.team-wrapper .team-box .team-img { + position: relative; + overflow: hidden; + margin-bottom: 20px; +} + +.team-wrapper .team-box .team-img img { + -webkit-transform: scale(1); + transform: scale(1); + width: 100%; + -webkit-transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); + transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); +} + +.team-wrapper .team-box .team-img div { + position: absolute; + top: 0; + left: 0; + opacity: 0; + background: rgba(18, 21, 24, 0.4); + width: 100%; + height: 100%; + text-align: center; + -webkit-transition: ease-out 0.12s; + transition: ease-out 0.12s; +} + +.team-wrapper .team-box .team-img div ul { + list-style-type: none; + position: absolute; + top: 50%; + right: 0; + left: 0; + -webkit-transform: translateY(-50%) scale(0.96); + transform: translateY(-50%) scale(0.96); + margin: 0 -7px; + padding: 0 30px; + -webkit-transition: ease-out 0.12s; + transition: ease-out 0.12s; +} + +.team-wrapper .team-box .team-img div ul li { + display: inline-block; + margin: 0 7px; +} + +.team-wrapper .team-box .team-img div ul li a:not([class^='button']):not([class^="link-social"]) { + color: white; +} + +.team-wrapper .team-box .team-img div ul li a:not([class^='button']):not([class^="link-social"]):hover { + color: rgba(255, 255, 255, 0.7); +} + +.team-wrapper .team-box .team-img:hover img { + -webkit-transform: scale(1.04); + transform: scale(1.04); + -webkit-filter: blur(1.5px); + filter: blur(1.5px); +} + +.team-wrapper .team-box .team-img:hover div { + opacity: 1; +} + +.team-wrapper .team-box .team-img:hover div ul { + -webkit-transform: translateY(-50%) scale(1); + transform: translateY(-50%) scale(1); +} + +.team-wrapper .team-box span { + color: #AAAAAA; +} + +.team-wrapper.team-box-hover-2 .team-box .team-img div { + top: auto; + bottom: 16px; + right: 16px; + left: 16px; + -webkit-transform: translateY(5px); + transform: translateY(5px); + background: white; + width: auto; + height: auto; + padding: 15px 20px; +} + +.team-wrapper.team-box-hover-2 .team-box .team-img div ul { + position: static; + top: auto; + -webkit-transform: translateY(0) scale(1); + transform: translateY(0) scale(1); + padding: 0; +} + +.team-wrapper.team-box-hover-2 .team-box .team-img div ul li a:not([class^='button']):not([class^="link-social"]) { + color: #7C7C7C; +} + +.team-wrapper.team-box-hover-2 .team-box .team-img div ul li a:not([class^='button']):not([class^="link-social"]):hover, .team-wrapper.team-box-hover-2 .team-box .team-img div ul li a:not([class^='button']):not([class^="link-social"]):focus { + color: #121518; +} + +.team-wrapper.team-box-hover-2 .team-box .team-img:hover img { + -webkit-filter: blur(0); + filter: blur(0); +} + +.team-wrapper.team-box-hover-2 .team-box .team-img:hover div { + -webkit-transform: translateY(0); + transform: translateY(0); +} + +.team-wrapper.team-box-hover-2 .team-box .team-img:hover div ul { + -webkit-transform: translateY(0) scale(1); + transform: translateY(0) scale(1); +} + +.team-wrapper[class*='border-radius'] .team-box .team-img { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + overflow: hidden; +} + +.team-wrapper.border-radius .team-box .team-img { + border-radius: 0.4em; +} + +.team-wrapper.border-radius-1 .team-box .team-img { + border-radius: 1.0em; +} + +.text-start .team-box { + text-align: left; +} + +.text-end .team-box { + text-align: right; +} + +.testimonial-box { + max-width: 730px; + margin: 0 auto; + text-align: center; +} + +.testimonial-box img { + width: 80px; + height: 80px; + border-radius: 50%; + margin-right: auto; + margin-left: auto; +} + +.testimonial-grid { + overflow: hidden; +} + +@media (min-width: 992px) { + .testimonial-grid.column-2 .testimonial-grid-box { + width: 50%; + } +} + +.testimonial-grid.column-1 .testimonial-grid-box { + width: 100%; + padding: 30px 0; +} + +.testimonial-grid .testimonial-grid-box { + position: relative; + float: left; + width: 33.3%; + padding: 30px; +} + +.testimonial-grid .testimonial-grid-box:before, .testimonial-grid .testimonial-grid-box:after { + content: ''; + position: absolute; +} + +.testimonial-grid .testimonial-grid-box:before { + top: 0; + left: -1px; + height: 100%; + border-left: 1px dashed rgba(18, 21, 24, 0.1); +} + +.testimonial-grid .testimonial-grid-box:after { + left: 0; + bottom: -1px; + width: 100%; + border-bottom: 1px dashed rgba(18, 21, 24, 0.1); +} + +.testimonial-grid .testimonial-grid-box .testimonial-img { + float: left; + margin-right: 20px; +} + +.testimonial-grid .testimonial-grid-box .testimonial-img img { + width: 80px; + height: 80px; + border-radius: 50%; +} + +.testimonial-grid .testimonial-grid-box .testimonial-content { + overflow: hidden; +} + +@media (max-width: 991.98px) { + .testimonial-grid .testimonial-grid-box { + width: 50%; + } +} + +@media (max-width: 767.98px) { + .testimonial-grid .testimonial-grid-box { + width: 100%; + padding: 30px 0; + } +} + +.testimonial-grid.border-style-solid { + border: 0; +} + +.testimonial-grid.border-style-solid .testimonial-grid-box:before { + border-left-style: solid; +} + +.testimonial-grid.border-style-solid .testimonial-grid-box:after { + border-bottom-style: solid; +} + +.testimonial-grid.border-style-dotted { + border: 0; +} + +.testimonial-grid.border-style-dotted .testimonial-grid-box:before { + border-left-style: dotted; +} + +.testimonial-grid.border-style-dotted .testimonial-grid-box:after { + border-bottom-style: dotted; +} + +.testimonial-grid.border-0 { + margin: -15px; +} + +.testimonial-grid.border-0 .testimonial-grid-box { + padding: 15px; +} + +.testimonial-grid.border-0 .testimonial-grid-box:before, .testimonial-grid.border-0 .testimonial-grid-box:after { + border: 0; +} + +@media (max-width: 767.98px) { + .testimonial-grid.border-0 { + margin: -15px 0; + } + .testimonial-grid.border-0 .testimonial-grid-box { + padding: 15px 0; + } +} + +.bg-black .testimonial-grid-box:before, .bg-black .testimonial-grid-box:after, +[class*='bg-dark'] .testimonial-grid-box:before, +[class*='bg-dark'] .testimonial-grid-box:after, +[class*='bg-gradient-'] .testimonial-grid-box:before, +[class*='bg-gradient-'] .testimonial-grid-box:after, +[class*='bg-color-'] .testimonial-grid-box:before, +[class*='bg-color-'] .testimonial-grid-box:after { + border-color: rgba(255, 255, 255, 0.2); +} + +*[class*='text-link-'] { + color: rgba(18, 21, 24, 0.9); +} + +*[class*='text-link-']:hover, *[class*='text-link-']:focus { + color: #121518; +} + +.text-link-1:hover { + text-decoration: underline; +} + +.text-link-2 { + position: relative; +} + +.text-link-2:before { + content: ''; + position: absolute; + bottom: -2px; + background: rgba(18, 21, 24, 0.9); + width: 0; + height: 1px; + -webkit-transition: all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1); + transition: all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1); +} + +.text-link-2:hover:before { + width: 100%; +} + +.text-link-2:before { + left: 0; +} + +.text-link-3 { + position: relative; +} + +.text-link-3:before { + content: ''; + position: absolute; + bottom: -2px; + left: 0; + -webkit-transform: translateY(3px); + transform: translateY(3px); + opacity: 0; + background: rgba(18, 21, 24, 0.9); + width: 100%; + height: 1px; + -webkit-transition: linear 0.1s; + transition: linear 0.1s; +} + +.text-link-3:hover:before { + -webkit-transform: translateY(0); + transform: translateY(0); + opacity: 1; +} + +.text-link-4 { + position: relative; +} + +.text-link-4:before, .text-link-4:after { + content: ''; + position: absolute; + bottom: -2px; + height: 1px; + -webkit-transition: all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1); + transition: all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1); +} + +.text-link-4:before { + left: 0; + background: rgba(18, 21, 24, 0.2); + width: 100%; +} + +.text-link-4:after { + background: rgba(18, 21, 24, 0.9); + width: 0; +} + +.text-link-4:hover:after { + width: 100%; +} + +.text-link-4:after { + left: 0; +} + +.text-link-5 { + position: relative; +} + +.text-link-5:before, .text-link-5:after { + content: ''; + position: absolute; + bottom: -2px; + left: 0; + width: 100%; + height: 1px; + -webkit-transition: linear 0.1s; + transition: linear 0.1s; +} + +.text-link-5:before { + background: rgba(18, 21, 24, 0.2); +} + +.text-link-5:after { + opacity: 0; + -webkit-transform: translateY(3px); + transform: translateY(3px); + background: rgba(18, 21, 24, 0.9); +} + +.text-link-5:hover:before { + opacity: 0; +} + +.text-link-5:hover:after { + -webkit-transform: translateY(0); + transform: translateY(0); + opacity: 1; +} + +.text-link-6 { + position: relative; +} + +.text-link-6:before { + content: ''; + position: absolute; + bottom: 4px; + left: 0; + background: rgba(18, 21, 24, 0.2); + width: 0; + height: 6px; + -webkit-transition: all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1); + transition: all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1); +} + +.text-link-6:hover:before { + width: 100%; +} + +.bg-black *[class*='text-link-'], +[class*='bg-dark'] *[class*='text-link-'], +[class*='bg-gradient-'] *[class*='text-link-'], +[class*='bg-color-'] *[class*='text-link-'] { + color: rgba(255, 255, 255, 0.8); +} + +.bg-black *[class*='text-link-']:hover, .bg-black *[class*='text-link-']:focus, +[class*='bg-dark'] *[class*='text-link-']:hover, +[class*='bg-dark'] *[class*='text-link-']:focus, +[class*='bg-gradient-'] *[class*='text-link-']:hover, +[class*='bg-gradient-'] *[class*='text-link-']:focus, +[class*='bg-color-'] *[class*='text-link-']:hover, +[class*='bg-color-'] *[class*='text-link-']:focus { + color: white; +} + +.bg-black .text-link-2:before, .bg-black .text-link-3:before, +[class*='bg-dark'] .text-link-2:before, +[class*='bg-dark'] .text-link-3:before, +[class*='bg-gradient-'] .text-link-2:before, +[class*='bg-gradient-'] .text-link-3:before, +[class*='bg-color-'] .text-link-2:before, +[class*='bg-color-'] .text-link-3:before { + background: white; +} + +.bg-black .text-link-4:before, .bg-black .text-link-5:before, +[class*='bg-dark'] .text-link-4:before, +[class*='bg-dark'] .text-link-5:before, +[class*='bg-gradient-'] .text-link-4:before, +[class*='bg-gradient-'] .text-link-5:before, +[class*='bg-color-'] .text-link-4:before, +[class*='bg-color-'] .text-link-5:before { + background: rgba(255, 255, 255, 0.3); +} + +.bg-black .text-link-4:after, .bg-black .text-link-5:after, +[class*='bg-dark'] .text-link-4:after, +[class*='bg-dark'] .text-link-5:after, +[class*='bg-gradient-'] .text-link-4:after, +[class*='bg-gradient-'] .text-link-5:after, +[class*='bg-color-'] .text-link-4:after, +[class*='bg-color-'] .text-link-5:after { + background: white; +} + +.bg-black .text-link-6:before, +[class*='bg-dark'] .text-link-6:before, +[class*='bg-gradient-'] .text-link-6:before, +[class*='bg-color-'] .text-link-6:before { + background: rgba(255, 255, 255, 0.3); +} + +[class*='link-social-']:hover { + opacity: 0.7; +} + +.link-social-facebook { + color: #1877F2; +} + +.link-social-facebook:hover { + color: #1877F2; +} + +.link-social-twitter { + color: #1DA1F2; +} + +.link-social-twitter:hover { + color: #1DA1F2; +} + +.link-social-instagram { + color: #E4405F; +} + +.link-social-instagram:hover { + color: #E4405F; +} + +.link-social-linkedin { + color: #0A66C2; +} + +.link-social-linkedin:hover { + color: #0A66C2; +} + +.link-social-youtube { + color: #CD201F; +} + +.link-social-youtube:hover { + color: #CD201F; +} + +.link-social-pinterest { + color: #BD081C; +} + +.link-social-pinterest:hover { + color: #BD081C; +} + +.link-social-skype { + color: #00AFF0; +} + +.link-social-skype:hover { + color: #00AFF0; +} + +.link-social-dribbble { + color: #EA4C89; +} + +.link-social-dribbble:hover { + color: #EA4C89; +} + +.link-social-snapchat { + color: #FFFC00; +} + +.link-social-snapchat:hover { + color: #FFFC00; +} + +.link-social-whatsapp { + color: #25D366; +} + +.link-social-whatsapp:hover { + color: #25D366; +} + +.timeline-wrapper { + position: relative; +} + +.timeline-wrapper:before { + content: ''; + position: absolute; + top: 0; + background: #e2e6ea; + width: 1px; + height: 100%; +} + +.timeline-wrapper .timeline .timeline-date { + position: relative; +} + +.timeline-wrapper .timeline .timeline-date:before { + content: ''; + position: absolute; + top: 31px; + background: #e2e6ea; + width: 20px; + height: 20px; + border-radius: 50%; +} + +.timeline-wrapper .timeline .timeline-date:after { + content: ''; + position: absolute; + top: 37px; + background: #121518; + width: 8px; + height: 8px; + border-radius: 50%; +} + +@media (min-width: 992px) { + .timeline-wrapper { + position: relative; + } + .timeline-wrapper:before { + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + } + .timeline-wrapper .timeline { + position: relative; + } + .timeline-wrapper .timeline .timeline-date, .timeline-wrapper .timeline .timeline-content { + width: 50%; + padding: 30px; + } + .timeline-wrapper .timeline .timeline-date { + position: absolute; + top: 0; + left: 0; + text-align: right; + } + .timeline-wrapper .timeline .timeline-date:before { + right: -10px; + } + .timeline-wrapper .timeline .timeline-date:after { + right: -4px; + } + .timeline-wrapper .timeline .timeline-date h1, .timeline-wrapper .timeline .timeline-date h2, .timeline-wrapper .timeline .timeline-date h3, .timeline-wrapper .timeline .timeline-date h4, .timeline-wrapper .timeline .timeline-date h5, .timeline-wrapper .timeline .timeline-date h6 { + position: relative; + text-align: right; + } + .timeline-wrapper .timeline .timeline-content { + margin-left: 50%; + } + .timeline-wrapper .timeline:nth-child(even) .timeline-date { + left: 50%; + text-align: left; + } + .timeline-wrapper .timeline:nth-child(even) .timeline-date:before { + right: auto; + left: -10px; + } + .timeline-wrapper .timeline:nth-child(even) .timeline-date:after { + right: auto; + left: -4px; + } + .timeline-wrapper .timeline:nth-child(even) .timeline-date h1, .timeline-wrapper .timeline:nth-child(even) .timeline-date h2, .timeline-wrapper .timeline:nth-child(even) .timeline-date h3, .timeline-wrapper .timeline:nth-child(even) .timeline-date h4, .timeline-wrapper .timeline:nth-child(even) .timeline-date h5, .timeline-wrapper .timeline:nth-child(even) .timeline-date h6 { + text-align: left; + } + .timeline-wrapper .timeline:nth-child(even) .timeline-content { + margin-left: 0; + text-align: right; + } + .timeline-wrapper.timeline-left:before { + left: 200px; + -webkit-transform: translateX(0); + transform: translateX(0); + } + .timeline-wrapper.timeline-left .timeline .timeline-date { + width: 200px; + padding: 30px 30px 0 0; + } + .timeline-wrapper.timeline-left .timeline .timeline-content { + width: auto; + margin: 0 0 0 200px; + padding: 30px 0 0 30px; + text-align: left; + } + .timeline-wrapper.timeline-left .timeline:nth-child(even) .timeline-date { + left: auto; + text-align: right; + } + .timeline-wrapper.timeline-left .timeline:nth-child(even) .timeline-date:before { + right: -10px; + left: auto; + } + .timeline-wrapper.timeline-left .timeline:nth-child(even) .timeline-date:after { + right: -4px; + left: auto; + } + .timeline-wrapper.timeline-left .timeline:nth-child(even) .timeline-date h1, .timeline-wrapper.timeline-left .timeline:nth-child(even) .timeline-date h2, .timeline-wrapper.timeline-left .timeline:nth-child(even) .timeline-date h3, .timeline-wrapper.timeline-left .timeline:nth-child(even) .timeline-date h4, .timeline-wrapper.timeline-left .timeline:nth-child(even) .timeline-date h5, .timeline-wrapper.timeline-left .timeline:nth-child(even) .timeline-date h6 { + text-align: right; + } + .timeline-wrapper.timeline-left .timeline:last-child .timeline-date, .timeline-wrapper.timeline-left .timeline:last-child .timeline-content { + padding-bottom: 30px; + } + .timeline-wrapper.timeline-right:before { + right: 200px; + left: auto; + -webkit-transform: translateX(0); + transform: translateX(0); + } + .timeline-wrapper.timeline-right .timeline .timeline-date { + right: 0; + left: auto; + width: 200px; + padding: 30px 0 0 30px; + text-align: left; + } + .timeline-wrapper.timeline-right .timeline .timeline-date:before { + right: auto; + left: -10px; + } + .timeline-wrapper.timeline-right .timeline .timeline-date:after { + right: auto; + left: -4px; + } + .timeline-wrapper.timeline-right .timeline .timeline-date h1, .timeline-wrapper.timeline-right .timeline .timeline-date h2, .timeline-wrapper.timeline-right .timeline .timeline-date h3, .timeline-wrapper.timeline-right .timeline .timeline-date h4, .timeline-wrapper.timeline-right .timeline .timeline-date h5, .timeline-wrapper.timeline-right .timeline .timeline-date h6 { + text-align: left; + } + .timeline-wrapper.timeline-right .timeline .timeline-content { + width: auto; + margin: 0 200px 0 0; + padding: 30px 30px 0 0; + text-align: right; + } + .timeline-wrapper.timeline-right .timeline:nth-child(even) .timeline-date { + left: auto; + text-align: left; + } + .timeline-wrapper.timeline-right .timeline:nth-child(even) .timeline-date:before { + left: -10px; + } + .timeline-wrapper.timeline-right .timeline:nth-child(even) .timeline-date:after { + left: -4px; + } + .timeline-wrapper.timeline-right .timeline:nth-child(even) .timeline-date h1, .timeline-wrapper.timeline-right .timeline:nth-child(even) .timeline-date h2, .timeline-wrapper.timeline-right .timeline:nth-child(even) .timeline-date h3, .timeline-wrapper.timeline-right .timeline:nth-child(even) .timeline-date h4, .timeline-wrapper.timeline-right .timeline:nth-child(even) .timeline-date h5, .timeline-wrapper.timeline-right .timeline:nth-child(even) .timeline-date h6 { + text-align: left; + } + .timeline-wrapper.timeline-right .timeline:last-child .timeline-date, .timeline-wrapper.timeline-right .timeline:last-child .timeline-content { + padding-bottom: 30px; + } +} + +@media (max-width: 991.98px) { + .timeline-wrapper { + padding-left: 30px; + } + .timeline-wrapper:before { + left: 0; + } + .timeline-wrapper .timeline { + margin-bottom: 30px; + } + .timeline-wrapper .timeline:first-child { + padding-top: 30px; + } + .timeline-wrapper .timeline:last-child { + margin-bottom: 0; + padding-bottom: 30px; + } + .timeline-wrapper .timeline .timeline-date:before { + top: 1px; + left: -40px; + } + .timeline-wrapper .timeline .timeline-date:after { + top: 7px; + left: -34px; + } +} + +@media (max-width: 575.98px) { + .timeline-wrapper { + padding-left: 20px; + } + .timeline-wrapper .timeline .timeline-date:before { + left: -30px; + } + .timeline-wrapper .timeline .timeline-date:after { + left: -24px; + } +} + +.bg-black .timeline-wrapper:before, +[class*='bg-dark'] .timeline-wrapper:before, +[class*='bg-gradient-'] .timeline-wrapper:before, +[class*='bg-color-'] .timeline-wrapper:before { + background: rgba(255, 255, 255, 0.2); +} + +.bg-black .timeline-wrapper .timeline .timeline-date:before, +[class*='bg-dark'] .timeline-wrapper .timeline .timeline-date:before, +[class*='bg-gradient-'] .timeline-wrapper .timeline .timeline-date:before, +[class*='bg-color-'] .timeline-wrapper .timeline .timeline-date:before { + background: rgba(255, 255, 255, 0.2); +} + +.bg-black .timeline-wrapper .timeline .timeline-date:after, +[class*='bg-dark'] .timeline-wrapper .timeline .timeline-date:after, +[class*='bg-gradient-'] .timeline-wrapper .timeline .timeline-date:after, +[class*='bg-color-'] .timeline-wrapper .timeline .timeline-date:after { + background: white; +} + +.blog-card-wrapper { + position: relative; + background-position: center center; + background-attachment: scroll; + -webkit-background-size: cover; + -moz-background-size: cover; + background-size: cover; + background-repeat: no-repeat; + width: 100%; +} + +.blog-card-wrapper * { + -webkit-transition: ease-out 0.12s; + transition: ease-out 0.12s; +} + +.blog-card-wrapper .blog-card { + background: white; + border: 1px solid rgba(18, 21, 24, 0.1); +} + +.blog-card-wrapper:hover { + color: rgba(255, 255, 255, 0.7); +} + +.blog-card-wrapper:hover h1, .blog-card-wrapper:hover h2, .blog-card-wrapper:hover h3, .blog-card-wrapper:hover h4, .blog-card-wrapper:hover h5, .blog-card-wrapper:hover h6 { + color: white; +} + +.blog-card-wrapper:hover a:not([class^='button']) { + color: rgba(255, 255, 255, 0.8); +} + +.blog-card-wrapper:hover a:not([class^='button']):hover, .blog-card-wrapper:hover a:not([class^='button']):focus { + color: white; +} + +.blog-card-wrapper:hover .blog-card { + background: rgba(18, 21, 24, 0.6); +} + +.blog-card-wrapper:hover .button-text-1, +.blog-card-wrapper:hover .button-text-2, +.blog-card-wrapper:hover .button-text-3 { + color: rgba(255, 255, 255, 0.8); +} + +.blog-card-wrapper:hover .button-text-1:hover, +.blog-card-wrapper:hover .button-text-2:hover, +.blog-card-wrapper:hover .button-text-3:hover { + color: white; +} + +.blog-card-wrapper:hover .button-text-1:before { + background: rgba(255, 255, 255, 0.3); +} + +.blog-card-wrapper:hover .button-text-1:after { + background: white; +} + +.blog-card-wrapper:hover .button-text-2:before { + background: rgba(255, 255, 255, 0.4); +} + +.blog-card-wrapper:hover .button-text-2:after { + background: white; +} + +.blog-card-wrapper:hover .button-text-3:before { + background: rgba(255, 255, 255, 0.8); +} + +.blog-card-wrapper:hover .button-text-3:hover:before { + background: white; +} + +@media (min-width: 992px) { + .blog-card-wrapper .blog-card { + padding: 36px 36px 36px 140px; + } + .blog-card-wrapper .blog-card .blog-card-date { + position: absolute; + top: 50%; + left: 36px; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + text-align: center; + } +} + +@media (max-width: 991.98px) { + .blog-card-wrapper .blog-card { + padding: 24px; + } +} + +.comment-box { + position: relative; + margin-bottom: 30px; + padding-left: 80px; +} + +.comment-box .comment-user-avatar { + position: absolute; + top: 0; + left: 0; + background: #eef2f6; + width: 60px; + height: 60px; + border-radius: 50%; + text-align: center; + line-height: 60px; +} + +.comment-box .comment-user-avatar img { + width: 60px; + height: 60px; +} + +.comment-box .comment-content { + position: relative; +} + +.comment-box .comment-content .comment-time { + position: absolute; + top: 0; + right: 0; + text-align: right; + color: #AAAAAA; + font-style: italic; + font-size: 14px; +} + +#cookie-consent { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 997; + visibility: visible; + opacity: 1; + -webkit-transition: ease-out 0.2s; + transition: ease-out 0.2s; +} + +#cookie-consent.consent-hidden { + visibility: hidden; + opacity: 0; +} + +.fm-toggle { + margin-left: auto; + cursor: pointer; + -webkit-transition: ease-out 0.2s; + transition: ease-out 0.2s; +} + +.fm-toggle .lines { + position: relative; + display: inline-block; + background: black; + width: 25px; + height: 2px; + margin: 0; + padding: 0; + vertical-align: middle; + -webkit-transition: linear 0.12s; + transition: linear 0.12s; +} + +.fm-toggle .lines:before, .fm-toggle .lines:after { + content: ''; + position: absolute; + left: 0; + background: black; + width: 25px; + height: 2px; + display: inline-block; + -webkit-transition: linear 0.12s; + transition: linear 0.12s; +} + +.fm-toggle .lines:before { + top: -7px; +} + +.fm-toggle .lines:after { + bottom: -7px; +} + +@media (min-width: 992px) { + .fm-toggle .lines:before { + -webkit-transform: scaleX(0.8); + transform: scaleX(0.8); + -webkit-transform-origin: 100% 50%; + transform-origin: 100% 50%; + } + .fm-toggle .lines:after { + -webkit-transform: scaleX(0.6); + transform: scaleX(0.6); + -webkit-transform-origin: 100% 50%; + transform-origin: 100% 50%; + } + .fm-toggle:hover .lines:before { + -webkit-transform: scaleX(1); + transform: scaleX(1); + } + .fm-toggle:hover .lines:after { + -webkit-transform: scaleX(1); + transform: scaleX(1); + } +} + +.header[class*='header-color']:not(.transparent-dark) .fm-toggle .lines, .header[class*='header-color']:not(.transparent-dark) .fm-toggle .lines:before, .header[class*='header-color']:not(.transparent-dark) .fm-toggle .lines:after, .header.transparent-light:not(.transparent-dark) .fm-toggle .lines, .header.transparent-light:not(.transparent-dark) .fm-toggle .lines:before, .header.transparent-light:not(.transparent-dark) .fm-toggle .lines:after { + background: white; +} + +.fullscreen-menu { + position: fixed; + top: 0; + left: 0; + z-index: 996; + visibility: hidden; + opacity: 0; + width: 100%; + height: 100%; + -webkit-transition: ease-out 0.2s; + transition: ease-out 0.2s; +} + +.fullscreen-menu .fm-wrapper { + -webkit-transform: scale(0.98); + transform: scale(0.98); + height: 100%; + -webkit-transition: ease-out 0.2s; + transition: ease-out 0.2s; +} + +.fullscreen-menu .fm-wrapper .position-top, +.fullscreen-menu .fm-wrapper .position-middle, +.fullscreen-menu .fm-wrapper .position-bottom { + padding: 0 30px; +} + +@media (min-width: 768px) { + .fullscreen-menu .fm-wrapper .position-top, + .fullscreen-menu .fm-wrapper .position-middle, + .fullscreen-menu .fm-wrapper .position-bottom { + padding: 0 50px; + } + .fullscreen-menu .fm-wrapper .position-top { + top: 50px; + } + .fullscreen-menu .fm-wrapper .position-bottom { + bottom: 50px; + } +} + +.fullscreen-menu .fm-wrapper .fm-close { + position: absolute; + top: 50px; + right: 50px; + cursor: pointer; +} + +.fullscreen-menu .fm-wrapper .fm-close span { + position: relative; + display: inline-block; + opacity: 0.8; + width: 60px; + height: 60px; + border-radius: 50%; + -webkit-transition: ease-out 0.18s; + transition: ease-out 0.18s; +} + +.fullscreen-menu .fm-wrapper .fm-close span:before, .fullscreen-menu .fm-wrapper .fm-close span:after { + content: ''; + position: absolute; + top: 50%; + left: 50%; + width: 14px; + height: 2px; + border-radius: 2px; + -webkit-transition: ease-out 0.18s; + transition: ease-out 0.18s; +} + +.fullscreen-menu .fm-wrapper .fm-close span:before { + -webkit-transform: translate(-50%, -50%) rotate(45deg); + transform: translate(-50%, -50%) rotate(45deg); +} + +.fullscreen-menu .fm-wrapper .fm-close span:after { + -webkit-transform: translate(-50%, -50%) rotate(-45deg); + transform: translate(-50%, -50%) rotate(-45deg); +} + +.fullscreen-menu .fm-wrapper .fm-close:hover span { + opacity: 1; +} + +.fullscreen-menu .fm-wrapper .fm-close:hover span:before { + -webkit-transform: translate(-50%, -50%) rotate(180deg); + transform: translate(-50%, -50%) rotate(180deg); +} + +.fullscreen-menu .fm-wrapper .fm-close:hover span:after { + -webkit-transform: translate(-50%, -50%) rotate(180deg); + transform: translate(-50%, -50%) rotate(180deg); +} + +@media (max-width: 991.98px) { + .fullscreen-menu .fm-wrapper .fm-close { + top: 30px; + right: 30px; + } +} + +@media (max-width: 767.98px) { + .fullscreen-menu .fm-wrapper .fm-close { + top: 20px; + right: 20px; + } + .fullscreen-menu .fm-wrapper .fm-close span { + width: 50px; + height: 50px; + } +} + +.fullscreen-menu.fm-show { + visibility: visible; + opacity: 1; +} + +.fullscreen-menu.fm-show .fm-wrapper { + -webkit-transform: scale(1); + transform: scale(1); +} + +.bg-black.fullscreen-menu .fm-wrapper .fm-close span, +[class*='bg-dark'].fullscreen-menu .fm-wrapper .fm-close span, +[class*='bg-gradient-'].fullscreen-menu .fm-wrapper .fm-close span, +[class*='bg-color-'].fullscreen-menu .fm-wrapper .fm-close span { + background: rgba(255, 255, 255, 0.1); +} + +.bg-black.fullscreen-menu .fm-wrapper .fm-close span:before, .bg-black.fullscreen-menu .fm-wrapper .fm-close span:after, +[class*='bg-dark'].fullscreen-menu .fm-wrapper .fm-close span:before, +[class*='bg-dark'].fullscreen-menu .fm-wrapper .fm-close span:after, +[class*='bg-gradient-'].fullscreen-menu .fm-wrapper .fm-close span:before, +[class*='bg-gradient-'].fullscreen-menu .fm-wrapper .fm-close span:after, +[class*='bg-color-'].fullscreen-menu .fm-wrapper .fm-close span:before, +[class*='bg-color-'].fullscreen-menu .fm-wrapper .fm-close span:after { + background: white; +} + +[class*='bg-gray'].fullscreen-menu .fm-wrapper .fm-close span, +[class*='bg-white'].fullscreen-menu .fm-wrapper .fm-close span { + background: rgba(18, 21, 24, 0.1); +} + +[class*='bg-gray'].fullscreen-menu .fm-wrapper .fm-close span:before, [class*='bg-gray'].fullscreen-menu .fm-wrapper .fm-close span:after, +[class*='bg-white'].fullscreen-menu .fm-wrapper .fm-close span:before, +[class*='bg-white'].fullscreen-menu .fm-wrapper .fm-close span:after { + background: black; +} + +.gallery-wrapper .gallery-box .gallery-img { + position: relative; + overflow: hidden; +} + +.gallery-wrapper .gallery-box .gallery-img a { + display: block; +} + +.gallery-wrapper .gallery-box .gallery-img a:before { + content: ''; + position: absolute; + top: 0; + left: 0; + z-index: 1; + opacity: 0; + background: rgba(255, 255, 255, 0.1); + width: 100%; + height: 100%; + -webkit-transition: ease-out 0.12s; + transition: ease-out 0.12s; +} + +.gallery-wrapper .gallery-box .gallery-img a img { + -webkit-transform: scale(1); + transform: scale(1); + width: 100%; + -webkit-transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); + transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); +} + +.gallery-wrapper .gallery-box .gallery-img a:hover:before { + opacity: 1; +} + +.gallery-wrapper .gallery-box .gallery-img a:hover img { + -webkit-transform: scale(1.04); + transform: scale(1.04); +} + +.gallery-wrapper .gallery-box .gallery-img a .gallery-title { + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + z-index: 2; + background: white; + padding: 10px 20px; +} + +.gallery-wrapper .gallery-box .gallery-img a .gallery-title h1, .gallery-wrapper .gallery-box .gallery-img a .gallery-title h2, .gallery-wrapper .gallery-box .gallery-img a .gallery-title h3, .gallery-wrapper .gallery-box .gallery-img a .gallery-title h4, .gallery-wrapper .gallery-box .gallery-img a .gallery-title h5, .gallery-wrapper .gallery-box .gallery-img a .gallery-title h6 { + display: inline-block; + margin: 0; +} + +.gallery-wrapper.hover-style-2 .gallery-box .gallery-img a:before { + background: rgba(18, 21, 24, 0.1); +} + +.gallery-wrapper[class*='border-radius'] .gallery-box .gallery-img { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + overflow: hidden; +} + +.gallery-wrapper.border-radius .gallery-box .gallery-img { + border-radius: 0.4em; +} + +.gallery-wrapper.border-radius-1 .gallery-box .gallery-img { + border-radius: 1.0em; +} + +.header { + top: 0; + z-index: 993; + overflow: visible; + background: white; + width: 100%; + height: 80px; + -webkit-transition: ease-in-out 0.2s; + transition: ease-in-out 0.2s; +} + +.header.hide { + -webkit-transform: translateY(-100%); + transform: translateY(-100%); +} + +.header .container, .header .container-fluid { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + align-items: center; + height: 100%; +} + +.header .header-logo { + display: inline-block; +} + +.header .header-logo .logo-light { + display: none; +} + +.header .header-logo * { + -webkit-transition: linear 0.1s; + transition: linear 0.1s; +} + +.header .header-logo h1, .header .header-logo h2, .header .header-logo h3, .header .header-logo h4, .header .header-logo h5, .header .header-logo h6 { + margin: 0; +} + +.header .header-logo img { + width: auto; + height: 54px; + max-height: 54px; +} + +.header .header-logo a { + color: #121518; +} + +.header .header-logo a:hover { + color: #121518; +} + +.header .header-toggle { + position: relative; + display: inline-block; + width: 28px; + height: 28px; + margin-left: auto; + cursor: pointer; +} + +.header .header-toggle span { + position: absolute; + top: 50%; + left: 0; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + background: #121518; + width: 100%; + height: 2px; + border-radius: 2px; + -webkit-transition: linear 0.1s; + transition: linear 0.1s; +} + +.header .header-toggle span:before, .header .header-toggle span:after { + content: ''; + position: absolute; + left: 0; + background: #121518; + width: 100%; + height: 2px; + border-radius: 2px; + -webkit-transition: linear 0.1s; + transition: linear 0.1s; +} + +.header .header-toggle span:before { + top: -7px; +} + +.header .header-toggle span:after { + bottom: -7px; +} + +.header .header-toggle.toggle-close span { + background: transparent; +} + +.header .header-toggle.toggle-close span:before { + top: 0; + bottom: 0; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.header .header-toggle.toggle-close span:after { + top: 0; + bottom: 0; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); +} + +.header .header-menu { + display: inline-block; + font-size: 0.938rem; + z-index: 995; +} + +.header .header-menu .nav { + display: block; + margin: 0; + padding: 0; + list-style-type: none; + margin: 0; + padding: 0; +} + +.header .header-menu .nav ul { + list-style-type: none; + margin: 0; + padding: 0; +} + +.header .header-menu .nav .nav-item { + text-align: left; +} + +.header .header-menu .nav .nav-item .nav-link { + padding: 0; + font-family: "Poppins", sans-serif; + letter-spacing: -0.2px; + color: #121518; +} + +.header .header-menu .nav .nav-item .nav-link:hover, .header .header-menu .nav .nav-item .nav-link.active { + color: #121518; +} + +.header .header-menu .nav .nav-item .nav-dropdown-toggle { + position: relative; + display: inline-block; +} + +.header .header-menu .nav .nav-item .nav-dropdown-toggle:after { + content: '\f107'; + font-family: "Font Awesome 6 Free"; + font-weight: 900; + font-size: 0.8rem; +} + +.header .header-menu .nav .nav-item .nav-dropdown { + background: white; +} + +.header .header-menu .nav .nav-item .nav-dropdown h1, .header .header-menu .nav .nav-item .nav-dropdown h2, .header .header-menu .nav .nav-item .nav-dropdown h3, .header .header-menu .nav .nav-item .nav-dropdown h4, .header .header-menu .nav .nav-item .nav-dropdown h5, .header .header-menu .nav .nav-item .nav-dropdown h6 { + color: #121518; +} + +.header .header-menu .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]) { + color: #7C7C7C; +} + +.header .header-menu .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):hover, .header .header-menu .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):focus { + color: #121518; +} + +.header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown-toggle { + position: absolute; +} + +.header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown-toggle:after { + content: '\f105'; + font-family: "Font Awesome 6 Free"; + font-weight: 900; + font-size: 0.8rem; +} + +.header .header-menu.font-2 .nav .nav-item .nav-link { + font-size: 0.9em; + font-weight: 500; + letter-spacing: 1px; + text-transform: uppercase; +} + +.header .header-menu-extra a:not([class^='button']):not([class^="link-social"]) { + color: #121518; +} + +.header .header-menu-extra a:not([class^='button']):not([class^="link-social"]):hover, .header .header-menu-extra a:not([class^='button']):not([class^="link-social"]):focus { + color: #121518; +} + +.header.header-boxed { + position: absolute; + top: 0; + left: 0; +} + +.header.sticky-autohide, .header.sticky { + position: fixed; + top: 0; + left: 0; + -webkit-box-shadow: 0 0 36px 0 rgba(22, 25, 28, 0.17); + box-shadow: 0 0 36px 0 rgba(22, 25, 28, 0.17); +} + +.theme-font-nunito .header .header-menu .nav .nav-item .nav-link { + font-family: "Nunito", sans-serif; +} + +.header[class*='header-color']:not(.transparent-dark) .header-logo .logo-dark { + display: none; +} + +.header[class*='header-color']:not(.transparent-dark) .header-logo .logo-light { + display: inline-block; +} + +.header[class*='header-color']:not(.transparent-dark) .header-logo h1, .header[class*='header-color']:not(.transparent-dark) .header-logo h2, .header[class*='header-color']:not(.transparent-dark) .header-logo h3, .header[class*='header-color']:not(.transparent-dark) .header-logo h4, .header[class*='header-color']:not(.transparent-dark) .header-logo h5, .header[class*='header-color']:not(.transparent-dark) .header-logo h6 { + color: white; +} + +.header[class*='header-color']:not(.transparent-dark) .header-logo a { + color: white; +} + +.header[class*='header-color']:not(.transparent-dark) .header-logo a:hover { + color: white; +} + +@media (min-width: 992px) { + .header[class*='header-color']:not(.transparent-dark) .header-menu .nav .nav-item .nav-link, .header[class*='header-color']:not(.transparent-dark) .header-menu .nav .nav-item .nav-dropdown-toggle { + color: white; + } + .header[class*='header-color']:not(.transparent-dark) .header-menu .nav .nav-item .nav-link:hover, .header[class*='header-color']:not(.transparent-dark) .header-menu .nav .nav-item .nav-link:focus, .header[class*='header-color']:not(.transparent-dark) .header-menu .nav .nav-item .nav-link.active, .header[class*='header-color']:not(.transparent-dark) .header-menu .nav .nav-item .nav-dropdown-toggle:hover, .header[class*='header-color']:not(.transparent-dark) .header-menu .nav .nav-item .nav-dropdown-toggle:focus, .header[class*='header-color']:not(.transparent-dark) .header-menu .nav .nav-item .nav-dropdown-toggle.active { + color: white; + } + .header[class*='header-color']:not(.transparent-dark) .header-menu .nav .nav-item .nav-link:before { + background: rgba(255, 255, 255, 0.15); + } +} + +.header[class*='header-color']:not(.transparent-dark) .header-menu-extra a:not([class^='button']):not([class^="link-social"]) { + color: white; +} + +.header[class*='header-color']:not(.transparent-dark) .header-menu-extra a:not([class^='button']):not([class^="link-social"]):hover, .header[class*='header-color']:not(.transparent-dark) .header-menu-extra a:not([class^='button']):not([class^="link-social"]):focus { + color: white; +} + +.header[class*='header-color']:not(.transparent-dark) .header-toggle span { + background: white; +} + +.header[class*='header-color']:not(.transparent-dark) .header-toggle span:before, .header[class*='header-color']:not(.transparent-dark) .header-toggle span:after { + background: white; +} + +.header[class*='header-color']:not(.transparent-dark) .header-toggle.toggle-close span { + background: transparent; +} + +.header.header-color-dark { + background: #181c20; +} + +.header.header-color-black { + background: black; +} + +.header.transparent-dark, .header.transparent-light { + background: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} + +.header.transparent-dark:not(.sticky-autohide):not(.sticky), .header.transparent-light:not(.sticky-autohide):not(.sticky) { + position: absolute; + top: 0; + left: 0; +} + +.header[class*='header-color'].border-top, .header[class*='header-color'].border-bottom, .header.transparent-light.border-top, .header.transparent-light.border-bottom { + border-color: rgba(255, 255, 255, 0.1); +} + +.header.transparent-light .header-logo .logo-dark { + display: none; +} + +.header.transparent-light .header-logo .logo-light { + display: inline-block; +} + +.header.transparent-light .header-logo h1, .header.transparent-light .header-logo h2, .header.transparent-light .header-logo h3, .header.transparent-light .header-logo h4, .header.transparent-light .header-logo h5, .header.transparent-light .header-logo h6 { + color: white; +} + +.header.transparent-light .header-logo a { + color: white; +} + +.header.transparent-light .header-logo a:hover { + color: white; +} + +.header.transparent-light .header-toggle span { + background: white; +} + +.header.transparent-light .header-toggle span:before, .header.transparent-light .header-toggle span:after { + background: white; +} + +.header.transparent-light .header-toggle.toggle-close span { + background: transparent; +} + +@media (min-width: 992px) { + .header.transparent-light .header-menu .nav .nav-item .nav-link, .header.transparent-light .header-menu .nav .nav-item .nav-dropdown-toggle { + color: white; + } + .header.transparent-light .header-menu .nav .nav-item .nav-link:hover, .header.transparent-light .header-menu .nav .nav-item .nav-link:focus, .header.transparent-light .header-menu .nav .nav-item .nav-link.active, .header.transparent-light .header-menu .nav .nav-item .nav-dropdown-toggle:hover, .header.transparent-light .header-menu .nav .nav-item .nav-dropdown-toggle:focus, .header.transparent-light .header-menu .nav .nav-item .nav-dropdown-toggle.active { + color: white; + } + .header.transparent-light .header-menu .nav .nav-item .nav-link:before { + background: rgba(255, 255, 255, 0.15); + } +} + +.header.transparent-light .header-menu-extra a:not([class^='button']):not([class^="link-social"]) { + color: white; +} + +.header.transparent-light .header-menu-extra a:not([class^='button']):not([class^="link-social"]):hover, .header.transparent-light .header-menu-extra a:not([class^='button']):not([class^="link-social"]):focus { + color: white; +} + +.header.header-boxed { + background: transparent; +} + +.header.header-boxed .container, .header.header-boxed .container-fluid { + background: rgba(255, 255, 255, 0.9); + border-bottom-right-radius: 1.5em; + border-bottom-left-radius: 1.5em; + -webkit-box-shadow: 0 0 36px 0 rgba(22, 25, 28, 0.1); + box-shadow: 0 0 36px 0 rgba(22, 25, 28, 0.1); +} + +.header.header-boxed .container-fluid { + width: auto; + margin: 0 30px; +} + +.header.header-boxed.sticky-autohide, .header.header-boxed.sticky { + -webkit-box-shadow: none; + box-shadow: none; +} + +.header.header-boxed[class*='header-color'] { + background: transparent; +} + +.header.header-boxed.header-color-dark .container { + background: rgba(18, 21, 24, 0.8); +} + +.header.header-boxed.header-color-black .container { + background: rgba(0, 0, 0, 0.8); +} + +@media (min-width: 992px) { + .header .header-logo, .header .header-menu-extra { + z-index: 996; + } + .header .header-menu { + height: 80px; + } + .header.header-lg .header-logo img { + height: 64px; + max-height: 64px; + } + .header.header-lg .header-menu { + height: 90px; + } + .header.header-xl .header-logo img { + height: 74px; + max-height: 74px; + } + .header.header-xl .header-menu { + height: 100px; + } + .header:not(.left):not(.center) .header-menu { + margin-left: auto; + } + .header.left .header-logo { + margin-right: 30px; + } + .header.left .header-menu { + margin-right: auto; + } + .header.center .header-logo { + margin-right: auto; + } + .header.center .header-menu .nav { + position: absolute; + top: 0; + right: 0; + width: 100%; + text-align: center; + } + .header .header-menu .nav .nav-item { + position: relative; + display: inline-block; + height: 100%; + margin: 0 0 0 20px; + } + .header .header-menu .nav .nav-item.mega-menu-item { + position: static; + } + .header .header-menu .nav .nav-item.mega-menu-item .nav-link:after { + content: '\f107'; + padding-left: 5px; + font-family: "Font Awesome 6 Free"; + font-weight: 900; + font-size: 0.8rem; + } + .header .header-menu .nav .nav-item.mega-menu-item .nav-link.d-toggle { + padding-right: 0; + } + .header .header-menu .nav .nav-item.mega-menu-item .nav-dropdown-toggle { + display: none; + } + .header .header-menu .nav .nav-item:first-child { + margin-left: 0; + } + .header .header-menu .nav .nav-item .nav-link { + position: relative; + display: inline-block; + line-height: 80px; + } + .header .header-menu .nav .nav-item .nav-link:before { + position: absolute; + right: 0; + bottom: 22px; + left: 0; + content: ''; + background: #eef2f6; + height: 0; + -webkit-transition: all 0.14s cubic-bezier(0.165, 0.84, 0.44, 1); + transition: all 0.14s cubic-bezier(0.165, 0.84, 0.44, 1); + } + .header .header-menu .nav .nav-item .nav-link.d-toggle { + padding-right: 16px; + } + .header .header-menu .nav .nav-item .nav-dropdown-toggle { + position: absolute; + top: 50%; + right: 0; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + margin-top: -2px; + color: #121518; + } + .header .header-menu .nav .nav-item .nav-dropdown-toggle:hover { + color: #121518; + } + .header .header-menu .nav .nav-item .nav-dropdown { + position: absolute; + top: 84px; + left: 0; + -webkit-transform: translateY(10px); + transform: translateY(10px); + z-index: 995; + visibility: hidden; + opacity: 0; + background: white; + width: 240px; + -webkit-box-shadow: 0 10px 40px -4px rgba(22, 25, 28, 0.17); + box-shadow: 0 10px 40px -4px rgba(22, 25, 28, 0.17); + border-radius: 0.4em; + padding: 15px 0; + -webkit-transition: ease-out 0.14s; + transition: ease-out 0.14s; + } + .header .header-menu .nav .nav-item .nav-dropdown:before { + content: ''; + position: absolute; + top: -4px; + width: 100%; + height: 4px; + } + .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item { + position: relative; + display: block; + margin: 0; + padding: 0 15px; + } + .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-dropdown-link { + position: relative; + display: block; + border-radius: 0.4em; + padding: 7px 15px; + -webkit-transition: linear 0.06s; + transition: linear 0.06s; + } + .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-dropdown-link:hover { + background: #eef2f6; + padding: 7px 15px 7px 17px; + } + .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-dropdown-link.sd-toggle:after { + position: absolute; + top: 50%; + right: 15px; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + content: '\f105'; + font-family: "Font Awesome 6 Free"; + font-weight: 900; + font-size: 0.8rem; + } + .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown-toggle { + display: none; + } + .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown { + position: absolute; + top: 0; + left: 228px; + visibility: hidden; + opacity: 0; + background: white; + width: 240px; + -webkit-box-shadow: 0 10px 40px -4px rgba(22, 25, 28, 0.17); + box-shadow: 0 10px 40px -4px rgba(22, 25, 28, 0.17); + border-radius: 0.4em; + padding: 15px; + -webkit-transition: linear 0.06s; + transition: linear 0.06s; + } + .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown .nav-subdropdown-item { + display: block; + margin: 0; + } + .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown .nav-subdropdown-item .nav-subdropdown-link { + display: block; + border-radius: 0.4em; + padding: 7px 15px; + -webkit-transition: linear 0.06s; + transition: linear 0.06s; + } + .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown .nav-subdropdown-item .nav-subdropdown-link:hover { + background: #eef2f6; + padding: 7px 15px 7px 17px; + } + .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown.nav-subdropdown-lg { + width: 476px; + } + .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown.nav-subdropdown-lg [class*='col']:first-child { + border-right: 1px solid #e2e6ea; + } + .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item:hover .nav-subdropdown { + visibility: visible; + opacity: 1; + } + .header .header-menu .nav .nav-item .mega-menu-content { + position: absolute; + top: 84px; + right: 2em; + left: 2em; + -webkit-transform: translateY(10px); + transform: translateY(10px); + z-index: 995; + visibility: hidden; + opacity: 0; + background: white; + width: auto; + -webkit-box-shadow: 0 10px 40px -4px rgba(22, 25, 28, 0.17); + box-shadow: 0 10px 40px -4px rgba(22, 25, 28, 0.17); + border-radius: 0.4em; + padding: 1em; + -webkit-transition: ease-out 0.14s; + transition: ease-out 0.14s; + } + .header .header-menu .nav .nav-item .mega-menu-content:before { + content: ''; + position: absolute; + top: -4px; + width: 100%; + height: 4px; + } + .header .header-menu .nav .nav-item.mega-menu-item:hover .mega-menu-content { + -webkit-transform: translateY(0); + transform: translateY(0); + visibility: visible; + opacity: 1; + } + .header .header-menu .nav .nav-item:hover .nav-link:before { + height: 6px; + } + .header .header-menu .nav .nav-item:hover .nav-dropdown { + -webkit-transform: translateY(0); + transform: translateY(0); + visibility: visible; + opacity: 1; + } + .header .header-menu[class*='dropdown-color'] .nav .nav-item .nav-dropdown h1, .header .header-menu[class*='dropdown-color'] .nav .nav-item .nav-dropdown h2, .header .header-menu[class*='dropdown-color'] .nav .nav-item .nav-dropdown h3, .header .header-menu[class*='dropdown-color'] .nav .nav-item .nav-dropdown h4, .header .header-menu[class*='dropdown-color'] .nav .nav-item .nav-dropdown h5, .header .header-menu[class*='dropdown-color'] .nav .nav-item .nav-dropdown h6 { + color: white; + } + .header .header-menu[class*='dropdown-color'] .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]) { + color: rgba(255, 255, 255, 0.8); + } + .header .header-menu[class*='dropdown-color'] .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):hover, .header .header-menu[class*='dropdown-color'] .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):focus { + color: white; + } + .header .header-menu[class*='dropdown-color'] .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-dropdown-link:hover { + background: rgba(255, 255, 255, 0.1); + } + .header .header-menu[class*='dropdown-color'] .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown .nav-subdropdown-item .nav-subdropdown-link:hover { + background: rgba(255, 255, 255, 0.1); + } + .header .header-menu[class*='dropdown-color'] .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown.nav-subdropdown-lg [class*='col'] { + border-color: rgba(255, 255, 255, 0.2); + } + .header .header-menu.dropdown-color-dark .nav .nav-item .nav-dropdown { + background: #121518; + } + .header .header-menu.dropdown-color-dark .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown { + background: #121518; + } + .header.transparent-dark .header-menu .nav .nav-item .nav-link:before { + background: rgba(18, 21, 24, 0.05); + } + .header .header-menu-extra { + display: inline-block; + margin-left: 30px; + } + .header .header-toggle { + display: none; + } + .header.header-boxed .container, + .header.header-boxed .container-fluid { + backdrop-filter: blur(8px); + } + .header:not(.center):not(.left) .header-menu .nav .nav-item:last-child .nav-dropdown, .header:not(.center):not(.left) .header-menu .nav .nav-item:nth-last-child(2) .nav-dropdown { + right: 0; + left: auto; + } + .header:not(.center):not(.left) .header-menu .nav .nav-item:last-child .nav-dropdown .nav-dropdown-item .nav-subdropdown, .header:not(.center):not(.left) .header-menu .nav .nav-item:nth-last-child(2) .nav-dropdown .nav-dropdown-item .nav-subdropdown { + right: 228px; + left: auto; + } + .header:not(.center):not(.left) .container-fluid .header-menu .nav .nav-item .nav-dropdown { + right: 0; + left: auto; + } + .header:not(.center):not(.left) .container-fluid .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown { + right: 228px; + left: auto; + } +} + +@media (max-width: 991.98px) { + .header { + height: 70px; + } + .header .header-menu { + position: fixed; + top: 0; + left: -100%; + overflow-y: auto; + background: white; + width: 300px; + height: 100%; + -webkit-box-shadow: 0 0 36px 0 rgba(22, 25, 28, 0.17); + box-shadow: 0 0 36px 0 rgba(22, 25, 28, 0.17); + padding: 20px 30px; + -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); + transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); + } + .header .header-menu.show { + left: 0; + } + .header .header-menu .nav { + width: 100%; + margin: 0; + padding: 0; + } + .header .header-menu .nav .nav-item { + position: relative; + display: block; + width: 100%; + height: auto; + margin: 0; + border-bottom: 1px solid #e2e6ea; + padding: 12px 0; + } + .header .header-menu .nav .nav-item:last-child { + border: 0; + } + .header .header-menu .nav .nav-item .nav-link { + display: inline-block; + width: auto; + height: auto; + color: #7C7C7C; + } + .header .header-menu .nav .nav-item .nav-link:hover, .header .header-menu .nav .nav-item .nav-link:focus, .header .header-menu .nav .nav-item .nav-link.active { + color: #121518; + } + .header .header-menu .nav .nav-item.mega-menu-item .nav-link { + width: 100%; + } + .header .header-menu .nav .nav-item.mega-menu-item .nav-link:after { + float: right; + } + .header .header-menu .nav .nav-item.mega-menu-item .mega-menu-content { + padding-top: 12px; + } + .header .header-menu .nav .nav-item .nav-dropdown-toggle { + position: absolute; + top: 13px; + right: 0; + width: 21px; + height: 21px; + text-align: right; + } + .header .header-menu .nav .nav-item .nav-dropdown-toggle.active { + color: #121518; + } + .header .header-menu .nav .nav-item .nav-dropdown { + display: none; + background: white; + padding: 8px 0 0 20px; + } + .header .header-menu .nav .nav-item .nav-dropdown.show { + display: block; + } + .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item { + position: relative; + margin: 0 0 8px; + } + .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item:last-child { + margin: 0; + } + .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-dropdown-link.active { + color: #121518; + } + .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown-toggle { + top: 0; + right: 0; + width: 21px; + height: 21px; + text-align: right; + } + .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown-toggle:after { + content: '\f107'; + } + .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown { + display: none; + padding: 8px 0 0 20px; + } + .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown.show { + display: block; + } + .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown li { + margin: 0 0 8px; + } + .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown li:last-child { + margin: 0; + } + .header .header-menu .nav .nav-item .mega-menu-content { + display: none; + } + .header .header-menu .nav .nav-item .mega-menu-content.show { + display: block; + } + .header .header-menu-extra { + position: absolute; + top: 50%; + right: 80px; + left: auto; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + } + .header.header-boxed .container, + .header.header-boxed .container-fluid { + background: rgba(255, 255, 255, 0.95); + } + .header[class*='mobile-menu-color'] .nav .nav-item { + border-color: rgba(255, 255, 255, 0.2); + } + .header[class*='mobile-menu-color'] .nav .nav-item .nav-link, + .header[class*='mobile-menu-color'] .nav .nav-item .nav-dropdown-toggle { + color: rgba(255, 255, 255, 0.8); + } + .header[class*='mobile-menu-color'] .nav .nav-item .nav-link:hover, .header[class*='mobile-menu-color'] .nav .nav-item .nav-link:focus, .header[class*='mobile-menu-color'] .nav .nav-item .nav-link.active, + .header[class*='mobile-menu-color'] .nav .nav-item .nav-dropdown-toggle:hover, + .header[class*='mobile-menu-color'] .nav .nav-item .nav-dropdown-toggle:focus, + .header[class*='mobile-menu-color'] .nav .nav-item .nav-dropdown-toggle.active { + color: white; + } + .header[class*='mobile-menu-color'] .nav .nav-item .nav-dropdown { + background: transparent; + } + .header[class*='mobile-menu-color'] .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]) { + color: rgba(255, 255, 255, 0.8); + } + .header[class*='mobile-menu-color'] .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):hover, .header[class*='mobile-menu-color'] .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):focus { + color: white; + } + .header.mobile-menu-color-dark .header-menu { + background: #181c20; + } +} + +@media (max-width: 575.98px) { + .header.header-boxed .container, + .header.header-boxed .container-fluid { + width: auto; + margin-right: 8px; + margin-left: 8px; + padding: 0 26px; + } +} + +@media (min-width: 992px) { + .header-lg { + height: 90px; + } + .header-lg .container-fluid { + padding: 0 40px; + } + .header-lg .header-menu .nav .nav-item .nav-link { + line-height: 90px; + } + .header-lg .header-menu .nav .nav-item .nav-link:before { + bottom: 27px; + } + .header-lg .header-menu .nav .nav-item .nav-dropdown, .header-lg .header-menu .nav .nav-item .mega-menu-content { + top: 94px; + } + .header-xl { + height: 100px; + } + .header-xl .container-fluid { + padding: 0 50px; + } + .header-xl .header-menu .nav .nav-item .nav-link { + line-height: 100px; + } + .header-xl .header-menu .nav .nav-item .nav-link:before { + bottom: 32px; + } + .header-xl .header-menu .nav .nav-item .nav-dropdown, .header-xl .header-menu .nav .nav-item .mega-menu-content { + top: 104px; + } +} + +.header-placeholder { + height: 80px; +} + +.header-placeholder-lg { + height: 90px; +} + +.header-placeholder-xl { + height: 100px; +} + +@media (max-width: 991.98px) { + .header-placeholder, .header-placeholder-lg, .header-placeholder-xl { + height: 70px; + } +} + +.masonry { + margin: 0 -1em -2em; +} + +.masonry .masonry-item { + margin-bottom: 2em; + padding: 0 1em; +} + +.masonry.column-1 .masonry-item { + width: 100%; +} + +@media (min-width: 768px) { + .masonry.column-2 .masonry-item { + width: 50%; + } +} + +@media (min-width: 768px) { + .masonry.column-3 .masonry-item { + width: 50%; + } +} + +@media (min-width: 992px) { + .masonry.column-3 .masonry-item { + width: 33.33%; + } +} + +@media (min-width: 576px) { + .masonry.column-4 .masonry-item, .masonry.column-5 .masonry-item, .masonry.column-6 .masonry-item { + width: 50%; + } +} + +@media (min-width: 768px) { + .masonry.column-4 .masonry-item, .masonry.column-5 .masonry-item, .masonry.column-6 .masonry-item { + width: 33.33%; + } +} + +@media (min-width: 992px) { + .masonry.column-4 .masonry-item, .masonry.column-5 .masonry-item, .masonry.column-6 .masonry-item { + width: 25%; + } +} + +@media (min-width: 1200px) { + .masonry.column-5 .masonry-item { + width: 20%; + } +} + +@media (min-width: 1200px) { + .masonry.column-6 .masonry-item { + width: 16.66%; + } +} + +.masonry.spacing-0 { + margin: 0; +} + +.masonry.spacing-0 .masonry-item { + margin: 0; + padding: 0; +} + +.masonry.spacing-1 { + margin: 0 -0.5em -1em; +} + +.masonry.spacing-1 .masonry-item { + margin-bottom: 1em; + padding: 0 0.5em; +} + +.masonry.spacing-2 { + margin: 0 -1em -2em; +} + +.masonry.spacing-2 .masonry-item { + margin-bottom: 2em; + padding: 0 1em; +} + +.masonry.spacing-3 { + margin: 0 -1.5em -3em; +} + +.masonry.spacing-3 .masonry-item { + margin-bottom: 3em; + padding: 0 1.5em; +} + +.masonry.spacing-4 { + margin: 0 -2em -4em; +} + +.masonry.spacing-4 .masonry-item { + margin-bottom: 4em; + padding: 0 2em; +} + +.masonry.spacing-5 { + margin: 0 -2.5em -5em; +} + +.masonry.spacing-5 .masonry-item { + margin-bottom: 5em; + padding: 0 2.5em; +} + +.portfolio-masonry .portfolio-item { + width: 100%; +} + +.portfolio-masonry .portfolio-item { + text-align: left; +} + +.portfolio-masonry.column-1 .portfolio-item { + width: 100%; +} + +@media (min-width: 768px) { + .portfolio-masonry.column-2 .portfolio-item { + width: 50%; + } +} + +@media (min-width: 768px) { + .portfolio-masonry.column-3 .portfolio-item { + width: 50%; + } +} + +@media (min-width: 992px) { + .portfolio-masonry.column-3 .portfolio-item { + width: 33.33%; + } +} + +@media (min-width: 576px) { + .portfolio-masonry.column-4 .portfolio-item, .portfolio-masonry.column-5 .portfolio-item, .portfolio-masonry.column-6 .portfolio-item { + width: 50%; + } +} + +@media (min-width: 768px) { + .portfolio-masonry.column-4 .portfolio-item, .portfolio-masonry.column-5 .portfolio-item, .portfolio-masonry.column-6 .portfolio-item { + width: 33.33%; + } +} + +@media (min-width: 992px) { + .portfolio-masonry.column-4 .portfolio-item, .portfolio-masonry.column-5 .portfolio-item, .portfolio-masonry.column-6 .portfolio-item { + width: 25%; + } +} + +@media (min-width: 1200px) { + .portfolio-masonry.column-5 .portfolio-item { + width: 20%; + } +} + +@media (min-width: 1200px) { + .portfolio-masonry.column-6 .portfolio-item { + width: 16.66%; + } +} + +.portfolio-masonry.spacing-0 .portfolio-item { + padding: 0; +} + +.portfolio-masonry.spacing-1 .portfolio-item { + padding: 0.5em; +} + +.portfolio-masonry.spacing-2 .portfolio-item { + padding: 1em; +} + +.portfolio-masonry.spacing-3 .portfolio-item { + padding: 1.5em; +} + +.portfolio-masonry.spacing-4 .portfolio-item { + padding: 2em; +} + +.portfolio-masonry.spacing-5 .portfolio-item { + padding: 2.5em; +} + +.portfolio-masonry[class*='border-radius'] .portfolio-item .portfolio-box, +.portfolio-grid[class*='border-radius'] .portfolio-item .portfolio-box { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + overflow: hidden; +} + +.portfolio-masonry.border-radius .portfolio-item .portfolio-box, +.portfolio-grid.border-radius .portfolio-item .portfolio-box { + border-radius: 0.4em; +} + +.portfolio-masonry.border-radius-1 .portfolio-item .portfolio-box, +.portfolio-grid.border-radius-1 .portfolio-item .portfolio-box { + border-radius: 1.0em; +} + +.text-center .portfolio-item { + text-align: center; +} + +.text-end .portfolio-item { + text-align: right; +} + +.container .portfolio-masonry.spacing-0 { + margin: 0; +} + +.container .portfolio-masonry.spacing-1 { + margin: -0.5em; +} + +.container .portfolio-masonry.spacing-2 { + margin: -1em; +} + +.container .portfolio-masonry.spacing-3 { + margin: -1.5em; +} + +.container .portfolio-masonry.spacing-4 { + margin: -2em; +} + +.container .portfolio-masonry.spacing-5 { + margin: -2.5em; +} + +.filter ul { + margin: 0 -5px; + padding: 0; +} + +.filter ul li { + display: inline-block; + background: #eef2f6; + border-radius: 30px; + margin: 0 5px; + padding: 7px 15px; + font: 500 0.9em "Poppins", sans-serif; + letter-spacing: 1px; + text-transform: uppercase; + cursor: pointer; + -webkit-transition: linear 0.1s; + transition: linear 0.1s; +} + +.filter ul li:hover { + background: #e4e8ec; +} + +.filter ul li.active, .filter ul li.mixitup-control-active { + background: #181c20; + color: white; +} + +.filter.filter-font-2 ul li { + font-size: 15px; + letter-spacing: -0.2px; + text-transform: none; +} + +.filter.filter-style-2 ul { + margin: 0 -2px; +} + +.filter.filter-style-2 ul li { + background: transparent; + margin: 0 2px; + color: #7C7C7C; +} + +.filter.filter-style-2 ul li:hover, .filter.filter-style-2 ul li.active, .filter.filter-style-2 ul li.mixitup-control-active { + color: #121518; +} + +.filter.filter-style-2 ul li.active, .filter.filter-style-2 ul li.mixitup-control-active { + background: #eef2f6; +} + +.filter.filter-style-3 ul { + margin: 0 -14px -8px; +} + +.filter.filter-style-3 ul li { + position: relative; + background: transparent; + margin: 0 14px 8px; + padding: 0; + color: #7C7C7C; +} + +.filter.filter-style-3 ul li:after { + content: ''; + position: absolute; + right: 0; + bottom: -1px; + left: 0; + background: #121518; + height: 1px; + -webkit-animation: button-line-out 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both; + animation: button-line-out 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both; +} + +.filter.filter-style-3 ul li:hover, .filter.filter-style-3 ul li.active, .filter.filter-style-3 ul li.mixitup-control-active { + color: #121518; +} + +.filter.filter-style-3 ul li.active:after, .filter.filter-style-3 ul li.mixitup-control-active:after { + width: 100%; + -webkit-animation: button-line-in 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both; + animation: button-line-in 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both; +} + +.filter.filter-style-4 ul { + margin: 0 -14px -7px; +} + +.filter.filter-style-4 ul li { + background: transparent; + margin: 0 14px 7px; + padding: 0; + color: #AAAAAA; +} + +.filter.filter-style-4 ul li:hover, .filter.filter-style-4 ul li.active, .filter.filter-style-4 ul li.mixitup-control-active { + background: transparent; + color: #121518; +} + +.theme-font-unito .filter ul li { + font: 600 0.9em "Nunito", sans-serif; +} + +.theme-font-unito .filter.filter-font-2 ul li { + font-size: 1em; + letter-spacing: 0; +} + +.bg-black .filter ul li, +[class*='bg-dark'] .filter ul li, +[class*='bg-gradient-'] .filter ul li, +[class*='bg-color-'] .filter ul li { + background: transparent; + color: rgba(255, 255, 255, 0.7); +} + +.bg-black .filter ul li:hover, +[class*='bg-dark'] .filter ul li:hover, +[class*='bg-gradient-'] .filter ul li:hover, +[class*='bg-color-'] .filter ul li:hover { + background: transparent; + color: white; +} + +.bg-black .filter ul li.active, .bg-black .filter ul li.mixitup-control-active, +[class*='bg-dark'] .filter ul li.active, +[class*='bg-dark'] .filter ul li.mixitup-control-active, +[class*='bg-gradient-'] .filter ul li.active, +[class*='bg-gradient-'] .filter ul li.mixitup-control-active, +[class*='bg-color-'] .filter ul li.active, +[class*='bg-color-'] .filter ul li.mixitup-control-active { + background: white; + color: #121518; +} + +.bg-black .filter.filter-style-2 ul li, +[class*='bg-dark'] .filter.filter-style-2 ul li, +[class*='bg-gradient-'] .filter.filter-style-2 ul li, +[class*='bg-color-'] .filter.filter-style-2 ul li { + color: rgba(255, 255, 255, 0.7); +} + +.bg-black .filter.filter-style-2 ul li:hover, .bg-black .filter.filter-style-2 ul li.active, .bg-black .filter.filter-style-2 ul li.mixitup-control-active, +[class*='bg-dark'] .filter.filter-style-2 ul li:hover, +[class*='bg-dark'] .filter.filter-style-2 ul li.active, +[class*='bg-dark'] .filter.filter-style-2 ul li.mixitup-control-active, +[class*='bg-gradient-'] .filter.filter-style-2 ul li:hover, +[class*='bg-gradient-'] .filter.filter-style-2 ul li.active, +[class*='bg-gradient-'] .filter.filter-style-2 ul li.mixitup-control-active, +[class*='bg-color-'] .filter.filter-style-2 ul li:hover, +[class*='bg-color-'] .filter.filter-style-2 ul li.active, +[class*='bg-color-'] .filter.filter-style-2 ul li.mixitup-control-active { + color: white; +} + +.bg-black .filter.filter-style-2 ul li.active, .bg-black .filter.filter-style-2 ul li.mixitup-control-active, +[class*='bg-dark'] .filter.filter-style-2 ul li.active, +[class*='bg-dark'] .filter.filter-style-2 ul li.mixitup-control-active, +[class*='bg-gradient-'] .filter.filter-style-2 ul li.active, +[class*='bg-gradient-'] .filter.filter-style-2 ul li.mixitup-control-active, +[class*='bg-color-'] .filter.filter-style-2 ul li.active, +[class*='bg-color-'] .filter.filter-style-2 ul li.mixitup-control-active { + background: white; + color: #121518; +} + +.bg-black .filter.filter-style-3 ul li, +[class*='bg-dark'] .filter.filter-style-3 ul li, +[class*='bg-gradient-'] .filter.filter-style-3 ul li, +[class*='bg-color-'] .filter.filter-style-3 ul li { + color: rgba(255, 255, 255, 0.7); +} + +.bg-black .filter.filter-style-3 ul li:after, +[class*='bg-dark'] .filter.filter-style-3 ul li:after, +[class*='bg-gradient-'] .filter.filter-style-3 ul li:after, +[class*='bg-color-'] .filter.filter-style-3 ul li:after { + background: white; +} + +.bg-black .filter.filter-style-3 ul li:hover, .bg-black .filter.filter-style-3 ul li.active, .bg-black .filter.filter-style-3 ul li.mixitup-control-active, +[class*='bg-dark'] .filter.filter-style-3 ul li:hover, +[class*='bg-dark'] .filter.filter-style-3 ul li.active, +[class*='bg-dark'] .filter.filter-style-3 ul li.mixitup-control-active, +[class*='bg-gradient-'] .filter.filter-style-3 ul li:hover, +[class*='bg-gradient-'] .filter.filter-style-3 ul li.active, +[class*='bg-gradient-'] .filter.filter-style-3 ul li.mixitup-control-active, +[class*='bg-color-'] .filter.filter-style-3 ul li:hover, +[class*='bg-color-'] .filter.filter-style-3 ul li.active, +[class*='bg-color-'] .filter.filter-style-3 ul li.mixitup-control-active { + color: white; +} + +.bg-black .filter.filter-style-3 ul li.active, .bg-black .filter.filter-style-3 ul li.mixitup-control-active, +[class*='bg-dark'] .filter.filter-style-3 ul li.active, +[class*='bg-dark'] .filter.filter-style-3 ul li.mixitup-control-active, +[class*='bg-gradient-'] .filter.filter-style-3 ul li.active, +[class*='bg-gradient-'] .filter.filter-style-3 ul li.mixitup-control-active, +[class*='bg-color-'] .filter.filter-style-3 ul li.active, +[class*='bg-color-'] .filter.filter-style-3 ul li.mixitup-control-active { + background: transparent; +} + +.bg-black .filter.filter-style-4 ul li, +[class*='bg-dark'] .filter.filter-style-4 ul li, +[class*='bg-gradient-'] .filter.filter-style-4 ul li, +[class*='bg-color-'] .filter.filter-style-4 ul li { + background: transparent; + color: rgba(255, 255, 255, 0.7); +} + +.bg-black .filter.filter-style-4 ul li:hover, .bg-black .filter.filter-style-4 ul li.active, .bg-black .filter.filter-style-4 ul li.mixitup-control-active, +[class*='bg-dark'] .filter.filter-style-4 ul li:hover, +[class*='bg-dark'] .filter.filter-style-4 ul li.active, +[class*='bg-dark'] .filter.filter-style-4 ul li.mixitup-control-active, +[class*='bg-gradient-'] .filter.filter-style-4 ul li:hover, +[class*='bg-gradient-'] .filter.filter-style-4 ul li.active, +[class*='bg-gradient-'] .filter.filter-style-4 ul li.mixitup-control-active, +[class*='bg-color-'] .filter.filter-style-4 ul li:hover, +[class*='bg-color-'] .filter.filter-style-4 ul li.active, +[class*='bg-color-'] .filter.filter-style-4 ul li.mixitup-control-active { + background: transparent; + color: white; +} + +.portfolio-item .portfolio-box { + position: relative; +} + +.portfolio-item .portfolio-box .portfolio-img { + position: relative; + overflow: hidden; +} + +.portfolio-item .portfolio-box .portfolio-img img { + -webkit-transform: scale(1); + transform: scale(1); + width: 100%; + -webkit-transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); + transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); +} + +.portfolio-item .portfolio-box a { + position: absolute; + top: 0; + left: 0; + z-index: 2; + display: block; + width: 100%; + height: 100%; +} + +.portfolio-item .portfolio-box:hover .portfolio-img img { + -webkit-transform: scale(1.04); + transform: scale(1.04); + -webkit-filter: blur(1.5px); + filter: blur(1.5px); +} + +.portfolio-grid:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box .portfolio-title, .portfolio-masonry:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box .portfolio-title { + position: absolute; + top: 0; + left: 0; + opacity: 0; + background-image: linear-gradient(to top, rgba(18, 21, 24, 0.4), transparent); + width: 100%; + height: 100%; + -webkit-transition: ease-out 0.12s; + transition: ease-out 0.12s; +} + +.portfolio-grid:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box .portfolio-title div, .portfolio-masonry:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box .portfolio-title div { + position: absolute; + left: 30px; + bottom: 30px; +} + +.portfolio-grid:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box .portfolio-title div *, .portfolio-masonry:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box .portfolio-title div * { + opacity: 0; + -webkit-transform: translateY(5px); + transform: translateY(5px); + margin-bottom: 0.5rem; + color: white; + -webkit-transition: ease-out 0.12s; + transition: ease-out 0.12s; +} + +.portfolio-grid:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box .portfolio-title div *:first-child, .portfolio-masonry:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box .portfolio-title div *:first-child { + -webkit-transition-delay: 0.05s; + transition-delay: 0.05s; +} + +.portfolio-grid:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box .portfolio-title div *:last-child, .portfolio-masonry:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box .portfolio-title div *:last-child { + -webkit-transition-delay: 0.1s; + transition-delay: 0.1s; + margin-bottom: 0; +} + +.portfolio-grid:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box .portfolio-title div span, .portfolio-masonry:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box .portfolio-title div span { + display: inline-block; +} + +.portfolio-grid:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box:hover .portfolio-title, .portfolio-masonry:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box:hover .portfolio-title { + opacity: 1; +} + +.portfolio-grid:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box:hover .portfolio-title *, .portfolio-masonry:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box:hover .portfolio-title * { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); +} + +.hover-style-2 .portfolio-item .portfolio-box .portfolio-title { + position: absolute; + top: 0; + left: 0; + opacity: 1; + background: rgba(18, 21, 24, 0.1); + width: 100%; + height: 100%; + -webkit-transition: ease-out 0.12s; + transition: ease-out 0.12s; +} + +.hover-style-2 .portfolio-item .portfolio-box .portfolio-title:before { + content: ''; + position: absolute; + top: 0; + left: 0; + opacity: 0; + background-image: linear-gradient(to top, rgba(18, 21, 24, 0.3), transparent); + width: 100%; + height: 100%; + -webkit-transition: ease-out 0.12s; + transition: ease-out 0.12s; +} + +.hover-style-2 .portfolio-item .portfolio-box .portfolio-title div { + position: absolute; + top: 30px; + left: 30px; +} + +.hover-style-2 .portfolio-item .portfolio-box .portfolio-title div span { + display: block; +} + +.hover-style-2 .portfolio-item .portfolio-box .portfolio-title div * { + margin-bottom: 0.5rem; + color: white; + -webkit-transition: ease-out 0.12s; + transition: ease-out 0.12s; +} + +.hover-style-2 .portfolio-item .portfolio-box .portfolio-title i { + position: absolute; + right: 30px; + bottom: 30px; + -webkit-transform: translateY(5px); + transform: translateY(5px); + opacity: 0; + font-size: 1.2em; + color: white; + -webkit-transition: ease-out 0.12s; + transition: ease-out 0.12s; +} + +.hover-style-2 .portfolio-item .portfolio-box:hover .portfolio-title:before { + opacity: 1; +} + +.hover-style-2 .portfolio-item .portfolio-box:hover .portfolio-title i { + -webkit-transform: translateY(0); + transform: translateY(0); + opacity: 1; +} + +.hover-style-3 .portfolio-item .portfolio-box .portfolio-title { + position: absolute; + right: 1.5rem; + bottom: 1.5rem; + left: 1.5rem; +} + +.hover-style-3 .portfolio-item .portfolio-box .portfolio-title .portfolio-title-item { + display: table; + -webkit-transform: translateY(4px); + transform: translateY(4px); + visibility: hidden; + opacity: 0; + background: white; + margin-bottom: 0.25rem; + padding: 0.6rem 1rem; + -webkit-transition: ease-out 0.12s; + transition: ease-out 0.12s; +} + +.hover-style-3 .portfolio-item .portfolio-box .portfolio-title .portfolio-title-item:last-child { + margin-bottom: 0; +} + +.hover-style-3 .portfolio-item .portfolio-box .portfolio-title .portfolio-title-item:nth-child(1) { + -webkit-transition-delay: 0.05s; + transition-delay: 0.05s; +} + +.hover-style-3 .portfolio-item .portfolio-box .portfolio-title .portfolio-title-item:nth-child(2) { + -webkit-transition-delay: 0.1s; + transition-delay: 0.1s; +} + +.hover-style-3 .portfolio-item .portfolio-box .portfolio-title .portfolio-title-item:nth-child(3) { + -webkit-transition-delay: 0.15s; + transition-delay: 0.15s; +} + +.hover-style-3 .portfolio-item .portfolio-box .portfolio-title .portfolio-title-item * { + margin-bottom: 0; + color: #121518; +} + +@media (max-width: 991.98px) { + .hover-style-3 .portfolio-item .portfolio-box .portfolio-title { + right: 1.25rem; + bottom: 1.25rem; + left: 1.25rem; + } +} + +.hover-style-3 .portfolio-item .portfolio-box:hover .portfolio-title .portfolio-title-item { + -webkit-transform: translateY(0); + transform: translateY(0); + visibility: visible; + opacity: 1; +} + +.hero-portfolio-slider .hero-portfolio-box { + position: relative; +} + +.hero-portfolio-slider .hero-portfolio-box a { + display: block; +} + +.hero-portfolio-slider .hero-portfolio-box a:hover { + text-decoration: underline; +} + +.hero-portfolio-slider .hero-portfolio-box .hero-portfolio-img { + overflow: hidden; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +.hero-portfolio-slider .hero-portfolio-box .hero-portfolio-img img { + -webkit-transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); + transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); +} + +.hero-portfolio-slider .hero-portfolio-box .hero-portfolio-caption { + visibility: hidden; + opacity: 0; + position: absolute; + top: 50%; + left: -50px; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + background: rgba(18, 21, 24, 0.9); + max-width: 70%; + padding: 1.5rem 2rem; + -webkit-transition: ease-out 0.16s; + transition: ease-out 0.16s; +} + +.hero-portfolio-slider .hero-portfolio-box .hero-portfolio-caption * { + color: white; + margin: 0; +} + +@media (max-width: 767.98px) { + .hero-portfolio-slider .hero-portfolio-box .hero-portfolio-caption { + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + padding: 1rem 1.5rem; + } +} + +.hero-portfolio-slider .hero-portfolio-box:hover .hero-portfolio-img img { + -webkit-transform: scale(1.04); + transform: scale(1.04); +} + +.hero-portfolio-slider .swiper-wrapper .swiper-slide.swiper-slide-active .hero-portfolio-caption { + visibility: visible; + opacity: 1; + text-align: center; +} + +body:after { + content: ''; + position: fixed; + top: 0; + left: 0; + z-index: 998; + background: white; + width: 100%; + height: 100%; +} + +body.loaded:after { + display: none; +} + +.preloader { + position: fixed; + top: 0; + left: 0; + z-index: 999; + visibility: visible; + opacity: 1; + background: white; + width: 100%; + height: 100%; + text-align: center; +} + +.preloader div { + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); +} + +.loaded .preloader { + visibility: hidden; + opacity: 0; + -webkit-transition: ease-out 0.3s; + transition: ease-out 0.3s; +} + +.preloader-1 div { + position: relative; + width: 70px; + height: 70px; +} + +.preloader-1 div .loader-circular { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + transform-origin: center center; + width: 70px; + height: 70px; + margin: auto; + animation: loader-one-rotate 2s linear infinite; +} + +.preloader-1 div .loader-path { + fill: none; + stroke: #121518; + stroke-width: 2.5; + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + stroke-linecap: round; + stroke-miterlimit: 10; + animation: loader-one-dash 1.5s ease-in-out infinite; +} + +.preloader-dark .preloader-1 { + background: black; +} + +.preloader-dark .preloader-1 div .loader-path { + stroke: white; +} + +.preloader-blue .preloader-1 div .loader-path { + stroke: #0093e9; +} + +.preloader-purple .preloader-1 div .loader-path { + stroke: #b721ff; +} + +.preloader-pink-edge .preloader-1 div .loader-path { + stroke: #fe9ab6; +} + +.preloader-golden-yellow .preloader-1 div .loader-path { + stroke: #ffb657; +} + +.preloader-very-peri .preloader-1 div .loader-path { + stroke: #6667ab; +} + +.preloader-turquoise .preloader-1 div .loader-path { + stroke: #4cbfa6; +} + +.preloader-spring-red .preloader-1 div .loader-path { + stroke: #be1f35; +} + +.preloader-tan .preloader-1 div .loader-path { + stroke: tan; +} + +.preloader-aqua .preloader-1 div .loader-path { + stroke: #03d4d8; +} + +@keyframes loader-one-rotate { + 100% { + transform: rotate(360deg); + } +} + +@keyframes loader-one-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 89, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 89, 200; + stroke-dashoffset: -124px; + } +} + +.preloader-2 div span { + display: inline-block; + opacity: 0.2; + background: black; + background: linear-gradient(to right, black 10%, transparent 40%); + width: 60px; + height: 60px; + border-radius: 50%; + -webkit-animation: loader-two 0.6s infinite linear; + animation: loader-two 0.6s infinite linear; +} + +.preloader-2 div span:before, .preloader-2 div span:after { + content: ''; + position: absolute; + top: 0; + left: 0; +} + +.preloader-2 div span:before { + background: black; + width: 50%; + height: 50%; + border-radius: 100% 0 0 0; +} + +.preloader-2 div span:after { + right: 0; + bottom: 0; + background: white; + width: 90%; + height: 90%; + margin: auto; + border-radius: 50%; +} + +@keyframes loader-two { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +@-webkit-keyframes loader-two { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +.preloader-dark .preloader-2 { + background: black; +} + +.preloader-dark .preloader-2 div span { + background: white; + background: linear-gradient(to right, white 10%, transparent 40%); +} + +.preloader-dark .preloader-2 div span:before { + background: white; +} + +.preloader-dark .preloader-2 div span:after { + background: black; +} + +.preloader-blue .preloader-2 div span { + background: #0093e9; + background: linear-gradient(to right, #0093e9 10%, transparent 40%); +} + +.preloader-blue .preloader-2 div span:before { + background: #0093e9; +} + +.preloader-purple .preloader-2 div span { + background: #b721ff; + background: linear-gradient(to right, #b721ff 10%, transparent 40%); +} + +.preloader-purple .preloader-2 div span:before { + background: #b721ff; +} + +.preloader-pink-edge .preloader-2 div span { + background: #fe9ab6; + background: linear-gradient(to right, #fe9ab6 10%, transparent 40%); +} + +.preloader-pink-edge .preloader-2 div span:before { + background: #fe9ab6; +} + +.preloader-golden-yellow .preloader-2 div span { + background: #ffb657; + background: linear-gradient(to right, #ffb657 10%, transparent 40%); +} + +.preloader-golden-yellow .preloader-2 div span:before { + background: #ffb657; +} + +.preloader-very-peri .preloader-2 div span { + background: #6667ab; + background: linear-gradient(to right, #6667ab 10%, transparent 40%); +} + +.preloader-very-peri .preloader-2 div span:before { + background: #6667ab; +} + +.preloader-turquoise .preloader-2 div span { + background: #4cbfa6; + background: linear-gradient(to right, #4cbfa6 10%, transparent 40%); +} + +.preloader-turquoise .preloader-2 div span:before { + background: #4cbfa6; +} + +.preloader-spring-red .preloader-2 div span { + background: #be1f35; + background: linear-gradient(to right, #be1f35 10%, transparent 40%); +} + +.preloader-spring-red .preloader-2 div span:before { + background: #be1f35; +} + +.preloader-tan .preloader-2 div span { + background: tan; + background: linear-gradient(to right, tan 10%, transparent 40%); +} + +.preloader-tan .preloader-2 div span:before { + background: tan; +} + +.preloader-aqua .preloader-2 div span { + background: #03d4d8; + background: linear-gradient(to right, #03d4d8 10%, transparent 40%); +} + +.preloader-aqua .preloader-2 div span:before { + background: #03d4d8; +} + +.preloader-3 div { + width: 50px; + height: 50px; +} + +.preloader-3 div span { + position: relative; + display: block; +} + +.preloader-3 div span:before, .preloader-3 div span:after { + content: ''; + position: absolute; + top: 0; + left: 0; + background: rgba(18, 21, 24, 0.1); + width: 50px; + height: 50px; + border-radius: 50%; +} + +.preloader-3 div span:before { + -webkit-animation: loader-three-bounceIn 1.2s infinite ease-in-out; + animation: loader-three-bounceIn 1.2s infinite ease-in-out; +} + +.preloader-3 div span:after { + -webkit-animation: loader-three-bounceOut 1.2s infinite ease-in-out; + animation: loader-three-bounceOut 1.2s infinite ease-in-out; +} + +@-webkit-keyframes loader-three-bounceIn { + 0%, 100% { + -webkit-transform: scale(0); + } + 50% { + -webkit-transform: scale(1); + } +} + +@keyframes loader-three-bounceIn { + 0%, 100% { + -webkit-transform: scale(0); + transform: scale(0); + } + 50% { + -webkit-transform: scale(1); + transform: scale(1); + } +} + +@-webkit-keyframes loader-three-bounceOut { + 0%, 100% { + -webkit-transform: scale(1); + } + 50% { + -webkit-transform: scale(0); + } +} + +@keyframes loader-three-bounceOut { + 0%, 100% { + -webkit-transform: scale(1); + transform: scale(1); + } + 50% { + -webkit-transform: scale(0); + transform: scale(0); + } +} + +.preloader-dark .preloader-3 { + background: black; +} + +.preloader-dark .preloader-3 div span:before, .preloader-dark .preloader-3 div span:after { + background: rgba(255, 255, 255, 0.2); +} + +.preloader-blue .preloader-3 div span:before, .preloader-blue .preloader-3 div span:after { + background: rgba(0, 147, 233, 0.2); +} + +.preloader-purple .preloader-3 div span:before, .preloader-purple .preloader-3 div span:after { + background: rgba(183, 33, 255, 0.2); +} + +.preloader-pink-edge .preloader-3 div span:before, .preloader-pink-edge .preloader-3 div span:after { + background: rgba(254, 154, 182, 0.2); +} + +.preloader-golden-yellow .preloader-3 div span:before, .preloader-golden-yellow .preloader-3 div span:after { + background: rgba(255, 182, 87, 0.2); +} + +.preloader-very-peri .preloader-3 div span:before, .preloader-very-peri .preloader-3 div span:after { + background: rgba(102, 103, 171, 0.2); +} + +.preloader-turquoise .preloader-3 div span:before, .preloader-turquoise .preloader-3 div span:after { + background: rgba(76, 191, 166, 0.2); +} + +.preloader-spring-red .preloader-3 div span:before, .preloader-spring-red .preloader-3 div span:after { + background: rgba(190, 31, 53, 0.2); +} + +.preloader-tan .preloader-3 div span:before, .preloader-tan .preloader-3 div span:after { + background: rgba(210, 180, 140, 0.2); +} + +.preloader-aqua .preloader-3 div span:before, .preloader-aqua .preloader-3 div span:after { + background: rgba(3, 212, 216, 0.2); +} + +.section-xs { + padding: 50px 0; +} + +.section-xs.bg-image .container, .section-xs.bg-image .container-fluid { + padding: 50px 30px; +} + +.section-sm { + padding: 70px 0; +} + +.section-sm.bg-image .container, .section-sm.bg-image .container-fluid { + padding: 70px 30px; +} + +.section, .section-md { + padding: 100px 0; +} + +.section.bg-image .container, .section.bg-image .container-fluid, .section-md.bg-image .container, .section-md.bg-image .container-fluid { + padding: 100px 30px; +} + +.section-lg { + padding: 140px 0; +} + +.section-lg.bg-image .container, .section-lg.bg-image .container-fluid { + padding: 140px 30px; +} + +.section-xl { + padding: 180px 0; +} + +.section-xl.bg-image .container, .section-xl.bg-image .container-fluid { + padding: 180px 30px; +} + +.section-2xl { + padding: 220px 0; +} + +.section-2xl.bg-image .container, .section-2xl.bg-image .container-fluid { + padding: 220px 30px; +} + +@media (max-width: 767.98px) { + .section-xs { + padding: 30px 0; + } + .section-xs.bg-image .container, .section-xs.bg-image .container-fluid { + padding: 30px 30px; + } + .section-sm { + padding: 50px 0; + } + .section-sm.bg-image .container, .section-sm.bg-image .container-fluid { + padding: 50px 30px; + } + .section, .section-md { + padding: 80px 0; + } + .section.bg-image .container, .section.bg-image .container-fluid, .section-md.bg-image .container, .section-md.bg-image .container-fluid { + padding: 80px 30px; + } + .section-lg { + padding: 110px 0; + } + .section-lg.bg-image .container, .section-lg.bg-image .container-fluid { + padding: 110px 30px; + } + .section-xl { + padding: 140px 0; + } + .section-xl.bg-image .container, .section-xl.bg-image .container-fluid { + padding: 140px 30px; + } + .section-2xl { + padding: 170px 0; + } + .section-2xl.bg-image .container, .section-2xl.bg-image .container-fluid { + padding: 170px 30px; + } +} + +@media (max-width: 575.98px) { + .section, .section-md { + padding: 70px 0; + } + .section.bg-image .container, .section.bg-image .container-fluid, .section-md.bg-image .container, .section-md.bg-image .container-fluid { + padding: 70px 30px; + } + .section-lg { + padding: 90px 0; + } + .section-lg.bg-image .container, .section-lg.bg-image .container-fluid { + padding: 90px 30px; + } + .section-xl { + padding: 120px 0; + } + .section-xl.bg-image .container, .section-xl.bg-image .container-fluid { + padding: 120px 30px; + } + .section-2xl { + padding: 150px 0; + } + .section-2xl.bg-image .container, .section-2xl.bg-image .container-fluid { + padding: 150px 30px; + } +} + +.section-xs.bg-image, +.section-sm.bg-image, +.section.bg-image, .section-md.bg-image, +.section-lg.bg-image, +.section-xl.bg-image, +.section-2xl.bg-image { + padding: 0; +} + +.section-fullscreen { + width: 100%; + height: 100vh; +} + +.section-fullscreen .bg-black, +.section-fullscreen [class*='bg-white'], +.section-fullscreen [class*='bg-gray'], +.section-fullscreen [class*='bg-dark'], +.section-fullscreen [class*='bg-gradient'], +.section-fullscreen [class*='bg-color'], +.section-fullscreen .container, .section-fullscreen .container-fluid { + height: 100%; +} + +:root { + --bs-dark-rgb: 24, 28, 32; + --bs-border-color: rgba(18, 21, 24, 0.1); +} + +.bg-white-01 { + background: rgba(255, 255, 255, 0.1); +} + +.bg-white-02 { + background: rgba(255, 255, 255, 0.2); +} + +.bg-white-03 { + background: rgba(255, 255, 255, 0.3); +} + +.bg-white-04 { + background: rgba(255, 255, 255, 0.4); +} + +.bg-white-05 { + background: rgba(255, 255, 255, 0.5); +} + +.bg-white-06 { + background: rgba(255, 255, 255, 0.6); +} + +.bg-white-07 { + background: rgba(255, 255, 255, 0.7); +} + +.bg-white-08 { + background: rgba(255, 255, 255, 0.8); +} + +.bg-white-09 { + background: rgba(255, 255, 255, 0.9); +} + +.bg-dark-01 { + background: rgba(18, 21, 24, 0.1); +} + +.bg-dark-02 { + background: rgba(18, 21, 24, 0.2); +} + +.bg-dark-03 { + background: rgba(18, 21, 24, 0.3); +} + +.bg-dark-04 { + background: rgba(18, 21, 24, 0.4); +} + +.bg-dark-05 { + background: rgba(18, 21, 24, 0.5); +} + +.bg-dark-06 { + background: rgba(18, 21, 24, 0.6); +} + +.bg-dark-07 { + background: rgba(18, 21, 24, 0.7); +} + +.bg-dark-08 { + background: rgba(18, 21, 24, 0.8); +} + +.bg-dark-09 { + background: rgba(18, 21, 24, 0.9); +} + +.bg-blue-01 { + background: rgba(0, 147, 233, 0.1); +} + +.bg-blue-02 { + background: rgba(0, 147, 233, 0.2); +} + +.bg-blue-03 { + background: rgba(0, 147, 233, 0.3); +} + +.bg-blue-04 { + background: rgba(0, 147, 233, 0.4); +} + +.bg-blue-05 { + background: rgba(0, 147, 233, 0.5); +} + +.bg-blue-06 { + background: rgba(0, 147, 233, 0.6); +} + +.bg-blue-07 { + background: rgba(0, 147, 233, 0.7); +} + +.bg-blue-08 { + background: rgba(0, 147, 233, 0.8); +} + +.bg-blue-09 { + background: rgba(0, 147, 233, 0.9); +} + +.bg-purple-01 { + background: rgba(183, 33, 255, 0.1); +} + +.bg-purple-02 { + background: rgba(183, 33, 255, 0.2); +} + +.bg-purple-03 { + background: rgba(183, 33, 255, 0.3); +} + +.bg-purple-04 { + background: rgba(183, 33, 255, 0.4); +} + +.bg-purple-05 { + background: rgba(183, 33, 255, 0.5); +} + +.bg-purple-06 { + background: rgba(183, 33, 255, 0.6); +} + +.bg-purple-07 { + background: rgba(183, 33, 255, 0.7); +} + +.bg-purple-08 { + background: rgba(183, 33, 255, 0.8); +} + +.bg-purple-09 { + background: rgba(183, 33, 255, 0.9); +} + +.bg-golden-yellow-01 { + background: rgba(255, 182, 87, 0.1); +} + +.bg-golden-yellow-02 { + background: rgba(255, 182, 87, 0.2); +} + +.bg-golden-yellow-03 { + background: rgba(255, 182, 87, 0.3); +} + +.bg-golden-yellow-04 { + background: rgba(255, 182, 87, 0.4); +} + +.bg-golden-yellow-05 { + background: rgba(255, 182, 87, 0.5); +} + +.bg-golden-yellow-06 { + background: rgba(255, 182, 87, 0.6); +} + +.bg-golden-yellow-07 { + background: rgba(255, 182, 87, 0.7); +} + +.bg-golden-yellow-08 { + background: rgba(255, 182, 87, 0.8); +} + +.bg-golden-yellow-09 { + background: rgba(255, 182, 87, 0.9); +} + +.bg-pink-edge-01 { + background: rgba(254, 154, 182, 0.1); +} + +.bg-pink-edge-02 { + background: rgba(254, 154, 182, 0.2); +} + +.bg-pink-edge-03 { + background: rgba(254, 154, 182, 0.3); +} + +.bg-pink-edge-04 { + background: rgba(254, 154, 182, 0.4); +} + +.bg-pink-edge-05 { + background: rgba(254, 154, 182, 0.5); +} + +.bg-pink-edge-06 { + background: rgba(254, 154, 182, 0.6); +} + +.bg-pink-edge-07 { + background: rgba(254, 154, 182, 0.7); +} + +.bg-pink-edge-08 { + background: rgba(254, 154, 182, 0.8); +} + +.bg-pink-edge-09 { + background: rgba(254, 154, 182, 0.9); +} + +.bg-very-peri-01 { + background: rgba(102, 103, 171, 0.1); +} + +.bg-very-peri-02 { + background: rgba(102, 103, 171, 0.2); +} + +.bg-very-peri-03 { + background: rgba(102, 103, 171, 0.3); +} + +.bg-very-peri-04 { + background: rgba(102, 103, 171, 0.4); +} + +.bg-very-peri-05 { + background: rgba(102, 103, 171, 0.5); +} + +.bg-very-peri-06 { + background: rgba(102, 103, 171, 0.6); +} + +.bg-very-peri-07 { + background: rgba(102, 103, 171, 0.7); +} + +.bg-very-peri-08 { + background: rgba(102, 103, 171, 0.8); +} + +.bg-very-peri-09 { + background: rgba(102, 103, 171, 0.9); +} + +.bg-turquoise-01 { + background: rgba(76, 191, 166, 0.1); +} + +.bg-turquoise-02 { + background: rgba(76, 191, 166, 0.2); +} + +.bg-turquoise-03 { + background: rgba(76, 191, 166, 0.3); +} + +.bg-turquoise-04 { + background: rgba(76, 191, 166, 0.4); +} + +.bg-turquoise-05 { + background: rgba(76, 191, 166, 0.5); +} + +.bg-turquoise-06 { + background: rgba(76, 191, 166, 0.6); +} + +.bg-turquoise-07 { + background: rgba(76, 191, 166, 0.7); +} + +.bg-turquoise-08 { + background: rgba(76, 191, 166, 0.8); +} + +.bg-turquoise-09 { + background: rgba(76, 191, 166, 0.9); +} + +.bg-spring-red-01 { + background: rgba(190, 31, 53, 0.1); +} + +.bg-spring-red-02 { + background: rgba(190, 31, 53, 0.2); +} + +.bg-spring-red-03 { + background: rgba(190, 31, 53, 0.3); +} + +.bg-spring-red-04 { + background: rgba(190, 31, 53, 0.4); +} + +.bg-spring-red-05 { + background: rgba(190, 31, 53, 0.5); +} + +.bg-spring-red-06 { + background: rgba(190, 31, 53, 0.6); +} + +.bg-spring-red-07 { + background: rgba(190, 31, 53, 0.7); +} + +.bg-spring-red-08 { + background: rgba(190, 31, 53, 0.8); +} + +.bg-spring-red-09 { + background: rgba(190, 31, 53, 0.9); +} + +.bg-tan-01 { + background: rgba(210, 180, 140, 0.1); +} + +.bg-tan-02 { + background: rgba(210, 180, 140, 0.2); +} + +.bg-tan-03 { + background: rgba(210, 180, 140, 0.3); +} + +.bg-tan-04 { + background: rgba(210, 180, 140, 0.4); +} + +.bg-tan-05 { + background: rgba(210, 180, 140, 0.5); +} + +.bg-tan-06 { + background: rgba(210, 180, 140, 0.6); +} + +.bg-tan-07 { + background: rgba(210, 180, 140, 0.7); +} + +.bg-tan-08 { + background: rgba(210, 180, 140, 0.8); +} + +.bg-tan-09 { + background: rgba(210, 180, 140, 0.9); +} + +.bg-aqua-01 { + background: rgba(3, 212, 216, 0.1); +} + +.bg-aqua-02 { + background: rgba(3, 212, 216, 0.2); +} + +.bg-aqua-03 { + background: rgba(3, 212, 216, 0.3); +} + +.bg-aqua-04 { + background: rgba(3, 212, 216, 0.4); +} + +.bg-aqua-05 { + background: rgba(3, 212, 216, 0.5); +} + +.bg-aqua-06 { + background: rgba(3, 212, 216, 0.6); +} + +.bg-aqua-07 { + background: rgba(3, 212, 216, 0.7); +} + +.bg-aqua-08 { + background: rgba(3, 212, 216, 0.8); +} + +.bg-aqua-09 { + background: rgba(3, 212, 216, 0.9); +} + +.bg-color-white-01 { + background: rgba(255, 255, 255, 0.1); +} + +.bg-color-white-02 { + background: rgba(255, 255, 255, 0.2); +} + +.bg-color-white-03 { + background: rgba(255, 255, 255, 0.3); +} + +.bg-color-white-04 { + background: rgba(255, 255, 255, 0.4); +} + +.bg-color-white-05 { + background: rgba(255, 255, 255, 0.5); +} + +.bg-color-white-06 { + background: rgba(255, 255, 255, 0.6); +} + +.bg-color-white-07 { + background: rgba(255, 255, 255, 0.7); +} + +.bg-color-white-08 { + background: rgba(255, 255, 255, 0.8); +} + +.bg-color-white-09 { + background: rgba(255, 255, 255, 0.9); +} + +.bg-color-dark-01 { + background: rgba(18, 21, 24, 0.1); +} + +.bg-color-dark-02 { + background: rgba(18, 21, 24, 0.2); +} + +.bg-color-dark-03 { + background: rgba(18, 21, 24, 0.3); +} + +.bg-color-dark-04 { + background: rgba(18, 21, 24, 0.4); +} + +.bg-color-dark-05 { + background: rgba(18, 21, 24, 0.5); +} + +.bg-color-dark-06 { + background: rgba(18, 21, 24, 0.6); +} + +.bg-color-dark-07 { + background: rgba(18, 21, 24, 0.7); +} + +.bg-color-dark-08 { + background: rgba(18, 21, 24, 0.8); +} + +.bg-color-dark-09 { + background: rgba(18, 21, 24, 0.9); +} + +.bg-color-blue-01 { + background: rgba(0, 147, 233, 0.1); +} + +.bg-color-blue-02 { + background: rgba(0, 147, 233, 0.2); +} + +.bg-color-blue-03 { + background: rgba(0, 147, 233, 0.3); +} + +.bg-color-blue-04 { + background: rgba(0, 147, 233, 0.4); +} + +.bg-color-blue-05 { + background: rgba(0, 147, 233, 0.5); +} + +.bg-color-blue-06 { + background: rgba(0, 147, 233, 0.6); +} + +.bg-color-blue-07 { + background: rgba(0, 147, 233, 0.7); +} + +.bg-color-blue-08 { + background: rgba(0, 147, 233, 0.8); +} + +.bg-color-blue-09 { + background: rgba(0, 147, 233, 0.9); +} + +.bg-color-purple-01 { + background: rgba(183, 33, 255, 0.1); +} + +.bg-color-purple-02 { + background: rgba(183, 33, 255, 0.2); +} + +.bg-color-purple-03 { + background: rgba(183, 33, 255, 0.3); +} + +.bg-color-purple-04 { + background: rgba(183, 33, 255, 0.4); +} + +.bg-color-purple-05 { + background: rgba(183, 33, 255, 0.5); +} + +.bg-color-purple-06 { + background: rgba(183, 33, 255, 0.6); +} + +.bg-color-purple-07 { + background: rgba(183, 33, 255, 0.7); +} + +.bg-color-purple-08 { + background: rgba(183, 33, 255, 0.8); +} + +.bg-color-purple-09 { + background: rgba(183, 33, 255, 0.9); +} + +.bg-color-golden-yellow-01 { + background: rgba(255, 182, 87, 0.1); +} + +.bg-color-golden-yellow-02 { + background: rgba(255, 182, 87, 0.2); +} + +.bg-color-golden-yellow-03 { + background: rgba(255, 182, 87, 0.3); +} + +.bg-color-golden-yellow-04 { + background: rgba(255, 182, 87, 0.4); +} + +.bg-color-golden-yellow-05 { + background: rgba(255, 182, 87, 0.5); +} + +.bg-color-golden-yellow-06 { + background: rgba(255, 182, 87, 0.6); +} + +.bg-color-golden-yellow-07 { + background: rgba(255, 182, 87, 0.7); +} + +.bg-color-golden-yellow-08 { + background: rgba(255, 182, 87, 0.8); +} + +.bg-color-golden-yellow-09 { + background: rgba(255, 182, 87, 0.9); +} + +.bg-color-pink-edge-01 { + background: rgba(254, 154, 182, 0.1); +} + +.bg-color-pink-edge-02 { + background: rgba(254, 154, 182, 0.2); +} + +.bg-color-pink-edge-03 { + background: rgba(254, 154, 182, 0.3); +} + +.bg-color-pink-edge-04 { + background: rgba(254, 154, 182, 0.4); +} + +.bg-color-pink-edge-05 { + background: rgba(254, 154, 182, 0.5); +} + +.bg-color-pink-edge-06 { + background: rgba(254, 154, 182, 0.6); +} + +.bg-color-pink-edge-07 { + background: rgba(254, 154, 182, 0.7); +} + +.bg-color-pink-edge-08 { + background: rgba(254, 154, 182, 0.8); +} + +.bg-color-pink-edge-09 { + background: rgba(254, 154, 182, 0.9); +} + +.bg-color-very-peri-01 { + background: rgba(102, 103, 171, 0.1); +} + +.bg-color-very-peri-02 { + background: rgba(102, 103, 171, 0.2); +} + +.bg-color-very-peri-03 { + background: rgba(102, 103, 171, 0.3); +} + +.bg-color-very-peri-04 { + background: rgba(102, 103, 171, 0.4); +} + +.bg-color-very-peri-05 { + background: rgba(102, 103, 171, 0.5); +} + +.bg-color-very-peri-06 { + background: rgba(102, 103, 171, 0.6); +} + +.bg-color-very-peri-07 { + background: rgba(102, 103, 171, 0.7); +} + +.bg-color-very-peri-08 { + background: rgba(102, 103, 171, 0.8); +} + +.bg-color-very-peri-09 { + background: rgba(102, 103, 171, 0.9); +} + +.bg-color-turquoise-01 { + background: rgba(76, 191, 166, 0.1); +} + +.bg-color-turquoise-02 { + background: rgba(76, 191, 166, 0.2); +} + +.bg-color-turquoise-03 { + background: rgba(76, 191, 166, 0.3); +} + +.bg-color-turquoise-04 { + background: rgba(76, 191, 166, 0.4); +} + +.bg-color-turquoise-05 { + background: rgba(76, 191, 166, 0.5); +} + +.bg-color-turquoise-06 { + background: rgba(76, 191, 166, 0.6); +} + +.bg-color-turquoise-07 { + background: rgba(76, 191, 166, 0.7); +} + +.bg-color-turquoise-08 { + background: rgba(76, 191, 166, 0.8); +} + +.bg-color-turquoise-09 { + background: rgba(76, 191, 166, 0.9); +} + +.bg-color-spring-red-01 { + background: rgba(190, 31, 53, 0.1); +} + +.bg-color-spring-red-02 { + background: rgba(190, 31, 53, 0.2); +} + +.bg-color-spring-red-03 { + background: rgba(190, 31, 53, 0.3); +} + +.bg-color-spring-red-04 { + background: rgba(190, 31, 53, 0.4); +} + +.bg-color-spring-red-05 { + background: rgba(190, 31, 53, 0.5); +} + +.bg-color-spring-red-06 { + background: rgba(190, 31, 53, 0.6); +} + +.bg-color-spring-red-07 { + background: rgba(190, 31, 53, 0.7); +} + +.bg-color-spring-red-08 { + background: rgba(190, 31, 53, 0.8); +} + +.bg-color-spring-red-09 { + background: rgba(190, 31, 53, 0.9); +} + +.bg-color-tan-01 { + background: rgba(210, 180, 140, 0.1); +} + +.bg-color-tan-02 { + background: rgba(210, 180, 140, 0.2); +} + +.bg-color-tan-03 { + background: rgba(210, 180, 140, 0.3); +} + +.bg-color-tan-04 { + background: rgba(210, 180, 140, 0.4); +} + +.bg-color-tan-05 { + background: rgba(210, 180, 140, 0.5); +} + +.bg-color-tan-06 { + background: rgba(210, 180, 140, 0.6); +} + +.bg-color-tan-07 { + background: rgba(210, 180, 140, 0.7); +} + +.bg-color-tan-08 { + background: rgba(210, 180, 140, 0.8); +} + +.bg-color-tan-09 { + background: rgba(210, 180, 140, 0.9); +} + +.bg-color-aqua-01 { + background: rgba(3, 212, 216, 0.1); +} + +.bg-color-aqua-02 { + background: rgba(3, 212, 216, 0.2); +} + +.bg-color-aqua-03 { + background: rgba(3, 212, 216, 0.3); +} + +.bg-color-aqua-04 { + background: rgba(3, 212, 216, 0.4); +} + +.bg-color-aqua-05 { + background: rgba(3, 212, 216, 0.5); +} + +.bg-color-aqua-06 { + background: rgba(3, 212, 216, 0.6); +} + +.bg-color-aqua-07 { + background: rgba(3, 212, 216, 0.7); +} + +.bg-color-aqua-08 { + background: rgba(3, 212, 216, 0.8); +} + +.bg-color-aqua-09 { + background: rgba(3, 212, 216, 0.9); +} + +.bg-dark-lighter { + background: #202428; +} + +.bg-dark-lightest { + background: #282c30; +} + +.bg-dark { + background: #121518; +} + +.bg-gray { + background: #eef2f6; +} + +.bg-gray-lighter { + background: #f1f5f9; +} + +.bg-gray-lightest { + background: #f4f8fc; +} + +.bg-light-blue { + background: #e2f2fb; +} + +.bg-light-purple { + background: #F5E4FF; +} + +.bg-light-pink-edge { + background: #FEE6ED; +} + +.bg-light-golden-yellow { + background: #FFEFDB; +} + +.bg-light-very-peri { + background: #EDEDF5; +} + +.bg-light-turquoise { + background: #E2F4F0; +} + +.bg-light-spring-red { + background: #F7E5E7; +} + +.bg-light-tan { + background: #f6f0e8; +} + +.bg-light-aqua { + background: #CEF6F7; +} + +.bg-color-blue { + background: #0093e9; +} + +.bg-color-purple { + background: #b721ff; +} + +.bg-color-golden-yellow { + background: #ffb657; +} + +.bg-color-pink-edge { + background: #fe9ab6; +} + +.bg-color-very-peri { + background: #6667ab; +} + +.bg-color-turquoise { + background: #4cbfa6; +} + +.bg-color-spring-red { + background: #be1f35; +} + +.bg-color-tan { + background: tan; +} + +.bg-color-aqua { + background: #03d4d8; +} + +.bg-gradient-1 { + background-image: linear-gradient(19deg, #21D4FD 0%, #B721FF 100%); +} + +.bg-gradient-2 { + background-image: linear-gradient(45deg, #A9C9FF 0%, #FFBBEC 100%); +} + +.bg-gradient-3 { + background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%); +} + +.bg-gradient-4 { + background-image: linear-gradient(90deg, #00DBDE 0%, #FC00FF 100%); +} + +.bg-gradient-5 { + background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%); +} + +.bg-gradient-6 { + background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%); +} + +.bg-gradient-7 { + background-image: linear-gradient(90deg, #007990 0%, #6CE5C0 100%); +} + +.bg-white-content, [class*='bg-white'], .bg-black [class*='bg-white'], +[class*='bg-dark'] [class*='bg-white'], +[class*='bg-gradient-'] [class*='bg-white'], +[class*='bg-color-'] [class*='bg-white'] { + color: #7C7C7C; +} + +.bg-white-content h1, [class*='bg-white'] h1, .bg-black [class*='bg-white'] h1, +[class*='bg-dark'] [class*='bg-white'] h1, +[class*='bg-gradient-'] [class*='bg-white'] h1, +[class*='bg-color-'] [class*='bg-white'] h1, .bg-white-content h2, [class*='bg-white'] h2, .bg-black [class*='bg-white'] h2, +[class*='bg-dark'] [class*='bg-white'] h2, +[class*='bg-gradient-'] [class*='bg-white'] h2, +[class*='bg-color-'] [class*='bg-white'] h2, .bg-white-content h3, [class*='bg-white'] h3, .bg-black [class*='bg-white'] h3, +[class*='bg-dark'] [class*='bg-white'] h3, +[class*='bg-gradient-'] [class*='bg-white'] h3, +[class*='bg-color-'] [class*='bg-white'] h3, .bg-white-content h4, [class*='bg-white'] h4, .bg-black [class*='bg-white'] h4, +[class*='bg-dark'] [class*='bg-white'] h4, +[class*='bg-gradient-'] [class*='bg-white'] h4, +[class*='bg-color-'] [class*='bg-white'] h4, .bg-white-content h5, [class*='bg-white'] h5, .bg-black [class*='bg-white'] h5, +[class*='bg-dark'] [class*='bg-white'] h5, +[class*='bg-gradient-'] [class*='bg-white'] h5, +[class*='bg-color-'] [class*='bg-white'] h5, .bg-white-content h6, [class*='bg-white'] h6, .bg-black [class*='bg-white'] h6, +[class*='bg-dark'] [class*='bg-white'] h6, +[class*='bg-gradient-'] [class*='bg-white'] h6, +[class*='bg-color-'] [class*='bg-white'] h6 { + color: #121518; +} + +.bg-white-content a:not([class^='button']), [class*='bg-white'] a:not([class^='button']) { + color: rgba(18, 21, 24, 0.9); +} + +.bg-white-content a:not([class^='button']):hover, [class*='bg-white'] a:not([class^='button']):hover, .bg-white-content a:not([class^='button']):focus, [class*='bg-white'] a:not([class^='button']):focus { + color: #121518; +} + +.bg-dark-content, .bg-black, +[class*='bg-dark'], +[class*='bg-gradient-'], +[class*='bg-color-'] { + color: rgba(255, 255, 255, 0.7); +} + +.bg-dark-content h1, .bg-black h1, +[class*='bg-dark'] h1, +[class*='bg-gradient-'] h1, +[class*='bg-color-'] h1, .bg-dark-content h2, .bg-black h2, +[class*='bg-dark'] h2, +[class*='bg-gradient-'] h2, +[class*='bg-color-'] h2, .bg-dark-content h3, .bg-black h3, +[class*='bg-dark'] h3, +[class*='bg-gradient-'] h3, +[class*='bg-color-'] h3, .bg-dark-content h4, .bg-black h4, +[class*='bg-dark'] h4, +[class*='bg-gradient-'] h4, +[class*='bg-color-'] h4, .bg-dark-content h5, .bg-black h5, +[class*='bg-dark'] h5, +[class*='bg-gradient-'] h5, +[class*='bg-color-'] h5, .bg-dark-content h6, .bg-black h6, +[class*='bg-dark'] h6, +[class*='bg-gradient-'] h6, +[class*='bg-color-'] h6 { + color: white; +} + +.bg-dark-content a:not([class^='button']), .bg-black a:not([class^='button']), +[class*='bg-dark'] a:not([class^='button']), +[class*='bg-gradient-'] a:not([class^='button']), +[class*='bg-color-'] a:not([class^='button']) { + color: rgba(255, 255, 255, 0.9); +} + +.bg-dark-content a:not([class^='button']):hover, .bg-black a:not([class^='button']):hover, +[class*='bg-dark'] a:not([class^='button']):hover, +[class*='bg-gradient-'] a:not([class^='button']):hover, +[class*='bg-color-'] a:not([class^='button']):hover, .bg-dark-content a:not([class^='button']):focus, .bg-black a:not([class^='button']):focus, +[class*='bg-dark'] a:not([class^='button']):focus, +[class*='bg-gradient-'] a:not([class^='button']):focus, +[class*='bg-color-'] a:not([class^='button']):focus { + color: white; +} + +.font-family-primary { + font-family: "Open Sans", sans-serif; +} + +.font-family-playfair { + font-family: "Playfair Display", serif; +} + +.font-family-poppins { + font-family: "Poppins", sans-serif; +} + +.font-family-nunito { + font-family: "Nunito", sans-serif; +} + +.font-family-outfit { + font-family: "Outfit", sans-serif; +} + +.fw-thin { + font-weight: 100; +} + +.fw-medium { + font-weight: 500; +} + +.fw-semi-bold { + font-weight: 600; +} + +.fw-black { + font-weight: 900; +} + +*.text-white-01 { + color: rgba(255, 255, 255, 0.1); +} + +*.text-white-02 { + color: rgba(255, 255, 255, 0.2); +} + +*.text-white-03 { + color: rgba(255, 255, 255, 0.3); +} + +*.text-white-04 { + color: rgba(255, 255, 255, 0.4); +} + +*.text-white-05 { + color: rgba(255, 255, 255, 0.5); +} + +*.text-white-06 { + color: rgba(255, 255, 255, 0.6); +} + +*.text-white-07 { + color: rgba(255, 255, 255, 0.7); +} + +*.text-white-08 { + color: rgba(255, 255, 255, 0.8); +} + +*.text-white-09 { + color: rgba(255, 255, 255, 0.9); +} + +*.text-dark-01 { + color: rgba(18, 21, 24, 0.1); +} + +*.text-dark-02 { + color: rgba(18, 21, 24, 0.2); +} + +*.text-dark-03 { + color: rgba(18, 21, 24, 0.3); +} + +*.text-dark-04 { + color: rgba(18, 21, 24, 0.4); +} + +*.text-dark-05 { + color: rgba(18, 21, 24, 0.5); +} + +*.text-dark-06 { + color: rgba(18, 21, 24, 0.6); +} + +*.text-dark-07 { + color: rgba(18, 21, 24, 0.7); +} + +*.text-dark-08 { + color: rgba(18, 21, 24, 0.8); +} + +*.text-dark-09 { + color: rgba(18, 21, 24, 0.9); +} + +*.text-dark { + color: #121518; +} + +*.text-red { + color: #dc3545; +} + +*.text-green { + color: #28a745; +} + +*.text-blue { + color: #0093e9; +} + +*.text-purple { + color: #b721ff; +} + +*.text-golden-yellow { + color: #ffb657; +} + +*.text-pink-edge { + color: #fe9ab6; +} + +*.text-very-peri { + color: #6667ab; +} + +*.text-turquoise { + color: #4cbfa6; +} + +*.text-spring-red { + color: #be1f35; +} + +*.text-tan { + color: tan; +} + +*.text-aqua { + color: #03d4d8; +} + +[class*='text-gradient'] { + display: inline-block; +} + +.text-gradient-1 { + background-image: linear-gradient(19deg, #21D4FD 0%, #B721FF 100%); + -webkit-background-clip: text; + background-clip: text; + -webkit-text-fill-color: transparent; +} + +.text-gradient-2 { + background-image: linear-gradient(45deg, #A9C9FF 0%, #FFBBEC 100%); + -webkit-background-clip: text; + background-clip: text; + -webkit-text-fill-color: transparent; +} + +.text-gradient-3 { + background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%); + -webkit-background-clip: text; + background-clip: text; + -webkit-text-fill-color: transparent; +} + +.text-gradient-4 { + background-image: linear-gradient(90deg, #00DBDE 0%, #FC00FF 100%); + -webkit-background-clip: text; + background-clip: text; + -webkit-text-fill-color: transparent; +} + +.text-gradient-5 { + background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%); + -webkit-background-clip: text; + background-clip: text; + -webkit-text-fill-color: transparent; +} + +.text-gradient-6 { + background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%); + -webkit-background-clip: text; + background-clip: text; + -webkit-text-fill-color: transparent; +} + +.text-gradient-7 { + background-image: linear-gradient(90deg, #007990 0%, #6CE5C0 100%); + -webkit-background-clip: text; + background-clip: text; + -webkit-text-fill-color: transparent; +} + +[class*='text-highlight'] { + position: relative; + display: inline-block; +} + +[class*='text-highlight']:before { + content: ''; + position: absolute; + bottom: -2px; + left: 0; + width: 100%; + height: 4px; + border-radius: 2px; +} + +.text-highlight:before { + background: rgba(18, 21, 24, 0.2); +} + +.text-highlight-gradient:before { + background-image: linear-gradient(19deg, #21D4FD 0%, #B721FF 100%); +} + +.text-highlight-gradient-2:before { + background-image: linear-gradient(45deg, #A9C9FF 0%, #FFBBEC 100%); +} + +.text-highlight-gradient-3:before { + background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%); +} + +.text-highlight-gradient-4:before { + background-image: linear-gradient(90deg, #00DBDE 0%, #FC00FF 100%); +} + +.text-highlight-gradient-5:before { + background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%); +} + +.text-highlight-gradient-6:before { + background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%); +} + +.text-highlight-gradient-7:before { + background-image: linear-gradient(90deg, #007990 0%, #6CE5C0 100%); +} + +h1[class*='text-highlight']:before, h2[class*='text-highlight']:before { + bottom: -2px; + height: 6px; + border-radius: 3px; +} + +h3[class*='text-highlight']:before { + bottom: -2px; + height: 5px; + border-radius: 3px; +} + +h1.display-1[class*='text-highlight']:before { + bottom: -8px; + height: 10px; + border-radius: 5px; +} + +h1.display-2[class*='text-highlight']:before { + bottom: -6px; + height: 8px; + border-radius: 4px; +} + +h1.display-3[class*='text-highlight']:before { + bottom: -6px; + height: 8px; + border-radius: 4px; +} + +h1.display-4[class*='text-highlight']:before { + bottom: -6px; + height: 7px; + border-radius: 4px; +} + +.bg-black .text-highlight:before, +[class*='bg-dark'] .text-highlight:before, +[class*='bg-gradient-'] .text-highlight:before, +[class*='bg-color-'] .text-highlight:before { + background: rgba(255, 255, 255, 0.3); +} + +.stroke-text { + color: #121518; + -webkit-text-fill-color: transparent; + -webkit-text-stroke-width: 1.0px; + -webkit-text-stroke-color: #121518; +} + +@media (min-width: 768px) { + .stroke-text { + -webkit-text-stroke-width: 1.2px; + } +} + +@media (min-width: 992px) { + .stroke-text { + -webkit-text-stroke-width: 1.4px; + } +} + +.bg-black .stroke-text, +[class*='bg-dark'] .stroke-text, +[class*='bg-gradient-'] .stroke-text, +[class*='bg-color-'] .stroke-text { + color: white; + -webkit-text-stroke-color: white; +} + +.bg-black .bg-white .stroke-text, +.bg-black [class*='bg-white'] .stroke-text, +[class*='bg-dark'] .bg-white .stroke-text, +[class*='bg-dark'] [class*='bg-white'] .stroke-text, +[class*='bg-gradient-'] .bg-white .stroke-text, +[class*='bg-gradient-'] [class*='bg-white'] .stroke-text, +[class*='bg-color-'] .bg-white .stroke-text, +[class*='bg-color-'] [class*='bg-white'] .stroke-text { + color: #121518; + -webkit-text-stroke-color: #121518; +} + +.fancy-text { + -webkit-text-fill-color: transparent; + -webkit-text-stroke-width: 1.0px; + -webkit-text-stroke-color: #121518; + -webkit-text-shadow: 3px 3px 0 #dbdddf; + text-shadow: 3px 3px 0 #dbdddf; +} + +@media (min-width: 768px) { + .fancy-text { + -webkit-text-stroke-width: 1.2px; + } +} + +@media (min-width: 992px) { + .fancy-text { + -webkit-text-stroke-width: 1.4px; + } +} + +.fancy-text.display-1, .fancy-text.display-2, .fancy-text.display-3 { + -webkit-text-shadow: 4px 4px 0 #dbdddf; + text-shadow: 4px 4px 0 #dbdddf; +} + +@media (min-width: 768px) { + .fancy-text.display-1, .fancy-text.display-2, .fancy-text.display-3 { + -webkit-text-shadow: 5px 5px 0 #dbdddf; + text-shadow: 5px 5px 0 #dbdddf; + } + .fancy-text.display-4 { + -webkit-text-shadow: 4px 4px 0 #dbdddf; + text-shadow: 4px 4px 0 #dbdddf; + } +} + +.bg-black .fancy-text, +[class*='bg-dark'] .fancy-text, +[class*='bg-gradient-'] .fancy-text, +[class*='bg-color-'] .fancy-text { + color: white; + -webkit-text-stroke-color: white; + -webkit-text-shadow: 3px 3px 0 #2e3032; + text-shadow: 3px 3px 0 #2e3032; +} + +.bg-black .fancy-text.display-1, .bg-black .fancy-text.display-2, .bg-black .fancy-text.display-3, +[class*='bg-dark'] .fancy-text.display-1, +[class*='bg-dark'] .fancy-text.display-2, +[class*='bg-dark'] .fancy-text.display-3, +[class*='bg-gradient-'] .fancy-text.display-1, +[class*='bg-gradient-'] .fancy-text.display-2, +[class*='bg-gradient-'] .fancy-text.display-3, +[class*='bg-color-'] .fancy-text.display-1, +[class*='bg-color-'] .fancy-text.display-2, +[class*='bg-color-'] .fancy-text.display-3 { + -webkit-text-shadow: 4px 4px 0 #2e3032; + text-shadow: 4px 4px 0 #2e3032; +} + +@media (min-width: 768px) { + .bg-black .fancy-text.display-1, .bg-black .fancy-text.display-2, .bg-black .fancy-text.display-3, + [class*='bg-dark'] .fancy-text.display-1, + [class*='bg-dark'] .fancy-text.display-2, + [class*='bg-dark'] .fancy-text.display-3, + [class*='bg-gradient-'] .fancy-text.display-1, + [class*='bg-gradient-'] .fancy-text.display-2, + [class*='bg-gradient-'] .fancy-text.display-3, + [class*='bg-color-'] .fancy-text.display-1, + [class*='bg-color-'] .fancy-text.display-2, + [class*='bg-color-'] .fancy-text.display-3 { + -webkit-text-shadow: 5px 5px 0 #2e3032; + text-shadow: 5px 5px 0 #2e3032; + } + .bg-black .fancy-text.display-4, + [class*='bg-dark'] .fancy-text.display-4, + [class*='bg-gradient-'] .fancy-text.display-4, + [class*='bg-color-'] .fancy-text.display-4 { + -webkit-text-shadow: 4px 4px 0 #2e3032; + text-shadow: 4px 4px 0 #2e3032; + } +} + +.bg-black [class*='bg-white'] .fancy-text, +[class*='bg-dark'] [class*='bg-white'] .fancy-text, +[class*='bg-gradient-'] [class*='bg-white'] .fancy-text, +[class*='bg-color-'] [class*='bg-white'] .fancy-text { + color: #121518; + -webkit-text-stroke-color: #121518; + -webkit-text-shadow: 3px 3px 0 #dbdddf; + text-shadow: 3px 3px 0 #dbdddf; +} + +.bg-black [class*='bg-white'] .fancy-text.display-1, .bg-black [class*='bg-white'] .fancy-text.display-2, .bg-black [class*='bg-white'] .fancy-text.display-3, +[class*='bg-dark'] [class*='bg-white'] .fancy-text.display-1, +[class*='bg-dark'] [class*='bg-white'] .fancy-text.display-2, +[class*='bg-dark'] [class*='bg-white'] .fancy-text.display-3, +[class*='bg-gradient-'] [class*='bg-white'] .fancy-text.display-1, +[class*='bg-gradient-'] [class*='bg-white'] .fancy-text.display-2, +[class*='bg-gradient-'] [class*='bg-white'] .fancy-text.display-3, +[class*='bg-color-'] [class*='bg-white'] .fancy-text.display-1, +[class*='bg-color-'] [class*='bg-white'] .fancy-text.display-2, +[class*='bg-color-'] [class*='bg-white'] .fancy-text.display-3 { + -webkit-text-shadow: 4px 4px 0 #dbdddf; + text-shadow: 4px 4px 0 #dbdddf; +} + +@media (min-width: 768px) { + .bg-black [class*='bg-white'] .fancy-text.display-1, .bg-black [class*='bg-white'] .fancy-text.display-2, .bg-black [class*='bg-white'] .fancy-text.display-3, + [class*='bg-dark'] [class*='bg-white'] .fancy-text.display-1, + [class*='bg-dark'] [class*='bg-white'] .fancy-text.display-2, + [class*='bg-dark'] [class*='bg-white'] .fancy-text.display-3, + [class*='bg-gradient-'] [class*='bg-white'] .fancy-text.display-1, + [class*='bg-gradient-'] [class*='bg-white'] .fancy-text.display-2, + [class*='bg-gradient-'] [class*='bg-white'] .fancy-text.display-3, + [class*='bg-color-'] [class*='bg-white'] .fancy-text.display-1, + [class*='bg-color-'] [class*='bg-white'] .fancy-text.display-2, + [class*='bg-color-'] [class*='bg-white'] .fancy-text.display-3 { + -webkit-text-shadow: 5px 5px 0 #dbdddf; + text-shadow: 5px 5px 0 #dbdddf; + } + .bg-black [class*='bg-white'] .fancy-text.display-4, + [class*='bg-dark'] [class*='bg-white'] .fancy-text.display-4, + [class*='bg-gradient-'] [class*='bg-white'] .fancy-text.display-4, + [class*='bg-color-'] [class*='bg-white'] .fancy-text.display-4 { + -webkit-text-shadow: 4px 4px 0 #dbdddf; + text-shadow: 4px 4px 0 #dbdddf; + } +} + +.border-top, +.border-right, +.border-bottom, +.border-left { + border-width: 0; + border-style: solid; + border-color: rgba(18, 21, 24, 0.1); +} + +.border-top { + border-top-width: 1px; +} + +.border-right { + border-right-width: 1px; +} + +.border-bottom { + border-bottom-width: 1px; +} + +.border-left { + border-left-width: 1px; +} + +.bg-black .border, .bg-black .border-top, .bg-black .border-right, .bg-black .border-bottom, .bg-black .border-left, +[class*='bg-dark'] .border, +[class*='bg-dark'] .border-top, +[class*='bg-dark'] .border-right, +[class*='bg-dark'] .border-bottom, +[class*='bg-dark'] .border-left, +[class*='bg-gradient-'] .border, +[class*='bg-gradient-'] .border-top, +[class*='bg-gradient-'] .border-right, +[class*='bg-gradient-'] .border-bottom, +[class*='bg-gradient-'] .border-left, +[class*='bg-color-'] .border, +[class*='bg-color-'] .border-top, +[class*='bg-color-'] .border-right, +[class*='bg-color-'] .border-bottom, +[class*='bg-color-'] .border-left { + border-color: rgba(255, 255, 255, 0.2) !important; +} + +.border-style-dotted { + border-style: dotted; +} + +.border-style-dashed { + border-style: dashed; +} + +.n-margin-1 { + margin-top: -1rem; +} + +.n-margin-2 { + margin-top: -2rem; +} + +.n-margin-3 { + margin-top: -3rem; +} + +.n-margin-4 { + margin-top: -4rem; +} + +.n-margin-5 { + margin-top: -5rem; +} + +.n-margin-6 { + margin-top: -6rem; +} + +.backdrop-filter-blur { + backdrop-filter: blur(5px); +} + +.opacity-10 { + opacity: 0.1; +} + +.opacity-15 { + opacity: 0.15; +} + +.opacity-20 { + opacity: 0.2; +} diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index 0b59dbc..90a6fb7 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -18,14 +18,17 @@ - - + + {{ partial "header.html" . }} + + {{ partial "breadcrumb.html" . }} +
{{ block "main" . }}{{ end }}
diff --git a/layouts/partials/breadcrumb.html b/layouts/partials/breadcrumb.html new file mode 100644 index 0000000..a6d2753 --- /dev/null +++ b/layouts/partials/breadcrumb.html @@ -0,0 +1,71 @@ + +
+
+
+
+ +
+
+
+
+ + + \ No newline at end of file diff --git a/layouts/partials/header.html b/layouts/partials/header.html new file mode 100644 index 0000000..7e2a4ac --- /dev/null +++ b/layouts/partials/header.html @@ -0,0 +1,46 @@ + +
+
+ + + +
+
    +
  • + Accueil +
    • + {{ if .Site.Data.wordpress }} + {{ $count := 0 }} + {{ range $index, $element := .Site.Data.wordpress.categories }} + {{ if or (eq $element.name "Featured") (eq $element.name "Non classé") }} + {{ continue }} + {{ else if lt $count 5 }} +
  • + {{ $element.name }} +
    • + {{ $count = add $count 1 }} + {{ else }} + {{ break }} + {{ end }} + {{ end }} + {{ end }} +
+
+ + {{/*
+
    +
    • +
    • +
    • +
+
*/}} + + +
+
+ + \ No newline at end of file diff --git a/static/assets/css/theme-colors/theme-color-aqua.css b/static/assets/css/theme-colors/theme-color-aqua.css new file mode 100644 index 0000000..489ed83 --- /dev/null +++ b/static/assets/css/theme-colors/theme-color-aqua.css @@ -0,0 +1,412 @@ +/*------------------------------------------------ +* +* Theme Color - Aqua +* +-------------------------------------------------*/ +.theme-color-aqua a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover { + color: #03D4D8; +} + +.theme-color-aqua [class*='bg-gradient'] a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover, +.theme-color-aqua [class*='bg-color'] a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover { + color: white; +} + + +.theme-color-aqua .header .header-menu:not([class*='dropdown-color']) .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):hover, .theme-color-aqua .header .header-menu:not([class*='dropdown-color']) .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):focus { + color: #03D4D8; +} + + +.theme-color-aqua .bg-color-theme { + background: #03D4D8; +} + +.theme-color-aqua .bg-color-theme-09 { + background: rgba(3, 212, 216, 0.9); +} + +.theme-color-aqua .bg-color-theme-08 { + background: rgba(3, 212, 216, 0.8); +} + +.theme-color-aqua .bg-color-theme-07 { + background: rgba(3, 212, 216, 0.7); +} + +.theme-color-aqua .bg-color-theme-06 { + background: rgba(3, 212, 216, 0.6); +} + +.theme-color-aqua .bg-color-theme-05 { + background: rgba(3, 212, 216, 0.5); +} + +.theme-color-aqua .bg-color-theme-04 { + background: rgba(3, 212, 216, 0.4); +} + +.theme-color-aqua .bg-color-theme-03 { + background: rgba(3, 212, 216, 0.3); +} + +.theme-color-aqua .bg-color-theme-02 { + background: rgba(3, 212, 216, 0.2); +} + +.theme-color-aqua .bg-color-theme-01 { + background: rgba(3, 212, 216, 0.1); +} + +.theme-color-aqua .bg-light-theme { + background: #CEF6F7; +} + +.theme-color-aqua .button-theme { + background: #03D4D8; +} + +.theme-color-aqua .button-outline-theme { + border-color: #03D4D8; + color: #03D4D8; +} + +.theme-color-aqua .button-outline-theme:hover, .theme-color-aqua .button-outline-theme:focus { + background: #03D4D8; + color: white; +} + +.theme-color-aqua .button-circle-theme { + background: #03D4D8; +} + +.theme-color-aqua .button-circle-outline-theme { + border-color: #03D4D8; + color: #03D4D8; +} + +.theme-color-aqua .button-circle-outline-theme:hover, .theme-color-aqua .button-circle-outline-theme:focus { + background: #03D4D8; +} + +.theme-color-aqua .button-backdrop-color-theme { + background: #03D4D8; +} + +.theme-color-aqua .button-text-theme.button-text-1, .theme-color-aqua .button-text-theme.button-text-2, .theme-color-aqua .button-text-theme.button-text-3 { + color: #03D4D8; +} + +.theme-color-aqua .button-text-theme.button-text-1:hover, .theme-color-aqua .button-text-theme.button-text-2:hover, .theme-color-aqua .button-text-theme.button-text-3:hover { + color: #03D4D8; +} + +.theme-color-aqua .button-text-theme.button-text-1:before { + background: rgba(3, 212, 216, 0.3); +} + +.theme-color-aqua .button-text-theme.button-text-1:after { + background: #03D4D8; +} + +.theme-color-aqua .button-text-theme.button-text-2:before { + background: rgba(3, 212, 216, 0.1); +} + +.theme-color-aqua .button-text-theme.button-text-2:after { + background: #03D4D8; +} + +.theme-color-aqua .button-text-theme.button-text-3:before { + background: #03D4D8; +} + +.theme-color-aqua .button-text-theme.button-text-3:hover:before { + background: #03D4D8; +} + +.theme-color-aqua .bg-black .button-text-theme.button-text-1, .theme-color-aqua .bg-black .button-text-theme.button-text-2, .theme-color-aqua .bg-black .button-text-theme.button-text-3, +.theme-color-aqua [class*='bg-dark'] .button-text-theme.button-text-1, +.theme-color-aqua [class*='bg-dark'] .button-text-theme.button-text-2, +.theme-color-aqua [class*='bg-dark'] .button-text-theme.button-text-3 { + color: #03D4D8; +} + +.theme-color-aqua .bg-black .button-text-theme.button-text-1:hover, .theme-color-aqua .bg-black .button-text-theme.button-text-2:hover, .theme-color-aqua .bg-black .button-text-theme.button-text-3:hover, +.theme-color-aqua [class*='bg-dark'] .button-text-theme.button-text-1:hover, +.theme-color-aqua [class*='bg-dark'] .button-text-theme.button-text-2:hover, +.theme-color-aqua [class*='bg-dark'] .button-text-theme.button-text-3:hover { + color: #03D4D8; +} + +.theme-color-aqua .bg-black .button-text-theme.button-text-1:before, +.theme-color-aqua [class*='bg-dark'] .button-text-theme.button-text-1:before { + background: rgba(3, 212, 216, 0.3); +} + +.theme-color-aqua .bg-black .button-text-theme.button-text-1:after, +.theme-color-aqua [class*='bg-dark'] .button-text-theme.button-text-1:after { + background: #03D4D8; +} + +.theme-color-aqua .bg-black .button-text-theme.button-text-2:before, +.theme-color-aqua [class*='bg-dark'] .button-text-theme.button-text-2:before { + background: rgba(3, 212, 216, 0.3); +} + +.theme-color-aqua .bg-black .button-text-theme.button-text-2:after, +.theme-color-aqua [class*='bg-dark'] .button-text-theme.button-text-2:after { + background: #03D4D8; +} + +.theme-color-aqua .bg-black .button-text-theme.button-text-3:before, +.theme-color-aqua [class*='bg-dark'] .button-text-theme.button-text-3:before { + background: #03D4D8; +} + +.theme-color-aqua .bg-black .button-text-theme.button-text-3:hover:before, +.theme-color-aqua [class*='bg-dark'] .button-text-theme.button-text-3:hover:before { + background: #03D4D8; +} + +.theme-color-aqua .text-color-theme { + color: #03D4D8; +} + +.theme-color-aqua .progress-box.progress-theme .animated-progress div { + background: #03D4D8; +} + +.theme-color-aqua [class*='bg-gradient'] .progress-box.progress-theme .animated-progress div, +.theme-color-aqua [class*='bg-color'] .progress-box.progress-theme .animated-progress div { + background: white; +} + +.theme-color-aqua.preloader-theme .preloader-1 div .loader-path { + stroke: #03D4D8; +} + +.theme-color-aqua.preloader-theme .preloader-2 div span { + background: #03D4D8; + background: linear-gradient(to right, #03D4D8 10%, transparent 40%); +} + +.theme-color-aqua.preloader-theme .preloader-2 div span:before { + background: #03D4D8; +} + +.theme-color-aqua.preloader-theme .preloader-3 div span:before, .theme-color-aqua.preloader-theme .preloader-3 div span:after { + background: rgba(3, 212, 216, 0.2); +} + +.theme-color-aqua .accordion li .accordion-title { + border-color: rgba(3, 212, 216, 0.1); +} + +.theme-color-aqua .accordion li .accordion-title:before, .theme-color-aqua .accordion li .accordion-title:after { + background: #03D4D8; +} + +.theme-color-aqua .accordion li .accordion-title h1, .theme-color-aqua .accordion li .accordion-title h2, .theme-color-aqua .accordion li .accordion-title h3, .theme-color-aqua .accordion li .accordion-title h4, .theme-color-aqua .accordion li .accordion-title h5, .theme-color-aqua .accordion li .accordion-title h6 { + color: #03D4D8; +} + +.theme-color-aqua .accordion li.active .accordion-title { + border-color: #03D4D8; +} + +.theme-color-aqua .accordion.style-3 li .accordion-title { + background: #CEF6F7; +} + +.theme-color-aqua .accordion.style-3 li.active .accordion-title { + background: #03D4D8; + color: white; +} + +.theme-color-aqua .accordion.style-3 li.active .accordion-title:before, .theme-color-aqua .accordion.style-3 li.active .accordion-title:after { + background: white; +} + +.theme-color-aqua .accordion.style-3 li.active .accordion-title h1, .theme-color-aqua .accordion.style-3 li.active .accordion-title h2, .theme-color-aqua .accordion.style-3 li.active .accordion-title h3, .theme-color-aqua .accordion.style-3 li.active .accordion-title h4, .theme-color-aqua .accordion.style-3 li.active .accordion-title h5, .theme-color-aqua .accordion.style-3 li.active .accordion-title h6 { + color: white; +} + +.theme-color-aqua .bg-black .accordion li .accordion-title, +.theme-color-aqua [class*='bg-dark'] .accordion li .accordion-title { + border-color: rgba(255, 255, 255, 0.2); +} + +.theme-color-aqua .bg-black .accordion li .accordion-title:before, .theme-color-aqua .bg-black .accordion li .accordion-title:after, +.theme-color-aqua [class*='bg-dark'] .accordion li .accordion-title:before, +.theme-color-aqua [class*='bg-dark'] .accordion li .accordion-title:after { + background: white; +} + +.theme-color-aqua .bg-black .accordion li.active .accordion-title, +.theme-color-aqua [class*='bg-dark'] .accordion li.active .accordion-title { + border-color: #03D4D8; +} + +.theme-color-aqua .bg-black .accordion.style-3 li .accordion-title, +.theme-color-aqua [class*='bg-dark'] .accordion.style-3 li .accordion-title { + background: rgba(255, 255, 255, 0.1); +} + +.theme-color-aqua .bg-black .accordion.style-3 li.active .accordion-title, +.theme-color-aqua [class*='bg-dark'] .accordion.style-3 li.active .accordion-title { + background: #03D4D8; + color: white; +} + +.theme-color-aqua .bg-black .accordion.style-3 li.active .accordion-title:before, .theme-color-aqua .bg-black .accordion.style-3 li.active .accordion-title:after, +.theme-color-aqua [class*='bg-dark'] .accordion.style-3 li.active .accordion-title:before, +.theme-color-aqua [class*='bg-dark'] .accordion.style-3 li.active .accordion-title:after { + background: white; +} + +.theme-color-aqua .bg-black .accordion.style-3 li.active .accordion-title h1, .theme-color-aqua .bg-black .accordion.style-3 li.active .accordion-title h2, .theme-color-aqua .bg-black .accordion.style-3 li.active .accordion-title h3, .theme-color-aqua .bg-black .accordion.style-3 li.active .accordion-title h4, .theme-color-aqua .bg-black .accordion.style-3 li.active .accordion-title h5, .theme-color-aqua .bg-black .accordion.style-3 li.active .accordion-title h6, +.theme-color-aqua [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h1, +.theme-color-aqua [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h2, +.theme-color-aqua [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h3, +.theme-color-aqua [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h4, +.theme-color-aqua [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h5, +.theme-color-aqua [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h6 { + color: white; +} + +.theme-color-aqua [class*='bg-gradient'] .accordion li .accordion-title, +.theme-color-aqua [class*='bg-color'] .accordion li .accordion-title { + border-color: rgba(255, 255, 255, 0.2); +} + +.theme-color-aqua [class*='bg-gradient'] .accordion li .accordion-title h1, .theme-color-aqua [class*='bg-gradient'] .accordion li .accordion-title h2, .theme-color-aqua [class*='bg-gradient'] .accordion li .accordion-title h3, .theme-color-aqua [class*='bg-gradient'] .accordion li .accordion-title h4, .theme-color-aqua [class*='bg-gradient'] .accordion li .accordion-title h5, .theme-color-aqua [class*='bg-gradient'] .accordion li .accordion-title h6, +.theme-color-aqua [class*='bg-color'] .accordion li .accordion-title h1, +.theme-color-aqua [class*='bg-color'] .accordion li .accordion-title h2, +.theme-color-aqua [class*='bg-color'] .accordion li .accordion-title h3, +.theme-color-aqua [class*='bg-color'] .accordion li .accordion-title h4, +.theme-color-aqua [class*='bg-color'] .accordion li .accordion-title h5, +.theme-color-aqua [class*='bg-color'] .accordion li .accordion-title h6 { + color: white; +} + +.theme-color-aqua [class*='bg-gradient'] .accordion li .accordion-title:before, .theme-color-aqua [class*='bg-gradient'] .accordion li .accordion-title:after, +.theme-color-aqua [class*='bg-color'] .accordion li .accordion-title:before, +.theme-color-aqua [class*='bg-color'] .accordion li .accordion-title:after { + background: white; +} + +.theme-color-aqua [class*='bg-gradient'] .accordion li.active .accordion-title, +.theme-color-aqua [class*='bg-color'] .accordion li.active .accordion-title { + border-color: white; +} + +.theme-color-aqua [class*='bg-gradient'] .accordion.style-3 li .accordion-title, +.theme-color-aqua [class*='bg-color'] .accordion.style-3 li .accordion-title { + background: rgba(255, 255, 255, 0.1); +} + +.theme-color-aqua [class*='bg-gradient'] .accordion.style-3 li .accordion-title h1, .theme-color-aqua [class*='bg-gradient'] .accordion.style-3 li .accordion-title h2, .theme-color-aqua [class*='bg-gradient'] .accordion.style-3 li .accordion-title h3, .theme-color-aqua [class*='bg-gradient'] .accordion.style-3 li .accordion-title h4, .theme-color-aqua [class*='bg-gradient'] .accordion.style-3 li .accordion-title h5, .theme-color-aqua [class*='bg-gradient'] .accordion.style-3 li .accordion-title h6, +.theme-color-aqua [class*='bg-color'] .accordion.style-3 li .accordion-title h1, +.theme-color-aqua [class*='bg-color'] .accordion.style-3 li .accordion-title h2, +.theme-color-aqua [class*='bg-color'] .accordion.style-3 li .accordion-title h3, +.theme-color-aqua [class*='bg-color'] .accordion.style-3 li .accordion-title h4, +.theme-color-aqua [class*='bg-color'] .accordion.style-3 li .accordion-title h5, +.theme-color-aqua [class*='bg-color'] .accordion.style-3 li .accordion-title h6 { + color: white; +} + +.theme-color-aqua [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title, +.theme-color-aqua [class*='bg-color'] .accordion.style-3 li.active .accordion-title { + background: white; + color: #7C7C7C; +} + +.theme-color-aqua [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title:before, .theme-color-aqua [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title:after, +.theme-color-aqua [class*='bg-color'] .accordion.style-3 li.active .accordion-title:before, +.theme-color-aqua [class*='bg-color'] .accordion.style-3 li.active .accordion-title:after { + background: black; +} + +.theme-color-aqua [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h1, .theme-color-aqua [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h2, .theme-color-aqua [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h3, .theme-color-aqua [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h4, .theme-color-aqua [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h5, .theme-color-aqua [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h6, +.theme-color-aqua [class*='bg-color'] .accordion.style-3 li.active .accordion-title h1, +.theme-color-aqua [class*='bg-color'] .accordion.style-3 li.active .accordion-title h2, +.theme-color-aqua [class*='bg-color'] .accordion.style-3 li.active .accordion-title h3, +.theme-color-aqua [class*='bg-color'] .accordion.style-3 li.active .accordion-title h4, +.theme-color-aqua [class*='bg-color'] .accordion.style-3 li.active .accordion-title h5, +.theme-color-aqua [class*='bg-color'] .accordion.style-3 li.active .accordion-title h6 { + color: black; +} + +.theme-color-aqua .text-link-2:before, +.theme-color-aqua .text-link-3:before, +.theme-color-aqua .text-link-4:before { + background: #03D4D8; +} + +.theme-color-aqua .text-link-5:after, +.theme-color-aqua .text-link-6:after, +.theme-color-aqua .text-link-7:after { + background: #03D4D8; +} + +.theme-color-aqua .text-link-8:before { + background: rgba(3, 212, 216, 0.1); +} + +.theme-color-aqua .bg-black .text-link-2:before, +.theme-color-aqua .bg-black .text-link-3:before, +.theme-color-aqua .bg-black .text-link-4:before, +.theme-color-aqua [class*='bg-dark'] .text-link-2:before, +.theme-color-aqua [class*='bg-dark'] .text-link-3:before, +.theme-color-aqua [class*='bg-dark'] .text-link-4:before { + background: #03D4D8; +} + +.theme-color-aqua .bg-black .text-link-5:after, +.theme-color-aqua .bg-black .text-link-6:after, +.theme-color-aqua .bg-black .text-link-7:after, +.theme-color-aqua [class*='bg-dark'] .text-link-5:after, +.theme-color-aqua [class*='bg-dark'] .text-link-6:after, +.theme-color-aqua [class*='bg-dark'] .text-link-7:after { + background: #03D4D8; +} + +.theme-color-aqua .bg-black .text-link-8:before, +.theme-color-aqua [class*='bg-dark'] .text-link-8:before { + background: rgba(3, 212, 216, 0.1); +} + +.theme-color-aqua [class*='bg-gradient'] .text-link-2:before, .theme-color-aqua [class*='bg-gradient'] .text-link-3:before, .theme-color-aqua [class*='bg-gradient'] .text-link-4:before, +.theme-color-aqua [class*='bg-color'] .text-link-2:before, +.theme-color-aqua [class*='bg-color'] .text-link-3:before, +.theme-color-aqua [class*='bg-color'] .text-link-4:before { + background: white; +} + +.theme-color-aqua [class*='bg-gradient'] .text-link-5:before, .theme-color-aqua [class*='bg-gradient'] .text-link-6:before, .theme-color-aqua [class*='bg-gradient'] .text-link-7:before, +.theme-color-aqua [class*='bg-color'] .text-link-5:before, +.theme-color-aqua [class*='bg-color'] .text-link-6:before, +.theme-color-aqua [class*='bg-color'] .text-link-7:before { + background: rgba(255, 255, 255, 0.3); +} + +.theme-color-aqua [class*='bg-gradient'] .text-link-5:after, .theme-color-aqua [class*='bg-gradient'] .text-link-6:after, .theme-color-aqua [class*='bg-gradient'] .text-link-7:after, +.theme-color-aqua [class*='bg-color'] .text-link-5:after, +.theme-color-aqua [class*='bg-color'] .text-link-6:after, +.theme-color-aqua [class*='bg-color'] .text-link-7:after { + background: white; +} + +.theme-color-aqua [class*='bg-gradient'] .text-link-8:before, +.theme-color-aqua [class*='bg-color'] .text-link-8:before { + background: rgba(255, 255, 255, 0.3); +} + +.theme-color-aqua .form-style-2 input:focus, .theme-color-aqua .form-style-2 textarea:focus, .theme-color-aqua .form-style-2 .custom-select:focus, .theme-color-aqua .form-style-2 .form-control:focus, +.theme-color-aqua .form-style-4 input:focus, +.theme-color-aqua .form-style-4 textarea:focus, +.theme-color-aqua .form-style-4 .custom-select:focus, +.theme-color-aqua .form-style-4 .form-control:focus { + border-color: #03D4D8; +} diff --git a/static/assets/css/theme-colors/theme-color-blue.css b/static/assets/css/theme-colors/theme-color-blue.css new file mode 100644 index 0000000..7a65e15 --- /dev/null +++ b/static/assets/css/theme-colors/theme-color-blue.css @@ -0,0 +1,412 @@ +/*------------------------------------------------ +* +* Theme Color - Blue +* +-------------------------------------------------*/ +.theme-color-blue a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover { + color: #0093E9; +} + +.theme-color-blue [class*='bg-gradient'] a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover, +.theme-color-blue [class*='bg-color'] a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover { + color: white; +} + + +.theme-color-blue .header .header-menu:not([class*='dropdown-color']) .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):hover, .theme-color-blue .header .header-menu:not([class*='dropdown-color']) .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):focus { + color: #0093E9; +} + + +.theme-color-blue .bg-color-theme { + background: #0093E9; +} + +.theme-color-blue .bg-color-theme-09 { + background: rgba(0, 147, 233, 0.9); +} + +.theme-color-blue .bg-color-theme-08 { + background: rgba(0, 147, 233, 0.8); +} + +.theme-color-blue .bg-color-theme-07 { + background: rgba(0, 147, 233, 0.7); +} + +.theme-color-blue .bg-color-theme-06 { + background: rgba(0, 147, 233, 0.6); +} + +.theme-color-blue .bg-color-theme-05 { + background: rgba(0, 147, 233, 0.5); +} + +.theme-color-blue .bg-color-theme-04 { + background: rgba(0, 147, 233, 0.4); +} + +.theme-color-blue .bg-color-theme-03 { + background: rgba(0, 147, 233, 0.3); +} + +.theme-color-blue .bg-color-theme-02 { + background: rgba(0, 147, 233, 0.2); +} + +.theme-color-blue .bg-color-theme-01 { + background: rgba(0, 147, 233, 0.1); +} + +.theme-color-blue .bg-light-theme { + background: #e2f2fb; +} + +.theme-color-blue .button-theme { + background: #0093E9; +} + +.theme-color-blue .button-outline-theme { + border-color: #0093E9; + color: #0093E9; +} + +.theme-color-blue .button-outline-theme:hover, .theme-color-blue .button-outline-theme:focus { + background: #0093E9; + color: white; +} + +.theme-color-blue .button-circle-theme { + background: #0093E9; +} + +.theme-color-blue .button-circle-outline-theme { + border-color: #0093E9; + color: #0093E9; +} + +.theme-color-blue .button-circle-outline-theme:hover, .theme-color-blue .button-circle-outline-theme:focus { + background: #0093E9; +} + +.theme-color-blue .button-backdrop-color-theme { + background: #0093E9; +} + +.theme-color-blue .button-text-theme.button-text-1, .theme-color-blue .button-text-theme.button-text-2, .theme-color-blue .button-text-theme.button-text-3 { + color: #0093E9; +} + +.theme-color-blue .button-text-theme.button-text-1:hover, .theme-color-blue .button-text-theme.button-text-2:hover, .theme-color-blue .button-text-theme.button-text-3:hover { + color: #0093E9; +} + +.theme-color-blue .button-text-theme.button-text-1:before { + background: rgba(0, 147, 233, 0.3); +} + +.theme-color-blue .button-text-theme.button-text-1:after { + background: #0093E9; +} + +.theme-color-blue .button-text-theme.button-text-2:before { + background: rgba(0, 147, 233, 0.1); +} + +.theme-color-blue .button-text-theme.button-text-2:after { + background: #0093E9; +} + +.theme-color-blue .button-text-theme.button-text-3:before { + background: #0093E9; +} + +.theme-color-blue .button-text-theme.button-text-3:hover:before { + background: #0093E9; +} + +.theme-color-blue .bg-black .button-text-theme.button-text-1, .theme-color-blue .bg-black .button-text-theme.button-text-2, .theme-color-blue .bg-black .button-text-theme.button-text-3, +.theme-color-blue [class*='bg-dark'] .button-text-theme.button-text-1, +.theme-color-blue [class*='bg-dark'] .button-text-theme.button-text-2, +.theme-color-blue [class*='bg-dark'] .button-text-theme.button-text-3 { + color: #0093E9; +} + +.theme-color-blue .bg-black .button-text-theme.button-text-1:hover, .theme-color-blue .bg-black .button-text-theme.button-text-2:hover, .theme-color-blue .bg-black .button-text-theme.button-text-3:hover, +.theme-color-blue [class*='bg-dark'] .button-text-theme.button-text-1:hover, +.theme-color-blue [class*='bg-dark'] .button-text-theme.button-text-2:hover, +.theme-color-blue [class*='bg-dark'] .button-text-theme.button-text-3:hover { + color: #0093E9; +} + +.theme-color-blue .bg-black .button-text-theme.button-text-1:before, +.theme-color-blue [class*='bg-dark'] .button-text-theme.button-text-1:before { + background: rgba(0, 147, 233, 0.3); +} + +.theme-color-blue .bg-black .button-text-theme.button-text-1:after, +.theme-color-blue [class*='bg-dark'] .button-text-theme.button-text-1:after { + background: #0093E9; +} + +.theme-color-blue .bg-black .button-text-theme.button-text-2:before, +.theme-color-blue [class*='bg-dark'] .button-text-theme.button-text-2:before { + background: rgba(0, 147, 233, 0.3); +} + +.theme-color-blue .bg-black .button-text-theme.button-text-2:after, +.theme-color-blue [class*='bg-dark'] .button-text-theme.button-text-2:after { + background: #0093E9; +} + +.theme-color-blue .bg-black .button-text-theme.button-text-3:before, +.theme-color-blue [class*='bg-dark'] .button-text-theme.button-text-3:before { + background: #0093E9; +} + +.theme-color-blue .bg-black .button-text-theme.button-text-3:hover:before, +.theme-color-blue [class*='bg-dark'] .button-text-theme.button-text-3:hover:before { + background: #0093E9; +} + +.theme-color-blue .text-color-theme { + color: #0093E9; +} + +.theme-color-blue .progress-box.progress-theme .animated-progress div { + background: #0093E9; +} + +.theme-color-blue [class*='bg-gradient'] .progress-box.progress-theme .animated-progress div, +.theme-color-blue [class*='bg-color'] .progress-box.progress-theme .animated-progress div { + background: white; +} + +.theme-color-blue.preloader-theme .preloader-1 div .loader-path { + stroke: #0093E9; +} + +.theme-color-blue.preloader-theme .preloader-2 div span { + background: #0093E9; + background: linear-gradient(to right, #0093E9 10%, transparent 40%); +} + +.theme-color-blue.preloader-theme .preloader-2 div span:before { + background: #0093E9; +} + +.theme-color-blue.preloader-theme .preloader-3 div span:before, .theme-color-blue.preloader-theme .preloader-3 div span:after { + background: rgba(0, 147, 233, 0.2); +} + +.theme-color-blue .accordion li .accordion-title { + border-color: rgba(0, 147, 233, 0.1); +} + +.theme-color-blue .accordion li .accordion-title:before, .theme-color-blue .accordion li .accordion-title:after { + background: #0093E9; +} + +.theme-color-blue .accordion li .accordion-title h1, .theme-color-blue .accordion li .accordion-title h2, .theme-color-blue .accordion li .accordion-title h3, .theme-color-blue .accordion li .accordion-title h4, .theme-color-blue .accordion li .accordion-title h5, .theme-color-blue .accordion li .accordion-title h6 { + color: #0093E9; +} + +.theme-color-blue .accordion li.active .accordion-title { + border-color: #0093E9; +} + +.theme-color-blue .accordion.style-3 li .accordion-title { + background: #e2f2fb; +} + +.theme-color-blue .accordion.style-3 li.active .accordion-title { + background: #0093E9; + color: white; +} + +.theme-color-blue .accordion.style-3 li.active .accordion-title:before, .theme-color-blue .accordion.style-3 li.active .accordion-title:after { + background: white; +} + +.theme-color-blue .accordion.style-3 li.active .accordion-title h1, .theme-color-blue .accordion.style-3 li.active .accordion-title h2, .theme-color-blue .accordion.style-3 li.active .accordion-title h3, .theme-color-blue .accordion.style-3 li.active .accordion-title h4, .theme-color-blue .accordion.style-3 li.active .accordion-title h5, .theme-color-blue .accordion.style-3 li.active .accordion-title h6 { + color: white; +} + +.theme-color-blue .bg-black .accordion li .accordion-title, +.theme-color-blue [class*='bg-dark'] .accordion li .accordion-title { + border-color: rgba(255, 255, 255, 0.2); +} + +.theme-color-blue .bg-black .accordion li .accordion-title:before, .theme-color-blue .bg-black .accordion li .accordion-title:after, +.theme-color-blue [class*='bg-dark'] .accordion li .accordion-title:before, +.theme-color-blue [class*='bg-dark'] .accordion li .accordion-title:after { + background: white; +} + +.theme-color-blue .bg-black .accordion li.active .accordion-title, +.theme-color-blue [class*='bg-dark'] .accordion li.active .accordion-title { + border-color: #0093E9; +} + +.theme-color-blue .bg-black .accordion.style-3 li .accordion-title, +.theme-color-blue [class*='bg-dark'] .accordion.style-3 li .accordion-title { + background: rgba(255, 255, 255, 0.1); +} + +.theme-color-blue .bg-black .accordion.style-3 li.active .accordion-title, +.theme-color-blue [class*='bg-dark'] .accordion.style-3 li.active .accordion-title { + background: #0093E9; + color: white; +} + +.theme-color-blue .bg-black .accordion.style-3 li.active .accordion-title:before, .theme-color-blue .bg-black .accordion.style-3 li.active .accordion-title:after, +.theme-color-blue [class*='bg-dark'] .accordion.style-3 li.active .accordion-title:before, +.theme-color-blue [class*='bg-dark'] .accordion.style-3 li.active .accordion-title:after { + background: white; +} + +.theme-color-blue .bg-black .accordion.style-3 li.active .accordion-title h1, .theme-color-blue .bg-black .accordion.style-3 li.active .accordion-title h2, .theme-color-blue .bg-black .accordion.style-3 li.active .accordion-title h3, .theme-color-blue .bg-black .accordion.style-3 li.active .accordion-title h4, .theme-color-blue .bg-black .accordion.style-3 li.active .accordion-title h5, .theme-color-blue .bg-black .accordion.style-3 li.active .accordion-title h6, +.theme-color-blue [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h1, +.theme-color-blue [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h2, +.theme-color-blue [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h3, +.theme-color-blue [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h4, +.theme-color-blue [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h5, +.theme-color-blue [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h6 { + color: white; +} + +.theme-color-blue [class*='bg-gradient'] .accordion li .accordion-title, +.theme-color-blue [class*='bg-color'] .accordion li .accordion-title { + border-color: rgba(255, 255, 255, 0.2); +} + +.theme-color-blue [class*='bg-gradient'] .accordion li .accordion-title h1, .theme-color-blue [class*='bg-gradient'] .accordion li .accordion-title h2, .theme-color-blue [class*='bg-gradient'] .accordion li .accordion-title h3, .theme-color-blue [class*='bg-gradient'] .accordion li .accordion-title h4, .theme-color-blue [class*='bg-gradient'] .accordion li .accordion-title h5, .theme-color-blue [class*='bg-gradient'] .accordion li .accordion-title h6, +.theme-color-blue [class*='bg-color'] .accordion li .accordion-title h1, +.theme-color-blue [class*='bg-color'] .accordion li .accordion-title h2, +.theme-color-blue [class*='bg-color'] .accordion li .accordion-title h3, +.theme-color-blue [class*='bg-color'] .accordion li .accordion-title h4, +.theme-color-blue [class*='bg-color'] .accordion li .accordion-title h5, +.theme-color-blue [class*='bg-color'] .accordion li .accordion-title h6 { + color: white; +} + +.theme-color-blue [class*='bg-gradient'] .accordion li .accordion-title:before, .theme-color-blue [class*='bg-gradient'] .accordion li .accordion-title:after, +.theme-color-blue [class*='bg-color'] .accordion li .accordion-title:before, +.theme-color-blue [class*='bg-color'] .accordion li .accordion-title:after { + background: white; +} + +.theme-color-blue [class*='bg-gradient'] .accordion li.active .accordion-title, +.theme-color-blue [class*='bg-color'] .accordion li.active .accordion-title { + border-color: white; +} + +.theme-color-blue [class*='bg-gradient'] .accordion.style-3 li .accordion-title, +.theme-color-blue [class*='bg-color'] .accordion.style-3 li .accordion-title { + background: rgba(255, 255, 255, 0.1); +} + +.theme-color-blue [class*='bg-gradient'] .accordion.style-3 li .accordion-title h1, .theme-color-blue [class*='bg-gradient'] .accordion.style-3 li .accordion-title h2, .theme-color-blue [class*='bg-gradient'] .accordion.style-3 li .accordion-title h3, .theme-color-blue [class*='bg-gradient'] .accordion.style-3 li .accordion-title h4, .theme-color-blue [class*='bg-gradient'] .accordion.style-3 li .accordion-title h5, .theme-color-blue [class*='bg-gradient'] .accordion.style-3 li .accordion-title h6, +.theme-color-blue [class*='bg-color'] .accordion.style-3 li .accordion-title h1, +.theme-color-blue [class*='bg-color'] .accordion.style-3 li .accordion-title h2, +.theme-color-blue [class*='bg-color'] .accordion.style-3 li .accordion-title h3, +.theme-color-blue [class*='bg-color'] .accordion.style-3 li .accordion-title h4, +.theme-color-blue [class*='bg-color'] .accordion.style-3 li .accordion-title h5, +.theme-color-blue [class*='bg-color'] .accordion.style-3 li .accordion-title h6 { + color: white; +} + +.theme-color-blue [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title, +.theme-color-blue [class*='bg-color'] .accordion.style-3 li.active .accordion-title { + background: white; + color: #7C7C7C; +} + +.theme-color-blue [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title:before, .theme-color-blue [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title:after, +.theme-color-blue [class*='bg-color'] .accordion.style-3 li.active .accordion-title:before, +.theme-color-blue [class*='bg-color'] .accordion.style-3 li.active .accordion-title:after { + background: black; +} + +.theme-color-blue [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h1, .theme-color-blue [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h2, .theme-color-blue [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h3, .theme-color-blue [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h4, .theme-color-blue [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h5, .theme-color-blue [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h6, +.theme-color-blue [class*='bg-color'] .accordion.style-3 li.active .accordion-title h1, +.theme-color-blue [class*='bg-color'] .accordion.style-3 li.active .accordion-title h2, +.theme-color-blue [class*='bg-color'] .accordion.style-3 li.active .accordion-title h3, +.theme-color-blue [class*='bg-color'] .accordion.style-3 li.active .accordion-title h4, +.theme-color-blue [class*='bg-color'] .accordion.style-3 li.active .accordion-title h5, +.theme-color-blue [class*='bg-color'] .accordion.style-3 li.active .accordion-title h6 { + color: black; +} + +.theme-color-blue .text-link-2:before, +.theme-color-blue .text-link-3:before, +.theme-color-blue .text-link-4:before { + background: #0093E9; +} + +.theme-color-blue .text-link-5:after, +.theme-color-blue .text-link-6:after, +.theme-color-blue .text-link-7:after { + background: #0093E9; +} + +.theme-color-blue .text-link-8:before { + background: rgba(0, 147, 233, 0.1); +} + +.theme-color-blue .bg-black .text-link-2:before, +.theme-color-blue .bg-black .text-link-3:before, +.theme-color-blue .bg-black .text-link-4:before, +.theme-color-blue [class*='bg-dark'] .text-link-2:before, +.theme-color-blue [class*='bg-dark'] .text-link-3:before, +.theme-color-blue [class*='bg-dark'] .text-link-4:before { + background: #0093E9; +} + +.theme-color-blue .bg-black .text-link-5:after, +.theme-color-blue .bg-black .text-link-6:after, +.theme-color-blue .bg-black .text-link-7:after, +.theme-color-blue [class*='bg-dark'] .text-link-5:after, +.theme-color-blue [class*='bg-dark'] .text-link-6:after, +.theme-color-blue [class*='bg-dark'] .text-link-7:after { + background: #0093E9; +} + +.theme-color-blue .bg-black .text-link-8:before, +.theme-color-blue [class*='bg-dark'] .text-link-8:before { + background: rgba(0, 147, 233, 0.1); +} + +.theme-color-blue [class*='bg-gradient'] .text-link-2:before, .theme-color-blue [class*='bg-gradient'] .text-link-3:before, .theme-color-blue [class*='bg-gradient'] .text-link-4:before, +.theme-color-blue [class*='bg-color'] .text-link-2:before, +.theme-color-blue [class*='bg-color'] .text-link-3:before, +.theme-color-blue [class*='bg-color'] .text-link-4:before { + background: white; +} + +.theme-color-blue [class*='bg-gradient'] .text-link-5:before, .theme-color-blue [class*='bg-gradient'] .text-link-6:before, .theme-color-blue [class*='bg-gradient'] .text-link-7:before, +.theme-color-blue [class*='bg-color'] .text-link-5:before, +.theme-color-blue [class*='bg-color'] .text-link-6:before, +.theme-color-blue [class*='bg-color'] .text-link-7:before { + background: rgba(255, 255, 255, 0.3); +} + +.theme-color-blue [class*='bg-gradient'] .text-link-5:after, .theme-color-blue [class*='bg-gradient'] .text-link-6:after, .theme-color-blue [class*='bg-gradient'] .text-link-7:after, +.theme-color-blue [class*='bg-color'] .text-link-5:after, +.theme-color-blue [class*='bg-color'] .text-link-6:after, +.theme-color-blue [class*='bg-color'] .text-link-7:after { + background: white; +} + +.theme-color-blue [class*='bg-gradient'] .text-link-8:before, +.theme-color-blue [class*='bg-color'] .text-link-8:before { + background: rgba(255, 255, 255, 0.3); +} + +.theme-color-blue .form-style-2 input:focus, .theme-color-blue .form-style-2 textarea:focus, .theme-color-blue .form-style-2 .custom-select:focus, .theme-color-blue .form-style-2 .form-control:focus, +.theme-color-blue .form-style-4 input:focus, +.theme-color-blue .form-style-4 textarea:focus, +.theme-color-blue .form-style-4 .custom-select:focus, +.theme-color-blue .form-style-4 .form-control:focus { + border-color: #0093E9; +} \ No newline at end of file diff --git a/static/assets/css/theme-colors/theme-color-golden-yellow.css b/static/assets/css/theme-colors/theme-color-golden-yellow.css new file mode 100644 index 0000000..f7bdb3c --- /dev/null +++ b/static/assets/css/theme-colors/theme-color-golden-yellow.css @@ -0,0 +1,412 @@ +/*------------------------------------------------ +* +* Theme Color - Golden Yellow +* +-------------------------------------------------*/ +.theme-color-golden-yellow a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover { + color: #FFB657; +} + +.theme-color-golden-yellow [class*='bg-gradient'] a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover, +.theme-color-golden-yellow [class*='bg-color'] a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover { + color: white; +} + + +.theme-color-golden-yellow .header .header-menu:not([class*='dropdown-color']) .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):hover, .theme-color-golden-yellow .header .header-menu:not([class*='dropdown-color']) .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):focus { + color: #FFB657; +} + + +.theme-color-golden-yellow .bg-color-theme { + background: #FFB657; +} + +.theme-color-golden-yellow .bg-color-theme-09 { + background: rgba(255, 182, 87, 0.9); +} + +.theme-color-golden-yellow .bg-color-theme-08 { + background: rgba(255, 182, 87, 0.8); +} + +.theme-color-golden-yellow .bg-color-theme-07 { + background: rgba(255, 182, 87, 0.7); +} + +.theme-color-golden-yellow .bg-color-theme-06 { + background: rgba(255, 182, 87, 0.6); +} + +.theme-color-golden-yellow .bg-color-theme-05 { + background: rgba(255, 182, 87, 0.5); +} + +.theme-color-golden-yellow .bg-color-theme-04 { + background: rgba(255, 182, 87, 0.4); +} + +.theme-color-golden-yellow .bg-color-theme-03 { + background: rgba(255, 182, 87, 0.3); +} + +.theme-color-golden-yellow .bg-color-theme-02 { + background: rgba(255, 182, 87, 0.2); +} + +.theme-color-golden-yellow .bg-color-theme-01 { + background: rgba(255, 182, 87, 0.1); +} + +.theme-color-golden-yellow .bg-light-theme { + background: #FFEFDB; +} + +.theme-color-golden-yellow .button-theme { + background: #FFB657; +} + +.theme-color-golden-yellow .button-outline-theme { + border-color: #FFB657; + color: #FFB657; +} + +.theme-color-golden-yellow .button-outline-theme:hover, .theme-color-golden-yellow .button-outline-theme:focus { + background: #FFB657; + color: white; +} + +.theme-color-golden-yellow .button-circle-theme { + background: #FFB657; +} + +.theme-color-golden-yellow .button-circle-outline-theme { + border-color: #FFB657; + color: #FFB657; +} + +.theme-color-golden-yellow .button-circle-outline-theme:hover, .theme-color-golden-yellow .button-circle-outline-theme:focus { + background: #FFB657; +} + +.theme-color-golden-yellow .button-backdrop-color-theme { + background: #FFB657; +} + +.theme-color-golden-yellow .button-text-theme.button-text-1, .theme-color-golden-yellow .button-text-theme.button-text-2, .theme-color-golden-yellow .button-text-theme.button-text-3 { + color: #FFB657; +} + +.theme-color-golden-yellow .button-text-theme.button-text-1:hover, .theme-color-golden-yellow .button-text-theme.button-text-2:hover, .theme-color-golden-yellow .button-text-theme.button-text-3:hover { + color: #FFB657; +} + +.theme-color-golden-yellow .button-text-theme.button-text-1:before { + background: rgba(255, 182, 87, 0.3); +} + +.theme-color-golden-yellow .button-text-theme.button-text-1:after { + background: #FFB657; +} + +.theme-color-golden-yellow .button-text-theme.button-text-2:before { + background: rgba(255, 182, 87, 0.1); +} + +.theme-color-golden-yellow .button-text-theme.button-text-2:after { + background: #FFB657; +} + +.theme-color-golden-yellow .button-text-theme.button-text-3:before { + background: #FFB657; +} + +.theme-color-golden-yellow .button-text-theme.button-text-3:hover:before { + background: #FFB657; +} + +.theme-color-golden-yellow .bg-black .button-text-theme.button-text-1, .theme-color-golden-yellow .bg-black .button-text-theme.button-text-2, .theme-color-golden-yellow .bg-black .button-text-theme.button-text-3, +.theme-color-golden-yellow [class*='bg-dark'] .button-text-theme.button-text-1, +.theme-color-golden-yellow [class*='bg-dark'] .button-text-theme.button-text-2, +.theme-color-golden-yellow [class*='bg-dark'] .button-text-theme.button-text-3 { + color: #FFB657; +} + +.theme-color-golden-yellow .bg-black .button-text-theme.button-text-1:hover, .theme-color-golden-yellow .bg-black .button-text-theme.button-text-2:hover, .theme-color-golden-yellow .bg-black .button-text-theme.button-text-3:hover, +.theme-color-golden-yellow [class*='bg-dark'] .button-text-theme.button-text-1:hover, +.theme-color-golden-yellow [class*='bg-dark'] .button-text-theme.button-text-2:hover, +.theme-color-golden-yellow [class*='bg-dark'] .button-text-theme.button-text-3:hover { + color: #FFB657; +} + +.theme-color-golden-yellow .bg-black .button-text-theme.button-text-1:before, +.theme-color-golden-yellow [class*='bg-dark'] .button-text-theme.button-text-1:before { + background: rgba(255, 182, 87, 0.3); +} + +.theme-color-golden-yellow .bg-black .button-text-theme.button-text-1:after, +.theme-color-golden-yellow [class*='bg-dark'] .button-text-theme.button-text-1:after { + background: #FFB657; +} + +.theme-color-golden-yellow .bg-black .button-text-theme.button-text-2:before, +.theme-color-golden-yellow [class*='bg-dark'] .button-text-theme.button-text-2:before { + background: rgba(255, 182, 87, 0.3); +} + +.theme-color-golden-yellow .bg-black .button-text-theme.button-text-2:after, +.theme-color-golden-yellow [class*='bg-dark'] .button-text-theme.button-text-2:after { + background: #FFB657; +} + +.theme-color-golden-yellow .bg-black .button-text-theme.button-text-3:before, +.theme-color-golden-yellow [class*='bg-dark'] .button-text-theme.button-text-3:before { + background: #FFB657; +} + +.theme-color-golden-yellow .bg-black .button-text-theme.button-text-3:hover:before, +.theme-color-golden-yellow [class*='bg-dark'] .button-text-theme.button-text-3:hover:before { + background: #FFB657; +} + +.theme-color-golden-yellow .text-color-theme { + color: #FFB657; +} + +.theme-color-golden-yellow .progress-box.progress-theme .animated-progress div { + background: #FFB657; +} + +.theme-color-golden-yellow [class*='bg-gradient'] .progress-box.progress-theme .animated-progress div, +.theme-color-golden-yellow [class*='bg-color'] .progress-box.progress-theme .animated-progress div { + background: white; +} + +.theme-color-golden-yellow.preloader-theme .preloader-1 div .loader-path { + stroke: #FFB657; +} + +.theme-color-golden-yellow.preloader-theme .preloader-2 div span { + background: #FFB657; + background: linear-gradient(to right, #FFB657 10%, transparent 40%); +} + +.theme-color-golden-yellow.preloader-theme .preloader-2 div span:before { + background: #FFB657; +} + +.theme-color-golden-yellow.preloader-theme .preloader-3 div span:before, .theme-color-golden-yellow.preloader-theme .preloader-3 div span:after { + background: rgba(255, 182, 87, 0.2); +} + +.theme-color-golden-yellow .accordion li .accordion-title { + border-color: rgba(255, 182, 87, 0.1); +} + +.theme-color-golden-yellow .accordion li .accordion-title:before, .theme-color-golden-yellow .accordion li .accordion-title:after { + background: #FFB657; +} + +.theme-color-golden-yellow .accordion li .accordion-title h1, .theme-color-golden-yellow .accordion li .accordion-title h2, .theme-color-golden-yellow .accordion li .accordion-title h3, .theme-color-golden-yellow .accordion li .accordion-title h4, .theme-color-golden-yellow .accordion li .accordion-title h5, .theme-color-golden-yellow .accordion li .accordion-title h6 { + color: #FFB657; +} + +.theme-color-golden-yellow .accordion li.active .accordion-title { + border-color: #FFB657; +} + +.theme-color-golden-yellow .accordion.style-3 li .accordion-title { + background: #FFEFDB; +} + +.theme-color-golden-yellow .accordion.style-3 li.active .accordion-title { + background: #FFB657; + color: white; +} + +.theme-color-golden-yellow .accordion.style-3 li.active .accordion-title:before, .theme-color-golden-yellow .accordion.style-3 li.active .accordion-title:after { + background: white; +} + +.theme-color-golden-yellow .accordion.style-3 li.active .accordion-title h1, .theme-color-golden-yellow .accordion.style-3 li.active .accordion-title h2, .theme-color-golden-yellow .accordion.style-3 li.active .accordion-title h3, .theme-color-golden-yellow .accordion.style-3 li.active .accordion-title h4, .theme-color-golden-yellow .accordion.style-3 li.active .accordion-title h5, .theme-color-golden-yellow .accordion.style-3 li.active .accordion-title h6 { + color: white; +} + +.theme-color-golden-yellow .bg-black .accordion li .accordion-title, +.theme-color-golden-yellow [class*='bg-dark'] .accordion li .accordion-title { + border-color: rgba(255, 255, 255, 0.2); +} + +.theme-color-golden-yellow .bg-black .accordion li .accordion-title:before, .theme-color-golden-yellow .bg-black .accordion li .accordion-title:after, +.theme-color-golden-yellow [class*='bg-dark'] .accordion li .accordion-title:before, +.theme-color-golden-yellow [class*='bg-dark'] .accordion li .accordion-title:after { + background: white; +} + +.theme-color-golden-yellow .bg-black .accordion li.active .accordion-title, +.theme-color-golden-yellow [class*='bg-dark'] .accordion li.active .accordion-title { + border-color: #FFB657; +} + +.theme-color-golden-yellow .bg-black .accordion.style-3 li .accordion-title, +.theme-color-golden-yellow [class*='bg-dark'] .accordion.style-3 li .accordion-title { + background: rgba(255, 255, 255, 0.1); +} + +.theme-color-golden-yellow .bg-black .accordion.style-3 li.active .accordion-title, +.theme-color-golden-yellow [class*='bg-dark'] .accordion.style-3 li.active .accordion-title { + background: #FFB657; + color: white; +} + +.theme-color-golden-yellow .bg-black .accordion.style-3 li.active .accordion-title:before, .theme-color-golden-yellow .bg-black .accordion.style-3 li.active .accordion-title:after, +.theme-color-golden-yellow [class*='bg-dark'] .accordion.style-3 li.active .accordion-title:before, +.theme-color-golden-yellow [class*='bg-dark'] .accordion.style-3 li.active .accordion-title:after { + background: white; +} + +.theme-color-golden-yellow .bg-black .accordion.style-3 li.active .accordion-title h1, .theme-color-golden-yellow .bg-black .accordion.style-3 li.active .accordion-title h2, .theme-color-golden-yellow .bg-black .accordion.style-3 li.active .accordion-title h3, .theme-color-golden-yellow .bg-black .accordion.style-3 li.active .accordion-title h4, .theme-color-golden-yellow .bg-black .accordion.style-3 li.active .accordion-title h5, .theme-color-golden-yellow .bg-black .accordion.style-3 li.active .accordion-title h6, +.theme-color-golden-yellow [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h1, +.theme-color-golden-yellow [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h2, +.theme-color-golden-yellow [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h3, +.theme-color-golden-yellow [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h4, +.theme-color-golden-yellow [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h5, +.theme-color-golden-yellow [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h6 { + color: white; +} + +.theme-color-golden-yellow [class*='bg-gradient'] .accordion li .accordion-title, +.theme-color-golden-yellow [class*='bg-color'] .accordion li .accordion-title { + border-color: rgba(255, 255, 255, 0.2); +} + +.theme-color-golden-yellow [class*='bg-gradient'] .accordion li .accordion-title h1, .theme-color-golden-yellow [class*='bg-gradient'] .accordion li .accordion-title h2, .theme-color-golden-yellow [class*='bg-gradient'] .accordion li .accordion-title h3, .theme-color-golden-yellow [class*='bg-gradient'] .accordion li .accordion-title h4, .theme-color-golden-yellow [class*='bg-gradient'] .accordion li .accordion-title h5, .theme-color-golden-yellow [class*='bg-gradient'] .accordion li .accordion-title h6, +.theme-color-golden-yellow [class*='bg-color'] .accordion li .accordion-title h1, +.theme-color-golden-yellow [class*='bg-color'] .accordion li .accordion-title h2, +.theme-color-golden-yellow [class*='bg-color'] .accordion li .accordion-title h3, +.theme-color-golden-yellow [class*='bg-color'] .accordion li .accordion-title h4, +.theme-color-golden-yellow [class*='bg-color'] .accordion li .accordion-title h5, +.theme-color-golden-yellow [class*='bg-color'] .accordion li .accordion-title h6 { + color: white; +} + +.theme-color-golden-yellow [class*='bg-gradient'] .accordion li .accordion-title:before, .theme-color-golden-yellow [class*='bg-gradient'] .accordion li .accordion-title:after, +.theme-color-golden-yellow [class*='bg-color'] .accordion li .accordion-title:before, +.theme-color-golden-yellow [class*='bg-color'] .accordion li .accordion-title:after { + background: white; +} + +.theme-color-golden-yellow [class*='bg-gradient'] .accordion li.active .accordion-title, +.theme-color-golden-yellow [class*='bg-color'] .accordion li.active .accordion-title { + border-color: white; +} + +.theme-color-golden-yellow [class*='bg-gradient'] .accordion.style-3 li .accordion-title, +.theme-color-golden-yellow [class*='bg-color'] .accordion.style-3 li .accordion-title { + background: rgba(255, 255, 255, 0.1); +} + +.theme-color-golden-yellow [class*='bg-gradient'] .accordion.style-3 li .accordion-title h1, .theme-color-golden-yellow [class*='bg-gradient'] .accordion.style-3 li .accordion-title h2, .theme-color-golden-yellow [class*='bg-gradient'] .accordion.style-3 li .accordion-title h3, .theme-color-golden-yellow [class*='bg-gradient'] .accordion.style-3 li .accordion-title h4, .theme-color-golden-yellow [class*='bg-gradient'] .accordion.style-3 li .accordion-title h5, .theme-color-golden-yellow [class*='bg-gradient'] .accordion.style-3 li .accordion-title h6, +.theme-color-golden-yellow [class*='bg-color'] .accordion.style-3 li .accordion-title h1, +.theme-color-golden-yellow [class*='bg-color'] .accordion.style-3 li .accordion-title h2, +.theme-color-golden-yellow [class*='bg-color'] .accordion.style-3 li .accordion-title h3, +.theme-color-golden-yellow [class*='bg-color'] .accordion.style-3 li .accordion-title h4, +.theme-color-golden-yellow [class*='bg-color'] .accordion.style-3 li .accordion-title h5, +.theme-color-golden-yellow [class*='bg-color'] .accordion.style-3 li .accordion-title h6 { + color: white; +} + +.theme-color-golden-yellow [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title, +.theme-color-golden-yellow [class*='bg-color'] .accordion.style-3 li.active .accordion-title { + background: white; + color: #7C7C7C; +} + +.theme-color-golden-yellow [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title:before, .theme-color-golden-yellow [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title:after, +.theme-color-golden-yellow [class*='bg-color'] .accordion.style-3 li.active .accordion-title:before, +.theme-color-golden-yellow [class*='bg-color'] .accordion.style-3 li.active .accordion-title:after { + background: black; +} + +.theme-color-golden-yellow [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h1, .theme-color-golden-yellow [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h2, .theme-color-golden-yellow [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h3, .theme-color-golden-yellow [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h4, .theme-color-golden-yellow [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h5, .theme-color-golden-yellow [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h6, +.theme-color-golden-yellow [class*='bg-color'] .accordion.style-3 li.active .accordion-title h1, +.theme-color-golden-yellow [class*='bg-color'] .accordion.style-3 li.active .accordion-title h2, +.theme-color-golden-yellow [class*='bg-color'] .accordion.style-3 li.active .accordion-title h3, +.theme-color-golden-yellow [class*='bg-color'] .accordion.style-3 li.active .accordion-title h4, +.theme-color-golden-yellow [class*='bg-color'] .accordion.style-3 li.active .accordion-title h5, +.theme-color-golden-yellow [class*='bg-color'] .accordion.style-3 li.active .accordion-title h6 { + color: black; +} + +.theme-color-golden-yellow .text-link-2:before, +.theme-color-golden-yellow .text-link-3:before, +.theme-color-golden-yellow .text-link-4:before { + background: #FFB657; +} + +.theme-color-golden-yellow .text-link-5:after, +.theme-color-golden-yellow .text-link-6:after, +.theme-color-golden-yellow .text-link-7:after { + background: #FFB657; +} + +.theme-color-golden-yellow .text-link-8:before { + background: rgba(255, 182, 87, 0.1); +} + +.theme-color-golden-yellow .bg-black .text-link-2:before, +.theme-color-golden-yellow .bg-black .text-link-3:before, +.theme-color-golden-yellow .bg-black .text-link-4:before, +.theme-color-golden-yellow [class*='bg-dark'] .text-link-2:before, +.theme-color-golden-yellow [class*='bg-dark'] .text-link-3:before, +.theme-color-golden-yellow [class*='bg-dark'] .text-link-4:before { + background: #FFB657; +} + +.theme-color-golden-yellow .bg-black .text-link-5:after, +.theme-color-golden-yellow .bg-black .text-link-6:after, +.theme-color-golden-yellow .bg-black .text-link-7:after, +.theme-color-golden-yellow [class*='bg-dark'] .text-link-5:after, +.theme-color-golden-yellow [class*='bg-dark'] .text-link-6:after, +.theme-color-golden-yellow [class*='bg-dark'] .text-link-7:after { + background: #FFB657; +} + +.theme-color-golden-yellow .bg-black .text-link-8:before, +.theme-color-golden-yellow [class*='bg-dark'] .text-link-8:before { + background: rgba(255, 182, 87, 0.1); +} + +.theme-color-golden-yellow [class*='bg-gradient'] .text-link-2:before, .theme-color-golden-yellow [class*='bg-gradient'] .text-link-3:before, .theme-color-golden-yellow [class*='bg-gradient'] .text-link-4:before, +.theme-color-golden-yellow [class*='bg-color'] .text-link-2:before, +.theme-color-golden-yellow [class*='bg-color'] .text-link-3:before, +.theme-color-golden-yellow [class*='bg-color'] .text-link-4:before { + background: white; +} + +.theme-color-golden-yellow [class*='bg-gradient'] .text-link-5:before, .theme-color-golden-yellow [class*='bg-gradient'] .text-link-6:before, .theme-color-golden-yellow [class*='bg-gradient'] .text-link-7:before, +.theme-color-golden-yellow [class*='bg-color'] .text-link-5:before, +.theme-color-golden-yellow [class*='bg-color'] .text-link-6:before, +.theme-color-golden-yellow [class*='bg-color'] .text-link-7:before { + background: rgba(255, 255, 255, 0.3); +} + +.theme-color-golden-yellow [class*='bg-gradient'] .text-link-5:after, .theme-color-golden-yellow [class*='bg-gradient'] .text-link-6:after, .theme-color-golden-yellow [class*='bg-gradient'] .text-link-7:after, +.theme-color-golden-yellow [class*='bg-color'] .text-link-5:after, +.theme-color-golden-yellow [class*='bg-color'] .text-link-6:after, +.theme-color-golden-yellow [class*='bg-color'] .text-link-7:after { + background: white; +} + +.theme-color-golden-yellow [class*='bg-gradient'] .text-link-8:before, +.theme-color-golden-yellow [class*='bg-color'] .text-link-8:before { + background: rgba(255, 255, 255, 0.3); +} + +.theme-color-golden-yellow .form-style-2 input:focus, .theme-color-golden-yellow .form-style-2 textarea:focus, .theme-color-golden-yellow .form-style-2 .custom-select:focus, .theme-color-golden-yellow .form-style-2 .form-control:focus, +.theme-color-golden-yellow .form-style-4 input:focus, +.theme-color-golden-yellow .form-style-4 textarea:focus, +.theme-color-golden-yellow .form-style-4 .custom-select:focus, +.theme-color-golden-yellow .form-style-4 .form-control:focus { + border-color: #FFB657; +} \ No newline at end of file diff --git a/static/assets/css/theme-colors/theme-color-pink-edge.css b/static/assets/css/theme-colors/theme-color-pink-edge.css new file mode 100644 index 0000000..9dd0978 --- /dev/null +++ b/static/assets/css/theme-colors/theme-color-pink-edge.css @@ -0,0 +1,412 @@ +/*------------------------------------------------ +* +* Theme Color - Pink Edge +* +-------------------------------------------------*/ +.theme-color-pink-edge a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover { + color: #FE9AB6; +} + +.theme-color-pink-edge [class*='bg-gradient'] a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover, +.theme-color-pink-edge [class*='bg-color'] a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover { + color: white; +} + + +.theme-color-pink-edge .header .header-menu:not([class*='dropdown-color']) .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):hover, .theme-color-pink-edge .header .header-menu:not([class*='dropdown-color']) .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):focus { + color: #FE9AB6; +} + + +.theme-color-pink-edge .bg-color-theme { + background: #FE9AB6; +} + +.theme-color-pink-edge .bg-color-theme-09 { + background: rgba(254, 154, 182, 0.9); +} + +.theme-color-pink-edge .bg-color-theme-08 { + background: rgba(254, 154, 182, 0.8); +} + +.theme-color-pink-edge .bg-color-theme-07 { + background: rgba(254, 154, 182, 0.7); +} + +.theme-color-pink-edge .bg-color-theme-06 { + background: rgba(254, 154, 182, 0.6); +} + +.theme-color-pink-edge .bg-color-theme-05 { + background: rgba(254, 154, 182, 0.5); +} + +.theme-color-pink-edge .bg-color-theme-04 { + background: rgba(254, 154, 182, 0.4); +} + +.theme-color-pink-edge .bg-color-theme-03 { + background: rgba(254, 154, 182, 0.3); +} + +.theme-color-pink-edge .bg-color-theme-02 { + background: rgba(254, 154, 182, 0.2); +} + +.theme-color-pink-edge .bg-color-theme-01 { + background: rgba(254, 154, 182, 0.1); +} + +.theme-color-pink-edge .bg-light-theme { + background: #FEE6ED; +} + +.theme-color-pink-edge .button-theme { + background: #FE9AB6; +} + +.theme-color-pink-edge .button-outline-theme { + border-color: #FE9AB6; + color: #FE9AB6; +} + +.theme-color-pink-edge .button-outline-theme:hover, .theme-color-pink-edge .button-outline-theme:focus { + background: #FE9AB6; + color: white; +} + +.theme-color-pink-edge .button-circle-theme { + background: #FE9AB6; +} + +.theme-color-pink-edge .button-circle-outline-theme { + border-color: #FE9AB6; + color: #FE9AB6; +} + +.theme-color-pink-edge .button-circle-outline-theme:hover, .theme-color-pink-edge .button-circle-outline-theme:focus { + background: #FE9AB6; +} + +.theme-color-pink-edge .button-backdrop-color-theme { + background: #FE9AB6; +} + +.theme-color-pink-edge .button-text-theme.button-text-1, .theme-color-pink-edge .button-text-theme.button-text-2, .theme-color-pink-edge .button-text-theme.button-text-3 { + color: #FE9AB6; +} + +.theme-color-pink-edge .button-text-theme.button-text-1:hover, .theme-color-pink-edge .button-text-theme.button-text-2:hover, .theme-color-pink-edge .button-text-theme.button-text-3:hover { + color: #FE9AB6; +} + +.theme-color-pink-edge .button-text-theme.button-text-1:before { + background: rgba(254, 154, 182, 0.3); +} + +.theme-color-pink-edge .button-text-theme.button-text-1:after { + background: #FE9AB6; +} + +.theme-color-pink-edge .button-text-theme.button-text-2:before { + background: rgba(254, 154, 182, 0.1); +} + +.theme-color-pink-edge .button-text-theme.button-text-2:after { + background: #FE9AB6; +} + +.theme-color-pink-edge .button-text-theme.button-text-3:before { + background: #FE9AB6; +} + +.theme-color-pink-edge .button-text-theme.button-text-3:hover:before { + background: #FE9AB6; +} + +.theme-color-pink-edge .bg-black .button-text-theme.button-text-1, .theme-color-pink-edge .bg-black .button-text-theme.button-text-2, .theme-color-pink-edge .bg-black .button-text-theme.button-text-3, +.theme-color-pink-edge [class*='bg-dark'] .button-text-theme.button-text-1, +.theme-color-pink-edge [class*='bg-dark'] .button-text-theme.button-text-2, +.theme-color-pink-edge [class*='bg-dark'] .button-text-theme.button-text-3 { + color: #FE9AB6; +} + +.theme-color-pink-edge .bg-black .button-text-theme.button-text-1:hover, .theme-color-pink-edge .bg-black .button-text-theme.button-text-2:hover, .theme-color-pink-edge .bg-black .button-text-theme.button-text-3:hover, +.theme-color-pink-edge [class*='bg-dark'] .button-text-theme.button-text-1:hover, +.theme-color-pink-edge [class*='bg-dark'] .button-text-theme.button-text-2:hover, +.theme-color-pink-edge [class*='bg-dark'] .button-text-theme.button-text-3:hover { + color: #FE9AB6; +} + +.theme-color-pink-edge .bg-black .button-text-theme.button-text-1:before, +.theme-color-pink-edge [class*='bg-dark'] .button-text-theme.button-text-1:before { + background: rgba(254, 154, 182, 0.3); +} + +.theme-color-pink-edge .bg-black .button-text-theme.button-text-1:after, +.theme-color-pink-edge [class*='bg-dark'] .button-text-theme.button-text-1:after { + background: #FE9AB6; +} + +.theme-color-pink-edge .bg-black .button-text-theme.button-text-2:before, +.theme-color-pink-edge [class*='bg-dark'] .button-text-theme.button-text-2:before { + background: rgba(254, 154, 182, 0.3); +} + +.theme-color-pink-edge .bg-black .button-text-theme.button-text-2:after, +.theme-color-pink-edge [class*='bg-dark'] .button-text-theme.button-text-2:after { + background: #FE9AB6; +} + +.theme-color-pink-edge .bg-black .button-text-theme.button-text-3:before, +.theme-color-pink-edge [class*='bg-dark'] .button-text-theme.button-text-3:before { + background: #FE9AB6; +} + +.theme-color-pink-edge .bg-black .button-text-theme.button-text-3:hover:before, +.theme-color-pink-edge [class*='bg-dark'] .button-text-theme.button-text-3:hover:before { + background: #FE9AB6; +} + +.theme-color-pink-edge .text-color-theme { + color: #FE9AB6; +} + +.theme-color-pink-edge .progress-box.progress-theme .animated-progress div { + background: #FE9AB6; +} + +.theme-color-pink-edge [class*='bg-gradient'] .progress-box.progress-theme .animated-progress div, +.theme-color-pink-edge [class*='bg-color'] .progress-box.progress-theme .animated-progress div { + background: white; +} + +.theme-color-pink-edge.preloader-theme .preloader-1 div .loader-path { + stroke: #FE9AB6; +} + +.theme-color-pink-edge.preloader-theme .preloader-2 div span { + background: #FE9AB6; + background: linear-gradient(to right, #FE9AB6 10%, transparent 40%); +} + +.theme-color-pink-edge.preloader-theme .preloader-2 div span:before { + background: #FE9AB6; +} + +.theme-color-pink-edge.preloader-theme .preloader-3 div span:before, .theme-color-pink-edge.preloader-theme .preloader-3 div span:after { + background: rgba(254, 154, 182, 0.2); +} + +.theme-color-pink-edge .accordion li .accordion-title { + border-color: rgba(254, 154, 182, 0.1); +} + +.theme-color-pink-edge .accordion li .accordion-title:before, .theme-color-pink-edge .accordion li .accordion-title:after { + background: #FE9AB6; +} + +.theme-color-pink-edge .accordion li .accordion-title h1, .theme-color-pink-edge .accordion li .accordion-title h2, .theme-color-pink-edge .accordion li .accordion-title h3, .theme-color-pink-edge .accordion li .accordion-title h4, .theme-color-pink-edge .accordion li .accordion-title h5, .theme-color-pink-edge .accordion li .accordion-title h6 { + color: #FE9AB6; +} + +.theme-color-pink-edge .accordion li.active .accordion-title { + border-color: #FE9AB6; +} + +.theme-color-pink-edge .accordion.style-3 li .accordion-title { + background: #FEE6ED; +} + +.theme-color-pink-edge .accordion.style-3 li.active .accordion-title { + background: #FE9AB6; + color: white; +} + +.theme-color-pink-edge .accordion.style-3 li.active .accordion-title:before, .theme-color-pink-edge .accordion.style-3 li.active .accordion-title:after { + background: white; +} + +.theme-color-pink-edge .accordion.style-3 li.active .accordion-title h1, .theme-color-pink-edge .accordion.style-3 li.active .accordion-title h2, .theme-color-pink-edge .accordion.style-3 li.active .accordion-title h3, .theme-color-pink-edge .accordion.style-3 li.active .accordion-title h4, .theme-color-pink-edge .accordion.style-3 li.active .accordion-title h5, .theme-color-pink-edge .accordion.style-3 li.active .accordion-title h6 { + color: white; +} + +.theme-color-pink-edge .bg-black .accordion li .accordion-title, +.theme-color-pink-edge [class*='bg-dark'] .accordion li .accordion-title { + border-color: rgba(255, 255, 255, 0.2); +} + +.theme-color-pink-edge .bg-black .accordion li .accordion-title:before, .theme-color-pink-edge .bg-black .accordion li .accordion-title:after, +.theme-color-pink-edge [class*='bg-dark'] .accordion li .accordion-title:before, +.theme-color-pink-edge [class*='bg-dark'] .accordion li .accordion-title:after { + background: white; +} + +.theme-color-pink-edge .bg-black .accordion li.active .accordion-title, +.theme-color-pink-edge [class*='bg-dark'] .accordion li.active .accordion-title { + border-color: #FE9AB6; +} + +.theme-color-pink-edge .bg-black .accordion.style-3 li .accordion-title, +.theme-color-pink-edge [class*='bg-dark'] .accordion.style-3 li .accordion-title { + background: rgba(255, 255, 255, 0.1); +} + +.theme-color-pink-edge .bg-black .accordion.style-3 li.active .accordion-title, +.theme-color-pink-edge [class*='bg-dark'] .accordion.style-3 li.active .accordion-title { + background: #FE9AB6; + color: white; +} + +.theme-color-pink-edge .bg-black .accordion.style-3 li.active .accordion-title:before, .theme-color-pink-edge .bg-black .accordion.style-3 li.active .accordion-title:after, +.theme-color-pink-edge [class*='bg-dark'] .accordion.style-3 li.active .accordion-title:before, +.theme-color-pink-edge [class*='bg-dark'] .accordion.style-3 li.active .accordion-title:after { + background: white; +} + +.theme-color-pink-edge .bg-black .accordion.style-3 li.active .accordion-title h1, .theme-color-pink-edge .bg-black .accordion.style-3 li.active .accordion-title h2, .theme-color-pink-edge .bg-black .accordion.style-3 li.active .accordion-title h3, .theme-color-pink-edge .bg-black .accordion.style-3 li.active .accordion-title h4, .theme-color-pink-edge .bg-black .accordion.style-3 li.active .accordion-title h5, .theme-color-pink-edge .bg-black .accordion.style-3 li.active .accordion-title h6, +.theme-color-pink-edge [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h1, +.theme-color-pink-edge [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h2, +.theme-color-pink-edge [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h3, +.theme-color-pink-edge [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h4, +.theme-color-pink-edge [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h5, +.theme-color-pink-edge [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h6 { + color: white; +} + +.theme-color-pink-edge [class*='bg-gradient'] .accordion li .accordion-title, +.theme-color-pink-edge [class*='bg-color'] .accordion li .accordion-title { + border-color: rgba(255, 255, 255, 0.2); +} + +.theme-color-pink-edge [class*='bg-gradient'] .accordion li .accordion-title h1, .theme-color-pink-edge [class*='bg-gradient'] .accordion li .accordion-title h2, .theme-color-pink-edge [class*='bg-gradient'] .accordion li .accordion-title h3, .theme-color-pink-edge [class*='bg-gradient'] .accordion li .accordion-title h4, .theme-color-pink-edge [class*='bg-gradient'] .accordion li .accordion-title h5, .theme-color-pink-edge [class*='bg-gradient'] .accordion li .accordion-title h6, +.theme-color-pink-edge [class*='bg-color'] .accordion li .accordion-title h1, +.theme-color-pink-edge [class*='bg-color'] .accordion li .accordion-title h2, +.theme-color-pink-edge [class*='bg-color'] .accordion li .accordion-title h3, +.theme-color-pink-edge [class*='bg-color'] .accordion li .accordion-title h4, +.theme-color-pink-edge [class*='bg-color'] .accordion li .accordion-title h5, +.theme-color-pink-edge [class*='bg-color'] .accordion li .accordion-title h6 { + color: white; +} + +.theme-color-pink-edge [class*='bg-gradient'] .accordion li .accordion-title:before, .theme-color-pink-edge [class*='bg-gradient'] .accordion li .accordion-title:after, +.theme-color-pink-edge [class*='bg-color'] .accordion li .accordion-title:before, +.theme-color-pink-edge [class*='bg-color'] .accordion li .accordion-title:after { + background: white; +} + +.theme-color-pink-edge [class*='bg-gradient'] .accordion li.active .accordion-title, +.theme-color-pink-edge [class*='bg-color'] .accordion li.active .accordion-title { + border-color: white; +} + +.theme-color-pink-edge [class*='bg-gradient'] .accordion.style-3 li .accordion-title, +.theme-color-pink-edge [class*='bg-color'] .accordion.style-3 li .accordion-title { + background: rgba(255, 255, 255, 0.1); +} + +.theme-color-pink-edge [class*='bg-gradient'] .accordion.style-3 li .accordion-title h1, .theme-color-pink-edge [class*='bg-gradient'] .accordion.style-3 li .accordion-title h2, .theme-color-pink-edge [class*='bg-gradient'] .accordion.style-3 li .accordion-title h3, .theme-color-pink-edge [class*='bg-gradient'] .accordion.style-3 li .accordion-title h4, .theme-color-pink-edge [class*='bg-gradient'] .accordion.style-3 li .accordion-title h5, .theme-color-pink-edge [class*='bg-gradient'] .accordion.style-3 li .accordion-title h6, +.theme-color-pink-edge [class*='bg-color'] .accordion.style-3 li .accordion-title h1, +.theme-color-pink-edge [class*='bg-color'] .accordion.style-3 li .accordion-title h2, +.theme-color-pink-edge [class*='bg-color'] .accordion.style-3 li .accordion-title h3, +.theme-color-pink-edge [class*='bg-color'] .accordion.style-3 li .accordion-title h4, +.theme-color-pink-edge [class*='bg-color'] .accordion.style-3 li .accordion-title h5, +.theme-color-pink-edge [class*='bg-color'] .accordion.style-3 li .accordion-title h6 { + color: white; +} + +.theme-color-pink-edge [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title, +.theme-color-pink-edge [class*='bg-color'] .accordion.style-3 li.active .accordion-title { + background: white; + color: #7C7C7C; +} + +.theme-color-pink-edge [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title:before, .theme-color-pink-edge [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title:after, +.theme-color-pink-edge [class*='bg-color'] .accordion.style-3 li.active .accordion-title:before, +.theme-color-pink-edge [class*='bg-color'] .accordion.style-3 li.active .accordion-title:after { + background: black; +} + +.theme-color-pink-edge [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h1, .theme-color-pink-edge [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h2, .theme-color-pink-edge [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h3, .theme-color-pink-edge [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h4, .theme-color-pink-edge [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h5, .theme-color-pink-edge [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h6, +.theme-color-pink-edge [class*='bg-color'] .accordion.style-3 li.active .accordion-title h1, +.theme-color-pink-edge [class*='bg-color'] .accordion.style-3 li.active .accordion-title h2, +.theme-color-pink-edge [class*='bg-color'] .accordion.style-3 li.active .accordion-title h3, +.theme-color-pink-edge [class*='bg-color'] .accordion.style-3 li.active .accordion-title h4, +.theme-color-pink-edge [class*='bg-color'] .accordion.style-3 li.active .accordion-title h5, +.theme-color-pink-edge [class*='bg-color'] .accordion.style-3 li.active .accordion-title h6 { + color: black; +} + +.theme-color-pink-edge .text-link-2:before, +.theme-color-pink-edge .text-link-3:before, +.theme-color-pink-edge .text-link-4:before { + background: #FE9AB6; +} + +.theme-color-pink-edge .text-link-5:after, +.theme-color-pink-edge .text-link-6:after, +.theme-color-pink-edge .text-link-7:after { + background: #FE9AB6; +} + +.theme-color-pink-edge .text-link-8:before { + background: rgba(254, 154, 182, 0.1); +} + +.theme-color-pink-edge .bg-black .text-link-2:before, +.theme-color-pink-edge .bg-black .text-link-3:before, +.theme-color-pink-edge .bg-black .text-link-4:before, +.theme-color-pink-edge [class*='bg-dark'] .text-link-2:before, +.theme-color-pink-edge [class*='bg-dark'] .text-link-3:before, +.theme-color-pink-edge [class*='bg-dark'] .text-link-4:before { + background: #FE9AB6; +} + +.theme-color-pink-edge .bg-black .text-link-5:after, +.theme-color-pink-edge .bg-black .text-link-6:after, +.theme-color-pink-edge .bg-black .text-link-7:after, +.theme-color-pink-edge [class*='bg-dark'] .text-link-5:after, +.theme-color-pink-edge [class*='bg-dark'] .text-link-6:after, +.theme-color-pink-edge [class*='bg-dark'] .text-link-7:after { + background: #FE9AB6; +} + +.theme-color-pink-edge .bg-black .text-link-8:before, +.theme-color-pink-edge [class*='bg-dark'] .text-link-8:before { + background: rgba(254, 154, 182, 0.1); +} + +.theme-color-pink-edge [class*='bg-gradient'] .text-link-2:before, .theme-color-pink-edge [class*='bg-gradient'] .text-link-3:before, .theme-color-pink-edge [class*='bg-gradient'] .text-link-4:before, +.theme-color-pink-edge [class*='bg-color'] .text-link-2:before, +.theme-color-pink-edge [class*='bg-color'] .text-link-3:before, +.theme-color-pink-edge [class*='bg-color'] .text-link-4:before { + background: white; +} + +.theme-color-pink-edge [class*='bg-gradient'] .text-link-5:before, .theme-color-pink-edge [class*='bg-gradient'] .text-link-6:before, .theme-color-pink-edge [class*='bg-gradient'] .text-link-7:before, +.theme-color-pink-edge [class*='bg-color'] .text-link-5:before, +.theme-color-pink-edge [class*='bg-color'] .text-link-6:before, +.theme-color-pink-edge [class*='bg-color'] .text-link-7:before { + background: rgba(255, 255, 255, 0.3); +} + +.theme-color-pink-edge [class*='bg-gradient'] .text-link-5:after, .theme-color-pink-edge [class*='bg-gradient'] .text-link-6:after, .theme-color-pink-edge [class*='bg-gradient'] .text-link-7:after, +.theme-color-pink-edge [class*='bg-color'] .text-link-5:after, +.theme-color-pink-edge [class*='bg-color'] .text-link-6:after, +.theme-color-pink-edge [class*='bg-color'] .text-link-7:after { + background: white; +} + +.theme-color-pink-edge [class*='bg-gradient'] .text-link-8:before, +.theme-color-pink-edge [class*='bg-color'] .text-link-8:before { + background: rgba(255, 255, 255, 0.3); +} + +.theme-color-pink-edge .form-style-2 input:focus, .theme-color-pink-edge .form-style-2 textarea:focus, .theme-color-pink-edge .form-style-2 .custom-select:focus, .theme-color-pink-edge .form-style-2 .form-control:focus, +.theme-color-pink-edge .form-style-4 input:focus, +.theme-color-pink-edge .form-style-4 textarea:focus, +.theme-color-pink-edge .form-style-4 .custom-select:focus, +.theme-color-pink-edge .form-style-4 .form-control:focus { + border-color: #FE9AB6; +} \ No newline at end of file diff --git a/static/assets/css/theme-colors/theme-color-purple.css b/static/assets/css/theme-colors/theme-color-purple.css new file mode 100644 index 0000000..70422d7 --- /dev/null +++ b/static/assets/css/theme-colors/theme-color-purple.css @@ -0,0 +1,412 @@ +/*------------------------------------------------ +* +* Theme Color - Purple +* +-------------------------------------------------*/ +.theme-color-purple a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover { + color: #B721FF; +} + +.theme-color-purple [class*='bg-gradient'] a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover, +.theme-color-purple [class*='bg-color'] a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover { + color: white; +} + + +.theme-color-purple .header .header-menu:not([class*='dropdown-color']) .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):hover, .theme-color-purple .header .header-menu:not([class*='dropdown-color']) .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):focus { + color: #B721FF; +} + + +.theme-color-purple .bg-color-theme { + background: #B721FF; +} + +.theme-color-purple .bg-color-theme-09 { + background: rgba(183, 33, 255, 0.9); +} + +.theme-color-purple .bg-color-theme-08 { + background: rgba(183, 33, 255, 0.8); +} + +.theme-color-purple .bg-color-theme-07 { + background: rgba(183, 33, 255, 0.7); +} + +.theme-color-purple .bg-color-theme-06 { + background: rgba(183, 33, 255, 0.6); +} + +.theme-color-purple .bg-color-theme-05 { + background: rgba(183, 33, 255, 0.5); +} + +.theme-color-purple .bg-color-theme-04 { + background: rgba(183, 33, 255, 0.4); +} + +.theme-color-purple .bg-color-theme-03 { + background: rgba(183, 33, 255, 0.3); +} + +.theme-color-purple .bg-color-theme-02 { + background: rgba(183, 33, 255, 0.2); +} + +.theme-color-purple .bg-color-theme-01 { + background: rgba(183, 33, 255, 0.1); +} + +.theme-color-purple .bg-light-theme { + background: #F5E4FF; +} + +.theme-color-purple .button-theme { + background: #B721FF; +} + +.theme-color-purple .button-outline-theme { + border-color: #B721FF; + color: #B721FF; +} + +.theme-color-purple .button-outline-theme:hover, .theme-color-purple .button-outline-theme:focus { + background: #B721FF; + color: white; +} + +.theme-color-purple .button-circle-theme { + background: #B721FF; +} + +.theme-color-purple .button-circle-outline-theme { + border-color: #B721FF; + color: #B721FF; +} + +.theme-color-purple .button-circle-outline-theme:hover, .theme-color-purple .button-circle-outline-theme:focus { + background: #B721FF; +} + +.theme-color-purple .button-backdrop-color-theme { + background: #B721FF; +} + +.theme-color-purple .button-text-theme.button-text-1, .theme-color-purple .button-text-theme.button-text-2, .theme-color-purple .button-text-theme.button-text-3 { + color: #B721FF; +} + +.theme-color-purple .button-text-theme.button-text-1:hover, .theme-color-purple .button-text-theme.button-text-2:hover, .theme-color-purple .button-text-theme.button-text-3:hover { + color: #B721FF; +} + +.theme-color-purple .button-text-theme.button-text-1:before { + background: rgba(183, 33, 255, 0.3); +} + +.theme-color-purple .button-text-theme.button-text-1:after { + background: #B721FF; +} + +.theme-color-purple .button-text-theme.button-text-2:before { + background: rgba(183, 33, 255, 0.1); +} + +.theme-color-purple .button-text-theme.button-text-2:after { + background: #B721FF; +} + +.theme-color-purple .button-text-theme.button-text-3:before { + background: #B721FF; +} + +.theme-color-purple .button-text-theme.button-text-3:hover:before { + background: #B721FF; +} + +.theme-color-purple .bg-black .button-text-theme.button-text-1, .theme-color-purple .bg-black .button-text-theme.button-text-2, .theme-color-purple .bg-black .button-text-theme.button-text-3, +.theme-color-purple [class*='bg-dark'] .button-text-theme.button-text-1, +.theme-color-purple [class*='bg-dark'] .button-text-theme.button-text-2, +.theme-color-purple [class*='bg-dark'] .button-text-theme.button-text-3 { + color: #B721FF; +} + +.theme-color-purple .bg-black .button-text-theme.button-text-1:hover, .theme-color-purple .bg-black .button-text-theme.button-text-2:hover, .theme-color-purple .bg-black .button-text-theme.button-text-3:hover, +.theme-color-purple [class*='bg-dark'] .button-text-theme.button-text-1:hover, +.theme-color-purple [class*='bg-dark'] .button-text-theme.button-text-2:hover, +.theme-color-purple [class*='bg-dark'] .button-text-theme.button-text-3:hover { + color: #B721FF; +} + +.theme-color-purple .bg-black .button-text-theme.button-text-1:before, +.theme-color-purple [class*='bg-dark'] .button-text-theme.button-text-1:before { + background: rgba(183, 33, 255, 0.3); +} + +.theme-color-purple .bg-black .button-text-theme.button-text-1:after, +.theme-color-purple [class*='bg-dark'] .button-text-theme.button-text-1:after { + background: #B721FF; +} + +.theme-color-purple .bg-black .button-text-theme.button-text-2:before, +.theme-color-purple [class*='bg-dark'] .button-text-theme.button-text-2:before { + background: rgba(183, 33, 255, 0.3); +} + +.theme-color-purple .bg-black .button-text-theme.button-text-2:after, +.theme-color-purple [class*='bg-dark'] .button-text-theme.button-text-2:after { + background: #B721FF; +} + +.theme-color-purple .bg-black .button-text-theme.button-text-3:before, +.theme-color-purple [class*='bg-dark'] .button-text-theme.button-text-3:before { + background: #B721FF; +} + +.theme-color-purple .bg-black .button-text-theme.button-text-3:hover:before, +.theme-color-purple [class*='bg-dark'] .button-text-theme.button-text-3:hover:before { + background: #B721FF; +} + +.theme-color-purple .text-color-theme { + color: #B721FF; +} + +.theme-color-purple .progress-box.progress-theme .animated-progress div { + background: #B721FF; +} + +.theme-color-purple [class*='bg-gradient'] .progress-box.progress-theme .animated-progress div, +.theme-color-purple [class*='bg-color'] .progress-box.progress-theme .animated-progress div { + background: white; +} + +.theme-color-purple.preloader-theme .preloader-1 div .loader-path { + stroke: #B721FF; +} + +.theme-color-purple.preloader-theme .preloader-2 div span { + background: #B721FF; + background: linear-gradient(to right, #B721FF 10%, transparent 40%); +} + +.theme-color-purple.preloader-theme .preloader-2 div span:before { + background: #B721FF; +} + +.theme-color-purple.preloader-theme .preloader-3 div span:before, .theme-color-purple.preloader-theme .preloader-3 div span:after { + background: rgba(183, 33, 255, 0.2); +} + +.theme-color-purple .accordion li .accordion-title { + border-color: rgba(183, 33, 255, 0.1); +} + +.theme-color-purple .accordion li .accordion-title:before, .theme-color-purple .accordion li .accordion-title:after { + background: #B721FF; +} + +.theme-color-purple .accordion li .accordion-title h1, .theme-color-purple .accordion li .accordion-title h2, .theme-color-purple .accordion li .accordion-title h3, .theme-color-purple .accordion li .accordion-title h4, .theme-color-purple .accordion li .accordion-title h5, .theme-color-purple .accordion li .accordion-title h6 { + color: #B721FF; +} + +.theme-color-purple .accordion li.active .accordion-title { + border-color: #B721FF; +} + +.theme-color-purple .accordion.style-3 li .accordion-title { + background: #F5E4FF; +} + +.theme-color-purple .accordion.style-3 li.active .accordion-title { + background: #B721FF; + color: white; +} + +.theme-color-purple .accordion.style-3 li.active .accordion-title:before, .theme-color-purple .accordion.style-3 li.active .accordion-title:after { + background: white; +} + +.theme-color-purple .accordion.style-3 li.active .accordion-title h1, .theme-color-purple .accordion.style-3 li.active .accordion-title h2, .theme-color-purple .accordion.style-3 li.active .accordion-title h3, .theme-color-purple .accordion.style-3 li.active .accordion-title h4, .theme-color-purple .accordion.style-3 li.active .accordion-title h5, .theme-color-purple .accordion.style-3 li.active .accordion-title h6 { + color: white; +} + +.theme-color-purple .bg-black .accordion li .accordion-title, +.theme-color-purple [class*='bg-dark'] .accordion li .accordion-title { + border-color: rgba(255, 255, 255, 0.2); +} + +.theme-color-purple .bg-black .accordion li .accordion-title:before, .theme-color-purple .bg-black .accordion li .accordion-title:after, +.theme-color-purple [class*='bg-dark'] .accordion li .accordion-title:before, +.theme-color-purple [class*='bg-dark'] .accordion li .accordion-title:after { + background: white; +} + +.theme-color-purple .bg-black .accordion li.active .accordion-title, +.theme-color-purple [class*='bg-dark'] .accordion li.active .accordion-title { + border-color: #B721FF; +} + +.theme-color-purple .bg-black .accordion.style-3 li .accordion-title, +.theme-color-purple [class*='bg-dark'] .accordion.style-3 li .accordion-title { + background: rgba(255, 255, 255, 0.1); +} + +.theme-color-purple .bg-black .accordion.style-3 li.active .accordion-title, +.theme-color-purple [class*='bg-dark'] .accordion.style-3 li.active .accordion-title { + background: #B721FF; + color: white; +} + +.theme-color-purple .bg-black .accordion.style-3 li.active .accordion-title:before, .theme-color-purple .bg-black .accordion.style-3 li.active .accordion-title:after, +.theme-color-purple [class*='bg-dark'] .accordion.style-3 li.active .accordion-title:before, +.theme-color-purple [class*='bg-dark'] .accordion.style-3 li.active .accordion-title:after { + background: white; +} + +.theme-color-purple .bg-black .accordion.style-3 li.active .accordion-title h1, .theme-color-purple .bg-black .accordion.style-3 li.active .accordion-title h2, .theme-color-purple .bg-black .accordion.style-3 li.active .accordion-title h3, .theme-color-purple .bg-black .accordion.style-3 li.active .accordion-title h4, .theme-color-purple .bg-black .accordion.style-3 li.active .accordion-title h5, .theme-color-purple .bg-black .accordion.style-3 li.active .accordion-title h6, +.theme-color-purple [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h1, +.theme-color-purple [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h2, +.theme-color-purple [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h3, +.theme-color-purple [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h4, +.theme-color-purple [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h5, +.theme-color-purple [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h6 { + color: white; +} + +.theme-color-purple [class*='bg-gradient'] .accordion li .accordion-title, +.theme-color-purple [class*='bg-color'] .accordion li .accordion-title { + border-color: rgba(255, 255, 255, 0.2); +} + +.theme-color-purple [class*='bg-gradient'] .accordion li .accordion-title h1, .theme-color-purple [class*='bg-gradient'] .accordion li .accordion-title h2, .theme-color-purple [class*='bg-gradient'] .accordion li .accordion-title h3, .theme-color-purple [class*='bg-gradient'] .accordion li .accordion-title h4, .theme-color-purple [class*='bg-gradient'] .accordion li .accordion-title h5, .theme-color-purple [class*='bg-gradient'] .accordion li .accordion-title h6, +.theme-color-purple [class*='bg-color'] .accordion li .accordion-title h1, +.theme-color-purple [class*='bg-color'] .accordion li .accordion-title h2, +.theme-color-purple [class*='bg-color'] .accordion li .accordion-title h3, +.theme-color-purple [class*='bg-color'] .accordion li .accordion-title h4, +.theme-color-purple [class*='bg-color'] .accordion li .accordion-title h5, +.theme-color-purple [class*='bg-color'] .accordion li .accordion-title h6 { + color: white; +} + +.theme-color-purple [class*='bg-gradient'] .accordion li .accordion-title:before, .theme-color-purple [class*='bg-gradient'] .accordion li .accordion-title:after, +.theme-color-purple [class*='bg-color'] .accordion li .accordion-title:before, +.theme-color-purple [class*='bg-color'] .accordion li .accordion-title:after { + background: white; +} + +.theme-color-purple [class*='bg-gradient'] .accordion li.active .accordion-title, +.theme-color-purple [class*='bg-color'] .accordion li.active .accordion-title { + border-color: white; +} + +.theme-color-purple [class*='bg-gradient'] .accordion.style-3 li .accordion-title, +.theme-color-purple [class*='bg-color'] .accordion.style-3 li .accordion-title { + background: rgba(255, 255, 255, 0.1); +} + +.theme-color-purple [class*='bg-gradient'] .accordion.style-3 li .accordion-title h1, .theme-color-purple [class*='bg-gradient'] .accordion.style-3 li .accordion-title h2, .theme-color-purple [class*='bg-gradient'] .accordion.style-3 li .accordion-title h3, .theme-color-purple [class*='bg-gradient'] .accordion.style-3 li .accordion-title h4, .theme-color-purple [class*='bg-gradient'] .accordion.style-3 li .accordion-title h5, .theme-color-purple [class*='bg-gradient'] .accordion.style-3 li .accordion-title h6, +.theme-color-purple [class*='bg-color'] .accordion.style-3 li .accordion-title h1, +.theme-color-purple [class*='bg-color'] .accordion.style-3 li .accordion-title h2, +.theme-color-purple [class*='bg-color'] .accordion.style-3 li .accordion-title h3, +.theme-color-purple [class*='bg-color'] .accordion.style-3 li .accordion-title h4, +.theme-color-purple [class*='bg-color'] .accordion.style-3 li .accordion-title h5, +.theme-color-purple [class*='bg-color'] .accordion.style-3 li .accordion-title h6 { + color: white; +} + +.theme-color-purple [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title, +.theme-color-purple [class*='bg-color'] .accordion.style-3 li.active .accordion-title { + background: white; + color: #7C7C7C; +} + +.theme-color-purple [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title:before, .theme-color-purple [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title:after, +.theme-color-purple [class*='bg-color'] .accordion.style-3 li.active .accordion-title:before, +.theme-color-purple [class*='bg-color'] .accordion.style-3 li.active .accordion-title:after { + background: black; +} + +.theme-color-purple [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h1, .theme-color-purple [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h2, .theme-color-purple [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h3, .theme-color-purple [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h4, .theme-color-purple [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h5, .theme-color-purple [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h6, +.theme-color-purple [class*='bg-color'] .accordion.style-3 li.active .accordion-title h1, +.theme-color-purple [class*='bg-color'] .accordion.style-3 li.active .accordion-title h2, +.theme-color-purple [class*='bg-color'] .accordion.style-3 li.active .accordion-title h3, +.theme-color-purple [class*='bg-color'] .accordion.style-3 li.active .accordion-title h4, +.theme-color-purple [class*='bg-color'] .accordion.style-3 li.active .accordion-title h5, +.theme-color-purple [class*='bg-color'] .accordion.style-3 li.active .accordion-title h6 { + color: black; +} + +.theme-color-purple .text-link-2:before, +.theme-color-purple .text-link-3:before, +.theme-color-purple .text-link-4:before { + background: #B721FF; +} + +.theme-color-purple .text-link-5:after, +.theme-color-purple .text-link-6:after, +.theme-color-purple .text-link-7:after { + background: #B721FF; +} + +.theme-color-purple .text-link-8:before { + background: rgba(183, 33, 255, 0.1); +} + +.theme-color-purple .bg-black .text-link-2:before, +.theme-color-purple .bg-black .text-link-3:before, +.theme-color-purple .bg-black .text-link-4:before, +.theme-color-purple [class*='bg-dark'] .text-link-2:before, +.theme-color-purple [class*='bg-dark'] .text-link-3:before, +.theme-color-purple [class*='bg-dark'] .text-link-4:before { + background: #B721FF; +} + +.theme-color-purple .bg-black .text-link-5:after, +.theme-color-purple .bg-black .text-link-6:after, +.theme-color-purple .bg-black .text-link-7:after, +.theme-color-purple [class*='bg-dark'] .text-link-5:after, +.theme-color-purple [class*='bg-dark'] .text-link-6:after, +.theme-color-purple [class*='bg-dark'] .text-link-7:after { + background: #B721FF; +} + +.theme-color-purple .bg-black .text-link-8:before, +.theme-color-purple [class*='bg-dark'] .text-link-8:before { + background: rgba(183, 33, 255, 0.1); +} + +.theme-color-purple [class*='bg-gradient'] .text-link-2:before, .theme-color-purple [class*='bg-gradient'] .text-link-3:before, .theme-color-purple [class*='bg-gradient'] .text-link-4:before, +.theme-color-purple [class*='bg-color'] .text-link-2:before, +.theme-color-purple [class*='bg-color'] .text-link-3:before, +.theme-color-purple [class*='bg-color'] .text-link-4:before { + background: white; +} + +.theme-color-purple [class*='bg-gradient'] .text-link-5:before, .theme-color-purple [class*='bg-gradient'] .text-link-6:before, .theme-color-purple [class*='bg-gradient'] .text-link-7:before, +.theme-color-purple [class*='bg-color'] .text-link-5:before, +.theme-color-purple [class*='bg-color'] .text-link-6:before, +.theme-color-purple [class*='bg-color'] .text-link-7:before { + background: rgba(255, 255, 255, 0.3); +} + +.theme-color-purple [class*='bg-gradient'] .text-link-5:after, .theme-color-purple [class*='bg-gradient'] .text-link-6:after, .theme-color-purple [class*='bg-gradient'] .text-link-7:after, +.theme-color-purple [class*='bg-color'] .text-link-5:after, +.theme-color-purple [class*='bg-color'] .text-link-6:after, +.theme-color-purple [class*='bg-color'] .text-link-7:after { + background: white; +} + +.theme-color-purple [class*='bg-gradient'] .text-link-8:before, +.theme-color-purple [class*='bg-color'] .text-link-8:before { + background: rgba(255, 255, 255, 0.3); +} + +.theme-color-purple .form-style-2 input:focus, .theme-color-purple .form-style-2 textarea:focus, .theme-color-purple .form-style-2 .custom-select:focus, .theme-color-purple .form-style-2 .form-control:focus, +.theme-color-purple .form-style-4 input:focus, +.theme-color-purple .form-style-4 textarea:focus, +.theme-color-purple .form-style-4 .custom-select:focus, +.theme-color-purple .form-style-4 .form-control:focus { + border-color: #B721FF; +} \ No newline at end of file diff --git a/static/assets/css/theme-colors/theme-color-spring-red.css b/static/assets/css/theme-colors/theme-color-spring-red.css new file mode 100644 index 0000000..4c6ba71 --- /dev/null +++ b/static/assets/css/theme-colors/theme-color-spring-red.css @@ -0,0 +1,412 @@ +/*------------------------------------------------ +* +* Theme Color - Spring Red +* +-------------------------------------------------*/ +.theme-color-spring-red a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover { + color: #BE1F35; +} + +.theme-color-spring-red [class*='bg-gradient'] a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover, +.theme-color-spring-red [class*='bg-color'] a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover { + color: white; +} + + +.theme-color-spring-red .header .header-menu:not([class*='dropdown-color']) .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):hover, .theme-color-spring-red .header .header-menu:not([class*='dropdown-color']) .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):focus { + color: #BE1F35; +} + + +.theme-color-spring-red .bg-color-theme { + background: #BE1F35; +} + +.theme-color-spring-red .bg-color-theme-09 { + background: rgba(190, 31, 53, 0.9); +} + +.theme-color-spring-red .bg-color-theme-08 { + background: rgba(190, 31, 53, 0.8); +} + +.theme-color-spring-red .bg-color-theme-07 { + background: rgba(190, 31, 53, 0.7); +} + +.theme-color-spring-red .bg-color-theme-06 { + background: rgba(190, 31, 53, 0.6); +} + +.theme-color-spring-red .bg-color-theme-05 { + background: rgba(190, 31, 53, 0.5); +} + +.theme-color-spring-red .bg-color-theme-04 { + background: rgba(190, 31, 53, 0.4); +} + +.theme-color-spring-red .bg-color-theme-03 { + background: rgba(190, 31, 53, 0.3); +} + +.theme-color-spring-red .bg-color-theme-02 { + background: rgba(190, 31, 53, 0.2); +} + +.theme-color-spring-red .bg-color-theme-01 { + background: rgba(190, 31, 53, 0.1); +} + +.theme-color-spring-red .bg-light-theme { + background: #F7E5E7; +} + +.theme-color-spring-red .button-theme { + background: #BE1F35; +} + +.theme-color-spring-red .button-outline-theme { + border-color: #BE1F35; + color: #BE1F35; +} + +.theme-color-spring-red .button-outline-theme:hover, .theme-color-spring-red .button-outline-theme:focus { + background: #BE1F35; + color: white; +} + +.theme-color-spring-red .button-circle-theme { + background: #BE1F35; +} + +.theme-color-spring-red .button-circle-outline-theme { + border-color: #BE1F35; + color: #BE1F35; +} + +.theme-color-spring-red .button-circle-outline-theme:hover, .theme-color-spring-red .button-circle-outline-theme:focus { + background: #BE1F35; +} + +.theme-color-spring-red .button-backdrop-color-theme { + background: #BE1F35; +} + +.theme-color-spring-red .button-text-theme.button-text-1, .theme-color-spring-red .button-text-theme.button-text-2, .theme-color-spring-red .button-text-theme.button-text-3 { + color: #BE1F35; +} + +.theme-color-spring-red .button-text-theme.button-text-1:hover, .theme-color-spring-red .button-text-theme.button-text-2:hover, .theme-color-spring-red .button-text-theme.button-text-3:hover { + color: #BE1F35; +} + +.theme-color-spring-red .button-text-theme.button-text-1:before { + background: rgba(190, 31, 53, 0.3); +} + +.theme-color-spring-red .button-text-theme.button-text-1:after { + background: #BE1F35; +} + +.theme-color-spring-red .button-text-theme.button-text-2:before { + background: rgba(190, 31, 53, 0.1); +} + +.theme-color-spring-red .button-text-theme.button-text-2:after { + background: #BE1F35; +} + +.theme-color-spring-red .button-text-theme.button-text-3:before { + background: #BE1F35; +} + +.theme-color-spring-red .button-text-theme.button-text-3:hover:before { + background: #BE1F35; +} + +.theme-color-spring-red .bg-black .button-text-theme.button-text-1, .theme-color-spring-red .bg-black .button-text-theme.button-text-2, .theme-color-spring-red .bg-black .button-text-theme.button-text-3, +.theme-color-spring-red [class*='bg-dark'] .button-text-theme.button-text-1, +.theme-color-spring-red [class*='bg-dark'] .button-text-theme.button-text-2, +.theme-color-spring-red [class*='bg-dark'] .button-text-theme.button-text-3 { + color: #BE1F35; +} + +.theme-color-spring-red .bg-black .button-text-theme.button-text-1:hover, .theme-color-spring-red .bg-black .button-text-theme.button-text-2:hover, .theme-color-spring-red .bg-black .button-text-theme.button-text-3:hover, +.theme-color-spring-red [class*='bg-dark'] .button-text-theme.button-text-1:hover, +.theme-color-spring-red [class*='bg-dark'] .button-text-theme.button-text-2:hover, +.theme-color-spring-red [class*='bg-dark'] .button-text-theme.button-text-3:hover { + color: #BE1F35; +} + +.theme-color-spring-red .bg-black .button-text-theme.button-text-1:before, +.theme-color-spring-red [class*='bg-dark'] .button-text-theme.button-text-1:before { + background: rgba(190, 31, 53, 0.3); +} + +.theme-color-spring-red .bg-black .button-text-theme.button-text-1:after, +.theme-color-spring-red [class*='bg-dark'] .button-text-theme.button-text-1:after { + background: #BE1F35; +} + +.theme-color-spring-red .bg-black .button-text-theme.button-text-2:before, +.theme-color-spring-red [class*='bg-dark'] .button-text-theme.button-text-2:before { + background: rgba(190, 31, 53, 0.3); +} + +.theme-color-spring-red .bg-black .button-text-theme.button-text-2:after, +.theme-color-spring-red [class*='bg-dark'] .button-text-theme.button-text-2:after { + background: #BE1F35; +} + +.theme-color-spring-red .bg-black .button-text-theme.button-text-3:before, +.theme-color-spring-red [class*='bg-dark'] .button-text-theme.button-text-3:before { + background: #BE1F35; +} + +.theme-color-spring-red .bg-black .button-text-theme.button-text-3:hover:before, +.theme-color-spring-red [class*='bg-dark'] .button-text-theme.button-text-3:hover:before { + background: #BE1F35; +} + +.theme-color-spring-red .text-color-theme { + color: #BE1F35; +} + +.theme-color-spring-red .progress-box.progress-theme .animated-progress div { + background: #BE1F35; +} + +.theme-color-spring-red [class*='bg-gradient'] .progress-box.progress-theme .animated-progress div, +.theme-color-spring-red [class*='bg-color'] .progress-box.progress-theme .animated-progress div { + background: white; +} + +.theme-color-spring-red.preloader-theme .preloader-1 div .loader-path { + stroke: #BE1F35; +} + +.theme-color-spring-red.preloader-theme .preloader-2 div span { + background: #BE1F35; + background: linear-gradient(to right, #BE1F35 10%, transparent 40%); +} + +.theme-color-spring-red.preloader-theme .preloader-2 div span:before { + background: #BE1F35; +} + +.theme-color-spring-red.preloader-theme .preloader-3 div span:before, .theme-color-spring-red.preloader-theme .preloader-3 div span:after { + background: rgba(190, 31, 53, 0.2); +} + +.theme-color-spring-red .accordion li .accordion-title { + border-color: rgba(190, 31, 53, 0.1); +} + +.theme-color-spring-red .accordion li .accordion-title:before, .theme-color-spring-red .accordion li .accordion-title:after { + background: #BE1F35; +} + +.theme-color-spring-red .accordion li .accordion-title h1, .theme-color-spring-red .accordion li .accordion-title h2, .theme-color-spring-red .accordion li .accordion-title h3, .theme-color-spring-red .accordion li .accordion-title h4, .theme-color-spring-red .accordion li .accordion-title h5, .theme-color-spring-red .accordion li .accordion-title h6 { + color: #BE1F35; +} + +.theme-color-spring-red .accordion li.active .accordion-title { + border-color: #BE1F35; +} + +.theme-color-spring-red .accordion.style-3 li .accordion-title { + background: #F7E5E7; +} + +.theme-color-spring-red .accordion.style-3 li.active .accordion-title { + background: #BE1F35; + color: white; +} + +.theme-color-spring-red .accordion.style-3 li.active .accordion-title:before, .theme-color-spring-red .accordion.style-3 li.active .accordion-title:after { + background: white; +} + +.theme-color-spring-red .accordion.style-3 li.active .accordion-title h1, .theme-color-spring-red .accordion.style-3 li.active .accordion-title h2, .theme-color-spring-red .accordion.style-3 li.active .accordion-title h3, .theme-color-spring-red .accordion.style-3 li.active .accordion-title h4, .theme-color-spring-red .accordion.style-3 li.active .accordion-title h5, .theme-color-spring-red .accordion.style-3 li.active .accordion-title h6 { + color: white; +} + +.theme-color-spring-red .bg-black .accordion li .accordion-title, +.theme-color-spring-red [class*='bg-dark'] .accordion li .accordion-title { + border-color: rgba(255, 255, 255, 0.2); +} + +.theme-color-spring-red .bg-black .accordion li .accordion-title:before, .theme-color-spring-red .bg-black .accordion li .accordion-title:after, +.theme-color-spring-red [class*='bg-dark'] .accordion li .accordion-title:before, +.theme-color-spring-red [class*='bg-dark'] .accordion li .accordion-title:after { + background: white; +} + +.theme-color-spring-red .bg-black .accordion li.active .accordion-title, +.theme-color-spring-red [class*='bg-dark'] .accordion li.active .accordion-title { + border-color: #BE1F35; +} + +.theme-color-spring-red .bg-black .accordion.style-3 li .accordion-title, +.theme-color-spring-red [class*='bg-dark'] .accordion.style-3 li .accordion-title { + background: rgba(255, 255, 255, 0.1); +} + +.theme-color-spring-red .bg-black .accordion.style-3 li.active .accordion-title, +.theme-color-spring-red [class*='bg-dark'] .accordion.style-3 li.active .accordion-title { + background: #BE1F35; + color: white; +} + +.theme-color-spring-red .bg-black .accordion.style-3 li.active .accordion-title:before, .theme-color-spring-red .bg-black .accordion.style-3 li.active .accordion-title:after, +.theme-color-spring-red [class*='bg-dark'] .accordion.style-3 li.active .accordion-title:before, +.theme-color-spring-red [class*='bg-dark'] .accordion.style-3 li.active .accordion-title:after { + background: white; +} + +.theme-color-spring-red .bg-black .accordion.style-3 li.active .accordion-title h1, .theme-color-spring-red .bg-black .accordion.style-3 li.active .accordion-title h2, .theme-color-spring-red .bg-black .accordion.style-3 li.active .accordion-title h3, .theme-color-spring-red .bg-black .accordion.style-3 li.active .accordion-title h4, .theme-color-spring-red .bg-black .accordion.style-3 li.active .accordion-title h5, .theme-color-spring-red .bg-black .accordion.style-3 li.active .accordion-title h6, +.theme-color-spring-red [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h1, +.theme-color-spring-red [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h2, +.theme-color-spring-red [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h3, +.theme-color-spring-red [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h4, +.theme-color-spring-red [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h5, +.theme-color-spring-red [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h6 { + color: white; +} + +.theme-color-spring-red [class*='bg-gradient'] .accordion li .accordion-title, +.theme-color-spring-red [class*='bg-color'] .accordion li .accordion-title { + border-color: rgba(255, 255, 255, 0.2); +} + +.theme-color-spring-red [class*='bg-gradient'] .accordion li .accordion-title h1, .theme-color-spring-red [class*='bg-gradient'] .accordion li .accordion-title h2, .theme-color-spring-red [class*='bg-gradient'] .accordion li .accordion-title h3, .theme-color-spring-red [class*='bg-gradient'] .accordion li .accordion-title h4, .theme-color-spring-red [class*='bg-gradient'] .accordion li .accordion-title h5, .theme-color-spring-red [class*='bg-gradient'] .accordion li .accordion-title h6, +.theme-color-spring-red [class*='bg-color'] .accordion li .accordion-title h1, +.theme-color-spring-red [class*='bg-color'] .accordion li .accordion-title h2, +.theme-color-spring-red [class*='bg-color'] .accordion li .accordion-title h3, +.theme-color-spring-red [class*='bg-color'] .accordion li .accordion-title h4, +.theme-color-spring-red [class*='bg-color'] .accordion li .accordion-title h5, +.theme-color-spring-red [class*='bg-color'] .accordion li .accordion-title h6 { + color: white; +} + +.theme-color-spring-red [class*='bg-gradient'] .accordion li .accordion-title:before, .theme-color-spring-red [class*='bg-gradient'] .accordion li .accordion-title:after, +.theme-color-spring-red [class*='bg-color'] .accordion li .accordion-title:before, +.theme-color-spring-red [class*='bg-color'] .accordion li .accordion-title:after { + background: white; +} + +.theme-color-spring-red [class*='bg-gradient'] .accordion li.active .accordion-title, +.theme-color-spring-red [class*='bg-color'] .accordion li.active .accordion-title { + border-color: white; +} + +.theme-color-spring-red [class*='bg-gradient'] .accordion.style-3 li .accordion-title, +.theme-color-spring-red [class*='bg-color'] .accordion.style-3 li .accordion-title { + background: rgba(255, 255, 255, 0.1); +} + +.theme-color-spring-red [class*='bg-gradient'] .accordion.style-3 li .accordion-title h1, .theme-color-spring-red [class*='bg-gradient'] .accordion.style-3 li .accordion-title h2, .theme-color-spring-red [class*='bg-gradient'] .accordion.style-3 li .accordion-title h3, .theme-color-spring-red [class*='bg-gradient'] .accordion.style-3 li .accordion-title h4, .theme-color-spring-red [class*='bg-gradient'] .accordion.style-3 li .accordion-title h5, .theme-color-spring-red [class*='bg-gradient'] .accordion.style-3 li .accordion-title h6, +.theme-color-spring-red [class*='bg-color'] .accordion.style-3 li .accordion-title h1, +.theme-color-spring-red [class*='bg-color'] .accordion.style-3 li .accordion-title h2, +.theme-color-spring-red [class*='bg-color'] .accordion.style-3 li .accordion-title h3, +.theme-color-spring-red [class*='bg-color'] .accordion.style-3 li .accordion-title h4, +.theme-color-spring-red [class*='bg-color'] .accordion.style-3 li .accordion-title h5, +.theme-color-spring-red [class*='bg-color'] .accordion.style-3 li .accordion-title h6 { + color: white; +} + +.theme-color-spring-red [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title, +.theme-color-spring-red [class*='bg-color'] .accordion.style-3 li.active .accordion-title { + background: white; + color: #7C7C7C; +} + +.theme-color-spring-red [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title:before, .theme-color-spring-red [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title:after, +.theme-color-spring-red [class*='bg-color'] .accordion.style-3 li.active .accordion-title:before, +.theme-color-spring-red [class*='bg-color'] .accordion.style-3 li.active .accordion-title:after { + background: black; +} + +.theme-color-spring-red [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h1, .theme-color-spring-red [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h2, .theme-color-spring-red [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h3, .theme-color-spring-red [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h4, .theme-color-spring-red [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h5, .theme-color-spring-red [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h6, +.theme-color-spring-red [class*='bg-color'] .accordion.style-3 li.active .accordion-title h1, +.theme-color-spring-red [class*='bg-color'] .accordion.style-3 li.active .accordion-title h2, +.theme-color-spring-red [class*='bg-color'] .accordion.style-3 li.active .accordion-title h3, +.theme-color-spring-red [class*='bg-color'] .accordion.style-3 li.active .accordion-title h4, +.theme-color-spring-red [class*='bg-color'] .accordion.style-3 li.active .accordion-title h5, +.theme-color-spring-red [class*='bg-color'] .accordion.style-3 li.active .accordion-title h6 { + color: black; +} + +.theme-color-spring-red .text-link-2:before, +.theme-color-spring-red .text-link-3:before, +.theme-color-spring-red .text-link-4:before { + background: #BE1F35; +} + +.theme-color-spring-red .text-link-5:after, +.theme-color-spring-red .text-link-6:after, +.theme-color-spring-red .text-link-7:after { + background: #BE1F35; +} + +.theme-color-spring-red .text-link-8:before { + background: rgba(190, 31, 53, 0.1); +} + +.theme-color-spring-red .bg-black .text-link-2:before, +.theme-color-spring-red .bg-black .text-link-3:before, +.theme-color-spring-red .bg-black .text-link-4:before, +.theme-color-spring-red [class*='bg-dark'] .text-link-2:before, +.theme-color-spring-red [class*='bg-dark'] .text-link-3:before, +.theme-color-spring-red [class*='bg-dark'] .text-link-4:before { + background: #BE1F35; +} + +.theme-color-spring-red .bg-black .text-link-5:after, +.theme-color-spring-red .bg-black .text-link-6:after, +.theme-color-spring-red .bg-black .text-link-7:after, +.theme-color-spring-red [class*='bg-dark'] .text-link-5:after, +.theme-color-spring-red [class*='bg-dark'] .text-link-6:after, +.theme-color-spring-red [class*='bg-dark'] .text-link-7:after { + background: #BE1F35; +} + +.theme-color-spring-red .bg-black .text-link-8:before, +.theme-color-spring-red [class*='bg-dark'] .text-link-8:before { + background: rgba(190, 31, 53, 0.1); +} + +.theme-color-spring-red [class*='bg-gradient'] .text-link-2:before, .theme-color-spring-red [class*='bg-gradient'] .text-link-3:before, .theme-color-spring-red [class*='bg-gradient'] .text-link-4:before, +.theme-color-spring-red [class*='bg-color'] .text-link-2:before, +.theme-color-spring-red [class*='bg-color'] .text-link-3:before, +.theme-color-spring-red [class*='bg-color'] .text-link-4:before { + background: white; +} + +.theme-color-spring-red [class*='bg-gradient'] .text-link-5:before, .theme-color-spring-red [class*='bg-gradient'] .text-link-6:before, .theme-color-spring-red [class*='bg-gradient'] .text-link-7:before, +.theme-color-spring-red [class*='bg-color'] .text-link-5:before, +.theme-color-spring-red [class*='bg-color'] .text-link-6:before, +.theme-color-spring-red [class*='bg-color'] .text-link-7:before { + background: rgba(255, 255, 255, 0.3); +} + +.theme-color-spring-red [class*='bg-gradient'] .text-link-5:after, .theme-color-spring-red [class*='bg-gradient'] .text-link-6:after, .theme-color-spring-red [class*='bg-gradient'] .text-link-7:after, +.theme-color-spring-red [class*='bg-color'] .text-link-5:after, +.theme-color-spring-red [class*='bg-color'] .text-link-6:after, +.theme-color-spring-red [class*='bg-color'] .text-link-7:after { + background: white; +} + +.theme-color-spring-red [class*='bg-gradient'] .text-link-8:before, +.theme-color-spring-red [class*='bg-color'] .text-link-8:before { + background: rgba(255, 255, 255, 0.3); +} + +.theme-color-spring-red .form-style-2 input:focus, .theme-color-spring-red .form-style-2 textarea:focus, .theme-color-spring-red .form-style-2 .custom-select:focus, .theme-color-spring-red .form-style-2 .form-control:focus, +.theme-color-spring-red .form-style-4 input:focus, +.theme-color-spring-red .form-style-4 textarea:focus, +.theme-color-spring-red .form-style-4 .custom-select:focus, +.theme-color-spring-red .form-style-4 .form-control:focus { + border-color: #BE1F35; +} \ No newline at end of file diff --git a/static/assets/css/theme-colors/theme-color-tan.css b/static/assets/css/theme-colors/theme-color-tan.css new file mode 100644 index 0000000..0dc6add --- /dev/null +++ b/static/assets/css/theme-colors/theme-color-tan.css @@ -0,0 +1,412 @@ +/*------------------------------------------------ +* +* Theme Color - Tan +* +-------------------------------------------------*/ +.theme-color-tan a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover { + color: #d2b48c; +} + +.theme-color-tan [class*='bg-gradient'] a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover, +.theme-color-tan [class*='bg-color'] a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover { + color: white; +} + + +.theme-color-tan .header .header-menu:not([class*='dropdown-color']) .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):hover, .theme-color-tan .header .header-menu:not([class*='dropdown-color']) .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):focus { + color: #d2b48c; +} + + +.theme-color-tan .bg-color-theme { + background: #d2b48c; +} + +.theme-color-tan .bg-color-theme-09 { + background: rgba(210, 180, 140, 0.9); +} + +.theme-color-tan .bg-color-theme-08 { + background: rgba(210, 180, 140, 0.8); +} + +.theme-color-tan .bg-color-theme-07 { + background: rgba(210, 180, 140, 0.7); +} + +.theme-color-tan .bg-color-theme-06 { + background: rgba(210, 180, 140, 0.6); +} + +.theme-color-tan .bg-color-theme-05 { + background: rgba(210, 180, 140, 0.5); +} + +.theme-color-tan .bg-color-theme-04 { + background: rgba(210, 180, 140, 0.4); +} + +.theme-color-tan .bg-color-theme-03 { + background: rgba(210, 180, 140, 0.3); +} + +.theme-color-tan .bg-color-theme-02 { + background: rgba(210, 180, 140, 0.2); +} + +.theme-color-tan .bg-color-theme-01 { + background: rgba(210, 180, 140, 0.1); +} + +.theme-color-tan .bg-light-theme { + background: #f6f0e8; +} + +.theme-color-tan .button-theme { + background: #d2b48c; +} + +.theme-color-tan .button-outline-theme { + border-color: #d2b48c; + color: #d2b48c; +} + +.theme-color-tan .button-outline-theme:hover, .theme-color-tan .button-outline-theme:focus { + background: #d2b48c; + color: white; +} + +.theme-color-tan .button-circle-theme { + background: #d2b48c; +} + +.theme-color-tan .button-circle-outline-theme { + border-color: #d2b48c; + color: #d2b48c; +} + +.theme-color-tan .button-circle-outline-theme:hover, .theme-color-tan .button-circle-outline-theme:focus { + background: #d2b48c; +} + +.theme-color-tan .button-backdrop-color-theme { + background: #d2b48c; +} + +.theme-color-tan .button-text-theme.button-text-1, .theme-color-tan .button-text-theme.button-text-2, .theme-color-tan .button-text-theme.button-text-3 { + color: #d2b48c; +} + +.theme-color-tan .button-text-theme.button-text-1:hover, .theme-color-tan .button-text-theme.button-text-2:hover, .theme-color-tan .button-text-theme.button-text-3:hover { + color: #d2b48c; +} + +.theme-color-tan .button-text-theme.button-text-1:before { + background: rgba(210, 180, 140, 0.3); +} + +.theme-color-tan .button-text-theme.button-text-1:after { + background: #d2b48c; +} + +.theme-color-tan .button-text-theme.button-text-2:before { + background: rgba(210, 180, 140, 0.1); +} + +.theme-color-tan .button-text-theme.button-text-2:after { + background: #d2b48c; +} + +.theme-color-tan .button-text-theme.button-text-3:before { + background: #d2b48c; +} + +.theme-color-tan .button-text-theme.button-text-3:hover:before { + background: #d2b48c; +} + +.theme-color-tan .bg-black .button-text-theme.button-text-1, .theme-color-tan .bg-black .button-text-theme.button-text-2, .theme-color-tan .bg-black .button-text-theme.button-text-3, +.theme-color-tan [class*='bg-dark'] .button-text-theme.button-text-1, +.theme-color-tan [class*='bg-dark'] .button-text-theme.button-text-2, +.theme-color-tan [class*='bg-dark'] .button-text-theme.button-text-3 { + color: #d2b48c; +} + +.theme-color-tan .bg-black .button-text-theme.button-text-1:hover, .theme-color-tan .bg-black .button-text-theme.button-text-2:hover, .theme-color-tan .bg-black .button-text-theme.button-text-3:hover, +.theme-color-tan [class*='bg-dark'] .button-text-theme.button-text-1:hover, +.theme-color-tan [class*='bg-dark'] .button-text-theme.button-text-2:hover, +.theme-color-tan [class*='bg-dark'] .button-text-theme.button-text-3:hover { + color: #d2b48c; +} + +.theme-color-tan .bg-black .button-text-theme.button-text-1:before, +.theme-color-tan [class*='bg-dark'] .button-text-theme.button-text-1:before { + background: rgba(210, 180, 140, 0.3); +} + +.theme-color-tan .bg-black .button-text-theme.button-text-1:after, +.theme-color-tan [class*='bg-dark'] .button-text-theme.button-text-1:after { + background: #d2b48c; +} + +.theme-color-tan .bg-black .button-text-theme.button-text-2:before, +.theme-color-tan [class*='bg-dark'] .button-text-theme.button-text-2:before { + background: rgba(210, 180, 140, 0.3); +} + +.theme-color-tan .bg-black .button-text-theme.button-text-2:after, +.theme-color-tan [class*='bg-dark'] .button-text-theme.button-text-2:after { + background: #d2b48c; +} + +.theme-color-tan .bg-black .button-text-theme.button-text-3:before, +.theme-color-tan [class*='bg-dark'] .button-text-theme.button-text-3:before { + background: #d2b48c; +} + +.theme-color-tan .bg-black .button-text-theme.button-text-3:hover:before, +.theme-color-tan [class*='bg-dark'] .button-text-theme.button-text-3:hover:before { + background: #d2b48c; +} + +.theme-color-tan .text-color-theme { + color: #d2b48c; +} + +.theme-color-tan .progress-box.progress-theme .animated-progress div { + background: #d2b48c; +} + +.theme-color-tan [class*='bg-gradient'] .progress-box.progress-theme .animated-progress div, +.theme-color-tan [class*='bg-color'] .progress-box.progress-theme .animated-progress div { + background: white; +} + +.theme-color-tan.preloader-theme .preloader-1 div .loader-path { + stroke: #d2b48c; +} + +.theme-color-tan.preloader-theme .preloader-2 div span { + background: #d2b48c; + background: linear-gradient(to right, #d2b48c 10%, transparent 40%); +} + +.theme-color-tan.preloader-theme .preloader-2 div span:before { + background: #d2b48c; +} + +.theme-color-tan.preloader-theme .preloader-3 div span:before, .theme-color-tan.preloader-theme .preloader-3 div span:after { + background: rgba(210, 180, 140, 0.2); +} + +.theme-color-tan .accordion li .accordion-title { + border-color: rgba(210, 180, 140, 0.1); +} + +.theme-color-tan .accordion li .accordion-title:before, .theme-color-tan .accordion li .accordion-title:after { + background: #d2b48c; +} + +.theme-color-tan .accordion li .accordion-title h1, .theme-color-tan .accordion li .accordion-title h2, .theme-color-tan .accordion li .accordion-title h3, .theme-color-tan .accordion li .accordion-title h4, .theme-color-tan .accordion li .accordion-title h5, .theme-color-tan .accordion li .accordion-title h6 { + color: #d2b48c; +} + +.theme-color-tan .accordion li.active .accordion-title { + border-color: #d2b48c; +} + +.theme-color-tan .accordion.style-3 li .accordion-title { + background: #f6f0e8; +} + +.theme-color-tan .accordion.style-3 li.active .accordion-title { + background: #d2b48c; + color: white; +} + +.theme-color-tan .accordion.style-3 li.active .accordion-title:before, .theme-color-tan .accordion.style-3 li.active .accordion-title:after { + background: white; +} + +.theme-color-tan .accordion.style-3 li.active .accordion-title h1, .theme-color-tan .accordion.style-3 li.active .accordion-title h2, .theme-color-tan .accordion.style-3 li.active .accordion-title h3, .theme-color-tan .accordion.style-3 li.active .accordion-title h4, .theme-color-tan .accordion.style-3 li.active .accordion-title h5, .theme-color-tan .accordion.style-3 li.active .accordion-title h6 { + color: white; +} + +.theme-color-tan .bg-black .accordion li .accordion-title, +.theme-color-tan [class*='bg-dark'] .accordion li .accordion-title { + border-color: rgba(255, 255, 255, 0.2); +} + +.theme-color-tan .bg-black .accordion li .accordion-title:before, .theme-color-tan .bg-black .accordion li .accordion-title:after, +.theme-color-tan [class*='bg-dark'] .accordion li .accordion-title:before, +.theme-color-tan [class*='bg-dark'] .accordion li .accordion-title:after { + background: white; +} + +.theme-color-tan .bg-black .accordion li.active .accordion-title, +.theme-color-tan [class*='bg-dark'] .accordion li.active .accordion-title { + border-color: #d2b48c; +} + +.theme-color-tan .bg-black .accordion.style-3 li .accordion-title, +.theme-color-tan [class*='bg-dark'] .accordion.style-3 li .accordion-title { + background: rgba(255, 255, 255, 0.1); +} + +.theme-color-tan .bg-black .accordion.style-3 li.active .accordion-title, +.theme-color-tan [class*='bg-dark'] .accordion.style-3 li.active .accordion-title { + background: #d2b48c; + color: white; +} + +.theme-color-tan .bg-black .accordion.style-3 li.active .accordion-title:before, .theme-color-tan .bg-black .accordion.style-3 li.active .accordion-title:after, +.theme-color-tan [class*='bg-dark'] .accordion.style-3 li.active .accordion-title:before, +.theme-color-tan [class*='bg-dark'] .accordion.style-3 li.active .accordion-title:after { + background: white; +} + +.theme-color-tan .bg-black .accordion.style-3 li.active .accordion-title h1, .theme-color-tan .bg-black .accordion.style-3 li.active .accordion-title h2, .theme-color-tan .bg-black .accordion.style-3 li.active .accordion-title h3, .theme-color-tan .bg-black .accordion.style-3 li.active .accordion-title h4, .theme-color-tan .bg-black .accordion.style-3 li.active .accordion-title h5, .theme-color-tan .bg-black .accordion.style-3 li.active .accordion-title h6, +.theme-color-tan [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h1, +.theme-color-tan [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h2, +.theme-color-tan [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h3, +.theme-color-tan [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h4, +.theme-color-tan [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h5, +.theme-color-tan [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h6 { + color: white; +} + +.theme-color-tan [class*='bg-gradient'] .accordion li .accordion-title, +.theme-color-tan [class*='bg-color'] .accordion li .accordion-title { + border-color: rgba(255, 255, 255, 0.2); +} + +.theme-color-tan [class*='bg-gradient'] .accordion li .accordion-title h1, .theme-color-tan [class*='bg-gradient'] .accordion li .accordion-title h2, .theme-color-tan [class*='bg-gradient'] .accordion li .accordion-title h3, .theme-color-tan [class*='bg-gradient'] .accordion li .accordion-title h4, .theme-color-tan [class*='bg-gradient'] .accordion li .accordion-title h5, .theme-color-tan [class*='bg-gradient'] .accordion li .accordion-title h6, +.theme-color-tan [class*='bg-color'] .accordion li .accordion-title h1, +.theme-color-tan [class*='bg-color'] .accordion li .accordion-title h2, +.theme-color-tan [class*='bg-color'] .accordion li .accordion-title h3, +.theme-color-tan [class*='bg-color'] .accordion li .accordion-title h4, +.theme-color-tan [class*='bg-color'] .accordion li .accordion-title h5, +.theme-color-tan [class*='bg-color'] .accordion li .accordion-title h6 { + color: white; +} + +.theme-color-tan [class*='bg-gradient'] .accordion li .accordion-title:before, .theme-color-tan [class*='bg-gradient'] .accordion li .accordion-title:after, +.theme-color-tan [class*='bg-color'] .accordion li .accordion-title:before, +.theme-color-tan [class*='bg-color'] .accordion li .accordion-title:after { + background: white; +} + +.theme-color-tan [class*='bg-gradient'] .accordion li.active .accordion-title, +.theme-color-tan [class*='bg-color'] .accordion li.active .accordion-title { + border-color: white; +} + +.theme-color-tan [class*='bg-gradient'] .accordion.style-3 li .accordion-title, +.theme-color-tan [class*='bg-color'] .accordion.style-3 li .accordion-title { + background: rgba(255, 255, 255, 0.1); +} + +.theme-color-tan [class*='bg-gradient'] .accordion.style-3 li .accordion-title h1, .theme-color-tan [class*='bg-gradient'] .accordion.style-3 li .accordion-title h2, .theme-color-tan [class*='bg-gradient'] .accordion.style-3 li .accordion-title h3, .theme-color-tan [class*='bg-gradient'] .accordion.style-3 li .accordion-title h4, .theme-color-tan [class*='bg-gradient'] .accordion.style-3 li .accordion-title h5, .theme-color-tan [class*='bg-gradient'] .accordion.style-3 li .accordion-title h6, +.theme-color-tan [class*='bg-color'] .accordion.style-3 li .accordion-title h1, +.theme-color-tan [class*='bg-color'] .accordion.style-3 li .accordion-title h2, +.theme-color-tan [class*='bg-color'] .accordion.style-3 li .accordion-title h3, +.theme-color-tan [class*='bg-color'] .accordion.style-3 li .accordion-title h4, +.theme-color-tan [class*='bg-color'] .accordion.style-3 li .accordion-title h5, +.theme-color-tan [class*='bg-color'] .accordion.style-3 li .accordion-title h6 { + color: white; +} + +.theme-color-tan [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title, +.theme-color-tan [class*='bg-color'] .accordion.style-3 li.active .accordion-title { + background: white; + color: #7C7C7C; +} + +.theme-color-tan [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title:before, .theme-color-tan [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title:after, +.theme-color-tan [class*='bg-color'] .accordion.style-3 li.active .accordion-title:before, +.theme-color-tan [class*='bg-color'] .accordion.style-3 li.active .accordion-title:after { + background: black; +} + +.theme-color-tan [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h1, .theme-color-tan [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h2, .theme-color-tan [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h3, .theme-color-tan [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h4, .theme-color-tan [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h5, .theme-color-tan [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h6, +.theme-color-tan [class*='bg-color'] .accordion.style-3 li.active .accordion-title h1, +.theme-color-tan [class*='bg-color'] .accordion.style-3 li.active .accordion-title h2, +.theme-color-tan [class*='bg-color'] .accordion.style-3 li.active .accordion-title h3, +.theme-color-tan [class*='bg-color'] .accordion.style-3 li.active .accordion-title h4, +.theme-color-tan [class*='bg-color'] .accordion.style-3 li.active .accordion-title h5, +.theme-color-tan [class*='bg-color'] .accordion.style-3 li.active .accordion-title h6 { + color: black; +} + +.theme-color-tan .text-link-2:before, +.theme-color-tan .text-link-3:before, +.theme-color-tan .text-link-4:before { + background: #d2b48c; +} + +.theme-color-tan .text-link-5:after, +.theme-color-tan .text-link-6:after, +.theme-color-tan .text-link-7:after { + background: #d2b48c; +} + +.theme-color-tan .text-link-8:before { + background: rgba(210, 180, 140, 0.1); +} + +.theme-color-tan .bg-black .text-link-2:before, +.theme-color-tan .bg-black .text-link-3:before, +.theme-color-tan .bg-black .text-link-4:before, +.theme-color-tan [class*='bg-dark'] .text-link-2:before, +.theme-color-tan [class*='bg-dark'] .text-link-3:before, +.theme-color-tan [class*='bg-dark'] .text-link-4:before { + background: #d2b48c; +} + +.theme-color-tan .bg-black .text-link-5:after, +.theme-color-tan .bg-black .text-link-6:after, +.theme-color-tan .bg-black .text-link-7:after, +.theme-color-tan [class*='bg-dark'] .text-link-5:after, +.theme-color-tan [class*='bg-dark'] .text-link-6:after, +.theme-color-tan [class*='bg-dark'] .text-link-7:after { + background: #d2b48c; +} + +.theme-color-tan .bg-black .text-link-8:before, +.theme-color-tan [class*='bg-dark'] .text-link-8:before { + background: rgba(210, 180, 140, 0.1); +} + +.theme-color-tan [class*='bg-gradient'] .text-link-2:before, .theme-color-tan [class*='bg-gradient'] .text-link-3:before, .theme-color-tan [class*='bg-gradient'] .text-link-4:before, +.theme-color-tan [class*='bg-color'] .text-link-2:before, +.theme-color-tan [class*='bg-color'] .text-link-3:before, +.theme-color-tan [class*='bg-color'] .text-link-4:before { + background: white; +} + +.theme-color-tan [class*='bg-gradient'] .text-link-5:before, .theme-color-tan [class*='bg-gradient'] .text-link-6:before, .theme-color-tan [class*='bg-gradient'] .text-link-7:before, +.theme-color-tan [class*='bg-color'] .text-link-5:before, +.theme-color-tan [class*='bg-color'] .text-link-6:before, +.theme-color-tan [class*='bg-color'] .text-link-7:before { + background: rgba(255, 255, 255, 0.3); +} + +.theme-color-tan [class*='bg-gradient'] .text-link-5:after, .theme-color-tan [class*='bg-gradient'] .text-link-6:after, .theme-color-tan [class*='bg-gradient'] .text-link-7:after, +.theme-color-tan [class*='bg-color'] .text-link-5:after, +.theme-color-tan [class*='bg-color'] .text-link-6:after, +.theme-color-tan [class*='bg-color'] .text-link-7:after { + background: white; +} + +.theme-color-tan [class*='bg-gradient'] .text-link-8:before, +.theme-color-tan [class*='bg-color'] .text-link-8:before { + background: rgba(255, 255, 255, 0.3); +} + +.theme-color-tan .form-style-2 input:focus, .theme-color-tan .form-style-2 textarea:focus, .theme-color-tan .form-style-2 .custom-select:focus, .theme-color-tan .form-style-2 .form-control:focus, +.theme-color-tan .form-style-4 input:focus, +.theme-color-tan .form-style-4 textarea:focus, +.theme-color-tan .form-style-4 .custom-select:focus, +.theme-color-tan .form-style-4 .form-control:focus { + border-color: #d2b48c; +} \ No newline at end of file diff --git a/static/assets/css/theme-colors/theme-color-turquoise.css b/static/assets/css/theme-colors/theme-color-turquoise.css new file mode 100644 index 0000000..adba2dd --- /dev/null +++ b/static/assets/css/theme-colors/theme-color-turquoise.css @@ -0,0 +1,412 @@ +/*------------------------------------------------ +* +* Theme Color - turquoise +* +-------------------------------------------------*/ +.theme-color-turquoise a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover { + color: #4cbfa6; +} + +.theme-color-turquoise [class*='bg-gradient'] a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover, +.theme-color-turquoise [class*='bg-color'] a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover { + color: white; +} + + +.theme-color-turquoise .header .header-menu:not([class*='dropdown-color']) .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):hover, .theme-color-turquoise .header .header-menu:not([class*='dropdown-color']) .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):focus { + color: #4cbfa6; +} + + +.theme-color-turquoise .bg-color-theme { + background: #4cbfa6; +} + +.theme-color-turquoise .bg-color-theme-09 { + background: rgba(76, 191, 166, 0.9); +} + +.theme-color-turquoise .bg-color-theme-08 { + background: rgba(76, 191, 166, 0.8); +} + +.theme-color-turquoise .bg-color-theme-07 { + background: rgba(76, 191, 166, 0.7); +} + +.theme-color-turquoise .bg-color-theme-06 { + background: rgba(76, 191, 166, 0.6); +} + +.theme-color-turquoise .bg-color-theme-05 { + background: rgba(76, 191, 166, 0.5); +} + +.theme-color-turquoise .bg-color-theme-04 { + background: rgba(76, 191, 166, 0.4); +} + +.theme-color-turquoise .bg-color-theme-03 { + background: rgba(76, 191, 166, 0.3); +} + +.theme-color-turquoise .bg-color-theme-02 { + background: rgba(76, 191, 166, 0.2); +} + +.theme-color-turquoise .bg-color-theme-01 { + background: rgba(76, 191, 166, 0.1); +} + +.theme-color-turquoise .bg-light-theme { + background: #E2F4F0; +} + +.theme-color-turquoise .button-theme { + background: #4cbfa6; +} + +.theme-color-turquoise .button-outline-theme { + border-color: #4cbfa6; + color: #4cbfa6; +} + +.theme-color-turquoise .button-outline-theme:hover, .theme-color-turquoise .button-outline-theme:focus { + background: #4cbfa6; + color: white; +} + +.theme-color-turquoise .button-circle-theme { + background: #4cbfa6; +} + +.theme-color-turquoise .button-circle-outline-theme { + border-color: #4cbfa6; + color: #4cbfa6; +} + +.theme-color-turquoise .button-circle-outline-theme:hover, .theme-color-turquoise .button-circle-outline-theme:focus { + background: #4cbfa6; +} + +.theme-color-turquoise .button-backdrop-color-theme { + background: #4cbfa6; +} + +.theme-color-turquoise .button-text-theme.button-text-1, .theme-color-turquoise .button-text-theme.button-text-2, .theme-color-turquoise .button-text-theme.button-text-3 { + color: #4cbfa6; +} + +.theme-color-turquoise .button-text-theme.button-text-1:hover, .theme-color-turquoise .button-text-theme.button-text-2:hover, .theme-color-turquoise .button-text-theme.button-text-3:hover { + color: #4cbfa6; +} + +.theme-color-turquoise .button-text-theme.button-text-1:before { + background: rgba(76, 191, 166, 0.3); +} + +.theme-color-turquoise .button-text-theme.button-text-1:after { + background: #4cbfa6; +} + +.theme-color-turquoise .button-text-theme.button-text-2:before { + background: rgba(76, 191, 166, 0.1); +} + +.theme-color-turquoise .button-text-theme.button-text-2:after { + background: #4cbfa6; +} + +.theme-color-turquoise .button-text-theme.button-text-3:before { + background: #4cbfa6; +} + +.theme-color-turquoise .button-text-theme.button-text-3:hover:before { + background: #4cbfa6; +} + +.theme-color-turquoise .bg-black .button-text-theme.button-text-1, .theme-color-turquoise .bg-black .button-text-theme.button-text-2, .theme-color-turquoise .bg-black .button-text-theme.button-text-3, +.theme-color-turquoise [class*='bg-dark'] .button-text-theme.button-text-1, +.theme-color-turquoise [class*='bg-dark'] .button-text-theme.button-text-2, +.theme-color-turquoise [class*='bg-dark'] .button-text-theme.button-text-3 { + color: #4cbfa6; +} + +.theme-color-turquoise .bg-black .button-text-theme.button-text-1:hover, .theme-color-turquoise .bg-black .button-text-theme.button-text-2:hover, .theme-color-turquoise .bg-black .button-text-theme.button-text-3:hover, +.theme-color-turquoise [class*='bg-dark'] .button-text-theme.button-text-1:hover, +.theme-color-turquoise [class*='bg-dark'] .button-text-theme.button-text-2:hover, +.theme-color-turquoise [class*='bg-dark'] .button-text-theme.button-text-3:hover { + color: #4cbfa6; +} + +.theme-color-turquoise .bg-black .button-text-theme.button-text-1:before, +.theme-color-turquoise [class*='bg-dark'] .button-text-theme.button-text-1:before { + background: rgba(76, 191, 166, 0.3); +} + +.theme-color-turquoise .bg-black .button-text-theme.button-text-1:after, +.theme-color-turquoise [class*='bg-dark'] .button-text-theme.button-text-1:after { + background: #4cbfa6; +} + +.theme-color-turquoise .bg-black .button-text-theme.button-text-2:before, +.theme-color-turquoise [class*='bg-dark'] .button-text-theme.button-text-2:before { + background: rgba(76, 191, 166, 0.3); +} + +.theme-color-turquoise .bg-black .button-text-theme.button-text-2:after, +.theme-color-turquoise [class*='bg-dark'] .button-text-theme.button-text-2:after { + background: #4cbfa6; +} + +.theme-color-turquoise .bg-black .button-text-theme.button-text-3:before, +.theme-color-turquoise [class*='bg-dark'] .button-text-theme.button-text-3:before { + background: #4cbfa6; +} + +.theme-color-turquoise .bg-black .button-text-theme.button-text-3:hover:before, +.theme-color-turquoise [class*='bg-dark'] .button-text-theme.button-text-3:hover:before { + background: #4cbfa6; +} + +.theme-color-turquoise .text-color-theme { + color: #4cbfa6; +} + +.theme-color-turquoise .progress-box.progress-theme .animated-progress div { + background: #4cbfa6; +} + +.theme-color-turquoise [class*='bg-gradient'] .progress-box.progress-theme .animated-progress div, +.theme-color-turquoise [class*='bg-color'] .progress-box.progress-theme .animated-progress div { + background: white; +} + +.theme-color-turquoise.preloader-theme .preloader-1 div .loader-path { + stroke: #4cbfa6; +} + +.theme-color-turquoise.preloader-theme .preloader-2 div span { + background: #4cbfa6; + background: linear-gradient(to right, #4cbfa6 10%, transparent 40%); +} + +.theme-color-turquoise.preloader-theme .preloader-2 div span:before { + background: #4cbfa6; +} + +.theme-color-turquoise.preloader-theme .preloader-3 div span:before, .theme-color-turquoise.preloader-theme .preloader-3 div span:after { + background: rgba(76, 191, 166, 0.2); +} + +.theme-color-turquoise .accordion li .accordion-title { + border-color: rgba(76, 191, 166, 0.1); +} + +.theme-color-turquoise .accordion li .accordion-title:before, .theme-color-turquoise .accordion li .accordion-title:after { + background: #4cbfa6; +} + +.theme-color-turquoise .accordion li .accordion-title h1, .theme-color-turquoise .accordion li .accordion-title h2, .theme-color-turquoise .accordion li .accordion-title h3, .theme-color-turquoise .accordion li .accordion-title h4, .theme-color-turquoise .accordion li .accordion-title h5, .theme-color-turquoise .accordion li .accordion-title h6 { + color: #4cbfa6; +} + +.theme-color-turquoise .accordion li.active .accordion-title { + border-color: #4cbfa6; +} + +.theme-color-turquoise .accordion.style-3 li .accordion-title { + background: #E2F4F0; +} + +.theme-color-turquoise .accordion.style-3 li.active .accordion-title { + background: #4cbfa6; + color: white; +} + +.theme-color-turquoise .accordion.style-3 li.active .accordion-title:before, .theme-color-turquoise .accordion.style-3 li.active .accordion-title:after { + background: white; +} + +.theme-color-turquoise .accordion.style-3 li.active .accordion-title h1, .theme-color-turquoise .accordion.style-3 li.active .accordion-title h2, .theme-color-turquoise .accordion.style-3 li.active .accordion-title h3, .theme-color-turquoise .accordion.style-3 li.active .accordion-title h4, .theme-color-turquoise .accordion.style-3 li.active .accordion-title h5, .theme-color-turquoise .accordion.style-3 li.active .accordion-title h6 { + color: white; +} + +.theme-color-turquoise .bg-black .accordion li .accordion-title, +.theme-color-turquoise [class*='bg-dark'] .accordion li .accordion-title { + border-color: rgba(255, 255, 255, 0.2); +} + +.theme-color-turquoise .bg-black .accordion li .accordion-title:before, .theme-color-turquoise .bg-black .accordion li .accordion-title:after, +.theme-color-turquoise [class*='bg-dark'] .accordion li .accordion-title:before, +.theme-color-turquoise [class*='bg-dark'] .accordion li .accordion-title:after { + background: white; +} + +.theme-color-turquoise .bg-black .accordion li.active .accordion-title, +.theme-color-turquoise [class*='bg-dark'] .accordion li.active .accordion-title { + border-color: #4cbfa6; +} + +.theme-color-turquoise .bg-black .accordion.style-3 li .accordion-title, +.theme-color-turquoise [class*='bg-dark'] .accordion.style-3 li .accordion-title { + background: rgba(255, 255, 255, 0.1); +} + +.theme-color-turquoise .bg-black .accordion.style-3 li.active .accordion-title, +.theme-color-turquoise [class*='bg-dark'] .accordion.style-3 li.active .accordion-title { + background: #4cbfa6; + color: white; +} + +.theme-color-turquoise .bg-black .accordion.style-3 li.active .accordion-title:before, .theme-color-turquoise .bg-black .accordion.style-3 li.active .accordion-title:after, +.theme-color-turquoise [class*='bg-dark'] .accordion.style-3 li.active .accordion-title:before, +.theme-color-turquoise [class*='bg-dark'] .accordion.style-3 li.active .accordion-title:after { + background: white; +} + +.theme-color-turquoise .bg-black .accordion.style-3 li.active .accordion-title h1, .theme-color-turquoise .bg-black .accordion.style-3 li.active .accordion-title h2, .theme-color-turquoise .bg-black .accordion.style-3 li.active .accordion-title h3, .theme-color-turquoise .bg-black .accordion.style-3 li.active .accordion-title h4, .theme-color-turquoise .bg-black .accordion.style-3 li.active .accordion-title h5, .theme-color-turquoise .bg-black .accordion.style-3 li.active .accordion-title h6, +.theme-color-turquoise [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h1, +.theme-color-turquoise [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h2, +.theme-color-turquoise [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h3, +.theme-color-turquoise [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h4, +.theme-color-turquoise [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h5, +.theme-color-turquoise [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h6 { + color: white; +} + +.theme-color-turquoise [class*='bg-gradient'] .accordion li .accordion-title, +.theme-color-turquoise [class*='bg-color'] .accordion li .accordion-title { + border-color: rgba(255, 255, 255, 0.2); +} + +.theme-color-turquoise [class*='bg-gradient'] .accordion li .accordion-title h1, .theme-color-turquoise [class*='bg-gradient'] .accordion li .accordion-title h2, .theme-color-turquoise [class*='bg-gradient'] .accordion li .accordion-title h3, .theme-color-turquoise [class*='bg-gradient'] .accordion li .accordion-title h4, .theme-color-turquoise [class*='bg-gradient'] .accordion li .accordion-title h5, .theme-color-turquoise [class*='bg-gradient'] .accordion li .accordion-title h6, +.theme-color-turquoise [class*='bg-color'] .accordion li .accordion-title h1, +.theme-color-turquoise [class*='bg-color'] .accordion li .accordion-title h2, +.theme-color-turquoise [class*='bg-color'] .accordion li .accordion-title h3, +.theme-color-turquoise [class*='bg-color'] .accordion li .accordion-title h4, +.theme-color-turquoise [class*='bg-color'] .accordion li .accordion-title h5, +.theme-color-turquoise [class*='bg-color'] .accordion li .accordion-title h6 { + color: white; +} + +.theme-color-turquoise [class*='bg-gradient'] .accordion li .accordion-title:before, .theme-color-turquoise [class*='bg-gradient'] .accordion li .accordion-title:after, +.theme-color-turquoise [class*='bg-color'] .accordion li .accordion-title:before, +.theme-color-turquoise [class*='bg-color'] .accordion li .accordion-title:after { + background: white; +} + +.theme-color-turquoise [class*='bg-gradient'] .accordion li.active .accordion-title, +.theme-color-turquoise [class*='bg-color'] .accordion li.active .accordion-title { + border-color: white; +} + +.theme-color-turquoise [class*='bg-gradient'] .accordion.style-3 li .accordion-title, +.theme-color-turquoise [class*='bg-color'] .accordion.style-3 li .accordion-title { + background: rgba(255, 255, 255, 0.1); +} + +.theme-color-turquoise [class*='bg-gradient'] .accordion.style-3 li .accordion-title h1, .theme-color-turquoise [class*='bg-gradient'] .accordion.style-3 li .accordion-title h2, .theme-color-turquoise [class*='bg-gradient'] .accordion.style-3 li .accordion-title h3, .theme-color-turquoise [class*='bg-gradient'] .accordion.style-3 li .accordion-title h4, .theme-color-turquoise [class*='bg-gradient'] .accordion.style-3 li .accordion-title h5, .theme-color-turquoise [class*='bg-gradient'] .accordion.style-3 li .accordion-title h6, +.theme-color-turquoise [class*='bg-color'] .accordion.style-3 li .accordion-title h1, +.theme-color-turquoise [class*='bg-color'] .accordion.style-3 li .accordion-title h2, +.theme-color-turquoise [class*='bg-color'] .accordion.style-3 li .accordion-title h3, +.theme-color-turquoise [class*='bg-color'] .accordion.style-3 li .accordion-title h4, +.theme-color-turquoise [class*='bg-color'] .accordion.style-3 li .accordion-title h5, +.theme-color-turquoise [class*='bg-color'] .accordion.style-3 li .accordion-title h6 { + color: white; +} + +.theme-color-turquoise [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title, +.theme-color-turquoise [class*='bg-color'] .accordion.style-3 li.active .accordion-title { + background: white; + color: #7C7C7C; +} + +.theme-color-turquoise [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title:before, .theme-color-turquoise [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title:after, +.theme-color-turquoise [class*='bg-color'] .accordion.style-3 li.active .accordion-title:before, +.theme-color-turquoise [class*='bg-color'] .accordion.style-3 li.active .accordion-title:after { + background: black; +} + +.theme-color-turquoise [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h1, .theme-color-turquoise [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h2, .theme-color-turquoise [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h3, .theme-color-turquoise [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h4, .theme-color-turquoise [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h5, .theme-color-turquoise [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h6, +.theme-color-turquoise [class*='bg-color'] .accordion.style-3 li.active .accordion-title h1, +.theme-color-turquoise [class*='bg-color'] .accordion.style-3 li.active .accordion-title h2, +.theme-color-turquoise [class*='bg-color'] .accordion.style-3 li.active .accordion-title h3, +.theme-color-turquoise [class*='bg-color'] .accordion.style-3 li.active .accordion-title h4, +.theme-color-turquoise [class*='bg-color'] .accordion.style-3 li.active .accordion-title h5, +.theme-color-turquoise [class*='bg-color'] .accordion.style-3 li.active .accordion-title h6 { + color: black; +} + +.theme-color-turquoise .text-link-2:before, +.theme-color-turquoise .text-link-3:before, +.theme-color-turquoise .text-link-4:before { + background: #4cbfa6; +} + +.theme-color-turquoise .text-link-5:after, +.theme-color-turquoise .text-link-6:after, +.theme-color-turquoise .text-link-7:after { + background: #4cbfa6; +} + +.theme-color-turquoise .text-link-8:before { + background: rgba(76, 191, 166, 0.1); +} + +.theme-color-turquoise .bg-black .text-link-2:before, +.theme-color-turquoise .bg-black .text-link-3:before, +.theme-color-turquoise .bg-black .text-link-4:before, +.theme-color-turquoise [class*='bg-dark'] .text-link-2:before, +.theme-color-turquoise [class*='bg-dark'] .text-link-3:before, +.theme-color-turquoise [class*='bg-dark'] .text-link-4:before { + background: #4cbfa6; +} + +.theme-color-turquoise .bg-black .text-link-5:after, +.theme-color-turquoise .bg-black .text-link-6:after, +.theme-color-turquoise .bg-black .text-link-7:after, +.theme-color-turquoise [class*='bg-dark'] .text-link-5:after, +.theme-color-turquoise [class*='bg-dark'] .text-link-6:after, +.theme-color-turquoise [class*='bg-dark'] .text-link-7:after { + background: #4cbfa6; +} + +.theme-color-turquoise .bg-black .text-link-8:before, +.theme-color-turquoise [class*='bg-dark'] .text-link-8:before { + background: rgba(76, 191, 166, 0.1); +} + +.theme-color-turquoise [class*='bg-gradient'] .text-link-2:before, .theme-color-turquoise [class*='bg-gradient'] .text-link-3:before, .theme-color-turquoise [class*='bg-gradient'] .text-link-4:before, +.theme-color-turquoise [class*='bg-color'] .text-link-2:before, +.theme-color-turquoise [class*='bg-color'] .text-link-3:before, +.theme-color-turquoise [class*='bg-color'] .text-link-4:before { + background: white; +} + +.theme-color-turquoise [class*='bg-gradient'] .text-link-5:before, .theme-color-turquoise [class*='bg-gradient'] .text-link-6:before, .theme-color-turquoise [class*='bg-gradient'] .text-link-7:before, +.theme-color-turquoise [class*='bg-color'] .text-link-5:before, +.theme-color-turquoise [class*='bg-color'] .text-link-6:before, +.theme-color-turquoise [class*='bg-color'] .text-link-7:before { + background: rgba(255, 255, 255, 0.3); +} + +.theme-color-turquoise [class*='bg-gradient'] .text-link-5:after, .theme-color-turquoise [class*='bg-gradient'] .text-link-6:after, .theme-color-turquoise [class*='bg-gradient'] .text-link-7:after, +.theme-color-turquoise [class*='bg-color'] .text-link-5:after, +.theme-color-turquoise [class*='bg-color'] .text-link-6:after, +.theme-color-turquoise [class*='bg-color'] .text-link-7:after { + background: white; +} + +.theme-color-turquoise [class*='bg-gradient'] .text-link-8:before, +.theme-color-turquoise [class*='bg-color'] .text-link-8:before { + background: rgba(255, 255, 255, 0.3); +} + +.theme-color-turquoise .form-style-2 input:focus, .theme-color-turquoise .form-style-2 textarea:focus, .theme-color-turquoise .form-style-2 .custom-select:focus, .theme-color-turquoise .form-style-2 .form-control:focus, +.theme-color-turquoise .form-style-4 input:focus, +.theme-color-turquoise .form-style-4 textarea:focus, +.theme-color-turquoise .form-style-4 .custom-select:focus, +.theme-color-turquoise .form-style-4 .form-control:focus { + border-color: #4cbfa6; +} \ No newline at end of file diff --git a/static/assets/css/theme-colors/theme-color-very-peri.css b/static/assets/css/theme-colors/theme-color-very-peri.css new file mode 100644 index 0000000..47b3ae8 --- /dev/null +++ b/static/assets/css/theme-colors/theme-color-very-peri.css @@ -0,0 +1,412 @@ +/*------------------------------------------------ +* +* Theme Color - Very Peri +* +-------------------------------------------------*/ +.theme-color-very-peri a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover { + color: #6667AB; +} + +.theme-color-very-peri [class*='bg-gradient'] a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover, +.theme-color-very-peri [class*='bg-color'] a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover { + color: white; +} + + +.theme-color-very-peri .header .header-menu:not([class*='dropdown-color']) .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):hover, .theme-color-very-peri .header .header-menu:not([class*='dropdown-color']) .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):focus { + color: #6667AB; +} + + +.theme-color-very-peri .bg-color-theme { + background: #6667AB; +} + +.theme-color-very-peri .bg-color-theme-09 { + background: rgba(102, 103, 171, 0.9); +} + +.theme-color-very-peri .bg-color-theme-08 { + background: rgba(102, 103, 171, 0.8); +} + +.theme-color-very-peri .bg-color-theme-07 { + background: rgba(102, 103, 171, 0.7); +} + +.theme-color-very-peri .bg-color-theme-06 { + background: rgba(102, 103, 171, 0.6); +} + +.theme-color-very-peri .bg-color-theme-05 { + background: rgba(102, 103, 171, 0.5); +} + +.theme-color-very-peri .bg-color-theme-04 { + background: rgba(102, 103, 171, 0.4); +} + +.theme-color-very-peri .bg-color-theme-03 { + background: rgba(102, 103, 171, 0.3); +} + +.theme-color-very-peri .bg-color-theme-02 { + background: rgba(102, 103, 171, 0.2); +} + +.theme-color-very-peri .bg-color-theme-01 { + background: rgba(102, 103, 171, 0.1); +} + +.theme-color-very-peri .bg-light-theme { + background: #EDEDF5; +} + +.theme-color-very-peri .button-theme { + background: #6667AB; +} + +.theme-color-very-peri .button-outline-theme { + border-color: #6667AB; + color: #6667AB; +} + +.theme-color-very-peri .button-outline-theme:hover, .theme-color-very-peri .button-outline-theme:focus { + background: #6667AB; + color: white; +} + +.theme-color-very-peri .button-circle-theme { + background: #6667AB; +} + +.theme-color-very-peri .button-circle-outline-theme { + border-color: #6667AB; + color: #6667AB; +} + +.theme-color-very-peri .button-circle-outline-theme:hover, .theme-color-very-peri .button-circle-outline-theme:focus { + background: #6667AB; +} + +.theme-color-very-peri .button-backdrop-color-theme { + background: #6667AB; +} + +.theme-color-very-peri .button-text-theme.button-text-1, .theme-color-very-peri .button-text-theme.button-text-2, .theme-color-very-peri .button-text-theme.button-text-3 { + color: #6667AB; +} + +.theme-color-very-peri .button-text-theme.button-text-1:hover, .theme-color-very-peri .button-text-theme.button-text-2:hover, .theme-color-very-peri .button-text-theme.button-text-3:hover { + color: #6667AB; +} + +.theme-color-very-peri .button-text-theme.button-text-1:before { + background: rgba(102, 103, 171, 0.3); +} + +.theme-color-very-peri .button-text-theme.button-text-1:after { + background: #6667AB; +} + +.theme-color-very-peri .button-text-theme.button-text-2:before { + background: rgba(102, 103, 171, 0.1); +} + +.theme-color-very-peri .button-text-theme.button-text-2:after { + background: #6667AB; +} + +.theme-color-very-peri .button-text-theme.button-text-3:before { + background: #6667AB; +} + +.theme-color-very-peri .button-text-theme.button-text-3:hover:before { + background: #6667AB; +} + +.theme-color-very-peri .bg-black .button-text-theme.button-text-1, .theme-color-very-peri .bg-black .button-text-theme.button-text-2, .theme-color-very-peri .bg-black .button-text-theme.button-text-3, +.theme-color-very-peri [class*='bg-dark'] .button-text-theme.button-text-1, +.theme-color-very-peri [class*='bg-dark'] .button-text-theme.button-text-2, +.theme-color-very-peri [class*='bg-dark'] .button-text-theme.button-text-3 { + color: #6667AB; +} + +.theme-color-very-peri .bg-black .button-text-theme.button-text-1:hover, .theme-color-very-peri .bg-black .button-text-theme.button-text-2:hover, .theme-color-very-peri .bg-black .button-text-theme.button-text-3:hover, +.theme-color-very-peri [class*='bg-dark'] .button-text-theme.button-text-1:hover, +.theme-color-very-peri [class*='bg-dark'] .button-text-theme.button-text-2:hover, +.theme-color-very-peri [class*='bg-dark'] .button-text-theme.button-text-3:hover { + color: #6667AB; +} + +.theme-color-very-peri .bg-black .button-text-theme.button-text-1:before, +.theme-color-very-peri [class*='bg-dark'] .button-text-theme.button-text-1:before { + background: rgba(102, 103, 171, 0.3); +} + +.theme-color-very-peri .bg-black .button-text-theme.button-text-1:after, +.theme-color-very-peri [class*='bg-dark'] .button-text-theme.button-text-1:after { + background: #6667AB; +} + +.theme-color-very-peri .bg-black .button-text-theme.button-text-2:before, +.theme-color-very-peri [class*='bg-dark'] .button-text-theme.button-text-2:before { + background: rgba(102, 103, 171, 0.3); +} + +.theme-color-very-peri .bg-black .button-text-theme.button-text-2:after, +.theme-color-very-peri [class*='bg-dark'] .button-text-theme.button-text-2:after { + background: #6667AB; +} + +.theme-color-very-peri .bg-black .button-text-theme.button-text-3:before, +.theme-color-very-peri [class*='bg-dark'] .button-text-theme.button-text-3:before { + background: #6667AB; +} + +.theme-color-very-peri .bg-black .button-text-theme.button-text-3:hover:before, +.theme-color-very-peri [class*='bg-dark'] .button-text-theme.button-text-3:hover:before { + background: #6667AB; +} + +.theme-color-very-peri .text-color-theme { + color: #6667AB; +} + +.theme-color-very-peri .progress-box.progress-theme .animated-progress div { + background: #6667AB; +} + +.theme-color-very-peri [class*='bg-gradient'] .progress-box.progress-theme .animated-progress div, +.theme-color-very-peri [class*='bg-color'] .progress-box.progress-theme .animated-progress div { + background: white; +} + +.theme-color-very-peri.preloader-theme .preloader-1 div .loader-path { + stroke: #6667AB; +} + +.theme-color-very-peri.preloader-theme .preloader-2 div span { + background: #6667AB; + background: linear-gradient(to right, #6667AB 10%, transparent 40%); +} + +.theme-color-very-peri.preloader-theme .preloader-2 div span:before { + background: #6667AB; +} + +.theme-color-very-peri.preloader-theme .preloader-3 div span:before, .theme-color-very-peri.preloader-theme .preloader-3 div span:after { + background: rgba(102, 103, 171, 0.2); +} + +.theme-color-very-peri .accordion li .accordion-title { + border-color: rgba(102, 103, 171, 0.1); +} + +.theme-color-very-peri .accordion li .accordion-title:before, .theme-color-very-peri .accordion li .accordion-title:after { + background: #6667AB; +} + +.theme-color-very-peri .accordion li .accordion-title h1, .theme-color-very-peri .accordion li .accordion-title h2, .theme-color-very-peri .accordion li .accordion-title h3, .theme-color-very-peri .accordion li .accordion-title h4, .theme-color-very-peri .accordion li .accordion-title h5, .theme-color-very-peri .accordion li .accordion-title h6 { + color: #6667AB; +} + +.theme-color-very-peri .accordion li.active .accordion-title { + border-color: #6667AB; +} + +.theme-color-very-peri .accordion.style-3 li .accordion-title { + background: #EDEDF5; +} + +.theme-color-very-peri .accordion.style-3 li.active .accordion-title { + background: #6667AB; + color: white; +} + +.theme-color-very-peri .accordion.style-3 li.active .accordion-title:before, .theme-color-very-peri .accordion.style-3 li.active .accordion-title:after { + background: white; +} + +.theme-color-very-peri .accordion.style-3 li.active .accordion-title h1, .theme-color-very-peri .accordion.style-3 li.active .accordion-title h2, .theme-color-very-peri .accordion.style-3 li.active .accordion-title h3, .theme-color-very-peri .accordion.style-3 li.active .accordion-title h4, .theme-color-very-peri .accordion.style-3 li.active .accordion-title h5, .theme-color-very-peri .accordion.style-3 li.active .accordion-title h6 { + color: white; +} + +.theme-color-very-peri .bg-black .accordion li .accordion-title, +.theme-color-very-peri [class*='bg-dark'] .accordion li .accordion-title { + border-color: rgba(255, 255, 255, 0.2); +} + +.theme-color-very-peri .bg-black .accordion li .accordion-title:before, .theme-color-very-peri .bg-black .accordion li .accordion-title:after, +.theme-color-very-peri [class*='bg-dark'] .accordion li .accordion-title:before, +.theme-color-very-peri [class*='bg-dark'] .accordion li .accordion-title:after { + background: white; +} + +.theme-color-very-peri .bg-black .accordion li.active .accordion-title, +.theme-color-very-peri [class*='bg-dark'] .accordion li.active .accordion-title { + border-color: #6667AB; +} + +.theme-color-very-peri .bg-black .accordion.style-3 li .accordion-title, +.theme-color-very-peri [class*='bg-dark'] .accordion.style-3 li .accordion-title { + background: rgba(255, 255, 255, 0.1); +} + +.theme-color-very-peri .bg-black .accordion.style-3 li.active .accordion-title, +.theme-color-very-peri [class*='bg-dark'] .accordion.style-3 li.active .accordion-title { + background: #6667AB; + color: white; +} + +.theme-color-very-peri .bg-black .accordion.style-3 li.active .accordion-title:before, .theme-color-very-peri .bg-black .accordion.style-3 li.active .accordion-title:after, +.theme-color-very-peri [class*='bg-dark'] .accordion.style-3 li.active .accordion-title:before, +.theme-color-very-peri [class*='bg-dark'] .accordion.style-3 li.active .accordion-title:after { + background: white; +} + +.theme-color-very-peri .bg-black .accordion.style-3 li.active .accordion-title h1, .theme-color-very-peri .bg-black .accordion.style-3 li.active .accordion-title h2, .theme-color-very-peri .bg-black .accordion.style-3 li.active .accordion-title h3, .theme-color-very-peri .bg-black .accordion.style-3 li.active .accordion-title h4, .theme-color-very-peri .bg-black .accordion.style-3 li.active .accordion-title h5, .theme-color-very-peri .bg-black .accordion.style-3 li.active .accordion-title h6, +.theme-color-very-peri [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h1, +.theme-color-very-peri [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h2, +.theme-color-very-peri [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h3, +.theme-color-very-peri [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h4, +.theme-color-very-peri [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h5, +.theme-color-very-peri [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h6 { + color: white; +} + +.theme-color-very-peri [class*='bg-gradient'] .accordion li .accordion-title, +.theme-color-very-peri [class*='bg-color'] .accordion li .accordion-title { + border-color: rgba(255, 255, 255, 0.2); +} + +.theme-color-very-peri [class*='bg-gradient'] .accordion li .accordion-title h1, .theme-color-very-peri [class*='bg-gradient'] .accordion li .accordion-title h2, .theme-color-very-peri [class*='bg-gradient'] .accordion li .accordion-title h3, .theme-color-very-peri [class*='bg-gradient'] .accordion li .accordion-title h4, .theme-color-very-peri [class*='bg-gradient'] .accordion li .accordion-title h5, .theme-color-very-peri [class*='bg-gradient'] .accordion li .accordion-title h6, +.theme-color-very-peri [class*='bg-color'] .accordion li .accordion-title h1, +.theme-color-very-peri [class*='bg-color'] .accordion li .accordion-title h2, +.theme-color-very-peri [class*='bg-color'] .accordion li .accordion-title h3, +.theme-color-very-peri [class*='bg-color'] .accordion li .accordion-title h4, +.theme-color-very-peri [class*='bg-color'] .accordion li .accordion-title h5, +.theme-color-very-peri [class*='bg-color'] .accordion li .accordion-title h6 { + color: white; +} + +.theme-color-very-peri [class*='bg-gradient'] .accordion li .accordion-title:before, .theme-color-very-peri [class*='bg-gradient'] .accordion li .accordion-title:after, +.theme-color-very-peri [class*='bg-color'] .accordion li .accordion-title:before, +.theme-color-very-peri [class*='bg-color'] .accordion li .accordion-title:after { + background: white; +} + +.theme-color-very-peri [class*='bg-gradient'] .accordion li.active .accordion-title, +.theme-color-very-peri [class*='bg-color'] .accordion li.active .accordion-title { + border-color: white; +} + +.theme-color-very-peri [class*='bg-gradient'] .accordion.style-3 li .accordion-title, +.theme-color-very-peri [class*='bg-color'] .accordion.style-3 li .accordion-title { + background: rgba(255, 255, 255, 0.1); +} + +.theme-color-very-peri [class*='bg-gradient'] .accordion.style-3 li .accordion-title h1, .theme-color-very-peri [class*='bg-gradient'] .accordion.style-3 li .accordion-title h2, .theme-color-very-peri [class*='bg-gradient'] .accordion.style-3 li .accordion-title h3, .theme-color-very-peri [class*='bg-gradient'] .accordion.style-3 li .accordion-title h4, .theme-color-very-peri [class*='bg-gradient'] .accordion.style-3 li .accordion-title h5, .theme-color-very-peri [class*='bg-gradient'] .accordion.style-3 li .accordion-title h6, +.theme-color-very-peri [class*='bg-color'] .accordion.style-3 li .accordion-title h1, +.theme-color-very-peri [class*='bg-color'] .accordion.style-3 li .accordion-title h2, +.theme-color-very-peri [class*='bg-color'] .accordion.style-3 li .accordion-title h3, +.theme-color-very-peri [class*='bg-color'] .accordion.style-3 li .accordion-title h4, +.theme-color-very-peri [class*='bg-color'] .accordion.style-3 li .accordion-title h5, +.theme-color-very-peri [class*='bg-color'] .accordion.style-3 li .accordion-title h6 { + color: white; +} + +.theme-color-very-peri [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title, +.theme-color-very-peri [class*='bg-color'] .accordion.style-3 li.active .accordion-title { + background: white; + color: #7C7C7C; +} + +.theme-color-very-peri [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title:before, .theme-color-very-peri [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title:after, +.theme-color-very-peri [class*='bg-color'] .accordion.style-3 li.active .accordion-title:before, +.theme-color-very-peri [class*='bg-color'] .accordion.style-3 li.active .accordion-title:after { + background: black; +} + +.theme-color-very-peri [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h1, .theme-color-very-peri [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h2, .theme-color-very-peri [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h3, .theme-color-very-peri [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h4, .theme-color-very-peri [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h5, .theme-color-very-peri [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h6, +.theme-color-very-peri [class*='bg-color'] .accordion.style-3 li.active .accordion-title h1, +.theme-color-very-peri [class*='bg-color'] .accordion.style-3 li.active .accordion-title h2, +.theme-color-very-peri [class*='bg-color'] .accordion.style-3 li.active .accordion-title h3, +.theme-color-very-peri [class*='bg-color'] .accordion.style-3 li.active .accordion-title h4, +.theme-color-very-peri [class*='bg-color'] .accordion.style-3 li.active .accordion-title h5, +.theme-color-very-peri [class*='bg-color'] .accordion.style-3 li.active .accordion-title h6 { + color: black; +} + +.theme-color-very-peri .text-link-2:before, +.theme-color-very-peri .text-link-3:before, +.theme-color-very-peri .text-link-4:before { + background: #6667AB; +} + +.theme-color-very-peri .text-link-5:after, +.theme-color-very-peri .text-link-6:after, +.theme-color-very-peri .text-link-7:after { + background: #6667AB; +} + +.theme-color-very-peri .text-link-8:before { + background: rgba(102, 103, 171, 0.1); +} + +.theme-color-very-peri .bg-black .text-link-2:before, +.theme-color-very-peri .bg-black .text-link-3:before, +.theme-color-very-peri .bg-black .text-link-4:before, +.theme-color-very-peri [class*='bg-dark'] .text-link-2:before, +.theme-color-very-peri [class*='bg-dark'] .text-link-3:before, +.theme-color-very-peri [class*='bg-dark'] .text-link-4:before { + background: #6667AB; +} + +.theme-color-very-peri .bg-black .text-link-5:after, +.theme-color-very-peri .bg-black .text-link-6:after, +.theme-color-very-peri .bg-black .text-link-7:after, +.theme-color-very-peri [class*='bg-dark'] .text-link-5:after, +.theme-color-very-peri [class*='bg-dark'] .text-link-6:after, +.theme-color-very-peri [class*='bg-dark'] .text-link-7:after { + background: #6667AB; +} + +.theme-color-very-peri .bg-black .text-link-8:before, +.theme-color-very-peri [class*='bg-dark'] .text-link-8:before { + background: rgba(102, 103, 171, 0.1); +} + +.theme-color-very-peri [class*='bg-gradient'] .text-link-2:before, .theme-color-very-peri [class*='bg-gradient'] .text-link-3:before, .theme-color-very-peri [class*='bg-gradient'] .text-link-4:before, +.theme-color-very-peri [class*='bg-color'] .text-link-2:before, +.theme-color-very-peri [class*='bg-color'] .text-link-3:before, +.theme-color-very-peri [class*='bg-color'] .text-link-4:before { + background: white; +} + +.theme-color-very-peri [class*='bg-gradient'] .text-link-5:before, .theme-color-very-peri [class*='bg-gradient'] .text-link-6:before, .theme-color-very-peri [class*='bg-gradient'] .text-link-7:before, +.theme-color-very-peri [class*='bg-color'] .text-link-5:before, +.theme-color-very-peri [class*='bg-color'] .text-link-6:before, +.theme-color-very-peri [class*='bg-color'] .text-link-7:before { + background: rgba(255, 255, 255, 0.3); +} + +.theme-color-very-peri [class*='bg-gradient'] .text-link-5:after, .theme-color-very-peri [class*='bg-gradient'] .text-link-6:after, .theme-color-very-peri [class*='bg-gradient'] .text-link-7:after, +.theme-color-very-peri [class*='bg-color'] .text-link-5:after, +.theme-color-very-peri [class*='bg-color'] .text-link-6:after, +.theme-color-very-peri [class*='bg-color'] .text-link-7:after { + background: white; +} + +.theme-color-very-peri [class*='bg-gradient'] .text-link-8:before, +.theme-color-very-peri [class*='bg-color'] .text-link-8:before { + background: rgba(255, 255, 255, 0.3); +} + +.theme-color-very-peri .form-style-2 input:focus, .theme-color-very-peri .form-style-2 textarea:focus, .theme-color-very-peri .form-style-2 .custom-select:focus, .theme-color-very-peri .form-style-2 .form-control:focus, +.theme-color-very-peri .form-style-4 input:focus, +.theme-color-very-peri .form-style-4 textarea:focus, +.theme-color-very-peri .form-style-4 .custom-select:focus, +.theme-color-very-peri .form-style-4 .form-control:focus { + border-color: #6667AB; +} \ No newline at end of file diff --git a/static/assets/css/theme.css b/static/assets/css/theme.css index c84e627..5f3f317 100644 --- a/static/assets/css/theme.css +++ b/static/assets/css/theme.css @@ -7066,6 +7066,149 @@ button.mfp-close:hover { height: 70px; } } +.breadcrumb-wrapper { + background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); + border-bottom: 1px solid #dee2e6; + padding: 1rem 0; +} +@media (max-width: 768px) { + .breadcrumb-wrapper { + padding: 0.75rem 0; + } +} +.breadcrumb-wrapper .breadcrumb { + display: flex; + flex-wrap: wrap; + align-items: center; + margin: 0; + padding: 0; + list-style: none; + font-size: 0.875rem; + line-height: 1.4; +} +@media (max-width: 576px) { + .breadcrumb-wrapper .breadcrumb { + font-size: 0.8125rem; + } +} +.breadcrumb-wrapper .breadcrumb .breadcrumb-item { + display: flex; + align-items: center; +} +.breadcrumb-wrapper .breadcrumb .breadcrumb-item:not(:last-child) { + margin-right: 0.5rem; +} +.breadcrumb-wrapper .breadcrumb .breadcrumb-item:not(:last-child)::after { + content: ""; + display: inline-block; + width: 0; + height: 0; + border-left: 4px solid #6c757d; + border-top: 3px solid transparent; + border-bottom: 3px solid transparent; + margin-left: 0.75rem; + opacity: 0.7; +} +@media (max-width: 576px) { + .breadcrumb-wrapper .breadcrumb .breadcrumb-item:not(:last-child)::after { + margin-left: 0.5rem; + border-left-width: 3px; + border-top-width: 2px; + border-bottom-width: 2px; + } +} +.breadcrumb-wrapper .breadcrumb .breadcrumb-item a { + color: #495057; + text-decoration: none; + font-weight: 500; + transition: all 0.2s ease-in-out; + padding: 0.25rem 0.5rem; + border-radius: 0.25rem; +} +.breadcrumb-wrapper .breadcrumb .breadcrumb-item a:hover { + color: #007bff; + background-color: rgba(0, 123, 255, 0.1); + transform: translateY(-1px); +} +.breadcrumb-wrapper .breadcrumb .breadcrumb-item a:focus { + outline: 2px solid #007bff; + outline-offset: 1px; +} +.breadcrumb-wrapper .breadcrumb .breadcrumb-item a i.fas { + margin-right: 0.375rem; + font-size: 0.75rem; +} +@media (max-width: 576px) { + .breadcrumb-wrapper .breadcrumb .breadcrumb-item a i.fas { + margin-right: 0.25rem; + font-size: 0.6875rem; + } +} +.breadcrumb-wrapper .breadcrumb .breadcrumb-item.active { + color: #6c757d; + font-weight: 600; + padding: 0.25rem 0.5rem; + max-width: 200px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +@media (max-width: 768px) { + .breadcrumb-wrapper .breadcrumb .breadcrumb-item.active { + max-width: 150px; + } +} +@media (max-width: 576px) { + .breadcrumb-wrapper .breadcrumb .breadcrumb-item.active { + max-width: 120px; + } +} +@media (max-width: 576px) { + .breadcrumb-wrapper .breadcrumb .breadcrumb-item:not(:last-child):not(:nth-last-child(2)) { + display: none; + } + .breadcrumb-wrapper .breadcrumb .breadcrumb-item:not(:last-child):not(:nth-last-child(2)) + .breadcrumb-item::before { + content: "..."; + margin: 0 0.5rem; + color: #6c757d; + font-weight: bold; + } +} +@media (prefers-color-scheme: dark) { + .breadcrumb-wrapper { + background: linear-gradient(135deg, #343a40 0%, #495057 100%); + border-bottom-color: #6c757d; + } + .breadcrumb-wrapper .breadcrumb .breadcrumb-item:not(:last-child)::after { + border-left-color: #adb5bd; + } + .breadcrumb-wrapper .breadcrumb .breadcrumb-item a { + color: #dee2e6; + } + .breadcrumb-wrapper .breadcrumb .breadcrumb-item a:hover { + color: #66b2ff; + background-color: rgba(102, 178, 255, 0.1); + } + .breadcrumb-wrapper .breadcrumb .breadcrumb-item a:focus { + outline-color: #66b2ff; + } + .breadcrumb-wrapper .breadcrumb .breadcrumb-item.active { + color: #adb5bd; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + .masonry { margin: 0 -1em -2em; } @@ -7708,6 +7851,30 @@ button.mfp-close:hover { text-align: center; } +/* Styles for tables */ +figure.wp-block-table table { + border-collapse: collapse; + width: 100%; + margin-top: 1.25rem; + margin-bottom: 1.25rem; +} +figure.wp-block-table table thead { + background-color: #f8f9fa; + color: #000; +} +figure.wp-block-table table th, figure.wp-block-table table td { + border: 1px solid #dee2e6; + padding: 0.5rem; + text-align: left; +} +figure.wp-block-table table th { + background-color: #f1f3f5; + font-weight: bold; +} +figure.wp-block-table table tbody tr:nth-child(odd) { + background-color: #f9f9f9; +} + body:after { content: ""; position: fixed; diff --git a/static/assets/css/theme.css.map b/static/assets/css/theme.css.map new file mode 100644 index 0000000..3185e2c --- /dev/null +++ b/static/assets/css/theme.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["../../../assets/css/scss/theme.scss","../../../assets/css/scss/basic/_base.scss","../../../assets/css/scss/helpers/_mixins.scss","../../../assets/css/scss/helpers/_variables.scss","../../../assets/css/scss/basic/_background.scss","../../../assets/css/scss/basic/_form.scss","../../../assets/css/scss/basic/_image.scss","../../../assets/css/scss/basic/_list.scss","../../../assets/css/scss/basic/_typography.scss","../../../assets/css/scss/elements/_accordion.scss","../../../assets/css/scss/elements/_box.scss","../../../assets/css/scss/elements/_button.scss","../../../assets/css/scss/elements/_clients.scss","../../../assets/css/scss/elements/_feature-box.scss","../../../assets/css/scss/elements/_hoverbox.scss","../../../assets/css/scss/elements/_lightbox.scss","../../../assets/css/scss/elements/_map.scss","../../../assets/css/scss/elements/_page-scroll-progress.scss","../../../assets/css/scss/elements/_pie-chart.scss","../../../assets/css/scss/elements/_progress-bar.scss","../../../assets/css/scss/elements/_section-divider.scss","../../../assets/css/scss/elements/_slider.scss","../../../assets/css/scss/elements/_team.scss","../../../assets/css/scss/elements/_testimonial.scss","../../../assets/css/scss/elements/_text-link.scss","../../../assets/css/scss/elements/_timeline.scss","../../../assets/css/scss/components/_blog.scss","../../../assets/css/scss/components/_cookie-consent.scss","../../../assets/css/scss/components/_fullscreen-menu.scss","../../../assets/css/scss/components/_gallery.scss","../../../assets/css/scss/components/_header.scss","../../../assets/css/scss/components/_breadcrumb.scss","../../../assets/css/scss/components/_masonry.scss","../../../assets/css/scss/components/_portfolio.scss","../../../assets/css/scss/components/_table.scss","../../../assets/css/scss/components/_preloader.scss","../../../assets/css/scss/components/_section.scss","../../../assets/css/scss/helpers/_utilities.scss"],"names":[],"mappings":"AASQ;ACNR;EACC;EACA;;;AAED;EACC;;;AAMD;EACC;EACA;;;AAMD;EACC;EACA;ECqBC,mBDpBkB;ECqBlB,WDrBkB;EACnB;;;AAED;EACC;EACA;EACA;;;AAED;EACC;;;AAED;EACC;;;AAGA;EACC;;;AAOF;EACC,YEwCS;EFvCT;;;AAMD;EACC;EACA;;;AAMD;EACC;EACA;EACA;EACA,OEjBe;;;AFuBf;AAAA;AAAA;AAAA;EACC;EACA;;;AAQF;EACC;EACA;EACA;EACA;;ACAG;EDJJ;IAME;;;AAED;EACC;EACA;;AACA;EACC;EACA;;AAED;EACC;EACA;;AAGF;EACC;EACA;;AACA;EACC;;AAED;EACC;EACA;;AAED;EACC;EACA;;AAGF;EACC;EACA;EACA;;AClCE;ED+BH;IAKE;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAQF;AAAA;AAAA;AAAA;EACC;EACA;;AACA;AAAA;AAAA;AAAA;EACC;;AAED;AAAA;AAAA;AAAA;EACC;EACA;;AAED;AAAA;AAAA;AAAA;EACC;;AACA;AAAA;AAAA;AAAA;EACC;;;AASJ;EACC;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;;AACA;EACC;;AAED;EACC,OE9HqB;;AFgItB;ECpJA,oBDqJqB;ECpJrB,YDoJqB;;;AAUpB;AAAA;AAAA;AAAA;EACC;;AAED;AAAA;AAAA;AAAA;EACC;;;AASJ;EACC;;;AAOA;EACC;EACA;ECrMA,oBDsMoB;ECrMpB,YDqMoB;EACpB;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EC/LD,oBDgMqB;EC/LrB,YD+LqB;;AACpB;EACC;;AAED;EACC;EACA,OEnLY;;;AF8Ld;ECjNA,oBDkNqB;ECjNrB,YDiNqB;ECrMrB,mBDsMoB;ECrMpB,WDqMoB;;AAIpB;EC1MA,mBD2MoB;EC1MpB,WD0MoB;;AAGrB;EC1OC,oBD2OoB;EC1OpB,YD0OoB;EACpB;;AACA;EAAgB;;AAChB;EAAgB;;;AAOlB;EACC;EACA;;AACA;EACC;;AACA;EACC;;AAED;EACC;EACA,OE7Na;EDnBd,oBDiPqB;EChPrB,YDgPqB;;AACpB;EACC;EACA,OEjOY;EDnBd,oBDqPsB;ECpPtB,YDoPsB;;AAErB;EACC;;AACA;EACC;;AAGF;EACC,OE1OoB;;AF8OvB;EACC;;AACA;EACC;;AACA;EACC;EACA;EACA,OEtPY;;AFuPZ;EACC,cEvLS;;AFyLV;EACC;EACA;;AAGA;EACC;;AAOJ;EACC;;AACA;EACC;;AAED;AAAA;EAEC;EACA;;AAED;EACC;;AAIH;EACC;EACA;EACA;;AACA;EACC;EACA;;AACA;EACC;EACA;;AAGA;EACC;;AAOF;EACC;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;ECjTH,mBDkTsB;ECjTtB,WDiTsB;;AAGnB;EACC;ECtTJ,mBDuTuB;ECtTvB,WDsTuB;;;AAatB;AAAA;AAAA;AAAA;EACC;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAIH;AAAA;AAAA;AAAA;EACC;;AAEC;AAAA;AAAA;AAAA;EACC;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAED;AAAA;AAAA;AAAA;EACC;;AAOF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEC;EACA;;AAIH;AAAA;AAAA;AAAA;EACC;;AAEC;AAAA;AAAA;AAAA;EACC;;AAOA;AAAA;AAAA;AAAA;EAAU;;;AAUf;EACC;EACA;;AACA;EACC;EACA;;AACA;EACC;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA,OE1Ya;EF2Yb;EACA;EC/ZD,oBDgaqB;EC/ZrB,YD+ZqB;;AACpB;EACC,YEvUU;;AF2UX;EACC,YE5UU;EF6UV;;AAMD;EACC;EACA;EACA;EACA;EACA;;AAMD;EACC;EACA;EACA;EACA;EACA;;AAUA;EACC,YErXS;EFsXT,cEtXS;;AF0XV;EACC;EACA;EACA;;;AAYF;AAAA;AAAA;AAAA;EACC;;AACA;AAAA;AAAA;AAAA;EACC;;AAID;AAAA;AAAA;AAAA;EACC;EACA;;AAOA;AAAA;AAAA;AAAA;EACC;EACA;EACA;;AAID;AAAA;AAAA;AAAA;EACC;EACA;EACA;;;AAWN;EACC;EClhBC,oBDmhBmB;EClhBnB,YDkhBmB;;AAEnB;EAAW;;AAEZ;EACC;EACA;EACA;EACA;;AAED;EACC;;;AAQD;EAAS;;AAER;EAAK;;AAGN;EACC,YEtegB;;AFwef;EAAK;;AAEN;EAAS;;AAGT;EAAS;;AAER;EAAS;;AAKV;EAAK,YEpfW;EFofmB;;AAGnC;EAAK,YElde;;AFsdpB;EAAS,YErdU;;AFwdnB;EAAS,YE1dG;;AF6dZ;EAAS,YE9fO;;AFigBhB;EAAS,YEheG;;;AFued;EACC;EACA;EACA;ECxjBC,mBDyjBkB;ECxjBlB,WDwjBkB;EACnB;EACA;EACA;ECzkBC,oBD0kBmB;ECzkBnB,YDykBmB;;AACpB;EC9jBC,mBD+jBmB;EC9jBnB,WD8jBmB;EACnB;EACA;;;ACjiBE;EDyiBH;IACC;IACA;IC3kBA,mBD4kBmB;IC3kBnB,WD2kBmB;IACnB;IACA;IACA;IACA;IACA;IACA;IC/lBA,oBDgmBoB;IC/lBpB,YD+lBoB;;EACpB;ICplBA,mBDqlBoB;ICplBpB,WDolBoB;IACnB;;EAED;IACC;IACA;IACA;;EACA;IACC;;;AGvoBJ;EACC;EACA;EACG;EFKF,yBEJ2B;EFK3B,sBEL2B;EFM3B,iBEN2B;EACzB;;;AAEJ;EACC;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACC;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACC;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACC;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;;;AC1EF;AAAA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EHoBC,oBGnBmB;EHoBnB,YGpBmB;;AACpB;AAAA;AAAA;EACC;EACA;;;AAGF;EACC;;;AAED;EACC,OF4Be;;AE3Bf;EAA+B,OF4BR;;AE3BvB;EAAsB,OF2BC;;AE1BvB;EAAoB,OF0BG;;AEzBvB;EAAqB,OFyBE;;AExBvB;EAAiB,OFwBM;;AEvBvB;EACC;;;AAGF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;;AAED;EACC,YF6EY;EE5EZ;;AAED;EACC;EACA;;AAED;EACC;;;AAGF;EACC;;;AAED;EACC,OFTuB;;;AEYvB;EACC;EACA;;;AAOF;EACC;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OFjCe;EEkCf;EACA;EHtDC,oBGuDmB;EHtDnB,YGsDmB;;AACpB;EACC;EACA;EACA;;AAED;EACC;EACA;EACA;;AAED;EACC;EACA;EACA;;AAED;EACC;;;AAQD;AAAA;AAAA;AAAA;AAAA;EACC;EACA;EACA;EACA;EACA;EACA;;;AAMA;AAAA;AAAA;AAAA;AAAA;EACC;;;AASF;EACC,YF9CQ;EE+CR;;AACA;EACC,YFdmB;;;AEoBpB;EACC;;AACA;EACC;;;AAaH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;EACA;EACA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAA+B;;AAC/B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAAsB;;AACtB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAAoB;;AACpB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAAqB;;AACrB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAAiB;;AACjB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAGF;AAAA;AAAA;AAAA;EACC;EACA;EACA;;AACA;AAAA;AAAA;AAAA;EACC;;AAMA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAKF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;EACA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;;AAUH;EACC;EH7KA,oBG8KoB;EH7KpB,YG6KoB;;AACpB;EACC;EACA;;AAED;EAAY,OF9JA;;AE+JZ;EAAU,OF7JA;;;AGpDZ;EACC;EACA;EACA;;AAIA;EACC;;AAED;EACC;EACA;EACA;;AAED;EACC;EACA;EACA;;AAED;EACC;EACA;EACA;;AAED;EACC;EACA;EACA;;AAED;EACC;EACA;EACA;;AAED;EACC;EACA;EACA;;AAED;EACC;EACA;EACA;;;AAOF;EACC;EACA;EACA;;;AAED;EACC;EACA;;;AAGD;EACC;EACA;;;AAED;EACC;EACA;;;AAED;EACC;EACA;;;AAMD;EACC;EACA;EJpCC,mBIqCkB;EJpClB,WIoCkB;;AACnB;EACC;;AAED;EJtDC,oBIuDoB;EJtDpB,YIsDoB;;AAGpB;EJ7CA,mBI8CoB;EJ7CpB,WI6CoB;;;AAQtB;EACC;EACA;;AACA;EACC;EACA;EACA;EACA;;AACA;EACC;;AAED;EACC;EACA;EACA;EJhGD,oBIiGqB;EJhGrB,YIgGqB;EACpB;;;AAKH;EACC;EACA;EACA;;;ACxHD;EACC;;AACA;EACC;;AACA;EACC;;AAGF;EACC;;AAIA;EACC;;AAMC;EACC;;AAOF;EACC;EACA;;AAED;EACC;;AAQF;EACC;;AAGF;EACC;EACA;;AACA;EACC;;AAGF;EACC;EACA;;AACA;EACC;;AAGF;EACC;EACA;;AACA;EACC;;AAII;EAAU;;AAGV;EAAU;;AAKd;EACC;;AAGA;EACC;EACA;;;AAML;EACC;;AACA;EACC;;AAGA;EACC;;AAGF;EACC;EACA;EACA;;AACA;EACC;EACA;EACA;;AACA;EACC;;AAED;EACC;EACA;;AAQA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAMD;EACC;EACA;;AAMD;EACC;EACA;;AAMD;EACC;EACA;;AAMD;EACC;EACA;;;AAcA;AAAA;AAAA;AAAA;EACC;EACA;;AAMD;AAAA;AAAA;AAAA;EACC;EACA;;AAMD;AAAA;AAAA;AAAA;EACC;EACA;;AAMD;AAAA;AAAA;AAAA;EACC;EACA;;;AL/GF;EKuHH;IACC;;EACA;IACC;;EAGF;IACC;;EACA;IACC;;EACA;IACC;;EAKA;IACC;IACA;;EAGA;IACC;;EAGF;IACC;;EAIH;IACC;IACA;;EACA;IACC;;EAGF;IACC;IACA;;EACA;IACC;;EAGF;IACC;IACA;;EACA;IACC;;;AC/PJ;EACC,OL+Ce;EK9Cf,aLFqB;EKGrB;EACA;EACA;;ANmFG;EMxFJ;IAOE;;;AAED;EACC,aLPmB;;;AKUrB;EACC;EACA;EACA;EACA,aLfqB;EKgBrB,aLVuB;EKWvB;EACA;;;AAGA;EACC,aLrBmB;;;AKyBrB;EACC;EACA;EACA;;ANyDG;EM5DJ;IAKE;;;;AAIF;EACC;EACA;;;AAGD;EACC;EACA;;AN4CG;EM9CJ;IAIE;IACA;;;;AAGF;EACC;EACA;;ANoCG;EMtCJ;IAIE;;;;AAOF;EAAoB;;;AACpB;EAAoB;;;AACpB;EAAoB;;;AACpB;EAAoB;;;AAKpB;EAAmB;;;AACnB;EAAmB;;;AACnB;EAAmB;;;AACnB;EAAmB;;;AACnB;EAAmB;;;AACnB;EAAmB;;;AACnB;EAAmB;;;AAKnB;EACC;;;AAOA;EAAI;;;AAGJ;EAAI;;;AAGJ;EAAI;;;AAGJ;EAAI;;;AAGJ;EAAI;;;AAGJ;EAAI;;;AAGJ;EAAI;;;AC1GL;EACI;EACA;;AACA;EACI;EACA;EACA;EPuBN,oBOtB0B;EPuB1B,YOvB0B;;AACpB;EACI;;AAEJ;EACI;EACA;EACA;EACA;EPcV,oBOb8B;EPc9B,YOd8B;;AACpB;EACI;EACA;EACA;EPsBd,mBOrBiC;EPsBjC,WOtBiC;EACnB;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;EPHd,oBOIkC;EPHlC,YOGkC;;AAExB;EACI;;AAEJ;EPTV,oBOUkC;EPTlC,YOSkC;;AAG5B;EACI;EACA;EACA;EPhBV,oBOiB8B;EPhB9B,YOgB8B;;AACpB;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGA;EACI;EACA;;AACA;EACI;;AAIZ;EACI;;AACA;EAAK;;AAID;EACI;EACA;;AACA;EACI;;AAKhB;EACI;;AAIJ;EACI;;AACA;EPhDd,mBOiDqC;EPhDrC,WOgDqC;;AAS/B;EACI;EACA;;AACA;EACI;;AAEJ;EACI;EACA;EACA;EPhFd,oBOiFkC;EPhFlC,YOgFkC;;AACpB;EACI;;AAEJ;EAAW;;AACX;EAAU;;AAEd;EACI;;AAGA;EACI;;AAUR;EACI,YN9CE;EM+CF;;AAEJ;EACI;;AAGA;EACI,YN1DV;EM2DU;;AACA;EACI;;AAEJ;EACI;;AAYR;EACI;;AAQJ;EACI;;;AAUJ;EACI;;;AAYR;AAAA;AAAA;AAAA;EACI;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACI;;AAIJ;AAAA;AAAA;AAAA;EACI;;AAMJ;AAAA;AAAA;AAAA;EACI;;AAGA;AAAA;AAAA;AAAA;EACI;EACA,ONpKR;;AMqKQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACI;;AAEJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACI;;;ACzN5B;ERcE,oBQbmB;ERcnB,YQdmB;ER4BnB,oBQ3BmB;ER4BnB,YQ5BmB;;AACpB;ERWC,oBQVoB;ERWpB,YQXoB;;;AAGtB;ERsBE,oBQrBmB;ERsBnB,YQtBmB;;AACpB;ERKC,oBQJoB;ERKpB,YQLoB;;;AAGtB;ERgBE,oBQfmB;ERgBnB,YQhBmB;;AACpB;ER2BC,mBQ1BmB;ER2BnB,WQ3BmB;;;AAGrB;ERUE,oBQTmB;ERUnB,YQVmB;;AACpB;ERqBC,mBQpBmB;ERqBnB,WQrBmB;;;AAGrB;ERIE,oBQHmB;ERInB,YQJmB;;AACpB;EReC,mBQdmB;ERenB,WQfmB;;;AAGrB;EACC;EACA;EACA;ERpBC,oBQqBmB;ERpBnB,YQoBmB;;;AAMrB;AAAA;EAEC;EACA;;AACA;AAAA;EACC;EACA;;;AAGF;EACC;EACA;EACA;;AACA;EACC;;;AAGF;EACC;EACA;EACA;;AACA;EACC;;;AAGF;EACC;EACA;EACA;;AACA;EACC;;;AAGF;EACC;EACA;EACA;;AACA;EACC;;;AAGF;EACC;EACA;EACA;;AACA;EACC;;;AAOF;EACC;;;AAED;EACC;EACA;EACA;;AACA;EACC;;;AAGF;EACC;EACA;EACA;;AACA;EACC;;;AAGF;EACC;EACA;EACA;;AACA;EACC;;;AAGF;EACC;EACA;EACA;;AACA;EACC;;;AAGF;EACC;EACA;EACA;;AACA;EACC;;;AAOF;EAAiB;EAAsB;;;AACvC;EAAmB;EAAoB;;;AACvC;EAAmB;EAAoB;;;AC/IvC;EACC;EACA;ET2BC,oBS1BmB;ET2BnB,YS3BmB;;AACpB;EACC;EACA;;;AAGF;EACC;EACA;EACA;EACA;EACA;;;AAGA;EACC;EACA;;;AAIF;EACC;EACA;EACA;EACA,YR6Fa;EQ5Fb;EACA;EACA;EACA;EACA;EACA;ETJC,oBSKmB;ETJnB,YSImB;;AACpB;EACC;EACA;;AAED;EACC;;;AAID;EACC;;;AAOF;EAAa;;;AACb;EAAa;;;AACb;EAAa;;;AACb;EAAa;;;AACb;EAAoB;EAAa;;;AAEjC;EACC,YR6Da;EQ5Db;;AACA;EACC,YR4DmB;EQ3DnB;;;AAGF;EACC,YRoDqB;EQnDrB;EACA;;AACA;EACC,YR+CY;EQ9CZ;;;AAGF;EACC;EACA;EACA;;AACA;EACC;EACA;EACA;;;AAGF;EACC;EACA;EACA;;AACA;EACC;EACA;;;AAOF;EACC;ETrFC,oBSsFmB;ETrFnB,YSqFmB;;AACpB;ET3DC,mBS4DmB;ET3DnB,WS2DmB;ETxFnB,oBSyFoB;ETxFpB,YSwFoB;EACpB;;AAED;EACC;;AACA;EACC;;;AAIH;EACC,YRxDgB;;;AQ0DjB;EACC,YR1De;;;AQ4DhB;EACC,YR5DiB;;;AQ8DlB;EACC,YR9DgB;;;AQgEjB;EACC,YRhEe;;;AQkEhB;EACC,YRlEiB;;;AQoElB;EACC,YRpEa;;;AQsEd;EACC,YRtEgB;;;AQwEjB;EACC,YRvEgB;;;AQyEjB;EACC,YR3EgB;EQ4EhB;;AACA;EACC;;;AAOF;EACC,kBRhFY;;;AQkFb;EACC,kBRlFY;;;AQoFb;EACC,kBRpFY;;;AQsFb;EACC,kBRtFY;;;AQwFb;EACC,kBRxFY;;;AQ0Fb;EACC,kBR1FY;;;AQ4Fb;EACC,kBR5FY;;;AQ8Fb;EACC;ET/JC,oBSgKmB;ET/JnB,YS+JmB;EACpB;;AACA;ETtIC,mBSuImB;ETtInB,WSsImB;ETnKnB,oBSoKoB;ETnKpB,YSmKoB;EACpB;EACA;;;AAOF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAUC;ETvLC,oBSwLmB;ETvLnB,YSuLmB;EACpB;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ET9JC,mBS+JmB;ET9JnB,WS8JmB;ET3LnB,oBS4LoB;ET3LpB,YS2LoB;EACpB;EACA;;;AAGF;EACC,YR5Ge;;;AQ8GhB;EACC,YR9GiB;;;AQgHlB;EACC,YRhHoB;;;AQkHrB;EACC,YRlHwB;;;AQoHzB;EACC,YRpHoB;;;AQsHrB;EACC,YRtHoB;;;AQwHrB;EACC,YRxHqB;;;AQ0HtB;EACC,YR1Hc;;;AQ4Hf;EACC,YR5He;;;AQkIhB;EACC;;;AAYA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;;AAGF;EACC;EACA;;AACA;EACC;;;AAGF;EACC;EACA;;AACA;EACC;;;AAGF;EACC;EACA;;AACA;EACC;;;AAGF;EACC;EACA;;AACA;EACC;;;AAGF;EACC;EACA;;AACA;EACC;;;AAGF;EACC;EACA;;AACA;EACC;;;AAGF;EACC;EACA;;AACA;EACC;;;AAGF;EACC;EACA;;AACA;EACC;;;AAGF;EACC;EACA;;AACA;EACC;;;AAOF;EACC;;AACA;EACC,cR/MY;EQgNZ;;;AAGF;EACC,cRpNa;;AQqNb;EACC,YRtNY;EQuNZ;EACA;;;AAGF;EACC;EACA;;AACA;EACC;EACA;;;AAGF;EACC;EACA;;AACA;EACC;EACA;;;AAQD;ETzUC,oBS0UoB;ETzUpB,YSyUoB;;AAErB;EACC;;AAED;EACC;EACA;ETpUA,mBSqUmB;ETpUnB,WSoUmB;EACnB;EACA;;AAGA;EACC;;;AAKF;EAAO;;AAEN;EAAO;;;AAIR;EAAO;;AAEN;EAAO;;;AAIT;EACC,YRhRqB;EQiRrB;EACA;;AACA;EACC,YRrRY;EQsRZ;;;AAGF;EACC;EACA;EACA;;AACA;EACC;EACA;;;AAOF;AAAA;EAEC;EACA,cRzSa;;AQ0Sb;AAAA;AAAA;EACC;EACA;;;AAGF;AAAA;EAEC;EACA;EACA;;AACA;AAAA;AAAA;EACC;EACA;;;AAMA;EAAI;;AAEH;EAAI;;AAIL;EAAI;;AAEH;EAAI;;;AAML;EAAI;;AAEH;EAAI;;AAIL;EAAI;;AAEH;EAAI;;;AAML;EAAI;;AAEH;EAAI;;AAIL;EAAI;;AAEH;EAAI;;;AAML;EAAI;;AAEH;EAAI;;AAIL;EAAI;;AAEH;EAAI;;;AAQP;EACC;EACA;EACA;ETjeC,oBSkemB;ETjenB,YSiemB;;AACpB;ETneC,oBSoeoB;ETnepB,YSmeoB;;;AAGtB;EACC;EACA;EACA;ET1eC,oBS2emB;ET1enB,YS0emB;EACpB;;AACA;ET7eC,oBS8eoB;ET7epB,YS6eoB;EACpB;;;AAGF;EACC;EACA;ETpfC,oBSqfmB;ETpfnB,YSofmB;EACpB;;AACA;ETvfC,oBSwfoB;ETvfpB,YSufoB;EACpB;;;AAGF;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAMD;AAAA;AAAA;EAGC;EACA;EACA;EACA,aR7iBqB;EQ8iBrB;;;AAGA;AAAA;AAAA;EAGC,aRnjBmB;;;AQujBpB;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;ETvhBA,mBSwhBmB;ETvhBnB,WSuhBmB;;AAGnB;EACC;ET5hBD,mBS6hBoB;ET5hBpB,WS4hBoB;;;AAKrB;EACC;EACA;EACA;EACA;EACA;EACA;EACA;ETziBA,mBS0iBmB;ETziBnB,WSyiBmB;;AAEpB;EACC;EACA;EACA;EACA;EACA;EACA;EACA;ETnjBA,mBSojBmB;ETnjBnB,WSmjBmB;;AAGnB;ETvjBA,mBSujB8B;ETtjB9B,WSsjB8B;;AAC9B;ETxjBA,mBSwjB6B;ETvjB7B,WSujB6B;;;AAG/B;EACC;ETllBC,oBSmlBmB;ETllBnB,YSklBmB;;AACpB;EACC;EACA;EACA;EACA;ET3kBA,mBS4kBmB;ET3kBnB,WS2kBmB;EACnB;EACA;EACA;ET5lBA,oBS6lBoB;ET5lBpB,YS4lBoB;;AAErB;EACC;;AACA;EACC;;;AAIH;EACC;IT1lBC,mBS2lBmB;IT1lBnB,WS0lBmB;ITvlBnB,0BSwlB0B;ITvlB1B,kBSulB0B;;EAE3B;IT9lBC,mBS+lBmB;IT9lBnB,WS8lBmB;IT3lBnB,0BS4lB0B;IT3lB1B,kBS2lB0B;;;AAG5B;EACC;ITpmBC,mBSqmBmB;ITpmBnB,WSomBmB;ITjmBnB,0BSkmB0B;ITjmB1B,kBSimB0B;;EAE3B;ITxmBC,mBSymBmB;ITxmBnB,WSwmBmB;ITrmBnB,0BSsmB0B;ITrmB1B,kBSqmB0B;;;AAG5B;EACC;IT9mBC,mBS+mBmB;IT9mBnB,WS8mBmB;IT3mBnB,0BS4mB0B;IT3mB1B,kBS2mB0B;;EAE3B;ITlnBC,mBSmnBmB;ITlnBnB,WSknBmB;IT/mBnB,0BSgnB0B;IT/mB1B,kBS+mB0B;;;AAG5B;EACC;ITxnBC,mBSynBmB;ITxnBnB,WSwnBmB;ITrnBnB,0BSsnB0B;ITrnB1B,kBSqnB0B;;EAE3B;IT5nBC,mBS6nBmB;IT5nBnB,WS4nBmB;ITznBnB,0BS0nB0B;ITznB1B,kBSynB0B;;;AAQ3B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGC;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAID;AAAA;AAAA;AAAA;EAAW;;AACX;AAAA;AAAA;AAAA;EAAU;;AAGV;AAAA;AAAA;AAAA;EAAW;;AACX;AAAA;AAAA;AAAA;EAAU;;AAGV;AAAA;AAAA;AAAA;EAAW;;AAEV;AAAA;AAAA;AAAA;EAAW;;;AASd;EACC,YRrlBa;EQslBb;EACA;EACA;EACA;EACA;ETrrBC,oBSsrBmB;ETrrBnB,YSqrBmB;;AACpB;EACC,ORrqBc;;AQ0qBf;EACC,YRnmBY;EQomBZ;;AACA;EACC,YRpmBkB;EQqmBlB;;AAGF;EACC,YR5mBoB;EQ6mBpB;EACA;;AACA;EACC,YRjnBW;EQknBX;;AAGF;EACC;EACA;EACA;;AACA;EACC;EACA;;AAGF;EACC;EACA;EACA;;AACA;EACC;EACA;;AAQF;EACC;;AAED;EACC;;AACA;EACC,cRlpBW;EQmpBX;;AAGF;EACC,cRvpBY;;AQwpBZ;EACC,YRzpBW;EQ0pBX;EACA;;AAGF;EACC;EACA;;AACA;EACC;EACA;;AAGF;EACC;EACA;;AACA;EACC;EACA;;AAGF;EACC;EACA;;AACA;EACC;EACA;;AAaD;EACC;;AAGF;EACC;EACA;;AACA;EACC;;AAGF;EACC;EACA;;AACA;EACC;;AAGF;EACC;EACA;;AACA;EACC;;AAGF;EACC;EACA;;AACA;EACC;;AAGF;EACC;EACA;;AACA;EACC;;AAGF;EACC;EACA;;AACA;EACC;;AAGF;EACC;EACA;;AACA;EACC;;AAGF;EACC;EACA;;AACA;EACC;;AAMF;EACC,kBR9yBW;;AQ+yBX;EACC,kBRhzBU;;AQmzBZ;EACC,kBRnzBW;;AQozBX;EACC,kBRrzBU;;AQwzBZ;EACC,kBRxzBW;;AQyzBX;EACC,kBR1zBU;;AQ6zBZ;EACC,kBR7zBW;;AQ8zBX;EACC,kBR/zBU;;AQk0BZ;EACC,kBRl0BW;;AQm0BX;EACC,kBRp0BU;;AQu0BZ;EACC,kBRv0BW;;AQw0BX;EACC,kBRz0BU;;AQ40BZ;EACC,kBR50BW;;AQ60BX;EACC,kBR90BU;;AQi1BZ;EAUC;ET35BA,oBS45BoB;ET35BpB,YS25BoB;EACpB;;AACA;ETl4BA,mBSm4BoB;ETl4BpB,WSk4BoB;ET/5BpB,oBSg6BqB;ET/5BrB,YS+5BqB;EACpB;EACA;;AAGF;EACC,YRh1Bc;;AQk1Bf;EACC,YRl1BgB;;AQo1BjB;EACC,YRp1BmB;;AQs1BpB;EACC,YRt1BuB;;AQw1BxB;EACC,YRx1BmB;;AQ01BpB;EACC,YR11BmB;;AQ41BpB;EACC,YR51BoB;;AQ81BrB;EACC,YR91Ba;;AQg2Bd;EACC,YRh2Bc;;AQq2Bf;EACC;;AACA;EACC;;AAGF;EACC,YR95Be;;AQg6BhB;EACC,YRh6Bc;;AQk6Bf;EACC,YRl6BgB;;AQo6BjB;EACC,YRp6Be;;AQs6BhB;EACC,YRt6Bc;;AQw6Bf;EACC,YRx6BgB;;AQ06BjB;EACC,YR16BY;;AQ46Bb;EACC,YR56Be;;AQ86BhB;EACC,YR96Be;EQ+6Bf;;AACA;EACC;;AAGF;EACC,YRp7Be;;;AQu7BjB;EACC;ET7+BC,oBS8+BmB;ET7+BnB,YS6+BmB;EACpB;;AACA;ETp9BC,mBSq9BmB;ETp9BnB,WSo9BmB;ETj/BnB,oBSk/BoB;ETj/BpB,YSi/BoB;EACpB;EACA;;;AAGF;EACC;ETx/BC,oBSy/BmB;ETx/BnB,YSw/BmB;;AACpB;ET99BC,mBS+9BmB;ET99BnB,WS89BmB;ET3/BnB,oBS4/BoB;ET3/BpB,YS2/BoB;EACpB;;;AAQF;EACC;EACA;EACA;;AACA;EAAI;;;AAEL;EACC;EACA;EACA;;AACA;EAAI;;;AAEL;EACC;EACA;EACA;;AACA;EAAI;;;AAEL;EACC;EACA;EACA;;AACA;EAAI;;;AAOL;EACC;EACA;EACA;;AACA;EACC;EACA;ETzhCA,oBS0hCoB;ETzhCpB,YSyhCoB;;AACpB;EACC;ET/gCD,mBSghCoB;ET/gCpB,WS+gCoB;EACnB;;AAED;EACC;ETphCD,mBSqhCoB;ETphCpB,WSohCoB;EACnB;;AAKA;EACC;ET5hCF,mBS6hCqB;ET5hCrB,WS4hCqB;EACnB;;AAED;EACC;ETjiCF,mBSkiCqB;ETjiCrB,WSiiCqB;EACnB;;;AAUJ;EACC;EACA;;AACA;EACC;EACA;EACA;EACA;ETpjCA,mBSqjCmB;ETpjCnB,WSojCmB;EACnB;EACA;EACA;EACA;EACA;EACA;ETljCA,mBSmjCmB;ETljCnB,WSkjCmB;;AAGnB;EACC;;AAID;EACC;;AAID;EACC;;;AAIH;EACC;IACC;IACA;IACA;;EAED;IACC;IACA;IACA;;EAED;IACC;IACA;IACA;;;AAGF;EACC;IACC;IACA;IACA;;EAED;IACC;IACA;IACA;;EAED;IACC;IACA;IACA;;;AAOF;EACC;EACA;EACA;;;AAGA;EACC;EACA;;;AAOF;EACC;;;AAED;EACC;;;AAMD;AAAA;EAEC;;;AAOA;ETtpCC,mBSupCmB;ETtpCnB,WSspCmB;;;AAOpB;ET9pCC,mBS+pCmB;ET9pCnB,WS8pCmB;;AAGnB;ETlqCA,mBSmqCoB;ETlqCpB,WSkqCoB;;;AAQrB;ET3qCC,mBS4qCmB;ET3qCnB,WS2qCmB;;AAGnB;ET/qCA,mBSgrCoB;ET/qCpB,WS+qCoB;;;AAOtB;ETntCE,oBSotCmB;ETntCnB,YSmtCmB;;AACpB;ETrtCC,oBSstCoB;ETrtCpB,YSqtCoB;;;ACpuCtB;EACC;;AAEC;EACC;EVyBD,oBUxBqB;EVyBrB,YUzBqB;;AAGpB;EACC;;;AAOF;EAAM;;;AAMR;EACC;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;;AAED;EACC;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;;AAGA;EACC;EVvBF,oBUwBsB;EVvBtB,YUuBsB;;AAGpB;EACC;;AV+BD;EUzBF;IAAK;;;AVsBH;EUnBF;IAAK;;;AVgBH;EUbF;IAAK;;;AAGL;EAAK;;AVgBH;EUdD;IAAK;;;AVWJ;EURD;IAAK;;;AVKJ;EUFD;IAAK;;;AAIN;EAAK;;AVCH;EUCD;IAAK;;;AVJJ;EUOD;IAAK;;;AAIN;EAAK;;AVRH;EUUD;IAAK;;;AAIN;EAAK;;AAKN;EACC;;AAEC;EAAW;;AACX;EAAU;;AAMZ;EACC;;AAEC;EAAW;;AACX;EAAU;;;AAUV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAAoB;;;AChIvB;EXCE;EACA;EACA;EACA;EWFD;EACA;EACA;EACA;EACA;;AXkFG;EWxFJ;IAQE;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EXYA,oBWXoB;EXYpB,YWZoB;;AACpB;EACC;EACA;EACA;EXOD,oBWNqB;EXOrB,YWPqB;;AAErB;EACC;;AAKD;EACC;EXUD,mBWToB;EXUpB,WWVoB;;AAGrB;EACC;;AAKD;EACC;EACA;;AX4CE;EW9CH;IAIE;;;AAED;EACC;EACA;;AACA;EACC;;AAIH;EACC;EACA;;AX8BE;EWhCH;IAIE;;;AAED;EACC;EACA;;AACA;EACC;;AAIH;EACC;EACA;;AXgBE;EWlBH;IAIE;;;AAED;EACC;EACA;;AACA;EACC;;AAIH;EACC;EACA;;AXEE;EWJH;IAIE;;;AAED;EACC;EACA;;AACA;EACC;;;AC9FJ;EACC;EACA;EZwCC,mBYvCkB;EZwClB,WYxCkB;EACnB;;AACA;EZwBC,oBYvBoB;EZwBpB,YYxBoB;;;AAQrB;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EZKA,oBYJoB;EZKpB,YYLoB;;AAGpB;EACC;EACA;;AAED;EZUA,mBYToB;EZUpB,WYVoB;;AAEpB;EACC;EACA;;AAGF;EACC;EACA;EACA;EACA;EACA;EZhBA,oBYiBoB;EZhBpB,YYgBoB;;AACpB;EACC;;AAED;EACC;EACA;EACA;EZXD,mBYYoB;EZXpB,WYWoB;EACnB;EACA;EACA;;AACA;EACC;;AAGF;EACC;EACA;EACA;EZvBD,mBYwBoB;EZvBpB,WYuBoB;EACnB;EACA;;AACA;EZ3BD,mBY4BqB;EZ3BrB,WY2BqB;;;AAWtB;EACC;EACA;EACA;EACA;EACA;EACA;EZ7CA,mBY8CmB;EZ7CnB,WY6CmB;EACnB;EACA;EACA;EACA;EACA;EZhEA,oBYiEoB;EZhEpB,YYgEoB;;AAErB;EACC;EACA;EACA;EACA;EZ1DA,mBY2DmB;EZ1DnB,WY0DmB;EACnB;EACA;EACA;EACA;EACA;EZ7EA,oBY8EoB;EZ7EpB,YY6EoB;;AZnBlB;EYQH;IAaE;;;AAID;EZvEA,mBYwEoB;EZvEpB,WYuEoB;EACnB;EACA;;AAED;EZ5EA,mBY6EoB;EZ5EpB,WY4EoB;;AAEpB;EACC;EACA;EACA;;;AAOF;AAAA;EACC,OXpFc;;AWqFd;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAAoB;;AAEnB;AAAA;EACC;;AACA;AAAA;AAAA;EAAmB;;;AAUtB;EACC;EACA;EACA;EACA;EZ7GA,mBY8GmB;EZ7GnB,WY6GmB;EACnB;EACA;EACA;EACA;EACA;EACA;EZjIA,oBYkIoB;EZjIpB,YYiIoB;;AZvElB;EY2DH;IAcE;;;AAID;EZ3HA,mBY4HoB;EZ3HpB,WY2HoB;;AAEpB;EZ9HA,mBY+HoB;EZ9HpB,WY8HoB;EACnB;EACA;;;AASF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EZ9JA,oBY+JoB;EZ9JpB,YY8JoB;;AAErB;AAAA;EAEC;EACA;EACA;EZrKA,oBYsKoB;EZrKpB,YYqKoB;;AACpB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAGF;EACC;EACA;;AAGA;EACC;;AAED;EZtKA,mBYuKoB;EZtKpB,WYsKoB;;AAEpB;EACC;EACA;;AAED;EACC;EACA;;;AAMD;AAAA;EAEC;EACA;EZxLD,mBYyLoB;EZxLpB,WYwLoB;EACnB;EACA;;AAED;EACC;;AAGA;EACC;;AAED;EACC;;AAKF;AAAA;EAEC;EACA;EACA;EACA;;AAED;EZjNA,mBYkNoB;EZjNpB,WYiNoB;;AAGnB;EZrND,mBYsNqB;EZrNrB,WYqNqB;;AAEpB;EZxND,mBYyNqB;EZxNrB,WYwNqB;;;AAUtB;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EZvPA,oBYwPoB;EZvPpB,YYuPoB;;AAErB;AAAA;EAEC;EACA;EACA;EACA;EACA;EACA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAGF;EACC;;AAED;EACC;EZ7PA,mBY8PmB;EZ7PnB,WY6PmB;EACnB;EACA;EZ7QA,oBY8QoB;EZ7QpB,YY6QoB;;AAGpB;EACC;;AAED;EZvQA,mBYwQoB;EZvQpB,WYuQoB;;AAEpB;EZ1QA,mBY2QoB;EZ1QpB,WY0QoB;EACnB;EACA;;;AASF;EACC;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EZ9SD,oBY+SqB;EZ9SrB,YY8SqB;;AAGtB;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;;AAED;EACC;EACA;;AAED;EACC;EACA;EZvTD,mBYwToB;EZvTpB,WYuToB;;AAEpB;EACC;EACA;;AAKA;EACC;;AAGF;EZrUA,mBYsUoB;EZrUpB,WYqUoB;;;AAMrB;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EZnWA,oBYoWoB;EZnWpB,YYmWoB;;AAErB;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EZzXD,oBY0XqB;EZzXrB,YYyXqB;;AAErB;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EZpYD,oBYqYqB;EZpYrB,YYoYqB;;AAIrB;EACC;EACA;;AAED;EZhYA,mBYiYoB;EZhYpB,WYgYoB;;AAEpB;EACC;EACA;;AACA;EACC;EACA;EACA;;AAED;EZpZD,0BYoZkC;EZnZlC,kBYmZkC;;AACjC;EZrZD,0BYqZqC;EZpZrC,kBYoZqC;;;AAWrC;AAAA;AAAA;AAAA;AAAA;EACC;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAAmB;;AAIpB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGC;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAID;AAAA;AAAA;AAAA;AAAA;EAAW;;AACX;AAAA;AAAA;AAAA;AAAA;EAAU;;AAGV;AAAA;AAAA;AAAA;AAAA;EAAW;;AACX;AAAA;AAAA;AAAA;AAAA;EAAU;;AAGV;AAAA;AAAA;AAAA;AAAA;EAAW;;AAEV;AAAA;AAAA;AAAA;AAAA;EAAW;;;AC1df;AAAA;EAEC;EACA;EACA;;AACA;AAAA;EbqCC,mBapCmB;EbqCnB,WarCmB;;AAEpB;AAAA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EbaA,oBaZoB;EbapB,YaboB;;AAErB;AAAA;EbuBC,mBatBmB;EbuBnB,WavBmB;EbSnB,oBaRoB;EbSpB,YaToB;;AAErB;AAAA;EACC;EACA;EACA;EACA;EbeA,mBadmB;EbenB,WafmB;EACnB;EACA;EACA;EACA;EACA;EACA;EACA;EbNA,oBaOoB;EbNpB,YaMoB;;AAGpB;AAAA;AAAA;EACC;EACA;EACA;;AAID;AAAA;AAAA;AAAA;EACC;EACA;EACA;;AAID;AAAA;EACC;;AAED;AAAA;EbdA,mBaeoB;EbdpB,WacoB;;AAEpB;AAAA;EbjBA,mBakBoB;EbjBpB,WaiBoB;;;AAKtB;EACC;;;AAED;AAAA;EAEC;EACA;EACA;Eb3CC,oBa4CmB;Eb3CnB,Ya2CmB;;;AAErB;EbjCE,mBakCkB;EbjClB,WaiCkB;EACnB;;;AAGA;EbtCC,mBauCmB;EbtCnB,WasCmB;EACnB;;AAED;EACC;;;AAID;EAEC;;AAED;EbnDC,mBaoDmB;EbnDnB,WamDmB;;;AAKpB;EACC;EACA;EACA;EACA;EACA;EACA;EACA;Eb7EA,oBa8EoB;Eb7EpB,Ya6EoB;;AACpB;EACC;EACA;EACA;;;AAKF;EACC;;AACA;EAAU;;;AAIX;EACC;;;AAIF;EblGE,oBamGmB;EblGnB,YakGmB;;;AAGpB;EAAW;;;AAGX;EAAW;;;AbpDR;EawDH;IACC;IACA;IACA;IACA;;EACA;IACC;;EAGF;IACC;;EACA;IACC;IACA;;EAGF;IACC;;EACA;IACC;IACA;;;AAKH;EACC;;AACA;EACC;;AAED;EACC;EACA;;;AAIF;EbhKE,oBaiKmB;EbhKnB,YagKmB;;;AC/KrB;EAAQ;;;AACR;EAAW;;;AACX;EAAW;;;AACX;EAAW;;;AACX;EAAW;;;AACX;EAAW;;;AdmFP;EcjFH;IAAW;;EACX;IAAW;;EACX;IAAW;;EACX;IAAW;;EACX;IAAW;;;ACXZ;EACC;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA,kBd6DY;;Ac5DZ;EACC,kBd4DW;;Ac1DZ;EACC,kBd0DW;;AcxDZ;EACC,kBdwDW;;ActDZ;EACC,kBdsDW;;AcpDZ;EACC,kBdoDW;;AclDZ;EACC,kBdkDW;;;Ae9Eb;EACC;EACA;;;AAED;EACC;EACA;EACA;EhBmCC,mBgBlCkB;EhBmClB,WgBnCkB;EACnB;EACA;EACA;EACA;;;AAGA;EACC;;;ACfD;EACC;;AAED;EACC;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EjBYD,oBiBXqB;EjBYrB,YiBZqB;EjBerB,0BiBd2B;EjBe3B,kBiBf2B;;AAC1B;EACC;EACA;EACA;EACA;;AAMD;EACC,YhBqEY;;AgB/Db;EACC,YhB+Dc;;AgBzDf;EACC,YhByDiB;;AgBnDlB;EACC,YhBmDqB;;AgB7CtB;EACC,YhB6CiB;;AgBvClB;EACC,YhBuCiB;;AgBjClB;EACC,YhBiCkB;;AgB3BnB;EACC,YhB2BW;;AgBrBZ;EACC,YhBqBY;;;AgBXd;AAAA;AAAA;AAAA;EACC;;AACA;AAAA;AAAA;AAAA;EACC;EACA;;;ACrGJ;EACC;EACA;;AACA;EACC;EACA;;;AAID;EACC;EACA;ElB+BA,mBkB9BmB;ElB+BnB,WkB/BmB;EACnB;EACA;EACA;EACA;;;AAID;EACC;EACA;EACA;EACA;EACA;EACA;;;AAID;EACC;EACA;EACA;EACA;EACA;EACA;;;AAID;EACC;EACA;ElBAA,mBkBCmB;ElBAnB;EkBCA;EACA;EACA;EACA;;;AAID;EACC;EACA;ElBXA,mBkBYmB;ElBXnB,WkBWmB;EACnB;EACA;EACA;EACA;;;AAID;EACC;EACA;EACA;EACA;EACA;EACA;;;AlBoBE;EkBdF;AAAA;IACC;IACA;IACA;;EAKD;AAAA;IACC;IACA;IACA;;EAKD;AAAA;IACC;;;ACzFD;EACC;;AnBqFC;EmBtFF;IAGE;;;AAKF;EAAM;;AAEP;EACC;EACA;EACA;EACA;EnB0BA,mBmBzBmB;EnB0BnB,WmB1BmB;EACnB;EACA;;AAEC;EAAa;;AACb;EAAa;;AACb;EACC;EACA;EACA;EACA;EACA;EnBCF;EACA,YmBDsB;;AACpB;EACC;EACA;;AAED;EACC,YlBmDK;EkBlDL;;AnBoDD;EmB5EH;IA6BE;;EAEC;IACC;IACA;;EACA;IACC;IACA;;;AAOJ;EACC;;AAGF;EACC;EACA;EACA;EACA;EACA;;AnBwBE;EmB7BH;IAOE;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;EnBjDF,oBmBkDsB;EnBjDtB,YmBiDsB;;AAErB;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAED;EACC;EACA;EnBlDF,mBmBmDqB;EnBlDrB,WmBkDqB;EACnB;EACA;EACA;EACA;;AAGA;EACC;;AAID;EACC;;AAED;EACC;EACA;EACA;EACA;;AAMH;EACC;;AnB/BC;EmB8BF;IAGE;;;;AAaC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;EACA;;AAOF;AAAA;AAAA;AAAA;EAAW;;AACX;AAAA;AAAA;AAAA;EAAU;EAAmB;;AAE5B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;;AAcF;AAAA;AAAA;AAAA;AAAA;EACC;;;AAcJ;EACC;;AACA;EACC;EACA;EACA;;AACA;EACC;EACA;;AAKJ;EACC;;AnBxGE;EmBuGH;IAGE;;;AAED;EACC;;AAGF;EACC;;AnBjHE;EmBgHH;IAGE;;;AAED;EACC;;;AAUD;EACC;EACA;;AAEC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;;AAED;EACC;EACA;EACA;;AnBjKF;EmBuKD;IACC;InBrNF,oBmBsNsB;InBrNtB,YmBqNsB;;EAGpB;IAAW;;;AnB9JX;EmBkKD;IACC;;;AAKF;EACC;;AAEC;EAAa;;AACb;EAAa;;AAId;EACC;;;AAWF;EAAY;;AAGZ;EAAY;;;AASZ;EACC;EACA;EACA;EACA;EACA;EACA;;AnB9MC;EmBwMF;IAQE;;;AAGA;EAAW;;AACX;EAAU;EAAmB;;AAE5B;EACC;;AAOJ;EACC;EACA;EnB9QD,mBmB+QoB;EnB9QpB,WmB8QoB;;AAGnB;EACC;;AAID;EACC;;AAID;EACC;;AnB7PA;EmBkQA;IACC;;;AnBrPD;EmB2PA;IACC;;;;AAcH;EACC;EACA;EACA;EACA;EnBxVD,oBmByVqB;EnBxVrB,YmBwVqB;EACpB;EACA;;AACA;EnB5VD,oBmB6VsB;EnB5VtB,YmB4VsB;;AAGpB;EAAW;;AACX;EAAU;EAA+B;;AAExC;EACC;;AAOJ;EACC;EACA;EnBjVD,mBmBkVoB;EnBjVpB,WmBiVoB;;AAGnB;EACC;;AAID;EACC;;AAID;EACC;;AnBhUA;EmBqUA;IACC;;;AAQH;EnB9WA,mBmB+WoB;EnB9WpB,WmB8WoB;;AAIpB;EACC;EACA;;AnBvUC;EmBqUF;IAIE;;;AAKA;EACC;;AnB/UD;EmB8UA;IAGE;;;AAMH;EACC;;AnBtWA;EmB2WA;IACC;;;AAMH;EACC;EACA;;AnBtWC;EmBoWF;IAIE;;;AAKA;EACC;;AnB9WD;EmB6WA;IAGE;;;AAMH;EACC;;AnBvXA;EmBsXD;IAGE;;;;AAWJ;EACC;;AACA;EACC;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EnB1dF,oBmB2dsB;EnB1dtB,YmB0dsB;EACpB;;AACA;EACC;EACA;EnBncH,mBmBocsB;EnBnctB,WmBmcsB;;AAEpB;EACC;EACA;EnBxcH,mBmBycsB;EnBxctB,WmBwcsB;;AAEpB;EACC;EACA;EACA;EnB1eH,oBmB2euB;EnB1evB,YmB0euB;;AAKtB;EACC;;AnBvaA;EmBsaD;IAGE;;;AnBzaD;EmBoYH;IA0CE;;EACA;IACC;IACA;IACA;;EACA;AAAA;IAEC;IACA;;;AnBpcD;EmBycH;IAEE;;EACA;IACC;IACA;InB9eF,mBmB+eqB;InB9erB,WmB8eqB;;;AAItB;EACC;;AACA;EACC;EACA;EnBvfD,mBmBwfoB;EnBvfpB,WmBufoB;;AAKpB;EACC;EACA;EACA;EACA;;AACA;AAAA;AAAA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EnBxiBF,oBmByiBsB;EnBxiBtB,YmBwiBsB;EACpB;;AACA;AAAA;AAAA;AAAA;AAAA;EACC;EACA;EnB7iBH,oBmB8iBuB;EnB7iBvB,YmB6iBuB;EACpB;;AAKF;EACC;;AnB3eA;EmB0eD;IAGE;;;AnB7eD;EmB6cH;IAqCE;;EACA;IACC;IACA;InBniBF,mBmBoiBqB;InBniBrB,WmBmiBqB;IACnB;;EACA;AAAA;AAAA;IAEC;IACA;;;;AnB3fD;EmBsgBJ;IAEE;;;AAGA;EnBzjBA,mBmB0jBoB;EnBzjBpB,WmByjBoB;EACnB;EnBxkBD,oBmBykBqB;EnBxkBrB,YmBwkBqB;;AACpB;EnB7jBD,mBmB8jBqB;EnB7jBrB,WmB6jBqB;EACnB;;AAKF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;EnB7lBF,oBmB8lBsB;EnB7lBtB,YmB6lBsB;;AAErB;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAED;EACC;EACA;EnB9lBF,mBmB+lBqB;EnB9lBrB,WmB8lBqB;EACnB;EACA;EACA;EACA;;AAGA;EACC;;AAID;EACC;;AAED;EACC;EACA;EACA;EACA;;AAIH;EACC;EACA;EACA;EnBznBD,mBmB0nBoB;EnBznBpB,WmBynBoB;EACnB;EACA;EACA;EACA;EACA;;AnBjlBC;EmBwkBF;IAWE;;;AAGA;EAAW;;AACX;EAAU;EAAmB;;AAE5B;EACC;;;AAaL;AAAA;EACC;;;AAGF;AAAA;AAAA;EAGC;;;ACrsBA;EACC;;AACA;EACC;EACA;EACA;;AACA;EpBmCD,mBoBlCqB;EpBmCrB,WoBnCqB;EACnB;EpBoBF,oBoBnBsB;EpBoBtB,YoBpBsB;;AAErB;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EpBSF,oBoBRsB;EpBStB,YoBTsB;;AACpB;EACC;EACA;EACA;EACA;EACA;EpBeH,mBoBdsB;EpBetB,WoBfsB;EACnB;EACA;EpBDH,oBoBEuB;EpBDvB,YoBCuB;;AACpB;EACC;EACA;;AAEC;EACC;;AACA;EACC;;AAQL;EpBLF,mBoBMsB;EpBLtB,WoBKsB;EpBxBtB,gBoByBmB;EpBxBnB,QoBwBmB;;AAEjB;EACC;;AACA;EpBXH,mBoBYuB;EpBXvB,WoBWuB;;AAKvB;EACC,OnBXqB;;AmBiBpB;EACC;EACA;EACA;EACA;EpB5BH,mBoB6BsB;EpB5BtB,WoB4BsB;EACnB;EACA;EACA;EACA;;AACA;EACC;EACA;EpBpCJ,mBoBqCuB;EpBpCvB,WoBoCuB;EACnB;;AAGE;EACC,OnBpCO;;AmBqCP;EAAmB;;AAOvB;EpBpEH,gBoBqEoB;EpBpEpB,QoBoEoB;;AAEjB;EpBrDH,mBoBsDuB;EpBrDvB,WoBqDuB;;AACnB;EpBvDJ,mBoBwDwB;EpBvDxB,WoBuDwB;;AASvB;EpBjED,mBoBkEqB;EpBjErB,WoBiEqB;EACnB;;AAKF;EAAsB;;AAGtB;EAAsB;;;AAIvB;EAAY;;;AAGZ;EAAY;;;AC5Hb;EACC;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;;;AAMF;EACC;;ArB0DG;EqBtDD;IACC;;;AAKF;EACC;EACA;;AAIF;EACC;EACA;EACA;EACA;;AACA;EACC;EACA;;AAED;EACC;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;;AAED;EACC;EACA;;AACA;EACC;EACA;EACA;;AAGF;EACC;;ArByBC;EqBrBF;IACC;;;ArBiBC;EqBbF;IACC;IACA;;;AAMF;EACC;;AAEC;EAAW;;AACX;EAAU;;AAMZ;EACC;;AAEC;EAAW;;AACX;EAAU;;AAMZ;EACC;;AACA;EACC;;AACA;EAAoB;;ArBnBnB;EqBuBF;IACC;;EACA;IAAwB;;;;AASzB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAAoB;;;ACvHtB;EACC;;AACA;EACC;;;AAID;EAAU;;;AAEX;EACC;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EtBYA,oBsBXoB;EtBYpB,YsBZoB;;AAGpB;EACC;;;AAKF;EAAW;;;AAEZ;EACC;;AACA;EACC;EACA;EACA;EACA;EtBOA,mBsBNmB;EtBOnB,WsBPmB;EACnB;EACA;EACA;EACA;EtBXA,oBsBYoB;EtBXpB,YsBWoB;;AAGpB;EtBFA,mBsBGoB;EtBFpB,WsBEoB;EACnB;;;AAIH;EACC;;AACA;EACC;EACA;EACA;EACA;EtB3BA,oBsB4BoB;EtB3BpB,YsB2BoB;;AAErB;EACC;EACA;EACA;;AAED;EACC;EACA;;AAGA;EACC;;;AAKF;EAAU;;;AAEX;EACC;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EtBxDA,oBsByDoB;EtBxDpB,YsBwDoB;;AAErB;EACC;;AAED;EACC;EtBlDA,mBsBmDmB;EtBlDnB,WsBkDmB;EACnB;;AAGA;EACC;;AAED;EtB1DA,mBsB2DoB;EtB1DpB,WsB0DoB;EACnB;;;AAIH;EACC;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EtBtFA,oBsBuFoB;EtBtFpB,YsBsFoB;;AAGpB;EACC;;;AASF;AAAA;AAAA;AAAA;EACC;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAID;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAAW;;AAGX;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAAW;;AACX;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAAU;;AAGV;AAAA;AAAA;AAAA;EAAW;;;AAKZ;EACC;;;AAGF;EACC,OrB/FgB;;AqBgGhB;EACC,OrBjGe;;;AqBoGjB;EACC,OrBpGe;;AqBqGf;EACC,OrBtGc;;;AqByGhB;EACC,OrBzGiB;;AqB0GjB;EACC,OrB3GgB;;;AqB8GlB;EACC,OrB9GgB;;AqB+GhB;EACC,OrBhHe;;;AqBmHjB;EACC,OrBnHe;;AqBoHf;EACC,OrBrHc;;;AqBwHhB;EACC,OrBxHiB;;AqByHjB;EACC,OrB1HgB;;;AqB6HlB;EACC,OrB7Ha;;AqB8Hb;EACC,OrB/HY;;;AqBkId;EACC,OrBlIgB;;AqBmIhB;EACC,OrBpIe;;;AqBuIjB;EACC,OrBvIgB;;AqBwIhB;EACC,OrBzIe;;;AqB4IjB;EACC,OrB5IgB;;AqB6IhB;EACC,OrB9Ie;;;AsBnEjB;EACC;;AACA;EACC;EACA;EACA;EACA,YtB2GY;EsB1GZ;EACA;;AAGA;EACC;;AACA;EACC;EACA;EACA;EACA,YtBgGU;EsB/FV;EACA;EACA;;AAED;EACC;EACG;EACA;EACA;EACA;EACA;EACA;;;AvB6CH;EuBvCH;IACC;;EACA;IACC;IvBID,mBuBHoB;IvBIpB,WuBJoB;;EAEpB;IACC;;EACA;IACC;IACA;;EAEE;IACF;IACA;IACA;IACA;;EACA;IACC;;EAED;IACC;;EAED;IACC;IACA;;EAGC;IACC;;EAGA;IACC;IACA;;EACA;IACC;IACA;;EAED;IACC;IACA;;EAED;IACC;;EAGF;IACC;IACA;;EAQL;IACC;IvBnDF,mBuBoDqB;IvBnDrB,WuBmDqB;;EAGnB;IACC;IACA;;EAED;IACC;IACA;IACA;IACA;;EAGA;IACC;IACA;;EACA;IACI;IACA;;EAEJ;IACI;IACA;;EAEJ;IACC;;EAKF;IACC;;EASH;IACC;IACA;IvB/FF,mBuBgGqB;IvB/FrB,WuB+FqB;;EAGnB;IACC;IACA;IACA;IACA;IACA;;EACA;IACI;IACA;;EAEJ;IACI;IACA;;EAEJ;IACI;;EAGL;IACC;IACA;IACA;IACA;;EAGA;IACC;IACA;;EACA;IACI;;EAEJ;IACI;;EAEJ;IACC;;EAKF;IACC;;;AvB9FF;EuBsGH;IACC;;EACA;IACC;;EAED;IACC;;EACA;IACC;;EAED;IACC;IACA;;EAGA;IACC;IACA;;EAED;IACC;IACA;;;AvBjID;EuBwIH;IACC;;EAGE;IAAW;;EACX;IAAU;;;AAWZ;AAAA;AAAA;AAAA;EAAW;;AAGT;AAAA;AAAA;AAAA;EAAW;;AACX;AAAA;AAAA;AAAA;EAAU;;;AC9Od;EACC;EACA;EACG;ExBKF,yBwBJ2B;ExBK3B,sBwBL2B;ExBM3B,iBwBN2B;EACzB;EACH;;AACA;ExBsBC,oBwBrBoB;ExBsBpB,YwBtBoB;;AAErB;EACC;EACA;;AAED;EACC;;AACA;EAAoB;;AAEnB;EACC;;AACA;EAAmB;;AAGrB;EACC;;AAED;AAAA;AAAA;EAGC;;AACA;AAAA;AAAA;EACC;;AAID;EAAW;;AACX;EAAU;;AAGV;EAAW;;AACX;EAAU;;AAGV;EAAW;;AAEV;EAAW;;AxB6BX;EwBxBF;IACC;;EACA;IACC;IACA;IACA;IxBbF,mBwBcqB;IxBbrB,WwBaqB;IACnB;;;AxB+BA;EwB1BF;IACC;;;;AASH;EACC;EACA;EACA;;AACA;EACC;EACA;EACA;EACA,YvBMQ;EuBLR;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;;AAGF;EACC;;AACA;EACC;EACA;EACA;EACA;EACA,OvBjDqB;EuBkDrB;EACA;;;ACpGH;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EzBsBC,oByBrBmB;EzBsBnB,YyBtBmB;;AACpB;EACC;EACA;;;ACXF;EACC;EACA;E1B2BC,oB0B1BmB;E1B2BnB,Y0B3BmB;;AACpB;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E1BiBA,oB0BhBoB;E1BiBpB,Y0BjBoB;;AACpB;EACC;EACA;EACA;EACA;EACA;EACA;EACA;E1BQD,oB0BPqB;E1BQrB,Y0BRqB;;AAErB;EAAW;;AACX;EAAU;;A1BiDR;E0B7CD;I1BaD,mB0Bb+B;I1Bc/B,W0Bd+B;I1BiB/B,0B0BjBuE;I1BkBvE,kB0BlBuE;;EACtE;I1BYD,mB0BZ8B;I1Ba9B,W0Bb8B;I1BgB9B,0B0BhBsE;I1BiBtE,kB0BjBsE;;EAIpE;I1BQF,mB0BRgC;I1BShC,W0BTgC;;EAC9B;I1BOF,mB0BP+B;I1BQ/B,W0BR+B;;;;AAS7B;EAAsC;;;AAS1C;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E1BhCC,oB0BiCmB;E1BhCnB,Y0BgCmB;;AACpB;E1BrBC,mB0BsBmB;E1BrBnB,W0BqBmB;EACnB;E1BpCA,oB0BqCoB;E1BpCpB,Y0BoCoB;;AACpB;AAAA;AAAA;EAGC;;A1BCC;E0BED;AAAA;AAAA;IAGC;;EAED;IAAgB;;EAChB;IAAmB;;;AAEpB;EACC;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;E1B/DF,oB0BgEsB;E1B/DtB,Y0B+DsB;;AACpB;EACC;EACA;EACA;EACA;EACA;EACA;EACA;E1BxEH,oB0ByEuB;E1BxEvB,Y0BwEuB;;AAErB;E1B9DF,mB0B8DgC;E1B7DhC,W0B6DgC;;AAC9B;E1B/DF,mB0B+D+B;E1B9D/B,W0B8D+B;;AAG7B;EACC;;AACA;E1BpEH,mB0BoEiC;E1BnEjC,W0BmEiC;;AAC9B;E1BrEH,mB0BqEgC;E1BpEhC,W0BoEgC;;A1BvB9B;E0B4BD;IACC;IACA;;;A1BjCA;E0BqCD;IACC;IACA;;EACA;IACC;IACA;;;AAKJ;EACC;EACA;;AACA;E1B7FA,mB0B8FoB;E1B7FpB,W0B6FoB;;;AAWlB;AAAA;AAAA;AAAA;EACC;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAAoB;;;AAWrB;AAAA;EACC;;AACA;AAAA;AAAA;EAAoB;;;AChKvB;EACC;EACA;;AACA;EACC;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E3BaH,oB2BZuB;E3BavB,Y2BbuB;;AAErB;E3BuBF,mB2BtBsB;E3BuBtB,W2BvBsB;EACnB;E3BQH,oB2BPuB;E3BQvB,Y2BRuB;;AAGpB;EACC;;AAED;E3BcH,mB2BbuB;E3BcvB,W2BduB;;AAGrB;EACC;EACA;EACA;E3BOH,mB2BNsB;E3BOtB,W2BPsB;EACnB;EACA;EACA;;AACA;EACC;EACA;;AAaD;EAAW;;AAUb;E3BvBD,mB2BwBqB;E3BvBrB,W2BuBqB;EACnB;;AAKF;EAA4B;;AAG5B;EAA4B;;;AC3E9B;EACC;EACA;EACA;EACA;EACA;EACA;E5BuBC,oB4BtBmB;E5BuBnB,Y4BvBmB;;AACpB;E5BkCC,mB4BjCmB;E5BkCnB,W4BlCmB;;AAEpB;E5BVC;EACA;EACA;EACA;E4BSG;EACA;;AAEJ;EACC;;AACA;EACC;;AAED;E5BQA,oB4BPqB;E5BQrB,Y4BRqB;;AAErB;EACC;;AAED;EACC;EACA;EACA;;AAED;EACC;;AACA;EAAU;;AAGZ;EACC;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;E5BLD,mB4BMoB;E5BLpB,W4BKoB;EACnB;EACA;EACA;EACA;E5BvBD,oB4BwBqB;E5BvBrB,Y4BuBqB;;AACpB;EACC;EACA;EACA;EACA;EACA;EACA;EACA;E5BhCF,oB4BiCsB;E5BhCtB,Y4BgCsB;;AAErB;EAAW;;AACX;EAAU;;AAGV;EACC;;AACA;EAAW;EAAQ;E5B5BrB,mB4B4BmD;E5B3BnD,W4B2BmD;;AACjD;EAAU;EAAQ;E5B7BpB,mB4B6BkD;E5B5BlD,W4B4BkD;;AAInD;EACC;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;;AAED;EACC;;AACA;EACC;EACA,a3B7FiB;E2B8FjB;EACA;;AACA;EACC;;AAGF;EACC;EACA;;AACA;EACC;EACA;EACA;EACA;;AAGF;EACC;;AACA;EAAoB;;AAEnB;EACC,O3BrES;;A2BsET;EAAmB;;AAIpB;EACC;;AACA;EACC;EACA;EACA;EACA;;AAUH;EACC;EACA;EACA;EACA;;AAQH;EACC;;AACA;EAAmB;;AAOtB;EACC;EACA;EACA;;AAKD;EACC;EACA;EACA;E5B5JA,oB4B6JoB;E5B5JpB,Y4B4JoB;;;AAQjB;EACC,a3BjLe;;;A2BmMjB;EACC;;AAED;EACC;;AAED;EAAoB;;AACpB;EACC;;AACA;EAAU;;A5BrIX;E4B4IG;IACC;;EACA;IAA6B;;EAG7B;IACC;;;AASJ;EACC;;AACA;EAAmB;;AAKrB;EACC;;AACA;EAAoB;;AAGpB;EACC;;AAML;EAAsB,Y3BrKb;;A2BsKT;EAAuB;;AAKvB;EAMC;E5BtPA,oB4BuPoB;E5BtPpB,Y4BsPoB;;AANpB;EACC;EACA;EACA;;AAMD;EACC;;AAKA;EACC;;AAED;EACC;;AAED;EAAoB;;AACpB;EACC;;AACA;EAAU;;AAIX;EACC;;AACA;EAAoB;;AAGpB;EACC;;A5BvND;E4B+NE;IACC;;EACA;IAA6B;;EAG7B;IACC;;;AASJ;EACC;;AACA;EAAmB;;AASvB;EACC;;AACA;EACC;EACA;EACA;E5B1TD,oB4B2TqB;E5B1TrB,Y4B0TqB;;AAErB;EACC;EACA;;AAED;E5BjUA,oB4BkUqB;E5BjUrB,Y4BiUqB;;AAErB;EACC;;AAGA;EACC;;AAID;EACC;;;A5BlRA;E4B6RF;IACC;;EAED;IACC;;EAIC;IACC;IACA;;EAGF;IACC;;EAKA;IACC;IACA;;EAGF;IACC;;EAQD;IACC;;EAID;IACC;;EAED;IACC;;EAID;IACC;;EAGA;IACC;IACA;IACA;IACA;IACA;;EAMD;IACC;IACA;IACA;IACA;;EACA;IACC;;EAEC;IACC;IACA;IACA;IACA;IACA;;EAED;IACC;;EAGF;IACC;;EAGF;IACC;;EAED;IACC;IACA;IACA;;EACA;IACC;IACA;IACA;IACA;IACA;IACA,Y3BlXG;I2BmXH;I5B5aL,oB4B6ayB;I5B5azB,Y4B4ayB;;EAErB;IACC;;EAGF;IACC;IACA;IACA;I5BzaJ,mB4B0auB;I5BzavB,W4ByauB;IACnB;IACA;;EACA;IACC;;EAGF;IACC;IACA;IACA;I5BpbJ,mB4BqbuB;I5BpbvB,W4BobuB;IACnB;IACA;IACA;IACA;IACA;I5BtdJ,oB4BudwB;I5BtdxB,Y4BsdwB;IACpB;IACA;I5B1cJ,oB4B2cwB;I5B1cxB,Y4B0cwB;;EACpB;IACC;IACA;IACA;IACA;IACA;;EAED;IACC;IACA;IACA;IACA;;EACA;IACC;IACA;IACA;IACA;I5B5dN,oB4B6d0B;I5B5d1B,Y4B4d0B;;EACpB;IACC,Y3BtaC;I2BuaD;;EAGA;IACC;IACA;IACA;I5BzdR,mB4B0d2B;I5Bzd3B,W4Byd2B;IACnB;IACA;IACA;IACA;;EAIH;IACC;;EAED;IACC;IACA;IACA;IACA;IACA;IACA;IACA;I5BxgBN,oB4BygB0B;I5BxgB1B,Y4BwgB0B;IACpB;IACA;I5B5fN,oB4B6f0B;I5B5f1B,Y4B4f0B;;EACpB;IACC;IACA;;EACA;IACC;IACA;IACA;I5BpgBR,oB4BqgB4B;I5BpgB5B,Y4BogB4B;;EACpB;IACC,Y3B9cD;I2B+cC;;EAIH;IACC;;EAEC;IACC;;EAMH;IACC;IACA;;EAKJ;IACC;IACA;IACA;IACA;I5BphBJ,mB4BqhBuB;I5BphBvB,W4BohBuB;IACnB;IACA;IACA;IACA;IACA;I5BtjBJ,oB4BujBwB;I5BtjBxB,Y4BsjBwB;IACpB;IACA;I5B1iBJ,oB4B2iBwB;I5B1iBxB,Y4B0iBwB;;EACpB;IACC;IACA;IACA;IACA;IACA;;EAKA;I5BziBL,mB4B0iByB;I5BziBzB,W4ByiByB;IACnB;IACA;;EAMD;IACC;;EAGF;I5BtjBJ,mB4BujBwB;I5BtjBxB,W4BsjBwB;IACnB;IACA;;EASA;IAAoB;;EAEnB;IACC;;EACA;IAAmB;;EAKnB;IACC;;EAMC;IACC;;EAKF;IACC;;EAYL;IACC;;EAEC;IACC;;EAaF;IACC;;EAON;IACC;IACA;;EAED;IACC;;EAOA;AAAA;IAEC;;EASG;IACC;IACA;;EAEC;IACC;IACA;;EAYH;IACC;IACA;;EAEC;IACC;IACA;;;A5B/nBN;E4B2oBH;IACC;;EACA;IACC;IACA;IACA;IACA;IACA;IACA;IACA;I5B9tBD,oB4B+tBqB;I5B9tBrB,Y4B8tBqB;IACpB;I5BjtBD,oB4BktBqB;I5BjtBrB,Y4BitBqB;;EACpB;IACC;;EAED;IACC;IACA;IACA;;EACA;IACC;IACA;IACA;IACA;IACA;IACA;IACA;;EACA;IACC;;EAED;IACC;IACA;IACA;IACA,O3BttBU;;E2ButBV;IAA6B;;EAG7B;IACC;;EACA;IACC;;EAGF;IACC;;EAGF;IACC;IACA;IACA;IACA;IACA;IACA;;EACA;IACC;;EAGF;IACC;IACA;IACA;;EACA;IACC;;EAED;IACC;IACA;;EACA;IACC;;EAGA;IACC;;EAGF;IACC;IACA;IACA;IACA;IACA;;EACA;IACC;;EAGF;IACC;IACA;;EACA;IACC;;EAED;IACC;;EACA;IACC;;EAML;IACC;;EACA;IACC;;EAML;IACC;IACA;IACA;IACA;I5B7yBD,mB4B8yBoB;I5B7yBpB,W4B6yBoB;;EAOnB;AAAA;IAEC;;EASA;IACC;;EACA;AAAA;IAEC;;EACA;AAAA;AAAA;AAAA;IACC;;EAGF;IACC;;EAEC;IACC;;EACA;IAAmB;;EAQxB;IAAe,Y3B7yBR;;;ADDN;E4BqzBD;AAAA;IAEC;IACA;IACA;IACA;;;A5Bl0BA;E4B40BH;IACC;;EACA;IACC;;EAKE;IACC;;EACA;IACC;;EAGF;IACC;;EAML;IACC;;EACA;IACC;;EAKE;IACC;;EACA;IACC;;EAGF;IACC;;;AAWN;EAAsB;;;AACtB;EAAyB;;;AACzB;EAAyB;;;A5B/2BrB;E4Bi3BH;IAAsE;;;AC38BvE;EACE;EACA;EACA;;AAEA;EALF;IAMI;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAVF;IAWI;;;AAGF;EACE;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAXF;IAYI;IACA;IACA;IACA;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAEA;EAJF;IAKI;IACA;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EATF;IAUI;;;AAGF;EAbF;IAcI;;;AAMN;EAEI;IACE;;EAEA;IACE;IACA;IACA;IACA;;;AAQV;EArHF;IAsHI;IACA;;EAII;IACE;;EAGF;IACE;;EAEA;IACE;IACA;;EAGF;IACE;;EAIJ;IACE;;;;AAQV;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AC5JF;EACC;;AACA;EACC;EACA;;AAMA;EAAgB;;A9B6Dd;E8BzDD;IAAgB;;;A9ByDf;E8BpDD;IAAgB;;;A9BuDf;E8BpDD;IAAgB;;;A9B8Cf;E8BzCD;IAAgB;;;A9B4Cf;E8BzCD;IAAgB;;;A9B4Cf;E8BzCD;IAAgB;;;A9B4Cf;E8BtCD;IAAgB;;;A9BsCf;E8BhCD;IAAgB;;;AAMlB;EACC;;AACA;EACC;EACA;;AAGF;EACC;;AACA;EACC;EACA;;AAGF;EACC;;AACA;EACC;EACA;;AAGF;EACC;;AACA;EACC;EACA;;AAGF;EACC;;AACA;EACC;EACA;;AAGF;EACC;;AACA;EACC;EACA;;;ACzFF;EACC;;AAED;EACC;;AAMA;EAAkB;;A/B4DhB;E+BxDD;IAAkB;;;A/BwDjB;E+BnDD;IAAkB;;;A/BsDjB;E+BnDD;IAAkB;;;A/B6CjB;E+BxCD;IAAkB;;;A/B2CjB;E+BxCD;IAAkB;;;A/B2CjB;E+BxCD;IAAkB;;;A/B2CjB;E+BrCD;IAAkB;;;A/BqCjB;E+B/BD;IAAkB;;;AAOnB;EAAkB;;AAGlB;EAAkB;;AAGlB;EAAkB;;AAGlB;EAAkB;;AAGlB;EAAkB;;AAGlB;EAAkB;;;AAUjB;AAAA;E/BpCD,mB+BqCqB;E/BpCrB,W+BoCqB;EACnB;;AAKF;AAAA;EAAiC;;AAGjC;AAAA;EAAiC;;;AAIlC;EAAkB;;;AAGlB;EAAkB;;;AAKjB;EAAc;;AACd;EAAc;;AACd;EAAc;;AACd;EAAc;;AACd;EAAc;;AACd;EAAc;;;AAQf;EACC;EACA;;AACA;EACC;EACA,Y9BGmB;E8BFnB;EACA;EACA;EACA;EACA;EACA;EACA;E/BhGD,oB+BiGqB;E/BhGrB,Y+BgGqB;;AACpB;EACC,Y9BRU;;A8BUX;EACC,Y9BhDM;E8BiDN;;AASD;EACC;EACA;EACA;;AAQF;EACC;;AACA;EACC;EACA;EACA,O9B7GY;;A8B8GZ;EACC;;AAED;EACC,Y9BzCiB;;A8B+CpB;EACC;;AACA;EACC;EACA;EACA;EACA;EACA,O9B/HY;;A8BgIZ;EACC;EACA;EACA;EACA;EACA;EACA;EACA;E/BpIH,mB+BqIsB;E/BpItB,W+BoIsB;;AAEpB;EACC;;AAGA;EACC;E/B5IJ,mB+B6IuB;E/B5IvB,W+B4IuB;;AAOvB;EACC;;AACA;EACC;EACA;EACA;EACA,O9B5JoB;;A8B6JpB;EACC;EACA;;;AASF;EACC;;AAKA;EACC;EACA;;;AAYF;AAAA;AAAA;AAAA;EACC;EACA;;AACA;AAAA;AAAA;AAAA;EACC;EACA;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;EACA;;AAMD;AAAA;AAAA;AAAA;EACC;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;EACA;;AAOF;AAAA;AAAA;AAAA;EACC;;AACA;AAAA;AAAA;AAAA;EACC;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAOF;AAAA;AAAA;AAAA;EACC;EACA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;EACA;;;AAYL;EACC;;AACA;EACC;EACA;;AACA;E/BtQD,mB+BuQqB;E/BtQrB,W+BsQqB;EACnB;E/BrRF,oB+BsRsB;E/BrRtB,Y+BqRsB;;AAGtB;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAIC;E/BvRF,mB+BwRsB;E/BvRtB,W+BuRsB;E/B1StB,gB+B2SmB;E/B1SnB,Q+B0SmB;;;AAUjB;EACC;EACA;EACA;EACA;EACA;EACA;EACA;E/BvTH,oB+BwTuB;E/BvTvB,Y+BuTuB;;AACpB;EACC;EACA;EACA;;AACA;EACC;E/BjTL,mB+BkTwB;E/BjTxB,W+BiTwB;EACnB;EACA;E/BjUL,oB+BkUyB;E/BjUzB,Y+BiUyB;;AACpB;E/B/TL,0B+B+T+C;E/B9T/C,kB+B8T+C;;AAC1C;E/BhUL,0B+BgU8C;E/B/T9C,kB+B+T8C;EAAQ;;AAElD;EACC;;AAKF;EACC;;AACA;EACC;E/BlUL,mB+BmUwB;E/BlUxB,W+BkUwB;;;AAevB;EACC;EACA;EACA;EACA;EACA;EACA;EACA;E/BtWF,oB+BuWsB;E/BtWtB,Y+BsWsB;;AACpB;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E/BhXH,oB+BiXuB;E/BhXvB,Y+BgXuB;;AAErB;EACC;EACA;EACA;;AACA;EACC;;AAED;EACC;EACA;E/B5XJ,oB+B6XwB;E/B5XxB,Y+B4XwB;;AAGtB;EACC;EACA;EACA;E/BtXH,mB+BuXsB;E/BtXtB,W+BsXsB;EACnB;EACA;EACA;E/BvYH,oB+BwYuB;E/BvYvB,Y+BuYuB;;AAKpB;EACC;;AAED;E/BnYH,mB+BoYuB;E/BnYvB,W+BmYuB;EACnB;;;AAcH;EACC;EACA;EACA;EACA;;AACA;EACC;E/BzZH,mB+B0ZsB;E/BzZtB,W+ByZsB;EACnB;EACA;EACA;EACA;EACA;E/B5aH,oB+B6auB;E/B5avB,Y+B4auB;;AACpB;EACC;;AAED;E/B7aH,0B+B6a8C;E/B5a9C,kB+B4a8C;;AAC3C;E/B9aH,0B+B8a8C;E/B7a9C,kB+B6a8C;;AAC3C;E/B/aH,0B+B+a8C;E/B9a9C,kB+B8a8C;;AAC3C;EACC;EACA;;A/B3XF;E+BgYA;IACC;IACA;IACA;;;AAKA;E/BtbH,mB+BubuB;E/BtbvB,W+BsbuB;EACnB;EACA;;;AAaL;EACC;;AACA;EACC;;AACA;EACC;;AAGF;EACC;E/B/cD,mB+BgdoB;E/B/cpB,W+B+coB;;AACnB;E/B9dD,oB+B+dsB;E/B9dtB,Y+B8dsB;;AAGtB;EACC;EACA;EACA;EACA;EACA;E/B1dD,mB+B2doB;E/B1dpB,W+B0doB;EACnB;EACA;EACA;E/B3eD,oB+B4eqB;E/B3erB,Y+B2eqB;;AACpB;EACC;EACA;;A/BvbA;E+B0aF;IAgBE;I/BreF,mB+BseqB;I/BrerB,W+BqeqB;IACnB;;;AAKA;E/B5eF,mB+B6esB;E/B5etB,W+B4esB;;AAQpB;EACC;EACA;EACA;;;ACriBL;AACA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;;ACpBH;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACC;;;AAKH;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;EjCUA,mBiCTmB;EjCUnB,WiCVmB;;;AAIpB;EACC;EACA;EjCVA,oBiCWoB;EjCVpB,YiCUoB;;;AAQrB;EACC;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAQF;EACC;;AAEC;EACC;;;AAQD;EACC;;;AAQD;EACC;;;AAQD;EACC;;;AAQD;EACC;;;AAQD;EACC;;;AAQD;EACC;;;AAQD;EACC;;;AAQD;EACC;;;AAQD;EACC;;;AAMJ;EACC;IAAO;;;AAER;EACC;IACC;IACA;;EAED;IACC;IACA;;EAED;IACC;IACA;;;AASA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EjCtJD,mBiCuJoB;EjCtJpB,WiCsJoB;;AACnB;EACC;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKJ;EACC;IAAK;IAAiC;;EACtC;IAAO;IAAmC;;;AAE3C;EACC;IAAK;IAAiC;;EACtC;IAAO;IAAmC;;;AAM1C;EACC;;AAEC;EACC;EACA;;AACA;EACC;;AAED;EACC;;;AASF;EACC;EACA;;AACA;EACC;;;AASF;EACC;EACA;;AACA;EACC;;;AASF;EACC;EACA;;AACA;EACC;;;AASF;EACC;EACA;;AACA;EACC;;;AASF;EACC;EACA;;AACA;EACC;;;AASF;EACC;EACA;;AACA;EACC;;;AASF;EACC;EACA;;AACA;EACC;;;AASF;EACC;EACA;;AACA;EACC;;;AASF;EACC;EACA;;AACA;EACC;;;AAWJ;EACC;EACA;;AACA;EACC;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAED;EjCtVD,mBiCsV+B;EjCrV/B,WiCqV+B;;AAC9B;EjCvVD,mBiCuV8B;EjCtV9B,WiCsV8B;;;AAIhC;EACC;IAAW;;EACX;IAAM;;;AAEP;EACC;IAAW;IAA6B;;EACxC;IAAM;IAA+B;;;AAEtC;EACC;IAAW;;EACX;IAAM;;;AAEP;EACC;IAAW;IAA+B;;EAC1C;IAAM;IAA6B;;;AAMnC;EACC;;AAGE;EACC;;;AAUD;EACC;;;AAUD;EACC;;;AAUD;EACC;;;AAUD;EACC;;;AAUD;EACC;;;AAUD;EACC;;;AAUD;EACC;;;AAUD;EACC;;;AAUD;EACC;;;AC1gBL;EACC;;AAEC;EAA+B;;;AAGjC;EACC;;AAEC;EAA+B;;;AAGjC;EACC;;AAEC;EAA+B;;;AAGjC;EACC;;AAEC;EAA+B;;;AAGjC;EACC;;AAEC;EAA+B;;;AAGjC;EACC;;AAEC;EAA+B;;;AlCoD7B;EkChDH;IACC;;EAEC;IAA+B;;EAGjC;IACC;;EAEC;IAA+B;;EAGjC;IACC;;EAEC;IAA+B;;EAGjC;IACC;;EAEC;IAA+B;;EAGjC;IACC;;EAEC;IAA+B;;EAGjC;IACC;;EAEC;IAA+B;;;AlCY9B;EkCPH;IACC;;EAEC;IAA+B;;EAGjC;IACC;;EAEC;IAA+B;;EAGjC;IACC;;EAEC;IAA+B;;EAGjC;IACC;;EAEC;IAA+B;;;AAUjC;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;;AAIF;EACC;EACA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOC;;;AC5HF;EACC;EACA;;;AAQG;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AAMF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AAKN;EAAmB,YlCgED;;;AkC/DlB;EAAoB,YlCgED;;;AkC/DnB;EAAW;;;AACX;EAAW,YlC+DD;;;AkC9DV;EAAmB,YlC+DD;;;AkC9DlB;EAAoB,YlC+DD;;;AkC1DnB;EAAiB,YlC4DD;;;AkC3DhB;EAAmB,YlC4DD;;;AkC3DlB;EAAsB,YlC4DD;;;AkC3DrB;EAA0B,YlC4DD;;;AkC3DzB;EAAsB,YlC4DD;;;AkC3DrB;EAAsB,YlC4DD;;;AkC3DrB;EAAuB,YlC4DD;;;AkC3DtB;EAAgB,YlC4DD;;;AkC3Df;EAAiB,YlC4DD;;;AkCvDhB;EAAiB;;;AACjB;EAAmB;;;AACnB;EAA0B;;;AAC1B;EAAsB;;;AACtB;EAAsB;;;AACtB;EAAsB;;;AACtB;EAAuB;;;AACvB;EAAgB;;;AAChB;EAAiB;;;AAKjB;EAAiB,kBlCgBJ;;;AkCfb;EAAiB,kBlCgBJ;;;AkCfb;EAAiB,kBlCgBJ;;;AkCfb;EAAiB,kBlCgBJ;;;AkCfb;EAAiB,kBlCgBJ;;;AkCfb;EAAiB,kBlCgBJ;;;AkCfb;EAAiB,kBlCgBJ;;;AkCdb;AAAA;AAAA;AAAA;EACC,OlCjBe;;AkCkBf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAAoB;;AAEnB;EACC;;AACA;EAAmB;;;AAItB;AAAA;AAAA;AAAA;EACC;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAAoB;;AAEnB;AAAA;AAAA;AAAA;EACC;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAAmB;;;AAoBtB;EAAuB,alCpGD;;;AkCqGtB;EAAwB,alCpGD;;;AkCqGvB;EAAuB,alCpGD;;;AkCqGtB;EAAsB,alCpGD;;;AkCqGrB;EAAsB,alCpGD;;;AkCyGrB;EAAW,alChGQ;;;AkCiGnB;EAAa,alCrGQ;;;AkCsGrB;EAAgB,alCvGQ;;;AkCwGxB;EAAY,alC3GQ;;;AkCiHlB;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AAIF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AAIJ;EAAc;;;AACd;EAAa,OlC5EO;;;AkC6EpB;EAAe,OlC/EO;;;AkCgFtB;EAAc;;;AACd;EAAgB;;;AAChB;EAAuB;;;AACvB;EAAmB;;;AACnB;EAAmB;;;AACnB;EAAmB;;;AACnB;EAAoB;;;AACpB;EAAa;;;AACb;EAAc;;;AAEd;EACC;;;AAED;EACC,kBlCzEY;EkC0EZ;EACA;EACA;;;AAED;EACC,kBlC9EY;EkC+EZ;EACA;EACA;;;AAED;EACC,kBlCnFY;EkCoFZ;EACA;EACA;;;AAED;EACC,kBlCxFY;EkCyFZ;EACA;EACA;;;AAED;EACC,kBlC7FY;EkC8FZ;EACA;EACA;;;AAED;EACC,kBlClGY;EkCmGZ;EACA;EACA;;;AAED;EACC,kBlCvGY;EkCwGZ;EACA;EACA;;;AAOD;EACC;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAID;EAAW;;;AAGX;EAAW,kBlCxIC;;;AkC2IZ;EAAW,kBlC1IC;;;AkC6IZ;EAAW,kBlC5IC;;;AkC+IZ;EAAW,kBlC9IC;;;AkCiJZ;EAAW,kBlChJC;;;AkCmJZ;EAAW,kBlClJC;;;AkCqJZ;EAAW,kBlCpJC;;;AkCwJX;EACC;EACA;EACA;;;AAMD;EACC;EACA;EACA;;;AAOA;EACC;EACA;EACA;;AAMD;EACC;EACA;EACA;;AAMD;EACC;EACA;EACA;;AAMD;EACC;EACA;EACA;;;AAUF;AAAA;AAAA;AAAA;EACC;;;AAQH;EACC;EACA;EACA;EACA;;AnCvOG;EmCmOJ;IAME;;;AnCtOE;EmCgOJ;IASE;;;;AAOD;AAAA;AAAA;AAAA;EACC;EACA;;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;EACA;;;AAQH;EACC;EACA;EACA;EnC1TC,qBmC2ToB;EnC1TpB,amC0ToB;;AnCvQlB;EmCmQJ;IAKiC;;;AnCrQ7B;EmCgQJ;IAMiC;;;AAChC;EnC9TC,qBmC+TqB;EnC9TrB,amC8TqB;;AnC3QnB;EmC8QF;InClUA,qBmCmUsB;InClUtB,amCkUsB;;EAEtB;InCrUA,qBmCsUsB;InCrUtB,amCqUsB;;;;AAQvB;AAAA;AAAA;AAAA;EACC;EACA;EnChVA,qBmCiVqB;EnChVrB,amCgVqB;;AACrB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EnClVA,qBmCmVsB;EnClVtB,amCkVsB;;AnC/RpB;EmCkSD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;InCtVD,qBmCuVuB;InCtVvB,amCsVuB;;EAEtB;AAAA;AAAA;AAAA;InCzVD,qBmC0VuB;InCzVvB,amCyVuB;;;AAKvB;AAAA;AAAA;AAAA;EACC;EACA;EnCjWD,qBmCkWsB;EnCjWtB,amCiWsB;;AACrB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EnCnWD,qBmCoWuB;EnCnWvB,amCmWuB;;AnChTrB;EmCmTA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;InCvWF,qBmCwWwB;InCvWxB,amCuWwB;;EAEtB;AAAA;AAAA;AAAA;InC1WF,qBmC2WwB;InC1WxB,amC0WwB;;;;AAU1B;AAAA;AAAA;AAAA;EAIC;EACA;EACA;;;AAED;EAAc;;;AACd;EAAgB;;;AAChB;EAAiB;;;AACjB;EAAe;;;AAMd;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;;AAOF;EAAuB;;;AACvB;EAAuB;;;AAKvB;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAMD;EACC;;;AAMD;EACC;;;AAED;EACC;;;AAED;EACC;;;ArC1YD;EACE;EACA;;;AAGF;EACE;EACA;;;AAMF;EACE;EACA;EACA;EACA;;;AAQA;EACE;EACA","file":"theme.css"} \ No newline at end of file diff --git a/test-table.html b/test-table.html new file mode 100644 index 0000000..3ce91d4 --- /dev/null +++ b/test-table.html @@ -0,0 +1,39 @@ + + + + + + Table Test + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + +
TECHNOLOGIEDÉBIT MAXIMUM THÉORIQUE (Mégabit/s)REMARQUE(S)
FTTH (Fibre jusqu’à l’abonné)Jusqu’à 10 000 Mégabit/sDébit symétrique, très haute performance.
FTTLa (Fibre jusqu’au dernier amplificateur)Jusqu’à 1000 Mégabit/sDébit variable selon la distance au point de raccordement.
Boucle Locale RadioJusqu’à 100 Mégabit/sDépend de la qualité du signal et de l’environnement.
+
+ + \ No newline at end of file