/* bootstrap.min.css */
@charset "UTF-8";/*!
* Bootstrap v5.0.2 (https://getbootstrap.com/)
* Copyright 2011-2021 The Bootstrap Authors
* Copyright 2011-2021 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0))}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-font-sans-serif);font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}.h1,.h2,.h3,.h4,h1,h2,h3,h4{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,h1{font-size:2.5rem}}.h2,h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.h2,h2{font-size:2rem}}.h3,h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.h3,h3{font-size:1.75rem}}.h4,h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){.h4,h4{font-size:1.5rem}}p{margin-top:0;margin-bottom:1rem}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}b,strong{font-weight:bolder}.small,small{font-size:.875em}a{color:#0d6efd;text-decoration:underline}a:hover{color:#0a58ca}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code{font-family:var(--bs-font-monospace);font-size:1em;direction:ltr;unicode-bidi:bidi-override}code{font-size:.875em;color:#d63384;word-wrap:break-word}a>code{color:inherit}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:#6c757d;text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]::-webkit-calendar-picker-indicator{display:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}progress{vertical-align:baseline}[hidden]{display:none!important}.img-fluid{max-width:100%;height:auto}.figure{display:inline-block}.container,.container-fluid{width:100%;padding-right:var(--bs-gutter-x,.75rem);padding-left:var(--bs-gutter-x,.75rem);margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}@media (min-width:1400px){.container{max-width:1320px}}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(var(--bs-gutter-y) * -1);margin-right:calc(var(--bs-gutter-x) * -.5);margin-left:calc(var(--bs-gutter-x) * -.5)}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0%}.col-4{flex:0 0 auto;width:33.33333333%}.col-6{flex:0 0 auto;width:50%}.col-8{flex:0 0 auto;width:66.66666667%}.g-0{--bs-gutter-x:0}.g-0{--bs-gutter-y:0}.gx-3{--bs-gutter-x:1rem}.g-4{--bs-gutter-x:1.8rem}.g-4,.gy-4{--bs-gutter-y:1.8rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}@media (min-width:576px){.col-sm-6{flex:0 0 auto;width:50%}}@media (min-width:768px){.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-12{flex:0 0 auto;width:100%}}@media (min-width:992px){.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-1{margin-left:8.33333333%}.offset-lg-3{margin-left:25%}}.table{--bs-table-bg:transparent;--bs-table-accent-bg:transparent;--bs-table-striped-color:#212529;--bs-table-striped-bg:rgba(0, 0, 0, 0.05);--bs-table-active-color:#212529;--bs-table-active-bg:rgba(0, 0, 0, 0.1);--bs-table-hover-color:#212529;--bs-table-hover-bg:rgba(0, 0, 0, 0.075);width:100%;margin-bottom:1rem;color:#212529;vertical-align:top;border-color:#dee2e6}.table>:not(caption)>*>*{padding:.5rem .5rem;background-color:var(--bs-table-bg);border-bottom-width:1px;box-shadow:inset 0 0 0 9999px var(--bs-table-accent-bg)}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table>:not(:last-child)>:last-child>*{border-bottom-color:currentColor}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control[type=file]{overflow:hidden}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{color:#212529;background-color:#fff;border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-control::-webkit-date-and-time-value{height:1.5em}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:#212529;background-color:#e9ecef;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:#dde0e3}.form-control::-webkit-file-upload-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:#212529;background-color:#e9ecef;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::-webkit-file-upload-button{-webkit-transition:none;transition:none}}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:#dde0e3}textarea.form-control{min-height:calc(1.5em + (.75rem + 2px))}.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu){border-top-right-radius:0;border-bottom-right-radius:0}.is-valid~.valid-feedback,.is-valid~.valid-tooltip{display:block}.form-control.is-valid{border-color:#198754;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus{border-color:#198754;box-shadow:0 0 0 .25rem rgba(25,135,84,.25)}textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-valid{border-color:#198754}.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"]{padding-right:4.125rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-valid:focus{border-color:#198754;box-shadow:0 0 0 .25rem rgba(25,135,84,.25)}.form-check-input.is-valid{border-color:#198754}.form-check-input.is-valid:checked{background-color:#198754}.form-check-input.is-valid:focus{box-shadow:0 0 0 .25rem rgba(25,135,84,.25)}.form-check-input.is-valid~.form-check-label{color:#198754}.input-group .form-control.is-valid,.input-group .form-select.is-valid{z-index:1}.input-group .form-control.is-valid:focus,.input-group .form-select.is-valid:focus{z-index:3}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip{display:block}.form-control.is-invalid{border-color:#dc3545;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-invalid{border-color:#dc3545}.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"]{padding-right:4.125rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}.form-check-input.is-invalid{border-color:#dc3545}.form-check-input.is-invalid:checked{background-color:#dc3545}.form-check-input.is-invalid:focus{box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}.form-check-input.is-invalid~.form-check-label{color:#dc3545}.input-group .form-control.is-invalid,.input-group .form-select.is-invalid{z-index:2}.input-group .form-control.is-invalid:focus,.input-group .form-select.is-invalid:focus{z-index:3}.btn{display:inline-block;font-weight:400;line-height:1.5;color:#212529;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#212529}.btn:focus{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.btn.disabled,.btn:disabled,fieldset:disabled .btn{pointer-events:none;opacity:.65}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown{position:relative}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:1rem 1.25rem;font-size:1rem;color:#212529;text-align:left;background-color:#fff;border:0;border-radius:0;overflow-anchor:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease}@media (prefers-reduced-motion:reduce){.accordion-button{transition:none}}.accordion-button:not(.collapsed){color:#0c63e4;background-color:#e7f1ff;box-shadow:inset 0 -1px 0 rgba(0,0,0,.125)}.accordion-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");transform:rotate(-180deg)}.accordion-button::after{flex-shrink:0;width:1.25rem;height:1.25rem;margin-left:auto;content:"";background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:1.25rem;transition:transform .2s ease-in-out}@media (prefers-reduced-motion:reduce){.accordion-button::after{transition:none}}.accordion-button:hover{z-index:2}.accordion-button:focus{z-index:3;border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.accordion-header{margin-bottom:0}.accordion-item{background-color:#fff;border:1px solid rgba(0,0,0,.125)}.accordion-item:first-of-type{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.accordion-item:first-of-type .accordion-button{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.accordion-item:not(:first-of-type){border-top:0}.accordion-item:last-of-type{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.accordion-item:last-of-type .accordion-button.collapsed{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.accordion-item:last-of-type .accordion-collapse{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.accordion-body{padding:1rem 1.25rem}.accordion-flush .accordion-collapse{border-width:0}.accordion-flush .accordion-item{border-right:0;border-left:0;border-radius:0}.accordion-flush .accordion-item:first-child{border-top:0}.accordion-flush .accordion-item:last-child{border-bottom:0}.accordion-flush .accordion-item .accordion-button{border-radius:0}.pagination{display:flex;padding-left:0;list-style:none}.alert{position:relative;padding:1rem 1rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-success{color:#0f5132;background-color:#d1e7dd;border-color:#badbcc}.alert-danger{color:#842029;background-color:#f8d7da;border-color:#f5c2c7}@-webkit-keyframes progress-bar-stripes{0%{background-position-x:1rem}}@keyframes progress-bar-stripes{0%{background-position-x:1rem}}.progress{display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;background-color:#0d6efd;transition:width .6s ease}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.btn-close{box-sizing:content-box;width:1em;height:1em;padding:.25em .25em;color:#000;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;border:0;border-radius:.25rem;opacity:.5}.btn-close:hover{color:#000;text-decoration:none;opacity:.75}.btn-close:focus{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25);opacity:1}.btn-close.disabled,.btn-close:disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.25}.modal{position:fixed;top:0;left:0;z-index:1060;display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal-backdrop.fade{opacity:0}.carousel{position:relative}@-webkit-keyframes spinner-border{to{transform:rotate(360deg)}}@keyframes spinner-border{to{transform:rotate(360deg)}}@-webkit-keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.overflow-hidden{overflow:hidden!important}.d-inline{display:inline!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.position-relative{position:relative!important}.top-0{top:0!important}.bottom-0{bottom:0!important}.start-0{left:0!important}.end-0{right:0!important}.border{border:1px solid #dee2e6!important}.border-0{border:0!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.w-50{width:50%!important}.w-100{width:100%!important}.h-50{height:50%!important}.h-100{height:100%!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.align-items-start{align-items:flex-start!important}.align-items-center{align-items:center!important}.m-1{margin:.25rem!important}.m-4{margin:1.5rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-5{margin-right:3rem!important}.mb-0{margin-bottom:0!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.ms-2{margin-left:.5rem!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.pt-0{padding-top:0!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pe-3{padding-right:1rem!important}.pb-0{padding-bottom:0!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.fw-bold{font-weight:700!important}.lh-1{line-height:1!important}.text-start{text-align:left!important}.text-end{text-align:right!important}.text-center{text-align:center!important}.text-light{color:#f8f9fa!important}.text-dark{color:#212529!important}.text-white{color:#fff!important}.bg-light{background-color:#f8f9fa!important}.bg-dark{background-color:#212529!important}.rounded-1{border-radius:.2rem!important}.rounded-2{border-radius:.25rem!important}.visible{visibility:visible!important}@media (min-width:992px){.text-lg-end{text-align:right!important}}
/* swiper.css */
/**
* Swiper 10.3.1
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2023 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: September 28, 2023
*/
@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;overflow:clip;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/* style.css */
/* базові правила іконок, збережені від чистки */
.fa.fa-pull-left {
margin-right: .3em;
}
.fa.fa-pull-right {
margin-left: .3em;
}
.fa.pull-left {
margin-right: .3em;
}
.fa.pull-right {
margin-left: .3em;
}
.fa,
.fa-classic,
.fa-sharp,
.fas,
.fa-solid,
.far,
.fa-regular,
.fab,
.fa-brands {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: var(--fa-display, inline-block);
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto; }
.fas,
.fa-classic,
.fa-solid,
.far,
.fa-regular {
font-family: 'Font Awesome 6 Free'; }
.fab,
.fa-brands {
font-family: 'Font Awesome 6 Brands'; }
.fab,
.fa-brands {
font-weight: 400; }
.topbar-widget:before {
float: left;
position: relative;
font-family: "FontAwesome";
font-size: 16px;
margin-right: 10px;
}
a.btn-text:after {
font-family: FontAwesome;
content: "\f054";
padding-left: 10px;
}
a.btn-big:after {
font-family: FontAwesome;
content: "\f054";
margin-left: 20px;
}
a.btn-fx:after {
font-family: FontAwesome;
content: "\f178";
margin-left: 15px;
position: absolute;
right: -20px;
margin-top: 0px;
}
.btn-add_to_cart:before,
a.btn-add_to_cart:before {
font-family: "FontAwesome";
content: "\f07a";
position: absolute;
left: 20px;
}
.play-button:before {
font-family: "FontAwesome";
font-size: 20px;
content: "\f04b";
position: relative;
color: #fff;
}
.text-light .play-button:before {
font-family: "FontAwesome";
font-size: 20px;
content: "\f04b";
position: relative;
color: #fff;
}
.de_form input[type="radio"]+label:before {
content: "\f111";
font-family: "FontAwesome";
margin-right: 10px;
border: solid 1px #d2d2d2;
}
.de_form input[type="checkbox"]+label:before {
position: absolute;
content: '';
display: inline-block;
font-family: "FontAwesome";
margin-right: 10px;
border: solid 2px rgba(0, 0, 0, .2);
width: 16px;
height: 16px;
margin-top: 5px;
left: 0;
font-size: 11px;
padding: 1px 3px 0 3px;
line-height: 15px;
border-radius: 4px;
}
.ul-style-4 li:before {
color: #ffffff;
font-family: "FontAwesome";
content: "\f00c";
margin-right: 15px;
padding: 3px;
font-size: 12px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.btn-right:after {
font-family: FontAwesome;
content: "\f054";
padding-left: 10px;
}
.btn-left:before {
font-family: FontAwesome;
content: "\f053";
padding-right: 10px;
}
.de_testi blockquote:before {
position: absolute;
font-family: "FontAwesome";
content: "\f10e";
color: rgba(255,255,255,.05);
z-index: 100;
font-size: 84px;
background: none;
top:20px;
right:0;
padding: 20px;
z-index:-1;
}
.widget_category li:before {
font-family: "FontAwesome";
content: "\f07b";
margin-right: 10px;
}
#aside .d-nav ul li a .fa {
width: 16px;
text-align: center;
margin-right: 5px;
float:right;
}
.d-checkbox__label:after {
font-family: "FontAwesome";
content: "\f00c";
background: var(--secondary-color);
color:#ffffff;
font-size: 14px;
line-height: 16px;
text-align: center;
width: 16px;
height: 16px;
display: block;
border-radius: 2px;
overflow: hidden;
text-align: center;
opacity: 0;
transition: 0.2s opacity;
}
.nav-prev:before,
.nav-next:before,
.nav-exit:before {
font-family: "FontAwesome";
content: '\f177';
color: #fff;
padding: 20px;
font-size: 24px;
cursor: poInter;
}
.arrow-anim:before {
content: "\f107";
font-family: "FontAwesome";
font-size: 32px;
}
.sitemap.s1 li:before {
font-family: FontAwesome;
content: "\f016";
margin-right: 10px;
}
.list.s2 li:before {
font-family: FontAwesome;
content: "\f055";
margin-right: 10px;
}
.ul-check-inline li:before {
font-family: "FontAwesome";
content: "\f00c";
margin-right: 10px;
color: var(--primary-color);
border: solid 1px var(--primary-color);
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
padding: 5px;
}
.carousel-control-next-icon:after,
.carousel-control-prev-icon:after {
font-family: FontAwesome;
content: "\f104";
font-size: 32px;
color: var(--primary-color);
}
#btn-search:before {
font-family: FontAwesome;
content: "\f002";
font-size: 24px;
color: #111;
}
@import url('https://fonts.googleapis.com/css2?family=Google Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
/* ================================================== */
/* Intrio
/* created by designesia
/*
Table of content:
- import font
- import icons(font)
- variables
- body
- aside
- media query
*/
/* ============== import google fonts ============== */
/* =============== import fonts icon =============== */
/*!
* Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
/* FONT PATH
* -------------------------- */
@font-face {
font-family: 'FontAwesome';
src: url('../fonts/fontawesome4/fonts/fontawesome-webfont.eot?v=4.6.3');
src: url('../fonts/fontawesome4/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../fonts/fontawesome4/fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('../fonts/fontawesome4/fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('../fonts/fontawesome4/fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('../fonts/fontawesome4/fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-2x {
font-size: 2em;
}
/* Deprecated as of 4.4.0 */
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-star:before {
content: "\f005";
}
.fa-times:before {
content: "\f00d";
}
.fa-home:before {
content: "\f015";
}
.fa-comments:before {
content: "\f086";
}
.fa-facebook-f:before {
content: "\f09a";
}
.fa-bars:before {
content: "\f0c9";
}
.fa-caret-down:before {
content: "\f0d7";
}
.fa-caret-up:before {
content: "\f0d8";
}
.fa-instagram:before {
content: "\f16d";
}
.fa-whatsapp:before {
content: "\f232";
}
/*!
* Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
* Copyright 2023 Fonticons, Inc.
*/
.fa {
font-family: var(--fa-style-family, "Font Awesome 6 Free");
font-weight: var(--fa-style, 900); }
.fa,
.fas,
.fa-solid,
.fa-brands {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: var(--fa-display, inline-block);
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto; }
.fas,
.fa-solid {
font-family: 'Font Awesome 6 Free'; }
.fa-brands {
font-family: 'Font Awesome 6 Brands'; }
.fa-2x {
font-size: 2em; }
@-webkit-keyframes fa-beat {
0%, 90% {
-webkit-transform: scale(1);
transform: scale(1); }
45% {
-webkit-transform: scale(var(--fa-beat-scale, 1.25));
transform: scale(var(--fa-beat-scale, 1.25)); } }
@keyframes fa-beat {
0%, 90% {
-webkit-transform: scale(1);
transform: scale(1); }
45% {
-webkit-transform: scale(var(--fa-beat-scale, 1.25));
transform: scale(var(--fa-beat-scale, 1.25)); } }
@-webkit-keyframes fa-bounce {
0% {
-webkit-transform: scale(1, 1) translateY(0);
transform: scale(1, 1) translateY(0); }
10% {
-webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); }
30% {
-webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); }
50% {
-webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); }
57% {
-webkit-transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); }
64% {
-webkit-transform: scale(1, 1) translateY(0);
transform: scale(1, 1) translateY(0); }
100% {
-webkit-transform: scale(1, 1) translateY(0);
transform: scale(1, 1) translateY(0); } }
@keyframes fa-bounce {
0% {
-webkit-transform: scale(1, 1) translateY(0);
transform: scale(1, 1) translateY(0); }
10% {
-webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); }
30% {
-webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); }
50% {
-webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); }
57% {
-webkit-transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); }
64% {
-webkit-transform: scale(1, 1) translateY(0);
transform: scale(1, 1) translateY(0); }
100% {
-webkit-transform: scale(1, 1) translateY(0);
transform: scale(1, 1) translateY(0); } }
@-webkit-keyframes fa-fade {
50% {
opacity: var(--fa-fade-opacity, 0.4); } }
@keyframes fa-fade {
50% {
opacity: var(--fa-fade-opacity, 0.4); } }
@-webkit-keyframes fa-beat-fade {
0%, 100% {
opacity: var(--fa-beat-fade-opacity, 0.4);
-webkit-transform: scale(1);
transform: scale(1); }
50% {
opacity: 1;
-webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
transform: scale(var(--fa-beat-fade-scale, 1.125)); } }
@keyframes fa-beat-fade {
0%, 100% {
opacity: var(--fa-beat-fade-opacity, 0.4);
-webkit-transform: scale(1);
transform: scale(1); }
50% {
opacity: 1;
-webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
transform: scale(var(--fa-beat-fade-scale, 1.125)); } }
@-webkit-keyframes fa-flip {
50% {
-webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } }
@keyframes fa-flip {
50% {
-webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } }
@-webkit-keyframes fa-shake {
0% {
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg); }
4% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg); }
8%, 24% {
-webkit-transform: rotate(-18deg);
transform: rotate(-18deg); }
12%, 28% {
-webkit-transform: rotate(18deg);
transform: rotate(18deg); }
16% {
-webkit-transform: rotate(-22deg);
transform: rotate(-22deg); }
20% {
-webkit-transform: rotate(22deg);
transform: rotate(22deg); }
32% {
-webkit-transform: rotate(-12deg);
transform: rotate(-12deg); }
36% {
-webkit-transform: rotate(12deg);
transform: rotate(12deg); }
40%, 100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); } }
@keyframes fa-shake {
0% {
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg); }
4% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg); }
8%, 24% {
-webkit-transform: rotate(-18deg);
transform: rotate(-18deg); }
12%, 28% {
-webkit-transform: rotate(18deg);
transform: rotate(18deg); }
16% {
-webkit-transform: rotate(-22deg);
transform: rotate(-22deg); }
20% {
-webkit-transform: rotate(22deg);
transform: rotate(22deg); }
32% {
-webkit-transform: rotate(-12deg);
transform: rotate(-12deg); }
36% {
-webkit-transform: rotate(12deg);
transform: rotate(12deg); }
40%, 100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); } }
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-comments::before {
content: "\f086"; }
.fa-pencil-ruler::before {
content: "\f5ae"; }
.fa-bars::before {
content: "\f0c9"; }
.fa-lightbulb::before {
content: "\f0eb"; }
.fa-star::before {
content: "\f005"; }
.fa-caret-up::before {
content: "\f0d8"; }
.fa-palette::before {
content: "\f53f"; }
.fa-couch::before {
content: "\f4b8"; }
.fa-tools::before {
content: "\f7d9"; }
.fa-caret-down::before {
content: "\f0d7"; }
.fa-home::before {
content: "\f015"; }
.fa-times::before {
content: "\f00d"; }
.fa-ruler-combined::before {
content: "\f546"; }
.fa-store::before {
content: "\f54e"; }
/*!
* Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
* Copyright 2023 Fonticons, Inc.
*/
:root {
--fa-style-family-brands: 'Font Awesome 6 Brands';
--fa-font-brands: normal 400 1em/1 'Font Awesome 6 Brands'; }
@font-face {
font-family: 'Font Awesome 6 Brands';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../fonts/fontawesome6/webfonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fontawesome6/webfonts/fa-brands-400.ttf") format("truetype"); }
.fa-brands {
font-weight: 400; }
.fa-facebook-f:before {
content: "\f39e"; }
.fa-viber:before {
content: "\f409"; }
.fa-instagram:before {
content: "\f16d"; }
.fa-whatsapp:before {
content: "\f232"; }
/*!
* Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
* Copyright 2023 Fonticons, Inc.
*/
:root {
--fa-style-family-classic: 'Font Awesome 6 Free';
--fa-font-solid: normal 900 1em/1 'Font Awesome 6 Free'; }
@font-face {
font-family: 'Font Awesome 6 Free';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url("../fonts/fontawesome6/webfonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fontawesome6/webfonts/fa-solid-900.ttf") format("truetype"); }
.fas,
.fa-solid {
font-weight: 900; }
@font-face {
font-family: 'ElegantIcons';
src:url('../fonts/elegant_font/HTML_CSS/fonts/ElegantIcons.eot');
src:url('../fonts/elegant_font/HTML_CSS/fonts/ElegantIcons.eot?#iefix') format('embedded-opentype'),
url('../fonts/elegant_font/HTML_CSS/fonts/ElegantIcons.woff') format('woff'),
url('../fonts/elegant_font/HTML_CSS/fonts/ElegantIcons.ttf') format('truetype'),
url('../fonts/elegant_font/HTML_CSS/fonts/ElegantIcons.svg#ElegantIcons') format('svg');
font-weight: normal;
font-style: normal;
}
/* Use the following CSS code if you want to use data attributes for inserting your icons */
/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="your-class-prefix"] {
*/
.centered {
margin-left: auto;
margin-right: auto;
}
@font-face {
font-family: 'et-line';
src:url('../fonts/et-line-font/fonts/et-line.eot');
src:url('../fonts/et-line-font/fonts/et-line.eot?#iefix') format('embedded-opentype'),
url('../fonts/et-line-font/fonts/et-line.woff') format('woff'),
url('../fonts/et-line-font/fonts/et-line.ttf') format('truetype'),
url('../fonts/et-line-font/fonts/et-line.svg#et-line') format('svg');
font-weight: normal;
font-style: normal;
}
/* Use the following CSS code if you want to use data attributes for inserting your icons */
/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
/*!
* @package IcoFont
* @version 1.0.1
* @author IcoFont https://icofont.com
* @copyright Copyright (c) 2015 - 2018 IcoFont
* @license - https://icofont.com/license/
*/@font-face{font-family:IcoFont;font-weight:400;font-style:Regular;src:url(../fonts/icofont/fonts/icofont.woff2) format("woff2"),url(../fonts/icofont/fonts/icofont.woff) format("woff")}[class*=" icofont-"],[class^=icofont-]{font-family:IcoFont!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;line-height:1;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.icofont-simple-down:before{content:"\eab2"}.icofont-ui-calendar:before{content:"\ec45"}.icofont-clock-time:before{content:"\eedc"}.icofont-envelope:before{content:"\ef14"}.icofont-location-pin:before{content:"\ef79"}.icofont-phone:before{content:"\efbb"}.icofont-star:before{content:"\f000"}@-webkit-keyframes icofont-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes icofont-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
/* =============== css variables =============== */
* {
/* body font */
--body-font: "Google Sans", Helvetica, Arial, sans-serif;
--body-font-size: 16px;
--body-font-color: rgba(52, 31, 22, .75);
--body-font-color-bg-dark: rgba(255, 255, 255, .8);
--body-font-weight: 400;
--body-font-letter-spacing: -0.16px;
--body-font-line-height: 30px;
/* heading font */
--heading-font: "Google Sans", Helvetica, Arial, sans-serif;
--heading-font-weight: 400;
--heading-font-color: #341F16;
--heading-font-color-bg-dark: #ffffff;
--heading-text-transform: uppercase;
/* alternatif font */
--alt-font-1: "Google Sans", Helvetica, Arial, sans-serif;
/* h1 */
--h1-font-family: var(--heading-font);
--h1-font-size: 96px;
--h1-font-weight: var(--heading-font-weight);
--h1-letter-spacing: -0.02em;
--h1-line-height: .85em;
--h1-margin-bottom: 20px;
/* h2 */
--h2-font-family: var(--heading-font);
--h2-font-size: 48px;
--h2-font-weight: var(--heading-font-weight);
--h2-letter-spacing: -0.96px;
--h2-line-height: 1em;
--h2-margin-bottom: 25px;
/* h3 */
--h3-font-family: var(--heading-font);
--h3-font-size: 26px;
--h3-font-weight: var(--heading-font-weight);
--h3-letter-spacing: -0.4px;
--h3-line-height: 1.5em;
--h3-margin-bottom: 10px;
/* h4 */
--h4-font-family: var(--heading-font);
--h4-font-size: 20px;
--h4-font-weight: var(--heading-font-weight);
--h4-letter-spacing: -0.2px;
--h4-line-height: 1.6em;
--h4-margin-bottom: 10px;
/* h5 */
--h5-font-family: var(--heading-font);
--h5-font-size: 18px;
--h5-font-weight: var(--heading-font-weight);
--h5-letter-spacing: 0;
--h5-line-height: 1.6em;
--h5-margin-bottom: 10px;
/* h6 */
--h6-font-family: var(--heading-font);
--h6-font-size: 16px;
--h6-font-weight: var(--heading-font-weight);
--h6-letter-spacing: 0;
--h6-line-height: 1.6em;
--h6-margin-bottom: 10px;
/* mainmenu */
--mainmenu-font: var(--body-font);
--mainmenu-font-size: 15px;
--mainmenu-font-weight: 400;
--mainmenu-letter-spacing: 0;
--mainmenu-text-transform: uppercase;
/* subheader */
--subheader-title-font-size: 60px;
--subheader-title-text-transform: none;
/* header logo */
--logo-width: 130px;
--logo-footer-width: 150px;
/* misc */
--border-default: solid 1px rgba(30, 30, 30, 1);
--bg-default: #F0EBE5;
--bg-light: #f7f5f3;
--bg-dark-1: #34241C;
--bg-dark-2: #433027;
--bg-dark-3: #524036;
--bg-dark-1-rgb: 52, 36, 28;
--bg-grey: #eeeeee;
--bg-gradient-1: 0deg, rgba(var(--primary-color-rgb), .1) 0%, rgba(var(--secondary-color-rgb), .2) 100%;
--bg-color-even: #E8E8E8;
--bg-color-odd: #F4F4F4;
--swiper-theme-color: var(--secondary-color);
--rounded-1: 0px;
--border-color:#bbbbbb;
--container-max-width:1240px;
/* button */
--btn-color: #ffffff;
--btn-hover-color: #fff;
--btn-hover-bg: var(--primary-color);
--btn-font-family: var(--body-font);
--btn-font-size: 15px;
--btn-font-weight: bold;
--btn-letter-spacing: 0;
--btn-padding: 4px 30px;
--btn-rounded: 0;
--btn-text-decoration: none;
--btn-text-transform: uppercase;
/* subtitle */
--subtitle-font:var(--heading-font);
--subtitle-font-size:18px;
--subtitle-font-weight: 500;
--subtitle-color: var(--body-font-color);
--subtitle-color-dark:#ffffff;
--subtitle-letter-spacing:0px;
--subtitle-text-transform: uppercase;
--subtitle-padding:0;
--subtitle-background: none;
--subtitle-background-dark: none;
--subtitle-rounded: 30px;
--subtitle-margin-bottom: 20px;
--text-circle-width: 350px;
--text-circle-speed: 10s;
/* breadcrumb */
--breadcrumb-font-size:16px;
--breadcrumb-font-weight:600;
--breadcrumb-separator-color:#fff;
--breadcrumb-separator-font-size:10px;
/* text circle */
--text-circle-width: 350px;
--text-circle-speed: 10s;
/* footer */
--footer-background-color: var(--bg-dark-1);
}
/* base background color */
.bg-light{background: var(--bg-light) !important}
.bg-dark,.bg-dark-1{background-color: var(--bg-dark-1) !important}
/* base color */
.id-color, a.id-color{color:var(--primary-color)}
.rounded-1{
border-radius: var(--rounded-1) !important;
-moz-border-radius: var(--rounded-1) !important;
-webkit-border-radius: var(--rounded-1) !important;
}
/* Top Left */
/* Top Right */
/* Bottom Left */
/* Bottom Right */
/* alt font */
/* =============== body =============== */
html {
background: var(--bg-default);
overflow-x: hidden;
padding: 0;
margin: 0;
}
body {
background: var(--bg-default);
overflow: hidden;
font-family: var(--body-font);
font-size: var(--body-font-size);
font-weight: var(--body-font-weight);;
color: var(--body-font-color);
padding: 0;
letter-spacing: var(--body-font-letter-spacing);
line-height: var(--body-font-line-height); ;
word-spacing: 0px;
}
body.dark-scheme {
color: var(--body-font-color-bg-dark);
background: var(--bg-dark-1);
}
a,
a:hover {
color:var(--body-font-color);
text-decoration: none;
outline: none;
}
.dark-scheme a,
.dark-scheme a:hover,
.text-light a,
.text-light a:hover {
color:var(--body-font-color-bg-dark);
text-decoration: none;
outline: none;
}
/* =============== header =============== */
header {
width: 100%;
position: absolute;
left: 0;
z-index: 1001;
background: var(--bg-dark-1);
margin: 0;
}
header.transparent {
background: none;
}
header.autoshow {
top: -120px;
height: 70px !important;
}
header.autoshow.scrollOn,
header.autoshow.scrollOff {
-o-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
outline: none;
}
header.autoshow.scrollOn {
top: 0;
}
header.autoshow.scrollOff {
opacity: ;
top: -120px;
}
header div#logo {
color: white;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header .logo-scroll {
display: none;
}
header .logo {
font-family: var(--body-font);
color: #fff;
font-size: 40px;
font-weight: 300;
}
header nav a {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header nav a:hover {
color: #555;
}
header.smaller #mainmenu ul ul {
top: 0px;
}
header.smaller {
position: fixed;
top: 0px;
background: var(--bg-dark-1);
-webkit-backdrop-filter: blur(10px);
-o-backdrop-filter: blur(10px);
-moz-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border: none;
}
.scroll-down {
margin-top: -90px;
}
header.smaller div#logo {}
header.smaller #topbar {
margin-top:-42px;
overflow: hidden;
}
header .logo-mobile {
display: none;
}
header.smaller.scroll-light #mainmenu li.has-child:after {
color: var(--heading-font-color);
}
.logo-smaller div#logo {
width: 150px;
height: 30px;
line-height: 65px;
font-size: 30px;
}
.logo-smaller div#logo img {
font-size: 30px;
}
.logo-main,
div#logo img{
max-width: var(--logo-width);
}
/* left col header */
/* middle col header */
/* subheader */
.de-overlay{
position: absolute;
width: 100%;
height: 100%;
top:0;
left: 0;
background: rgba(var(--bg-dark-1-rgb), .35);
}
.de-overlay-gradient{
position: absolute;
width: 100%;
height: 100%;
top:0;
left: 0;
background: linear-gradient(45deg, rgba(var(--primary-color-rgb),.8), rgba(var(--secondary-color-rgb),.8));
}
.de-overlay-gradient-2{
position: absolute;
width: 100%;
height: 100%;
top:0;
left: 0;
background: linear-gradient(45deg, rgba(var(--primary-color-rgb),.8) 0%, rgba(var(--secondary-color-rgb),0) 100%);
}
.crumb {
font-size: 13px;
}
.crumb {
display: inline-block;
padding: 3px 10px;
margin-top: 20px;
line-height: 1.2em;
border-radius:30px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
}
.text-light .crumb a{
color:rgba(255, 255, 255, 1.0);
}
.text-light .crumb {
color: #fff;
}
/* =============== mainmenu =============== */
#mainmenu {
font-size: 13px;
margin: 0 auto;
padding: 0;
float: none;
counter-reset: my-awesome-counter;
}
#mainmenu ul {
margin: 0px 0px;
padding: 0px;
height: 30px;
background: #ffffff;
color: var(--body-font-color);
}
#mainmenu ul:not(.mega) {
border: solid 1px #dddddd;
}
.dark-scheme #mainmenu ul {
background: var(--bg-dark-1);
border: solid 1px rgba(255, 255, 255, .1);
}
#mainmenu li {
margin: 0px 0px;
padding: 0px 0px;
float: left;
display: inline;
list-style: none;
position: relative;
}
#mainmenu>li {
margin-right: 30px;
}
#mainmenu>li:last-child{
margin-right: 0;
}
#mainmenu>li {
counter-increment: my-awesome-counter;
}
#mainmenu li a.new:before{
content:"NEW";
font-size: 12px;
padding: 1px 4px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
margin-right: 5px;
color:#ffffff;
background: var(--primary-color);
}
/* add number to menu
#mainmenu>li::before {
content: counter(my-awesome-counter) ' —';
right: 8px;
top: 5px;
color:var(--secondary-color);
margin-right: 5px;
font-weight: 500;
font-family: var(--heading-font);
}
*/
header.smaller #mainmenu>li::before{
transform: scale(0);
}
#mainmenu>li.has-child:after {
font-family: FontAwesome;
content: "\f078";
padding-left: 5px;
font-size: 8px;
position: relative;
top: -2px;
color:rgba(255, 255, 255, .75);
}
.rtl #mainmenu li.has-child:after {
padding-left: 15px;
}
.header-light #mainmenu li.has-child:after {
color: rgba(0, 0, 0, .5);
}
#mainmenu >li>a {
padding-right: 6px;
font-family: var(--mainmenu-font);
font-size: var(--mainmenu-font-size);
font-weight: var(--mainmenu-font-weight);
text-transform: var(--mainmenu-text-transform);
letter-spacing: var(--mainmenu-letter-spacing);
}
#mainmenu li.has-child>a {
padding-right: 0px;
}
#mainmenu a {
position: relative;
display: inline-block;
padding-top: 25px;
padding-bottom: 25px;
text-decoration: none;
color: #ffffff;
text-align: center;
outline: none;
}
#mainmenu p {
line-height: 1.8em;
margin-bottom: 0;
}
#mainmenu a span:not(.badge) {
position: relative;
width: 0%;
color: #ffffff;
display: block;
font-size: 10px;
text-transform: uppercase;
line-height: 14px;
border-bottom: solid 2px #ffffff;
}
#mainmenu li:hover a span:not(.badge) {
width: 100%;
}
#mainmenu li li a span:not(.badge) {
float: right;
margin-top: 5px;
}
#mainmenu a.active span:not(.badge) {
width: 100%;
margin-left: 0%;
}
#mainmenu li li {
font-family: var(--body-font);
font-size: 14px;
}
#mainmenu li li:last-child {
border-bottom: none;
}
#mainmenu li li a {
padding: 5px 15px;
border-top: none;
color: #606060;
width: 100%;
border-left: none;
text-align: left;
font-weight: normal;
border-bottom: solid 1px rgba(255, 255, 255, .1);
letter-spacing: 0;
}
#mainmenu li:last-child>a {
border-bottom: none;
}
.dark-scheme #mainmenu li li a {
color: #ffffff;
}
.rtl #mainmenu li li a {
text-align: right;
}
#mainmenu li li a:hover {
color: #111;
}
#mainmenu li li a:after {
content: none;
}
#mainmenu li li a:hover,
#mainmenu ul li:hover>a {
background: var(--primary-color);
color: var(--btn-hover-color);
}
#mainmenu li a.active{
color:var(--primary-color) !important;
}
#mainmenu li ul {
width: 190px;
height: auto;
position: absolute;
left: 0px;
z-index: 10;
visibility: hidden;
opacity: 0;
border-radius: 3px;
}
#mainmenu ul li b {
background: #333;
color: #ffffff;
padding: 0 3px;
padding-bottom: 3px;
font-size: 10px;
margin-right: 3px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
#mainmenu li li {
font-size: 14px;
display: block;
float: none;
text-transform: none;
}
#mainmenu li:hover>ul {
visibility: visible;
opacity: 1;
margin-top: 0px;
}
#mainmenu li ul ul:not(.ul-list) {
top: 0px;
margin-left: 188px;
}
#mainmenu select {
padding: 10px;
height: 36px;
font-size: 14px;
border: none;
background: #ff4200;
color: #eceff3;
}
#mainmenu select option {
padding: 10px;
}
#mainmenu>li ul.mega {
position: fixed;
left: 0;
height: 0%;
width: 100%;
visibility: hidden;
opacity: 0;
overflow: hidden;
padding: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: none;
}
#mainmenu>li ul.mega .sb-menu {
background: #fff;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border: solid 1px #dddddd;
}
#mainmenu>li ul.mega .sb-menu ul {
padding: 0;
margin: 0;
opacity: 1;
}
.dark-scheme #mainmenu>li ul.mega .sb-menu {
background: var(--bg-dark-1);
border-color: rgba(255, 255, 255, .1);
}
#mainmenu li:hover ul.mega {
visibility: visible;
opacity: 1;
}
#mainmenu li ul.mega>li,
#mainmenu li ul.mega>li a {
width: 100%;
}
#mainmenu li ul.mega li.title {
padding: 0px 10px 15px 10px;
text-align: left;
color: #fff;
font-weight: bold;
}
#mainmenu li ul.mega>li ul {
position: static;
visibility: visible;
opacity: 1;
left: 0;
float: none;
width: 100%;
}
#mainmenu ul.mega>li ul li {
margin: 0;
padding: 0;
}
#mainmenu ul.mega>li ul li:last-child {
border-bottom: none;
}
#mainmenu li ul.mega li.title {
font-family: var(--main-font);
padding: 0px;
text-align: left;
font-weight: bold;
color: #586383;
}
#mainmenu ul.mega>li ul {
border: none;
}
#mainmenu li ul.mega ul li a {
background: none;
padding: 2px 0;
}
#mainmenu li ul.mega ul li a:hover {
color: #35404e;
}
header.header-mobile #mainmenu>li ul.mega {
visibility: visible;
opacity: 1;
}
header:not(.header-mobile) #mainmenu>li:hover ul.mega {
height: auto;
}
/* menu toggle for mobile */
#menu-btn {
line-height: 1.5em;
display: none;
float: right;
width: 32px;
height: 32px;
padding: 4px;
text-align: center;
cursor: poInter;
color: #fff;
margin-top: 0px;
margin-left: 20px;
}
#menu-btn:before {
font-family: FontAwesome;
content: "\f0c9";
font-size: 20px;
}
#menu-btn.menu-open:before{
content: "\f068";
}
.rtl #menu-btn {
float: left;
}
#btn-extra{
position: relative;
margin-left: 20px;
width: 24px;
height: 12px;
cursor: pointer;
}
#btn-extra span{
content: '';
display: block;
position: absolute;
top: 0;
width: 100%;
border-bottom: solid 2px #ffffff;
}
#btn-extra.img{
width: 32px;
height: 32px;
}
#btn-extra img{
width: 100%;
}
#btn-extra span:nth-child(2){
top:auto;
bottom: 0;
right: 0;
}
#btn-extra:hover span{
width: 70%;
}
#extra-wrap{
position: fixed;
z-index: 1002;
top:0;
right: -500px;
width: 500px;
height: 100%;
overflow: hidden;
background: rgba(var(255,255,255), .85);
-webkit-backdrop-filter: blur(10px);
-o-backdrop-filter: blur(10px);
-moz-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
#extra-wrap.dark{
background: rgba(var(--bg-dark-1-rgb), .85) !important;
}
#extra-wrap.open{
right: 0;
}
#extra-content{
padding: 50px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: -17px;
overflow-y: scroll;
}
#btn-close{
top: 50px;
right: 50px;
position: absolute;
z-index: 1001;
width: 26px;
height: 26px;
cursor: pointer;
}
#btn-close span{
content: '';
display: block;
position: absolute;
top: 50%;
width: 100%;
height: 2px;
background: #000000;
transform: rotate(45deg);
}
#extra-wrap.dark #btn-close span{
background:#ffffff;
}
#btn-close span:nth-child(2){
transform: rotate(-45deg);
}
/* =============== header-side begin =============== */
#header-side{
width: 20%;
position: fixed;
top:0;
left: 0;
z-index: 1000;
}
#header-side #mainmenu-v,
#header-side #mainmenu-v ul,
#header-side #mainmenu-v li{
list-style: none;
padding: 0;
margin: 0;
}
#header-side #mainmenu-v{
margin-bottom: 30px;
line-height: 1.7em;
}
#header-side #mainmenu-v li{
font-size: var(--header-side-menu-font-size);
font-weight: var(--header-side-menu-font-weight);
position: relative;
}
#header-side #mainmenu-v a{
color:#ffffff;
display: block;
}
#header-side #mainmenu-v a.active{
background: var(--primary-color);
padding: 0 5px;
color:var(--heading-font-color);
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
font-weight: 600;
}
#header-side #mainmenu-v ul > li a{
font-size: var(--header-side-submenu-font-size);
font-weight: var(--header-side-submenu-font-weight);
padding: 2px 10px;
}
#header-side #mainmenu-v ul > li a:hover{
background: var(--primary-color);
}
#header-side #mainmenu-v ul{
position: absolute;
transform: scale(0);
transform-origin: top left;
top:0;
left: 100px;
width: 200px;
background: var(--bg-dark-1);
visibility: hidden;
z-index: 2;
opacity: 0;
}
#header-side #mainmenu-v li:hover ul{
transform: scale(1);
visibility: visible;
opacity: 1;
}
#header-side .d-separator{
width: 30px;
height: 2px;
background: var(--primary-color);
margin-bottom: 30px;
}
#header-side #menu-v{
line-height: 1.7em;
}
#header-side #menu-v,
#header-side #menu-v li{
list-style: none;
margin: 0;
padding: 0;
}
#header-side #menu-v a{
color:#ffffff;
display: block;
font-size: var(--header-side-menu-font-size);
font-weight: var(--header-side-menu-font-weight);
}
#header-side #menu-v a span{
opacity: 0;
padding: 0 5px;
background: var(--primary-color);
color:var(--heading-font-color);
margin-left: 10px;
font-size: 14px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
font-weight: bold;
}
#header-side #menu-v a:hover span{
opacity:1;
}
#btn-view,
#btn-s-menu{
cursor: pointer;
width: 36px;
height: 36px;
background-image: url(../images/svg/view-on.svg);
background-color:var(--primary-color);
background-repeat: no-repeat;
background-position: center;
background-size: 30px 30px !important;
border-radius:30px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
}
#btn-view.click{
background-image: url(../images/svg/view-off.svg) !important;
}
#btn-s-menu{
display: none !important;
background: url(../images/svg/menu.svg) rgba(255, 255, 255, .2) center;
}
#btn-s-menu.click{
background: url(../images/svg/close.svg) rgba(255, 255, 255, .2) center;
}
.d-hide{
opacity: 0 !important;
}
.d-show{
opacity: 1;
}
/* =============== header-side end =============== */
/* =============== content =============== */
#content {
width: 100%;
background: var(--bg-default);
padding: 90px 0 90px 0;
z-index: 100;
}
.dark-scheme #content {
background: var(--bg-dark-1);
}
.dark-scheme #content {
background: var(--bg-dark-1);
}
/* =============== section =============== */
section {
padding: 100px 0 100px 0;
}
section:not(.relative) {}
section.no-bg,
#content.no-bg {
background: none !important;
}
.dark-scheme section {
background: var(--bg-dark-1);
}
.no-bg {
background: none !important;
}
/* =============== footer =============== */
footer {
position: relative;
color: var(--body-font-color-bg-dark);
background: var(--footer-background-color);
padding: 100px 0 0 0;
}
footer p {
line-height: 1.8em;
}
.dark-scheme footer a {
color: var(--body-font-color-bg-dark);
}
footer h3{
color: #fff;
}
footer a {
color: var(--body-font-color-bg-dark);
text-decoration: none !important;
}
.subfooter {
margin-top: 50px;
border-top: solid 1px rgba(255, 255, 255, .1);
padding: 20px 0 20px 0;
}
header.header-mobile {
position: fixed !important;
background: var(--heading-font-color);
top: 0;
padding-bottom: 10px;
}
header.header-mobile .container {
max-width: 100% !important;
padding-left: 20px;
padding-right: 20px;
}
.dark-scheme header.header-mobile {
background: var(--bg-dark-1);
}
header.header-mobile.has-topbar .header-row,
header.header-mobile.has-topbar .header-col {
margin-top: 10px;
}
header.header-mobile nav {
float: none;
}
header.header-mobile .logo {
display: none;
}
header.header-mobile #mainmenu ul {
padding: 0;
}
/* topbar start here */
#topbar {
z-index: 1000;
width: 100%;
overflow: hidden;
top: 0;
background: var(--bg-dark-3);
}
#topbar a {
text-decoration: none;
}
#topbar.text-light a {
color: #ffffff;
}
/* topbar left content */
/* topbar widget */
/* topbar end here */
/* =============== blog =============== */
/* blog list */
/* blog comment */
#blog-comment {
margin-top: 40px;
}
#blog-comment ul,
#blog-comment li {
list-style: none;
margin-left: -40px;
padding-left: 0;
}
.rtl #blog-comment li {
margin-right: -30px;
}
.rtl #blog-comment li li {
margin-right: 40px;
}
#blog-comment li {
min-height: 70px;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: solid 1px #ccc;
}
.dark-scheme #blog-comment li {
border-bottom-color: rgba(255, 255, 255, .1);
}
#blog-comment li .avatar {
position: absolute;
margin-top: 5px;
}
#blog-comment li .avatar img{
width: 70px;
border-radius:var(--rounded-1);
-moz-border-radius:var(--rounded-1);
-webkit-border-radius:var(--rounded-1);
}
#blog-comment .comment {
margin-left: 85px;
}
.rtl #blog-comment .comment {
margin-left: 0;
margin-right: 85px;
}
#blog-comment li {
min-height: 70px;
font-size: 15px;
line-height: 1.6em;
}
#blog-comment li li {
margin-left: 55px;
padding-bottom: 0px;
margin-top: 20px;
padding-top: 20px;
border-top: solid 1px #ccc;
border-bottom: none;
}
.dark-scheme #blog-comment li li {
border-top-color: rgba(255, 255, 255, .1);
}
#blog-comment li li .avatar {
position: absolute;
}
#blog-comment li li .comment {}
.comment-info {
margin-left: 85px;
margin-bottom: 5px;
}
.rtl .comment-info {
margin-left: 0;
margin-right: 85px;
}
.comment-info span {}
.comment-info .c_name {
display: block;
font-weight: 700;
color: #555555;
}
.dark-scheme .comment-info .c_name {
color: #ffffff;
}
.comment-info .c_reply {
padding-left: 20px;
margin-left: 20px;
border-left: solid 1px #ddd;
font-size: 12px;
}
.dark-scheme .comment-info .c_reply {
border-left-color: rgba(255, 255, 255, .2);
}
.comment-info .c_date {
font-size: 12px;
}
.blog-read h4 {
color: #333;
letter-spacing: normal;
font-size: 24px;
text-transform: none;
}
.blog-read img {
margin-bottom: 20px;
}
/* blog comment form */
.blog-slide {
padding: 0;
margin: 0;
}
/* =============== ratings =============== */
/* =============== contact form =============== */
.error {
display: none;
margin-top: 30px;
color: #e7505a;
clear: both;
padding-top: 20px;
padding: 20px;
background: rgba(231, 80, 90, .1);
border: solid 1px #e7505a;
}
.success {
display: none;
color: #96c346;
margin-top: 30px;
clear: both;
padding-top: 20px;
padding: 20px;
background: rgba(150, 195, 70, .1);
border: solid 1px #96c346;
}
.error img {
vertical-align: top;
}
#success_message{
display: none;
}
#contact_form input[type=checkbox] {
position: relative;
border: solid 1px var(--primary-color);
background: none;
cursor: pointer;
line-height: 0;
margin: 4px .6em 0 0;
outline: 0;
padding: 0 !important;
vertical-align: text-top;
height: 15px;
width: 15px;
-webkit-appearance: none;
opacity: .5;
}
.form-control {
padding: 10px;
border: solid 1px rgba(0,0,0,0.05);
background: rgba(0,0,0,.025);
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
}
.text-light .form-control{
color: #ffffff;
border: solid 1px rgba(255,255,255,0.2);
background: rgba(255,255,255,.025);
}
#contact_form input[type=checkbox]:checked{
background: var(--primary-color);
opacity: 1;
}
.text-light ::placeholder {
color: #ffffff;
opacity: 1; /* Firefox */
}
.text-light::-ms-input-placeholder { /* Edge 12 -18 */
color: #ffffff;
}
.form-border select {
background: url("data:image/svg+xml;utf8,") right 5px center no-repeat !important;
}
.rtl .form-border select {
background: none !important;
padding-left: 20px;
}
.error_input {
border-bottom: solid 1px #ff0000 !important;
}
.arrow-up,
.arrow-down {
width: 0;
height: 0;
border-left: 40px solid transparent;
border-right: 40px solid transparent;
border-bottom: 40px solid #fff;
position: fixed;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
bottom: 0;
cursor: poInter;
z-index: 101;
}
.arrow-down {
border-top: 40px solid #fff;
border-bottom: none;
position: fixed;
z-index: 102;
top: -40px;
}
.arrow-up:before {
font-family: "FontAwesome";
font-size: 20px;
content: "\f067";
color: #222;
position: relative;
top: 12px;
margin: 0 0 0 -8px;
}
.arrow-down:before {
font-family: "FontAwesome";
font-size: 20px;
content: "\f068";
color: #222;
position: relative;
top: -35px;
margin: 0 0 0 -8px;
}
/* =============== elements =============== */
/* border */
/* breadcrumb */
.crumb {
color: #777;
margin: 0;
padding: 0;
font-size: var(--breadcrumb-font-size);
font-weight: var(--breadcrumb-font-weight);
}
.crumb{
padding-top: 10px;
margin-bottom: -50px;
}
.crumb li {
display: inline;
text-decoration: none;
letter-spacing: 0;
}
.crumb li:after {
color: var(--breadcrumb-separator-color);
font-family: "FontAwesome";
content:"\f054";
font-size: var(--breadcrumb-separator-font-size);;
margin: 0 10px 0 10px;
}
.crumb li:last-child:after {
display: none;
}
.crumb a {
opacity: .6;
text-decoration: none;
}
.crumb a:hover{
opacity: 1;
}
.crumb li .active {
font-weight: bold;
}
/* button and link */
a {
text-decoration: none;
}
a.btn,
.btn {
position: relative;
z-index: 1;
overflow: hidden;
}
a.btn:before {
content: "";
background: rgba(0, 0, 0, 0);
width: 0;
height: 100%;
position: absolute;
z-index: -1;
}
a.btn-fx.light:hover:before {
width: 100%;
background: rgba(255, 255, 255, 1);
}
a.btn-main:hover,
.btn-main:hover {
color: var(--btn-hover-color);
background: var(--btn-hover-bg);
}
a.btn-main,
a.btn-main:active,
a.btn-main:focus,
a.btn-main:visited,
.btn-main,
input[type=button].btn-main,
#mainmenu li ul.mega a.btn-main {
background: var(--primary-color);
color: var(--btn-color);
font-family: var(--btn-font-family);
font-size: var(--btn-font-size);
font-weight: var(--btn-font-weight);
letter-spacing: var(--btn-letter-spacing);
padding: var(--btn-padding);
text-decoration: var(--btn-text-decoration);
text-transform: var(--btn-text-transform);
border-radius: var(--btn-rounded);
-moz-border-radius: var(--btn-rounded);
-webkit-border-radius: var(--btn-rounded);
border: none;
position: relative;
display: inline-block;
text-align: center;
outline: 0;
}
a.btn-main.arrow span:after{
content: '→';
margin-left: 10px;
}
a.btn-main.fx-slide{
overflow: hidden;
}
a.btn-main.fx-slide span{
display: block;
position: relative;
transition: all .3s ease-in-out;
}
a.btn-main.fx-slide:hover span{
transform: translate(0, 40px);
opacity: 0;
}
a.btn-main.fx-slide:hover:before {
opacity: 1;
transform: translate(0, 0);
}
a.btn-main.fx-slide:before {
content: attr(data-hover);
position: absolute;
left: 0;
width: 100%;
opacity: 0;
transform: translate(0, -100%);
transition: all 0.3s ease-in-out;
}
a.btn-main.btn-trans.light{
background: rgba(255, 255, 255, .25);
}
a.btn-border.light {
border: solid 1px #ffffff;
color: #ffffff;
}
a.btn-border.light:hover {
background: #ffffff;
}
/* divider */
.spacer-single {
width: 100%;
height: 30px;
display: block;
clear: both;
}
.spacer-double {
width: 100%;
height: 60px;
display: block;
clear: both;
}
.spacer-half {
width: 100%;
height: 15px;
display: block;
clear: both;
}
.spacer-20 {
width: 100%;
height: 20px;
display: block;
clear: both;
}
.spacer-30-line{
border-bottom: solid 1px rgba(0, 0, 0, .3);
margin-top: 30px;
margin-bottom: 30px;
}
.text-light .spacer-30-line{
border-bottom: solid 1px rgba(255, 255, 255, .3);
margin-top: 30px;
margin-bottom: 30px;
}
/* dropcap */
/* form */
.form-border input[type=text],
.form-border textarea,
.form-border input[type=email],
.form-border input[type=password],
.form-border input[type=date],
.form-border select {
padding: 8px;
margin-bottom: 10px;
border: none;
border: solid 2px #eeeeee;
background: rgba(0, 0, 0, .025);
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
height: auto;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
color: #333;
}
.dark-scheme .form-border input[type=text],
.dark-scheme .form-border textarea,
.dark-scheme .form-border input[type=email],
.dark-scheme .form-border input[type=password],
.dark-scheme .form-border input[type=date],
.dark-scheme .form-border select {
color: #ffffff;
border: solid 1px rgba(var(--primary-color-rgb), .5);
}
.dark-scheme ::-webkit-calendar-picker-indicator {
filter: invert(1);
}
.dark-scheme .form-border input::-moz-input-placeholder,
.dark-scheme .form-border textarea::-moz-input-placeholder {
color: rgba(255, 255, 255, .5);
}
.dark-scheme .form-border input::-webkit-input-placeholder,
.dark-scheme .form-border textarea::-webkit-input-placeholder {
color: rgba(255, 255, 255, .5);
}
.form-border input[type=text]:focus,
.form-border textarea:focus,
.form-border input[type=date]:focus,
.form-border select:focus {
background: rgba(var(--secondary-color-rgb), .1);
}
.field-set label {
color: #606060;
}
.dark-scheme .field-set label {
color: #ffffff;
}
.no-bg input[type="radio"]+label,
.de_form.no-bg input[type="checkbox"]+label {
padding: 4px 0px;
border: none;
background: none;
}
/* =============== heading =============== */
h1,
h2,
h4,
h3,
.h1,
.h2,
.h3,
.h4 {
margin-top: 0;
font-family: var(--heading-font);
font-weight: var(--heading-font-weight);
color: var(--heading-font-color);
text-transform: var(--heading-text-transform);
}
.dark-scheme h1,
.dark-scheme h2,
.dark-scheme h4,
.dark-scheme h3,
.dark-scheme .h1,
.dark-scheme .h2,
.dark-scheme .h3,
.dark-scheme .h4 {
color: #ffffff;
}
footer h1,
footer h2,
footer h4,
footer h4 {
color: #fff;
}
h2.text-light,
footer h4,
footer h4 {
color: #fff;
}
h1,.h1{
font-family: var(--h1-font-family);
font-size: var(--h1-font-size);
font-weight: var(--h1-font-weight);
letter-spacing: var(--h1-letter-spacing);
line-height: var(--h1-line-height);
margin-bottom: var(--h1-margin-bottom);
}
h2,.h2{
font-family: var(--h2-font-family);
font-size: var(--h2-font-size);
font-weight: var(--h2-font-weight);
letter-spacing: var(--h2-letter-spacing);
line-height: var(--h2-line-height);
margin-bottom: var(--h2-margin-bottom);
}
h3,.h3{
font-family: var(--h3-font-family);
font-size: var(--h3-font-size);
font-weight: var(--h3-font-weight);
letter-spacing: var(--h3-letter-spacing);
line-height: var(--h3-line-height);
margin-bottom: var(--h3-margin-bottom);
}
h4,.h4,.hs-4{
font-family: var(--h4-font-family);
font-size: var(--h4-font-size);
font-weight: var(--h4-font-weight);
letter-spacing: var(--h4-letter-spacing);
line-height: var(--h4-line-height);
margin-bottom: var(--h4-margin-bottom);
}
.hs-5{
font-family: var(--h5-font-family);
font-size: var(--h5-font-size);
font-weight: var(--h5-font-weight);
letter-spacing: var(--h5-letter-spacing);
line-height: var(--h5-line-height);
margin-bottom: var(--h5-margin-bottom);
}
.text-light, .text-light p {
color: var(--body-font-color-bg-dark);
}
.text-dark,
.text-dark h1,
.text-dark h2,
.text-dark h3,
.text-dark h4 {
color: var(--heading-font-color) !important ;
}
.text-dark p{
color: var(--body-font-color);
}
.text-white {
color: #fff;
}
.text-light h1,
.text-light h2,
.text-light h3,
.text-light h4 {
color: var(--heading-font-color-bg-dark);
}
.text-white h1,
.text-white h2,
.text-white h4,
.text-white h4 {
color: #fff;
}
/* list */
ul.d-inline li{
list-style: none;
display: inline;
}
.ul-check {
padding: 0;
list-style: none;
}
.ul-check li {
margin: 5px 0 5px 0;
}
.ul-check li:before {
font-family: "FontAwesome";
content: "\f00c";
margin-right: 15px;
color:var(--primary-color);
}
.dark-scheme .ul-check li a{
color:rgba(255, 255, 255, .7);
}
ol.ol-style-1 {
list-style-type: none;
counter-reset: ordered;
margin-left: 50px;
}
ol.ol-style-1 li {
font-weight: 500;
margin-bottom: 20px;
font-size: 18px;
}
ol.ol-style-1 li::before {
background: rgba(var(--primary-color-rgb),1);
border-radius: 50%;
color: var(--btn-color);
content: counter(ordered);
counter-increment: ordered;
display: inline-block;
font-weight: 400;
margin-left: -50px;
padding: 5px 5px;
position: absolute;
width: 40px;
height: 40px;
text-align: center;
}
.text-light ol.ol-style-1 li::before{
color: #ffffff;
}
.ol-style-1 {
font-size: 16px;
font-weight: bold;
}
.ol-style-1 p {
font-weight: normal;
}
.ol-style-1 {
list-style-type: none;
counter-reset: item;
margin: 0;
padding: 0;
}
.ol-style-1 li {
display: table;
counter-increment: item;
margin-bottom: 0.6em;
}
.ol-style-1 li:before {
content: counters(item, ".") ". ";
display: table-cell;
padding-right: 0.6em;
}
.ol-style-1 li li {
margin: 0;
}
.ol-style-1 li li:before {
content: counters(item, ".") " ";
}
/* pagination */
.spinner .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.spinner .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
0%,
80%,
100% {
-webkit-transform: scale(0)
}
40% {
-webkit-transform: scale(1.0)
}
}
@keyframes sk-bouncedelay {
0%,
80%,
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
40% {
-webkit-transform: scale(1.0);
transform: scale(1.0);
}
}
/* =============== preloader =============== */
#de-loader {
position: fixed;
z-index: 20000;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #ffffff;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.dark-scheme #de-loader{
background: var(--bg-dark-1);
}
.lds-roller {
display: inline-block;
position: relative;
width: 80px;
height: 80px;
}
.lds-roller div {
animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
transform-origin: 40px 40px;
}
.lds-roller div:after {
content: " ";
display: block;
position: absolute;
width: 5px;
height: 5px;
border-radius: 50%;
background: var(--primary-color);
margin: -2px 0 0 -2px;
}
.lds-roller div:nth-child(1) {
animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
top: 63px;
left: 63px;
}
.lds-roller div:nth-child(2) {
animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
top: 68px;
left: 56px;
}
.lds-roller div:nth-child(3) {
animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
top: 71px;
left: 48px;
}
.lds-roller div:nth-child(4) {
animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
top: 72px;
left: 40px;
}
.lds-roller div:nth-child(5) {
animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
top: 71px;
left: 32px;
}
.lds-roller div:nth-child(6) {
animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
top: 68px;
left: 24px;
}
.lds-roller div:nth-child(7) {
animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
top: 63px;
left: 17px;
}
.lds-roller div:nth-child(8) {
animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
top: 56px;
left: 12px;
}
@keyframes lds-roller {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* =============== progress bar =============== */
.de-progress {
width: 100%;
height: 8px;
background: #ddd;
margin-top: 20px;
margin-bottom: 20px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
overflow: hidden;
}
.de-progress .progress-bar {
width: 0;
background: #333;
height: 8px;
box-shadow: none;
}
.dark-scheme .de-progress,
.text-light .de-progress {
background: rgba(255, 255, 255, .2);
}
/* =============== social icons =============== */
.social-icons {
display: inline-block;
}
.social-icons i {
text-shadow: none;
padding: 10px 5px;
width: 36px;
height: 36px;
text-align: center;
font-size: 16px;
margin: 0 3px 0 3px;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
}
.dark-scheme .social-icons i {
background: rgba(255, 255, 255, .1);
}
.social-icons i:hover {
background: #fff;
border-color: #eceff3;
color: #333;
}
#topbar .social-icons i{
font-size: 16px;
background: none;
margin-bottom: 0;
margin-right: 1px;
padding: 15px 5px;
height: 30px;
width: 30px;
margin-top: 5px;
color:#ffffff;
}
.social-icons.s1 i {
border: none;
font-size: 16px;
margin: 3px;
}
.social-icons.s1:hover i {
background: none;
}
.social-icons.s1 {
line-height: 0.5;
text-align: center;
}
.social-icons.s1 .inner {
display: inline-block;
position: relative;
}
.social-icons.s1 .inner:before,
.social-icons.s1 .inner:after {
content: "";
position: absolute;
height: 5px;
border-bottom: 1px solid rgba(255, 255, 255, .2);
top: 0;
width: 100%;
}
.social-icons.s1 .inner:before {
right: 100%;
margin-right: 15px;
margin-top: 20px;
}
.social-icons.s1 .inner:after {
left: 100%;
margin-left: 15px;
margin-top: 20px;
}
/* =============== accordion =============== */
.accordion-section-title {
color: var(--heading-font-color);
width: 100%;
padding: 15px 0;
cursor: poInter;
font-family: var(--body-font);
width: 100%;
display: inline-block;
transition: all linear 0.5s;
text-decoration: none;
font-weight: 600;
overflow: none;
border-bottom: solid 1px #dddddd;
}
.dark-scheme .accordion-section-title,
.text-light .accordion-section-title {
color:#ffffff;
border-bottom: solid 1px rgba(255, 255, 255,.4) !important;
}
.accordion-section-title:before {
font-family: "FontAwesome";
content: "\f107";
float: right;
color: var(--bg-dark-1);
text-align: center;
padding: 0 8px 0 8px;
font-size: 15px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
width: 30px;
}
.dark-scheme .accordion-section-title:before,
.text-light .accordion-section-title:before{
color: #ffffff;
}
.accordion-s1{
padding: 0;
border:solid 1px #dddddd;
border-radius: var(--rounded-1);
-moz-border-radius: var(--rounded-1);
-webkit-border-radius: var(--rounded-1);
margin-bottom: 20px;
}
.accordion-s1 .accordion-section-title{
border: none !important;
}
.accordion-s1 .accordion-section-title,
.accordion-s1 .accordion-section-content{
padding: 15px 25px;
}
.accordion-s1 .accordion-section-content{
padding-top: 0;
}
.rtl .accordion-section-title:before {
float: left;
}
.accordion-section-title.active:before {
content: "\f106";
}
.accordion-section-title.active {
margin-bottom: 0px;
text-decoration: none;
}
.accordion-section-title:hover {
text-decoration: none;
}
.accordion-section-content {
padding-top: 15px;
padding-bottom: 5px;
display: none;
margin-bottom: 10px;
}
.accordion.s2 .accordion-section-title{
border:none;
border-bottom: solid 1px #ddd;
}
/* testimonial
/* ================================================== */
.de_testi.no-bg blockquote {
background: none;
}
/* css attributes */
.overflow-hidden {
overflow: hidden;
}
/* anim */
header,
header *,
.hover,
.hover *,
.de_count,
.social-icons a i,
.mfp-close,
.mfp-close:hover,
.text-rotate-wrap,
.text-rotate-wrap .text-item,
.owl-slider-nav .next,
.owl-slider-nav .prev,
#back-to-top.show,
#back-to-top.hide,
#popup-box.popup-show,
#popup-box.popup-hide,
.btn-main,
#mainmenu *,
#mainmenu a span,
#mainmenu a.active span,
.error_input,
.owl-item.active.center div blockquote,
.accordion .content,
#contact_form input,
.dropdown *,
.form-border *,
.d-carousel *,
.d_demo_img *,
.show-on-scroll,
#mainmenu>li::before,
.player *,
#topbar,
#extra-wrap,
#btn-extra,
#btn-extra *,
.crumb *,
.de-dot *,
#aside,
#aside-menu,
.d-prev:before,.d-next:before,
.atr__opt *,
.atr__colors *,
#de_notif,
#thumbnail-carousel *{
-o-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
outline: none;
}
#mainmenu li,
#mainmenu li ul,
.owl-prev,
.owl-next {
-o-transition: .2s cubic-bezier(0.4, 0, 0.2, 1);
-ms-transition: .2s cubic-bezier(0.4, 0, 0.2, 1);
-moz-transition: .2s cubic-bezier(0.4, 0, 0.2, 1);
-webkit-transition: .2s cubic-bezier(0.4, 0, 0.2, 1);
transition: .2s cubic-bezier(0.4, 0, 0.2, 1);
outline: none;
}
header.header-mobile #mainmenu>li>span {
-o-transition: none;
-ms-transition: none;
-moz-transition: none;
-webkit-transition: none;
transition: none;
outline: none;
}
@-webkit-keyframes scaleIn {
from {
opacity: 0;
-webkit-transform: scale3d(1.5, 1.5, 1.5);
transform: scale3d(1.5, 1.5, 1.5);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes scaleIn {
from {
opacity: 0;
-webkit-transform: scale3d(1.5, 1.5, 1.5);
transform: scale3d(1.5, 1.5, 1.5);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.scaleIn {
-webkit-animation-name: scaleIn;
animation-name: scaleIn;
}
@-webkit-keyframes scaleInFade {
from {
opacity: 0;
-webkit-transform: scale3d(1.5, 1.5, 1.5);
transform: scale3d(1.5, 1.5, 1.5);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes scaleInFade {
from {
opacity: 0;
-webkit-transform: scale3d(1.5, 1.5, 1.5);
transform: scale3d(1.5, 1.5, 1.5);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.scaleInFade {
-webkit-animation-name: scaleInFade;
animation-name: scaleInFade;
}
@-webkit-keyframes scaleOutFade {
from {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
opacity: 1;
-webkit-transform: scale(1, 1, 1);
transform: scale(1, 1, 1);
}
}
@keyframes scaleOutFade {
from {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
opacity: 1;
-webkit-transform: scale(1, 1, 1);
transform: scale(1, 1, 1);
}
}
.scaleOut {
-webkit-animation-name: scaleOutFade;
animation-name: scaleOutFade;
}
@-webkit-keyframes widthInFade {
from {
opacity: 0;
width: 1px;
}
100% {
opacity: 1;
width: 100px;
}
}
@keyframes widthInFade {
from {
opacity: 0;
width: 1px;
}
100% {
opacity: 1;
width: 100px;
}
}
/* video */
video,
object {
display: inline-block;
vertical-align: baseline;
min-width: 100%;
min-height: 100%;
}
/* =============== map =============== */
#map {
width: 100%;
height: 500px;
}
.map iframe {
width: 100%;
border: solid 1px #ccc;
padding: 2px;
background: #fff;
}
.de-map-hotspot {
position: relative;
}
.de-map-hotspot img {
width: 100%;
}
.de-spot {
padding: 0;
margin: 0;
position: absolute;
vertical-align: center;
text-align: center;
}
.de-spot span {
position: absolute;
display: inline-block;
background: #ffffff;
padding: 0 10px;
font-size: 12px;
font-weight: bold;
left: 30px;
line-height: 1.8em;
color: #35404e;
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
}
.dark-scheme .de-spot span{
background: none;
color:#ffffff;
border: solid 2px rgba(255, 255, 255, .25);
}
.de-circle-1 {
width: 15px;
height: 15px;
background-color: var(--tertiary-color);
border-radius: 50%;
position: absolute;
margin: 5px 0 0 5px;
left: 31%;
}
.de-circle-2 {
border: 4px solid var(--tertiary-color);
-webkit-border-radius: 30px;
height: 25px;
width: 25px;
position: absolute;
-webkit-animation: pulsate 1s ease-out;
-webkit-animation-iteration-count: infinite;
opacity: 0.0;
left: 31%;
}
@-webkit-keyframes pulsate {
0% {
-webkit-transform: scale(0.1, 0.1);
opacity: 0.0;
}
50% {
opacity: 1.0;
}
100% {
-webkit-transform: scale(1.2, 1.2);
opacity: 0.0;
}
}
/* =============== overide bootstrap =============== */
.dark-scheme .accordion-body {
background: var(--bg-dark-1);
border-color: #292F45;
}
.container-fluid {
padding: 0px;
margin: 0px;
}
p{
margin-top: 0;
}
p.small{
line-height: 1.8em;
}
.dark-scheme strong{
color:#ffffff;
}
.progress {
background: #27282B;
}
/* =============== widget =============== */
.widget {
margin-bottom: 30px;
padding-bottom: 30px;
}
footer .widget{
margin-bottom: 0;
}
.widget ul {
list-style: none;
margin: 0;
padding: 0;
}
.widget ul li {
margin: 3px 0;
}
.widget-post li {
padding-bottom: 8px;
margin-bottom: 8px;
}
.widget-post li a {
font-weight: 600;
display: block;
text-decoration: none;
color: #606060;
}
.dark-scheme .widget-post li a {
color: #ffffff;
}
.widget-post .date {
margin-top: 5px;
margin-right: 10px;
float: left;
background: #333;
color: #fff;
display: inline-block;
padding: 2px 3px 2px 3px;
line-height: 1.4em;
font-size: 12px;
width: 60px;
font-weight: bold;
text-align: center;
}
.rtl .widget-post .date {
float: right;
}
.widget_tags li {
text-shadow: none;
display: inline-block;
margin-right: 3px;
margin-bottom: 16px;
}
.widget_tags li a {
font-size: 12px;
text-decoration: none;
color: var(--btn-color) !important;
padding: 5px 10px 7px 10px;
margin: 0 2px;
border-radius: var(--btn-rounded);
-moz-border-radius: var(--btn-rounded);
-webkit-border-radius: var(--btn-rounded);
}
.widget_tags li a:hover {
color: #555;
border-color: #555;
}
.widget_tags li a {
border-color: #555;
}
/* У темі тут забуто «{» — браузер відкидає це правило цілком.
Лишаємо вимкненим, щоб вигляд не змінився:
.widget_tags li a:hover border-color: #eceff3; } */
footer .widget {
border: none;
margin-bottom: 0;
}
.widget_tags ul {
margin-top: 30px;
}
footer .widget.widget_tags li a {
border-color: #222;
}
#cookit {
position: fixed;
width: 100%;
bottom: 0;
padding: 1rem 2rem;
display: flex;
z-index: 1022;
background: rgba(20, 20, 20, 1) !important;
}
.dark-scheme #cookit {
border-top: solid 1px rgba(255, 255, 255, .15);
}
#cookit.hidden {
display: none;
}
#cookit #cookit-container {
margin: auto;
width: 1300px;
display: flex;
align-items: center;
flex-wrap: wrap;
}
#cookit #cookit-container>* {
margin: .4rem;
}
#cookit #cookit-container p {
line-height: 1.4rem;
}
#cookit #cookit-container a {
text-decoration: none;
}
#cookit #cookit-container a:hover {
opacity: .9;
}
#cookit #cookit-container #cookit-button {
color: #ffffff !important;
font-size: 14px;
font-weight: bold;
padding: .25rem 2rem;
margin-left: auto;
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
}
/* marquee */
.d-flex {
display: flex;
white-space: nowrap;
}
.de-marquee-list {
display: flex;
align-items: top;
-webkit-animation: loop 40s infinite linear;
animation: loop 40s infinite linear;
}
.de-marquee-list .d-item-txt {
font-size: 100px;
line-height: 100px;
padding-right: 8px;
font-style: normal;
font-weight: bold;
font-family: var(--heading-font);
color: var(--primary-color);
user-select: none;
text-transform:uppercase;
color: transparent;
-webkit-text-stroke: 1px rgba(255, 255, 255, .75);
}
.de-marquee-list.s2 .d-item-txt{
background: -webkit-linear-gradient(0deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .5) 100%);
background: -moz-linear-gradient(0deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .5) 100%);
background: linear-gradient(0deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .5) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 0;
}
.de-marquee-list .d-item-txt img{
width: 80px;
margin-top: -15px;
margin-right: 20px;
}
.de-marquee-list .d-item-display {
display: inline;
}
.de-marquee-list .d-item-block {
width: 80px;
height: 2px;
margin: 0 20px;
margin-right: 40px;
padding: 0px;
border-radius: 50%;
display: inline-block;
transform: translateY(-30px);
background: var(--primary-color);
}
.de-marquee-list.s2 .d-item-block{
height: 5px;
background: -webkit-linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .5) 100%);
background: -moz-linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .5) 100%);
background: linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .5) 100%);
}
.de-marquee-list .d-item-block{
border-radius: 0;
}
.text-light .de-marquee-list .d-item-dot {
background: rgba(255, 255, 255, .3);
}
.de-marquee-list.style-2 .d-item-txt {
font-size: 160px;
background: rgba(255, 255, 255, .2);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.de-marquee-list.style-2 .d-item-dot {
transform: translateY(-0px);
background: rgba(255, 255, 255, .2);
}
/* marquee */
.de-step-s1 {
overflow: ;
position: relative;
padding: 0 25px;
height: 100%;
border-radius:var(--rounded-1);
-moz-border-radius:var(--rounded-1);
-webkit-border-radius:var(--rounded-1);
}
.de-step-s1 p {
position: relative;
z-index: 1;
margin-bottom: 0;
}
.de-step-s1 h4 {
position: relative;
z-index: 1;
}
.de-step-s1 .d-number {
font-size: 14px;
text-transform: uppercase;
font-weight:500;
padding: 5px 10px;
display: inline-block;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin-bottom: 40px;
line-height: 1em;
color:var(--heading-font-color);
}
.text-light .de-step-s1 .d-number{
color:#ffffff;
}
.border-gray {
border: solid 1px #ddd;
}
.bg-blur {
background: rgba(0, 0, 0, .15);
-webkit-backdrop-filter: blur(10px);
-o-backdrop-filter: blur(10px);
-moz-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
/* marquee plugin close */
.gradient-edge-top {
z-index: 1;
position: absolute;
top: 0;
width: 100%;
height: 30%;
background: linear-gradient(180deg, rgba(var(--bg-dark-1-rgb), 1) 0%, rgba(var(--bg-dark-1-rgb), 0) 100%);
}
.gradient-edge-bottom {
z-index: 1;
position: absolute;
bottom: 0;
width: 100%;
height: 30%;
background: linear-gradient(0deg, rgba(var(--bg-dark-1-rgb), 1) 0%, rgba(var(--bg-dark-1-rgb), 0) 100%);
}
.gradient-edge-top.light {
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}
.gradient-edge-bottom.light {
background: linear-gradient(0deg, rgba(255,255,255, 1) 0%, rgba(255,255,255, 0) 100%);
}
.gradient-edge-start.light {
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}
.gradient-edge-end.light {
background: linear-gradient(90deg, rgba(255,255,255, 0) 0%, rgba(255,255,255, 1) 100%);
}
.gradient-edge-top.color {
background: linear-gradient(180deg, rgba(var(--primary-color-rgb),1) 0%, rgba(var(--primary-color-rgb),0) 100%);
}
.gradient-edge-bottom.color{
background: linear-gradient(0deg, rgba(var(--primary-color-rgb), 1) 0%, rgba(var(--primary-color-rgb), 0) 100%);
}
.dark-scheme .de-gradient-edge-bottom {
background: linear-gradient(0deg, rgba(var(--bg-dark-1-rgb), 1) 0%, rgba(var(--bg-dark-1-rgb), 0) 100%);
}
.no-border {
border: none !important;
}
.owl-carousel.no-hide .owl-stage-outer{
/* у темі було «overflow: visible; !important;» — браузер застосовував
лише перше, а «!important;» відкидав. Лишаємо як діяло. */
overflow: visible;
}
.show-on-scroll{
opacity: 0;
}
.show-on-scroll.show{
opacity: 1;
}
.show-on-scroll.hide{
opacity: 0;
}
.de-rating-ext .d-val{
color:#fff;
margin-right: 10px;
}
.de-rating-ext{
font-size: 14px;
}
.de-rating-ext i{
color:#F2B827;
}
/* select2 begin */
.select2-dropdown {
border-radius: 0;
box-shadow: #444 0px 3px 5px;
border: 0;
}
/* select2 end */
.arrow-divider.light > [class*=col-]:nth-child(n+2):after {
content: url('../images/ui/arrow-right-white.svg');
}
/* =============== declass =============== */
/* background */
/* width (percent) */
.w-40{width: 40%;}
.w-50{width: 50%;}
.w-80{width: 80%;}
.w-100{width: 100%;}
/* width (px) */
.w-20px{width: 20px;}
.w-30px{width: 30px;}
.w-40px{width: 40px;}
.w-60px{width: 60px;}
.w-70px{width: 70px;}
.w-80px{width: 80px;}
.w-150px{width: 150px;}
.w-170px{width: 170px;}
/* height (percent) */
.h-50{height: 50%;}
.h-70{height: 70%;}
.h-100{height: 100%;}
/* height (px) */
.h-70px{height: 70px;}
.h-100px{height: 100px;}
/* top (percent) */
/* top (px) */
/* bottom (percent) */
.bottom-10{bottom: 10%;}
/* bottom (px) */
/* top negative (px) */
/* bottom negative (px) */
/* left pos (percent) */
/* left pos (px) */
/* right pos (percent) */
/* right pos (px) */
/* margin-left (percent) */
/* margin-left (px) */
/* margin top (px) */
/* margin top negative (px) */
/* margin bottom (px) */
/* margin bottom negative (px) */
/* margin left negative (px) */
/* margin top negative (px) */
/* font-size (px) */
.fs-14{font-size: 14px;}
.fs-15{font-size: 15px;}
.fs-24{font-size: 24px;}
.fs-32{font-size: 32px;}
.fs-36{font-size: 36px;}
.fs-40{font-size: 40px;}
/* font-weight */
.fw-600{font-weight: 600 !important;}
.fw-bold{font-weight: bold !important;}
/* margin left (px) */
/* padding (px) */
.p-20{padding: 20px;}
.p-30{padding: 30px;}
.p-40{padding: 40px;}
/* padding bottom (px) */
/* padding top (px) */
/* padding left (px) */
/* padding left (px) */
/* border white */
/* border bottom white with transparency */
/* border bottom grey */
/* border bottom dark */
/* border bottom dark */
/* hover effects */
.hover:hover .hover-scale-1-2{transform: scale(1.2);}
.hover-op-1,.hover-op-05{ opacity:0 }
.hover:hover .hover-op-1{ opacity:1 }
.hover:hover .hover-op-05{ opacity:.5 }
.hover:hover .hover-scale-1-1{transform: scale(1.1);}
.hover:hover .hover-scale-1-2{transform: scale(1.2);}
.inline-block{display: inline-block;}
.infinite{ animation-iteration-count: infinite;}
/* opacity */
.op-4{ opacity:.4; }
.op-5{ opacity:.5; }
.op-6{ opacity:.6; }
/* line height em */
.lh-1{line-height: 1em;}
/* min height (px) */
.mh-800{min-height:800px;}
/* max height (px) */
/* background dark */
/* overlay-black */
.overlay-black-5{background: rgba(0, 0, 0, .5)}
/* overlay-dark */
/* overlay-white */
/* rotation */
/* positions */
.absolute,.abs { position: absolute;}
.abs-center { left: 50%; transform: translateX(-50%);}
.abs-middle{ top: 50%; transform: translateY(-50%);}
.relative,.position-relative { position: relative; }
/* z-index */
.z-2{ z-index:2 }
.z-3{ z-index:3 }
.z-4{ z-index:4 }
.z-1000 { z-index: 1000;}
/* gradient border */
.bg-color-op-1{background: rgba(var(--primary-color-rgb), .1) !important;}
.flex-end{
justify-content: flex-end;
}
/* Bottom Left */
/* Top Right */
/* Top Left */
/* Bottom Right */
/* declass end */
/* aside */
#aside{
padding: 60px 45px;
width: 20%;
position: fixed;
top:0;
bottom: 0;
background: var(--bg-dark-1);
z-index: 1001;
overflow-x: hidden;
scrollbar-width: none;
}
#main, .de-sidebar main, .de-sidebar footer{
width: 80%;
margin-left: 20%;
float: right;
}
#main .container, .de-sidebar main .container, .de-sidebar footer{
padding-left: 40px;
padding-right: 40px;
}
#aside-menu {
display: none;
position: fixed;
top:0;
left: 0;
line-height: 1.5em;
width: 40px;
height: 40px;
padding: 4px;
padding-top: 8px;
text-align: center;
cursor: pointer;
color: #fff;
margin:30px;
z-index: 1001; background: var(--primary-color);
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
}
#aside-menu:before {
font-family: FontAwesome;
content: "\f0c9";
font-size: 20px;
}
#aside-menu.open:before{
content: "\f00d";
}
@media only screen and (max-width: 992px) {
#aside{
width: 30%;
}
#main,.de-sidebar main, .de-sidebar footer{
width: 70%;
margin-left: 30%;
}
}
@media only screen and (max-width: 768px) {
#main,.de-sidebar main, .de-sidebar footer{
width: 100%;
margin-left: 0;
}
#aside{
width: 320px;
left: -320px;
}
#aside.open{
left: 0;
}
#aside-menu{
display: block;
}
#aside-menu.open{
margin-left: 340px;
}
}
/* aside end
/* shop */
.de__pcard h3{
font-weight: bold;
margin-top: 5px;
margin-bottom: 0px;
font-size: 17px;
}
.atr__colors{
margin-top: 10px;
}
.atr__colors div{
border: solid 1px rgba(51, 51, 51, 0);
display: inline-block;
margin: 0 2px;border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
}
.atr__colors span{
display: block;
background: #333333;
width: 20px;
height: 20px;
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
}
.atr__colors div.active{
border: solid 1px #333333;
padding: 3px;
}
.atr__colors div.active span{
width: 14px;
height: 14px;
}
.atr__opt{
text-align: center;
}
.atr__opt div{
display: inline-block;
cursor: pointer;
font-size: 14px;
padding: 2px;
margin: 2px;
border:solid 1px var(--secondary-color);
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
line-height: 1em;
width: 32px;
}
.atr__opt div.active{
background: var(--secondary-color);
color:#ffffff;
}
#de_notif{
opacity: 0;
font-weight: bold;
background: #ffffff;
color: #000000;
padding: 5px 10px;
position: fixed;
left: 50%;
bottom: -50px;
transform: translate(-50%, 0);
z-index: 100;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#de_notif.active{
opacity: 1;
bottom: 40px;
}
/* shop end */
/* cart begin */
/* cart end */
/* ecommerce icons begin */
.de-icon-counter{
cursor: pointer;
position: relative;
padding: 10px;
padding-right: 15px;
}
.de-icon-counter img{
width: 24px;
}
.de-icon-counter .d-counter{
background: var(--primary-color);
font-size: 12px;
width: 24px;
height: 24px;
color:#ffffff;
position: absolute;
top: 0;
right: 0;
padding-top: 6px;
line-height: 1;
text-align: center;
border-radius:30px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
}
.de-quick-search{
background: none;
outline: none;
border:solid 1px rgba(0, 0, 0, .5);
padding: 3px 10px;
}
/* ecommerce icons end */
/* owl sync begin */
#sync1 .item {
background: rgba(var(--primary-color-rgb),.1);
padding: 40px;
margin: 5px;
color: #FFF;
-webkit-border-radius: var(--rounded-1);
-moz-border-radius: var(--rounded-1);
border-radius: var(--rounded-1);
text-align: center;
}
#sync2 .item {
background: rgba(var(--primary-color-rgb),.1);
margin: 5px;
color: #FFF;
-webkit-border-radius: var(--rounded-1);
-moz-border-radius: var(--rounded-1);
border-radius: var(--rounded-1);
padding: 10px;
text-align: center;
cursor: pointer;
}
#sync2 .item h1 {
font-size: 18px;
}
#sync2 .current .item {
background: rgba(var(--primary-color-rgb),.3);
}
/* range slider begin */
/* price range slider */
.price-input {
width: 100%;
display: flex;
margin: 0 0 15px;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
}
.slider {
height: 5px;
position: relative;
background: #ddd;
border-radius: 5px;
}
.slider .progress {
height: 100%;
left: 0%;
right: 0%;
position: absolute;
border-radius: 5px;
background: var(--primary-color);
}
.range-input {
position: relative;
margin-bottom: 10px;
}
.range-input input {
position: absolute;
width: 100%;
height: 5px;
top: -5px;
background: none;
pointer-events: none;
-webkit-appearance: none;
-moz-appearance: none;
}
input[type="range"]::-webkit-slider-thumb {
height: 17px;
width: 17px;
border-radius: 50%;
background: var(--primary-color);
pointer-events: auto;
-webkit-appearance: none;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}
input[type="range"]::-moz-range-thumb {
height: 17px;
width: 17px;
border: none;
border-radius: 50%;
background: var(--primary-color);
pointer-events: auto;
-moz-appearance: none;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}
/* range slider end */
/* custom tabs */
.de-tab .d-tab-nav {
padding: 0;
list-style: none;
position: relative;
}
.de-tab .d-tab-nav .active-tab {
border-bottom: none;
font-weight: 500;
position: relative;
color: var(--btn-color);
background: var(--primary-color);
}
.de-tab .d-tab-nav li {
display: block;
cursor: pointer;
padding: 10px;
border-radius: var(--btn-rounded);
-moz-border-radius: var(--btn-rounded);
-webkit-border-radius: var(--btn-rounded);
}
.de-tab .d-tab-content {
padding: 0;
margin: 0;
list-style: none;
}
.de-tab .d-tab-content > li {
display: none;
}
.de-tab .d-tab-nav li{
display: inline-block;
padding: 8px 20px;
}
.de-tab.pill .d-tab-nav{
background: rgba(var(--primary-color-rgb),.2);
}
.de-tab.pill .d-tab-nav{
display: flex;
justify-content: space-around;
border: none;
border-radius:30px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
overflow: hidden;
}
.de-tab.pill .d-tab-nav li{
font-weight: 500;
color:#000000;
text-align: center;
flex-grow:1;
}
.de-tab.pill .d-tab-nav .active-tab{
background: var(--primary-color);
color:#ffffff;
border:none;
}
.de-tab.plain .d-tab-nav li{
font-weight: 500;
color:#000000;
text-align: center;
padding: 0;
margin: 0;
opacity: .4;
}
.de-tab.plain .d-tab-nav .active-tab{
background: none;
font-weight: bold;
opacity: 1;
}
.dark-scheme .de-tab.plain .d-tab-nav li,
.text-light .de-tab.plain .d-tab-nav li{
color: #ffffff;
}
@media only screen and (max-width: 767px) {
.d-tab-nav,
.d-tab-nav li{
display: block !important;
}
}
/* custom tabs end */
/* de-dot */
.de-dot {
position: absolute;
z-index: 10;
box-sizing: content-box;
display: inline-block;
width: 32px;
height: 32px;
margin: -16px 0 0 -16px;
border-radius: 50%;
}
.de-dot:before {
content: "";
position: absolute;
z-index: 0;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
width: 15px;
height: 15px;
background: orange;
border-radius: 50%;
animation: dot-pulse 1500ms ease-out infinite;
}
.de-dot:after {
content: "";
position: absolute;
z-index: 1;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
width: 15px;
height: 15px;
background: orange;
border-radius: 50%;
transition: all 200ms;
}
@keyframes dot-pulse {
0% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
opacity: 1;
}
100% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(2.2);
opacity: 0;
}
}
.de-dot .d-content{
transform: scale(0);
transform-origin: top left;
background: rgba(var(--bg-dark-1-rgb),.8);
opacity: 0;
overflow: hidden;
margin-left: 10px;
margin-top:20px;
width: 210px;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
padding: 20px 25px;
font-size: 15px;
line-height: 1.6em;
}
.de-dot:hover .d-content,
.de-dot.active .d-content {
transform: scale(1);
opacity: 1;
}
.de-dot:hover::after,
.de-dot.active::after {
background: #ffffff;
}
.de-dot:hover::before,
.de-dot.active::before {
background: #ffffff;
}
/* dotted list begin */
/* dotted list end */
/* text circle begin */
.text-circle {
position: relative;
width: calc(var(--text-circle-width) * 2);
height: calc(var(--text-circle-width) * 2);
border-radius: 50%;
animation: spin var(--text-circle-speed) linear infinite;
}
@keyframes spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
.text-circle span {
position: absolute;
left: 50%;
transform-origin: 0 var(--text-circle-width);
font-size: calc(var(--text-circle-width) * 0.15);
white-space: pre;
}
/* text circle end */
/* de-vertical-nav begin */
.de-vertical-nav a{
background: var(--bg-grey);
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
display: block;
padding: 40px;
position: relative;
}
.de-vertical-nav img{
position: absolute;
width: 40px;
top: 50%; transform: translateY(-50%);
}
/* de-vertical-nav end */
/* timeline begin */
.de-timeline .d-item{
display: flex;
justify-content: space-between;
position: relative;
}
.de-timeline .d-item{
content: "";
border-left: solid 1px #555;
margin-left: 20px;
padding-bottom: 30px;
}
.de-timeline .d-item .d-icon{
border-radius:30px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
position: absolute;
width: 28px;
height: 28px;
text-align: center;
left: -15px;
color: #ffffff;
background: var(--secondary-color);
}
.de-timeline .d-item.active .d-icon{
animation: pulsing 2s infinite;
transition: all 0.2s;
}
.de-timeline .d-item .d-text{
max-width: 80%;
padding-left: 40px;
}
.de-timeline .d-item .d-text h4{
margin-bottom: 5px;
}
.de-timeline .d-item:not(.active){
opacity: .25;
}
@keyframes pulsing {
from {
box-shadow: 0 0 0 0 rgba(var(--secondary-color-rgb),1);
}
70% {
box-shadow: 0 0 0 15px rgba(var(--secondary-color-rgb),0);
}
to {
box-shadow: 0 0 0 0 rgba(var(--secondary-color-rgb),0);
}
}
/* de-timeline end */
/* timeline-s2 begin */
.de-timeline-s2 .d-item{
display: flex;
justify-content: space-between;
position: relative;
}
.de-timeline-s2 .d-item{
content: "";
border-left: solid 1px rgba(0, 0, 0, .2);
margin-left: 20px;
padding-bottom: 30px;
}
.text-light .de-timeline-s2 .d-item,
.dark-scheme .de-timeline-s2 .d-item{
border-left: solid 1px rgba(255, 255, 255, .2);
}
.de-timeline-s2 .d-item:last-child{
border: none;
}
.de-timeline-s2.color .d-item{
border-left-color: var(--secondary-color);
}
.de-timeline-s2 .d-item.no-border{
border: none;
}
.de-timeline-s2 .d-item .d-icon{
font-weight: bold;
border-radius:30px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
position: absolute;
width: 40px;
height: 40px;
padding-top: 5px;
text-align: center;
left: -20px;
color:#ffffff;
background: var(--primary-color);
}
.de-timeline-s2.color .d-item .d-icon{
background: var(--secondary-color);
}
.de-timeline-s2 .d-item.active .d-icon{
animation: pulsing 2s infinite;
transition: all 0.2s;
}
.de-timeline-s2 .d-item .d-text{
padding-left: 40px;
}
.de-timeline-s2 .d-item .d-text h4{
margin-bottom: 5px;
}
@keyframes pulsing {
from {
box-shadow: 0 0 0 0 rgba(var(--secondary-color-rgb),1);
}
70% {
box-shadow: 0 0 0 15px rgba(var(--secondary-color-rgb),0);
}
to {
box-shadow: 0 0 0 0 rgba(var(--secondary-color-rgb),0);
}
}
/* de-timeline end */
/* h-timeline begin */
/* Timeline */
/* h-timeline end */
/* swiperjs */
.swiper{
background: var(--bg-dark-1);
}
.swiper,
.sw-overlay{
position: absolute;
width: 100%;
height: 100%;
left:0;
top: 0;
}
.swiper-slide{
position: relative;
background: var(--bg-dark-1);
}
.sw-text-wrapper.border-left.light{
border-left: solid 1px rgba(255, 255, 255, .25);
padding-left: 40px;
}
.slider-title .underline{
position: relative;
}
.slider-title .underline:before{
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 10px;
background: var(--secondary-color);
}
h1.slider-title{
font-size: 64px;
font-weight: 500;
margin-bottom: 20px;
line-height: 1.1em;
letter-spacing: -2px;
}
h2.slider-title{
font-size: 64px;
letter-spacing: -3px;
}
h3.slider-teaser{
font-size: 24px;
}
p.slider-teaser{
font-size: 18px;
line-height: 1.6em;
font-weight: 400;
}
.sw-overlay{
background: -webkit-linear-gradient(0deg,rgba(var(--bg-dark-1-rgb), .8) 0%, rgba(var(--bg-dark-1-rgb), .8) 50%);
background: -moz-linear-gradient(0deg,rgba(var(--bg-dark-1-rgb), .8) 0%, rgba(var(--bg-dark-1-rgb), .8) 50%);
background: linear-gradient(0deg,rgba(var(--bg-dark-1-rgb), .8) 0%, rgba(var(--bg-dark-1-rgb), .8) 50%);
}
.swiper-inner{
display: block;
position: absolute;
top:0;
width: 100%;
height: 100%;
}
.swiper-pagination{
width: 100px;
font-size: 20px;
text-align: right;
position: absolute;
left: auto;
right: 40px;
bottom: 40px;
font-weight: 400;
}
.swiper-pagination-total{
font-size:20px;
opacity: .5;
}
.swiper-pagination-current{
color:#000000;
font-size: 20px;
}
.text-light .swiper-pagination-current{
color: #ffffff;
}
.slider-light .swiper-pagination-current{
color: var(--heading-font-color);
}
.swiper-button-next, .swiper-button-prev{
color:#ffffff;
}
.slider-light .swiper-button-next, .slider-light .swiper-button-prev{
color:var(--primary-color);
}
.swiper-button-next:after, .swiper-button-prev:after{
font-size:24px;
}
.swiper-button-next{
right: 20px;
}
.swiper-button-prev{
left: 20px;
}
/* swiper end */
/* swiper #2 begin */
.swiper-container {
overflow: hidden;
width: 100%;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 480px) {
.swiper-container {
min-height: 320px;
}
}
.swiper-container-wrapper {
display: flex;
flex-flow: column nowrap;
height: 100vh;
width: 100vw;
}
@media (min-width: 480px) {
.swiper-container-wrapper {
flex-flow: row nowrap;
}
}
#swiper-s2 .swiper-slide {
text-align: center;
background-size: cover;
background-position: center;
background-color: var(--bg-dark-1);
/* Center slide text vertically */
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
/* Slide content */
}
.swiper-slide .description,
.swiper-slide .title {
display: block;
opacity: 0;
transition: 0.5s ease 0.5s;
}
.swiper-slide-active .description,
.swiper-slide-active .title {
opacity: 1;
}
.swiper-slide-active .title {
margin-bottom: 0.5rem;
font-size: 24px;
color: #000;
transition: opacity 0.5s ease 0.5s;
}
.swiper-slide-active .description {
font-size: 16px;
color: #777;
transition: opacity 0.5s ease 0.75s;
}
/* swiper #2 end */
.player {
margin: 0 auto;
background: none;
width: 120px;
height: 120px;
border: solid 2px #fff;
position: relative;
text-indent:-9999px;
}
.player span {
width: 0;
height: 0;
border-top: 15px solid transparent;
border-left: 20px solid #ffffff;
border-bottom: 15px solid transparent;
position:absolute;
top:37.5%;
left:45%;
}
.player.dark span{
border-left: 20px solid #000000;
}
.player:hover{
cursor:pointer;
border:none;
box-shadow:none;
}
.player:hover span{
transform: scale(1.2);
}
.player.invert span{
border-left: 20px solid #000;
}
.player.invert:hover span{
border-left: 20px solid #fff;
}
.de-flex #mainmenu{
margin: 0;
}
.subtitle{
position: relative;
font-weight: 600;
position: relative;
display: inline-block;
font-family:var(--subtitle-font);
font-size:var(--subtitle-font-size);
font-weight:var(--subtitle-font-weight);
color:var(--subtitle-color);
letter-spacing: var(--subtitle-letter-spacing);
text-transform: var(--subtitle-text-transform);
padding: var(--subtitle-padding);
background: var(--subtitle-background);
border-radius:var(--subtitle-rounded);
-moz-border-radius:var(--subtitle-rounded);
-webkit-border-radius:var(--subtitle-rounded);
line-height: 1.5em;
margin-bottom: var(--subtitle-margin-bottom);
}
.text-light .subtitle{
color: var(--subtitle-color-dark);
background: var(--subtitle-background-dark);
border-color: rgba(255, 255, 255, .5);
}
@keyframes blinkingText{
0% { background: var(--primary-color);}
50% { background: rgba(var(--primary-color-rgb), 0); }
100% { background: var(--primary-color);}
}
.scrollbar {
position: fixed;
bottom: 0;
left: 0;
height: 4px;
transition: all linear 0.1s;
min-width: 0%;
z-index:1000;
}
.scrollbar-v {
background: var(--secondary-color);
position: fixed;
top: calc(50% + 60px);
left: 43px;
width: 2px;
transition: all linear 0.1s;
min-height: 0%;
z-index:1000;
}
.scrollbar-v:before{
content: "";
position: absolute;
left: 0;
width: 2px;
min-height: 100px;
background: rgba(0, 0, 0, .15);
}
.scrollbar-v.dark:before{
background: rgba(255, 255, 255, .2);
}
.float-text {
width: 20px;
position: fixed;
z-index: 1002;
margin-left: 30px;
text-align: center;
font-size: 12px;
top: 50%;
left: 16px;
transform: translate(-50%, -50%);
font-weight: 500;
}
.float-text a{
color: #000000;
}
.float-text.dark a{
color:#ffffff;
}
.float-text span{
margin-left: -5px;
margin-top: 20px;
writing-mode: vertical-rl;
letter-spacing: .75px;
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
color: #222;
}
.dark-scheme .float-text span{
color: #ffffff;
}
/* de-number begin */
.de-number{
margin-top: 8px;
}
.d-minus, .d-plus{
margin-top: -6px;
cursor: pointer;
color: #ffffff;
font-size: 24px;
width:36px;
height:36px;
padding:3px 5px 3px 5px;
display: inline-block;
vertical-align: middle;
text-align: center;
-webkit-user-select: none; /* Safari */
-ms-user-select: none; /* IE 10 and IE 11 */
user-select: none; /* Standard syntax */
background: var(--primary-color);
}
.d-minus:active, .d-plus:active{
background: #ffffff;
color: #000;
}
.de-number input{
width: 40px;
text-align: center;
font-size: 20px;
border:none;
padding: 3px !important;
background: none;
border:solid 1px var(--primary-color);
}
#extra-wrap.dark .de-number input{
color: #ffffff;
}
/* de-number close */
.d_demo_img {
position: relative;
overflow: hidden;
display: block;
margin: 5px;
margin-bottom: 15px;
border-radius:12px;
-moz-border-radius:12px;
-webkit-border-radius:12px;
box-shadow: 5px 20px 40px 5px rgba(0,0,0,.1);
-webkit-box-shadow: 5px 20px 40px 5px rgba(0,0,0,.1);
-moz-box-shadow: 5px 20px 40px 5px rgba(0,0,0,.1);
}
.d_demo_img:hover{
border-color:rgba(var(--primary-color-rgb),1);
}
.d_demo_img:hover img {
transform: scale(1.1);
}
.de-hover-scale:hover{
transform: scale(1.2);
-webkit-box-shadow: 0 10px 30px rgb(0 19 87 / 25%);
-moz-box-shadow: 0 10px 30px rgb(0 19 87 / 25%);
box-shadow: 0 10px 30px rgb(0 19 87 / 25%);
}
.rtl .owl-carousel {
direction: ltr;
}
.rtl .owl-carousel .owl-item {
direction: rtl;
}
.de-flex {
display: flex;
justify-content: space-between;
}
.de-flex>.de-flex-col {
display: flex;
justify-content: center;
align-items: center;
}
#loadmore {
display: inline-block;
margin-top: 10px;
}
.d-item {
display: none;
}
/*Cookie Consent Begin*/
#cookieConsent {
background-color: rgba(255, 255, 255, 0.8);
min-height: 26px;
font-size: 14px;
line-height: 26px;
font-weight: 500;
padding: 10px 30px 10px 30px;
position: fixed;
bottom: 0;
left: 0;
right: 0;
display: none;
z-index: 9999;
}
#cookieConsent a {
text-decoration: none;
}
#closeCookieConsent {
float: right;
display: inline-block;
cursor: poInter;
height: 20px;
width: 20px;
margin: -15px 0 0 0;
font-weight: bold;
}
#closeCookieConsent:hover {
color: #FFF;
}
#cookieConsent a.cookieConsentOK {
color: #fff;
display: inline-block;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
padding: 0 20px;
cursor: poInter;
}
#cookieConsent a.cookieConsentOK:hover {
opacity: .8;
}
/*Cookie Consent End*/
@keyframes shadow-pulse {
0% {
box-shadow: 0 0 0 0px rgba(120, 169, 56, 0.2);
}
100% {
box-shadow: 0 0 0 20px rgba(120, 169, 56, 0);
}
}
.opt-1 {
display: inline-block;
}
.opt-2 {
display: none;
}
.border {
border-color: #EFEFEF !important;
}
.text-light .border {
border-color: rgba(255, 255, 255, .1) !important;
}
.owl-thumbs img {
padding: 3px;
}
strong {
font-weight: bold;
}
.text-light strong {
color: #fff;
}
.border-bottom {
border-bottom: solid 1px #e5e5e5;
}
.dark-scheme .border-bottom {
border-bottom: solid 1px rgba(255, 255, 255, .3) !important;
}
.dark-scheme header.border-bottom {
border-bottom: solid 1px rgba(255, 255, 255, .1) !important;
}
#navigation {
position: fixed;
width: 100%;
height: 60px;
top: 0;
right: 20px;
text-align: center;
margin-bottom: 60px;
z-index: 1000;
}
.no-bottom {
margin-bottom: 0;
padding-bottom: 0;
}
p {
margin-bottom: 20px;
}
.no-bottom .col-md-12 {}
.no-bottom {
padding-bottom: 0 !important;
}
.no-top {
padding-top: 0 !important;
}
.no-margin {
margin: 0 !important;
}
#filters i {
margin-right: 10px;
}
.no-padding,
section.no-padding {
padding: 0;
}
.form-control:focus {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
.d-carousel {
position: relative;
display: flex;
align-items: center;
}
.d-arrow-left,
.d-arrow-right {
display: none;
cursor: pointer;
position: absolute;
margin-top: -10px;
z-index: 100;
width: 30px;
height: 60px;
background-color: rgba(255, 255, 255, 1.0);
}
.d-arrow-left {
left: 0px;
border-top-right-radius: 110px;
border-bottom-right-radius: 110px;
}
.d-arrow-right {
right: 0px;
border-top-left-radius: 110px;
border-bottom-left-radius: 110px;
}
.d-arrow-left i,
.d-arrow-right i {
position: absolute;
z-index: 1000;
top: 20px;
color: #ffffff;
font-size: 20px;
font-weight: bold;
}
.d-arrow-left i {
left: 8px;
}
.d-arrow-right i {
right: 8px;
}
.owl-nav {
display: flex;
}
.owl-prev,
.owl-next {
cursor: pointer;
position: absolute;
top: 27.5%;
z-index: 100;
width: 40px;
height: 40px;
background-color: rgba(255, 255, 255, 1.0);
border: solid 1px #ccc;
}
.dark-scheme .owl-prev,
.dark-scheme .owl-next {
background: var(--bg-color-even);
color: #ffffff;
border-color: rgba(255, 255, 255, .1);
}
.owl-prev:hover,
.owl-next:hover {
transform: scale(1.1);
-webkit-box-shadow: 5px 5px 30px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 5px 5px 30px 0px rgba(0, 0, 0, 0.2);
box-shadow: 5px 5px 30px 0px rgba(0, 0, 0, 0.2);
}
.owl-prev {
left: -12px;
border-radius: 60px;
padding-left: 4px;
}
.owl-next {
right: -12px;
border-radius: 60px;
padding-right: 4px;
}
.owl-next i {
top: 12px;
left: 16px;
}
.owl-arrow {
z-index: 100;
background: #fff;
margin-top: 48%;
display: none;
cursor: poInter;
}
.owl-arrow span {
display: block;
background: #555;
position: absolute;
}
.owl-arrow .prev {
left: 0;
}
.owl-arrow .next {
right: 0;
}
.owl-arrow .prev:before,
.owl-arrow .next:before {
font-family: "FontAwesome";
content: '\f177';
color: #222222;
padding: 20px;
font-size: 32px;
display: block;
}
.owl-arrow .next:before {
content: '\f178';
}
.owl-pagination {
margin-top: 0px;
height: 40px;
}
.owl-theme .owl-controls .owl-page span {
display: block;
margin-top: 20px;
margin-left: 10px;
margin-right: 10px;
width: 6px;
height: 6px;
background-color: #555;
opacity: 1;
}
.owl-theme .owl-controls .owl-page.active span {
background: none;
}
.owl-theme .owl-controls .owl-page.active span:before {
content: '';
display: inline-block;
width: 12px;
height: 12px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
position: relative;
border: solid 2px #555;
top: -2px;
left: -2px;
}
/* new owl */
.owl-theme .owl-nav.disabled+.owl-dots {
margin-top: 20px;
}
.owl-dots button {
border: none;
outline: none;
padding: 0;
width: 8px;
height: 8px;
margin: 0 5px;
border-radius: 30px;
background: rgba(0, 0, 0, .15);
}
.owl-theme .owl-dots .owl-dot span {
display: none;
}
/* new owl close */
.text-light .owl-theme .owl-controls .owl-page span {
background-color: #fff;
}
.text-light .owl-theme .owl-controls .owl-page.active span {
background: none;
}
.text-light .owl-theme .owl-controls .owl-page.active span:before {
border: solid 2px #fff;
}
.text-light .owl-dot.active{
background: #ffffff;
}
.text-item i {
font-size: 60px;
margin-top: 5px;
}
.text-rotate-wrap {
display: inline-block;
}
.text-rotate-wrap .text-item {
display: none;
}
.overlay-bg.light-5 {
background: rgba(255, 255, 255, .5);
}
.overlay-bg.light-6 {
background: rgba(255, 255, 255, .6);
}
.overlay-bg.light-7 {
background: rgba(255, 255, 255, .7);
}
.overlay-bg.light-8 {
background: rgba(255, 255, 255, .8);
}
.de-overlay-gradient-dark {
position: absolute;
width: 100%;
height: 100%;
top:0;
left: 0;
background: -moz-linear-gradient(rgba(0 ,0 ,0, 0) 0%, rgba(0, 0, 0, 1) 100%);
background: -webkit-linear-gradient(rgba(0 ,0 ,0, 0) 0%, rgba(0, 0, 0, 1) 100%);
background: linear-gradient(rgba(0 ,0 ,0, 0) 0%, rgba(0, 0, 0, 1) 100%);
}
.de-overlay-gradient-color {
position: absolute;
width: 100%;
height: 100%;
top:0;
left: 0;
background: -moz-linear-gradient(rgba(var(--primary-color-rgb), 0) 0%, rgba(var(--primary-color-rgb), 1) 100%);
background: -webkit-linear-gradient(rgba(var(--primary-color-rgb), 0) 0%, rgba(var(--primary-color-rgb), 1) 100%);
background: linear-gradient(rgba(var(--primary-color-rgb), 0) 0%, rgba(var(--primary-color-rgb), 1) 100%);
}
.wow {
visibility: hidden;
}
#back-to-top {
background: var(--primary-color);
position: fixed;
bottom: -40px;
right: 20px;
z-index: 1020;
width: 40px;
height: 40px;
text-align: center;
line-height: 30px;
cursor: poInter;
padding-top: 3px;
border: 0;
text-decoration: none;
transition: opacity 0.2s ease-out;
outline: none;
opacity: 0;
border-radius:30px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
}
#back-to-top:hover {
transform: scale(1.1);
}
#back-to-top.show {
bottom: 20px;
opacity: 1;
}
#back-to-top.hide {
bottom: -40px;
}
#back-to-top:before {
font-family: "FontAwesome";
font-size: 18px;
content: "\f106";
color: var(--btn-color) !important;
position: relative;
}
/* mouse scroll icon begin */
.mouse {
position: absolute;
width: 22px;
height: 42px;
bottom: 40px;
left: 50%;
margin-left: -12px;
border-radius: 15px;
border: 2px solid #fff;
-webkit-animation: intro 1s;
animation: intro 1s;
}
.scroll {
display: block;
width: 3px;
height: 3px;
margin: 6px auto;
border-radius: 4px;
background: #fff;
-webkit-animation: finger 1s infinite;
animation: finger 1s infinite;
}
@-webkit-keyframes intro {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
transform: translateY(40px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes intro {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
transform: translateY(40px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes finger {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
}
@keyframes finger {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
}
/* mouse scroll icon close */
@-moz-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translateY(0);
transform: translateY(0);
}
40% {
-moz-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-moz-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@-webkit-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-moz-transform: translateY(-15px);
-ms-transform: translateY(-15px);
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
.bounce {
-moz-animation: bounce 2s infinite;
-webkit-animation: bounce 2s infinite;
animation: bounce 2s infinite;
}
#de-arrow-nav-set {
text-align: center;
}
#de-arrow-nav-set i {
color: #222;
font-size: 32px;
}
#de-arrow-nav-set i.icon_menu {
display: inline-block;
}
/* owl */
.owl-custom-nav.menu-float{
position: relative;
}
.owl-custom-nav.menu-float .btn-prev,
.owl-custom-nav.menu-float .btn-next{
position: absolute;
z-index: 2000;
top: 50%;
transform: translateY(-50%);
display: block;
cursor: pointer;
padding:0;
}
.owl-custom-nav.menu-float .btn-prev{
left: 0px;
}
.owl-custom-nav.menu-float .btn-next{
right: 0px;
}
.owl-custom-nav.menu-float .btn-prev:before,
.owl-custom-nav.menu-float .btn-next:before{
font-size: 24px;
}
.owl-custom-nav .btn-prev:before,
.owl-custom-nav .btn-next:before{
display: block;
font-family:"FontAwesome";
content:"\f105";
color:var(--btn-color);
padding:10px 0;
font-size:20px;
width: 40px;
height: 50px;
background: var(--primary-color);
text-align: center;
}
.owl-custom-nav.dark .btn-prev:before,
.owl-custom-nav.dark .btn-next:before{
color:#000000;
}
.owl-custom-nav .btn-prev:before{
content:"\f104";
border-radius:0 30px 30px 0;
-moz-border-radius:0 30px 30px 0;
-webkit-border-radius:0 30px 30px 0;
}
.owl-custom-nav .btn-next:before{
border-radius:30px 0 0 30px;
-moz-border-radius:30px 0 0 30px;
-webkit-border-radius:30px 0 0 30px;
}
.owl-custom-nav.dark .btn-prev:before,
.owl-custom-nav.dark .btn-next:before{
color:#000000;
}
.owl-custom-nav a{
text-decoration:none;
}
.de-custom-nav .d-prev:before, .de-custom-nav .d-next:before{
font-family: "FontAwesome";
display: block;
width: 40px;
height: 40px;
background: var(--primary-color);
margin: 3px;
text-align: center;
font-size: 20px;
color:var(--btn-color);
cursor: pointer;
padding: 3px 0 0 0;
}
.de-custom-nav .d-prev:before{
content:"\f104";
}
.de-custom-nav .d-next:before{
content:"\f105";
}
.de-custom-nav .d-prev.circle:before, .de-custom-nav .d-next.circle:before{
border-radius:30px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
}
.de-custom-nav .d-prev:hover:before, .de-custom-nav .d-next:hover:before{
background: var(--primary-color);
opacity: .8;
}
.owl-prev,.owl-next{
display: none;
}
.owl-slider-nav {
position: absolute;
width: 100%;
}
.owl-slider-nav,
.owl-slider-nav div {
position: absolute;
z-index: 10;
cursor: poInter;
}
.owl-slider-nav .next {
right: -50px;
width: 0;
height: 0;
border-top: 50px solid transparent;
border-bottom: 50px solid transparent;
border-right: 50px solid transparent;
}
.owl-slider-nav .prev {
left: -50px;
width: 0;
height: 0;
border-top: 50px solid transparent;
border-bottom: 50px solid transparent;
border-left: 50px solid transparent;
}
.owl-slider-nav .next:before {
font-family: "FontAwesome";
font-size: 24px;
content: "\f0da";
color: #fff;
position: absolute;
right: -40px;
top: -13px;
}
.owl-slider-nav .prev:before {
font-family: "FontAwesome";
font-size: 24px;
content: "\f0d9";
color: #fff;
position: absolute;
left: -40px;
top: -13px;
}
.owl-dots {
text-align: center;
}
.owl-dot {
background: #ccc;
border: none;
margin: 5px;
width: 6px;
height: 6px;
padding: 0;
border-radius: 60px;
-moz-border-radius: 60px;
-webkit-border-radius: 60px;
}
.dark-scheme .owl-dot,
.text-light .owl-dot {
background: rgba(255, 255, 255, .2);
}
.owl-item.active div blockquote,
.owl-item.active div blockquote .de_testi_by {
opacity: 1;
}
.owl-stage {
overflow: none;
}
.typed-cursor {
opacity: 1;
-webkit-animation: blink 0.5s infinite;
-moz-animation: blink 0.5s infinite;
animation: blink 0.5s infinite;
}
@keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.list {
margin: 0;
padding: 0;
}
.list li {
list-style: none;
}
.rtl .list.s1 li:after,
.list.s1 li:before {
font-family: FontAwesome;
content: "\f00c";
margin-right: 10px;
}
.rtl .list.s1 li:after {
margin-right: 0;
margin-left: 10px;
}
.rtl .list.s1 li:before {
display: none;
}
#owl-logo img:hover {
opacity: 1;
}
.dark-scheme .switch {
background: rgba(255, 255, 255, .1);
}
.switch {
margin-bottom: -5px;
-webkit-appearance: none;
height: 22px;
width: 42px;
background-color: #F4F4F4;
border-radius: 60px;
position: relative;
cursor: poInter;
border: none;
}
.switch::after {
content: "";
width: 18px;
height: 18px;
background-color: #ffffff;
position: absolute;
border-radius: 100%;
transition: .5s;
margin: 2px 0 0 2px;
}
.de-switch {
display: block;
}
.de-switch h3 {
font-weight: 400;
padding-bottom: 6px;
}
.de-switch input[type=checkbox] {
display: none;
}
.de-switch input[type=checkbox]:checked+label {
background-color: #2f7df9;
}
.de-switch input[type=checkbox]:checked+label:after {
left: 23px;
}
.de-switch label {
transition: all 200ms ease-in-out;
display: inline-block;
position: relative;
height: 20px;
width: 40px;
border-radius: 40px;
cursor: pointer;
background-color: rgba(0, 0, 0, .3);
color: transparent;
}
.dark-scheme .de-switch label {
background-color: rgba(255, 255, 255, .1);
}
.de-switch label:after {
transition: all 200ms ease-in-out;
content: " ";
position: absolute;
height: 14px;
width: 14px;
border-radius: 50%;
background-color: white;
top: 3px;
left: 3px;
right: auto;
}
.de-switch.colored input[type=checkbox]:checked+label {
background-color: #55c946;
}
.de-switch.colored label {
background-color: #ff4949;
}
.switch-with-title .de-switch {
float: right;
}
.switch:checked::after {
transform: translateX(20px);
}
.switch:focus {
outline-color: transparent;
}
.menu_side_area {
display: flex;
align-items: center;
}
.rtl .menu_side_area {
margin-left: 0;
}
.hide-content {
display: none;
}
.ul-check {
padding: 0;
list-style: none;
}
.ul-check li {
position: relative;
display: block;
margin-top: 0;
padding: 0px;
padding-left: 30px;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
line-height: 1.6em;
}
.ul-check li h4 {
font-size: 18px;
font-weight: 500;
}
.ul-check li:before {
position: absolute;
left: 0;
font-family: "FontAwesome";
content: "\f00c";
margin-right: 12px;
width: 20px;
line-height: 1;
padding: 4px 0;
font-size: 15px;
display: inline-block;
text-align: center;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
}
.rtl .ul-check li:before {
margin-right: 0;
margin-left: 12px;
}
/* shadow */
.de-map-wrapper iframe{
-webkit-box-shadow: 0 10px 30px rgb(0 19 87 / 6%);
-moz-box-shadow: 0 10px 30px rgb(0 19 87 / 6%);
box-shadow: 0 10px 30px rgb(0 19 87 / 6%);
}
.no-shadow {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.circle{
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
}
.de-map-wrapper iframe {
width: 100%;
height: 450px;
border: solid 1px #cccccc;
}
/* image effect */
@-webkit-keyframes move-up-down {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-10px);
}
}
@keyframes move-up-down {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-10px);
}
}
.slider-text-wrap {
background: rgba(255, 255, 255, .75);
padding: 30px;
padding-top: 20px;
overflow: hidden;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
.scale-in-mask{
animation: scale-in-mask 1.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) .2s forwards;
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-webkit-transform: scale(1.5);
transform: scale(1.5);
opacity: 0;
}
@keyframes scale-in-mask {
0% {
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-webkit-transform: scale(1.5);
transform: scale(1.5);
clip-path: inset(30% 30% 30% 30%);
opacity: 0;
}
100% {
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
clip-path: inset(0 0 0 0);
opacity: 1;
}
}
@keyframes mask-bottom {
0% {
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-webkit-transform: translateY(0%);
transform: translateY(0%);
opacity: 0;
}
100% {
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@keyframes mask-left {
0% {
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-webkit-transform: translateX(0%);
transform: translateX(0%);
clip-path: inset(0 0 0 100%);
opacity: 0;
}
100% {
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
clip-path: inset(0 0 0 0);
opacity: 1;
}
}
@keyframes mask-right {
0% {
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-webkit-transform: translateX(0%);
transform: translateX(0%);
clip-path: inset(0 100% 0 0);
opacity: 0;
}
100% {
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
clip-path: inset(0 0 0 0);
opacity: 1;
}
}
.rotate-animation{
animation: rotate-animation 10s infinite linear;
}
@keyframes rotate-animation {
0% {
transform: rotate(0deg);
}
50% {
transform: rotate(180deg);
}
100% {
transform: rotate(360deg);
}
}
/* price list */
.def-list-dots .no-def-item dt:after {
content: "";
}
#search {
float: left;
width: 70%;
margin-bottom: 0;
}
/* dropdown */
/* ============================== */
.dropdown {
position: relative;
z-index: 500;
font-weight: 600;
display: inline-block;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
text-align: left;
}
.dropdown a,
.dropdown a:hover {
text-decoration: none;
outline: none;
display: inline-block;
}
.dropdown a {
color: #333;
}
.dark-scheme .dropdown a {
color: #ffffff;
}
.dropdown>a {
display: inline-block;
padding: 7px 12px 7px 12px;
min-width: 140px;
border: solid 1px rgba(0, 0, 0, .2);
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
font-weight: bold;
}
.dark-scheme .dropdown>a {
border: solid 1px rgba(255, 255, 255, .2);
}
.dropdown>a:after {
font-family: "FontAwesome";
font-size: 16px;
content: "\f107";
position: relative;
float: right;
margin-left: 10px;
}
.rtl .dropdown>a:after {
margin-left: 0;
float: left;
}
.dropdown ul,
.dropdown li {
list-style: none;
display: block;
padding: 0;
margin: 0;
}
.dropdown ul {
background: #ffffff;
padding: 10px;
position: absolute;
min-width: 140px;
display: none;
cursor: pointer;
border: solid 1px rgba(0, 0, 0, .1);
}
.dropdown li span {
background: #ffffff;
display: block;
padding: 5px 10px 5px 10px;
border-top: none;
width: 100%;
font-weight: 400;
font-size: 14px;
}
.dark-scheme .dropdown li span {
background: var(--bg-dark-1);
border: solid 1px rgba(255, 255, 255, .1);
}
.dark-scheme .dropdown li span:hover {
background: var(--bg-color-even);
color: #fff;
}
.dropdown li span:hover {
color: #ffffff;
background: #eeeeee;
}
.dropdown li.active {
display: none;
}
.text-light .dropdown {
background: none;
border: solid 1px rgba(255, 255, 255, .1);
}
.text-light .dropdown a {
color: #ffffff;
}
.de-separator:after {
background: none repeat scroll 0% 0% var(--primary-color);
content: "";
height: 10px;
right: 0%;
margin: -5px auto auto -5px;
position: absolute;
transform: rotate(-45deg);
width: 10px;
}
.de-separator:before {
background: none repeat scroll 0% 0% var(--primary-color);
content: "";
height: 10px;
left: 0%;
margin: -5px auto auto -5px;
position: absolute;
transform: rotate(-45deg);
width: 10px;
}
.de-separator {
position: relative;
border-top: 1px solid var(--primary-color);
width: 250px;
clear: both;
margin:0 auto;
margin-bottom: 40px;
}
/* =============== plugin =============== */
/* isotope */
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-ms-transition-duration: 1s;
-o-transition-duration: 1s;
transition-duration: 1s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
#filters {
font-family: var(--body-font);
padding: 0;
margin: 0;
margin-bottom: 20px;
font-weight: 400;
}
#filters li {
display: inline-block;
margin-right: 10px;
margin-bottom: 25px;
}
#filters a {
outline: none;
text-decoration: none;
padding: 8px 20px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
font-weight: 600;
}
.text-light #filters a {
color: rgba(255, 255, 255, .5);
}
#filters a:hover {
background: rgba(255, 255, 255, .2);
}
#filters a.selected {
color: #fff;
}
.text-light #filters a:hover {
color: #fff;
}
.text-light #filters a.selected {
color: #fff;
}
.text-light #filters a.selected {
color: #fff;
}
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
poInter-events: none;
z-index: 1;
}
.project-carousel ul.slides,
.project-carousel-3-col ul.slides {
margin-top: 10px;
margin-bottom: 20px;
}
.logo-carousel.no-control .flex-control-nav {
display: none;
}
.owl-carousel.owl-center .owl-item {
opacity: .6;
}
.owl-carousel.owl-center .owl-item.active.center {
opacity: 1;
position: relative;
z-index: 101;
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-box-shadow: 8px 8px 10px 0px rgba(0, 0, 0, 0.calc());
-moz-box-shadow: 8px 8px 10px 0px rgba(0, 0, 0, 0.calc());
box-shadow: 8px 8px 10px 0px rgba(0, 0, 0, 0.calc());
}
a,
img {
outline: 0;
}
/* overwrite bootstrap */
.de-preloader {
width: 100%;
height: 100%;
top: 0;
position: fixed;
background: #ffffff;
z-index: 5000;
}
.dark-scheme .de-preloader {
background: var(--bg-color-even);
}
@-webkit-keyframes grow {
to {
transform: translateX(-50%) scale(0);
}
}
@keyframes grow {
to {
transform: translateX(-50%) scale(0);
}
}
/* Line Preloader */
@keyframes anim4 {
to {
transform: rotate(360deg);
}
}
/* countdown-begin */
/* steps */
.de-step-icon {
width: 80px;
height: 80px;
background-color: var(--primary-color);
color: white;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 30px;
margin: 0 auto 10px;
}
.de-step-icon i{
font-size: 32px;
}
.de-step {
text-align: center;
position: relative;
padding: 20px;
}
.de-step-arrow::after {
content: "→";
font-size: 24px;
position: absolute;
right: -25px;
top: 50%;
transform: translateY(-50%);
color: #000;
}
.text-light .de-step-arrow::after{
color: #ffffff;
}
.de-step:last-child .de-step-arrow::after {
content: none;
}
@media (max-width: 767.98px) {
.de-step-arrow::after {
display: none;
}
}
#thumbnail-carousel .owl-item:hover {
cursor: pointer;
opacity: .6;
}
/* ================================================== */
/* media query */
/* ================================================== */
@media (min-width: 1000px){
.container {
max-width: var(--container-max-width);
}
}
@media (min-width: 1200px) {
.container {
max-width: 1200px;
}
}
@media (min-width: 1400px) {
.container {
max-width: 1304px;
}
}
/* bootstrap cols 5 */
/* bootstrap cols 5 end */
/* 7 columns begin */
/* 7 columns end */
@media(min-width:980px) and (max-width: 1199px) {
#mainmenu li a:after {
margin-left: 15px;
}
.container {
min-width: 95%;
}
}
/* =============================================-----
design for 768px
/* ================================================== */
@media (min-width: 768px) and (max-width: 979px) {
.slider_text {
padding-top: 0px;
}
}
@media only screen and (max-width: 992px) {
.container{
max-width: 100%;
}
.mb-sm-30 {
margin-bottom: 30px;
}
.sm-pt10 {
padding-top: 10px;
}
#menu-btn {
display: block;
float: right;
z-index: 1000;
top: 0;
right: 0;
}
.header-col-mid #mainmenu {
position: absolute;
top: 90px;
width: 100%;
padding: 0 0 0 0;
left: 20px;
}
#mainmenu>li::before{
display: none;
}
header {
display: none;
}
header,
header.fixed {
display: block;
position: inherit;
margin: 0;
padding: 0;
margin-top: 0;
height: auto;
background: var(--bg-dark-1);
}
header.autoshow {
height: auto;
top: 0;
}
header.autoshow #mainmenu li a {
background: none;
}
.slider_text h1 {
font-size: 32px;
}
.slider_text .description {
display: none;
}
#logo,
#logo .inner {
vertical-align: middle;
height: auto;
}
nav {
height: 0;
}
#mainmenu {
position: fixed;
height: 100%;
z-index: 200;
width: 200px;
margin: 0;
margin-top: 10px;
padding: 0;
padding-top: 20px;
padding-bottom: 100px !important;
overflow-y: auto;
top: 100px;
}
#mainmenu ul {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
#mainmenu a.menu-item {
text-align: left;
padding-left: 0;
padding-top: 10px;
padding-bottom: 10px;
}
#mainmenu li.has-child:after {
display: none;
}
#mainmenu li li a.menu-item,
#mainmenu li li li a.menu-item {
padding-left: 0;
}
#mainmenu a.menu-item:hover {
background: #111;
}
#mainmenu a.menu-item:hover {
background: #111;
}
#mainmenu li ul {
display: block;
position: inherit;
margin: 0;
width: 100%;
}
#mainmenu li {
border-bottom: solid 1px var(--bg-dark-3);
margin: 0;
width: 100%;
display: block;
}
#mainmenu li a.menu-item:after {
display: none;
}
#mainmenu li:last-child {
margin-bottom: 30px;
}
#mainmenu li ul {
border-top: solid 1px #eee;
top: auto;
width: auto;
height: auto;
position: inherit;
visibility: visible;
opacity: 1;
}
#mainmenu>li.menu-item-has-children>a.menu-item {
position: relative;
padding-right: 15px;
}
#mainmenu>li.menu-item-has-children>a.menu-item:after {
content: "\f107";
font-family: "FontAwesome";
display: inline-block;
position: absolute;
top: 0;
right: 0;
}
#mainmenu li ul a.menu-item {
width: 100%;
background: none;
border: none;
}
#mainmenu li ul li {
border: none;
padding-left: 40px;
}
#mainmenu li ul li a.menu-item {
display: block;
}
#mainmenu li ul li:last-child {
border-bottom: none;
margin: 0;
}
#mainmenu li ul li:last-child a.menu-item {
border-bottom: none;
}
#mainmenu li a {
color: #eceff3;
}
#mainmenu li li a.menu-item:hover {
color: #fff;
}
#mainmenu ul:not(.mega) {
border: none;
}
#mainmenu>li ul.mega .sb-menu {
border: none;
}
#back-to-top {
display: none;
}
header.header-mobile {
overflow: hidden;
position: relative;
}
header.header-mobile #mainmenu {
width: 100%;
padding-right: 30px;
position: absolute;
}
header.header-mobile #mainmenu ul {
background: none;
}
header.header-mobile #mainmenu a.menu-item {
text-align: left;
padding-top: 10px;
padding-bottom: 10px;
}
header.header-mobile #mainmenu a.menu-item:hover {
background: none;
}
header.header-mobile #mainmenu li ul {
display: block;
position: inherit;
margin: 0;
width: 100%;
}
header.header-mobile #mainmenu li {
border-bottom: solid 1px rgba(255, 255, 255, .2);
margin: 0;
width: 100%;
display: block;
}
.dark-scheme header.header-mobile #mainmenu li {
border-bottom-color: rgba(255, 255, 255, .1);
}
header.header-mobile #mainmenu li ul.mega ul {
height: auto;
}
header.header-mobile #mainmenu li a.menu-item:after {
display: none;
}
header.header-mobile #mainmenu li:last-child {
margin-bottom: 30px;
}
header.header-mobile #mainmenu li ul {
border-top: none;
top: auto;
}
header.header-mobile #mainmenu li ul a.menu-item {
width: 100%;
background: none;
border: none;
}
header.header-mobile #mainmenu li ul li {
border: none;
padding-left: 40px;
}
header #mainmenu li ul li:first-child {
border-top: solid 1px var(--bg-dark-3);
}
header #mainmenu li ul.mega li:first-child {
border-top: none;
}
.dark-scheme header #mainmenu li ul li:first-child {
border-top-color: rgba(255, 255, 255, .1);
}
header.header-mobile #mainmenu li ul li a.menu-item {
display: block;
border-bottom: solid 1px var(--bg-dark-3);
}
header.header-mobile #mainmenu li ul li:last-child {
border-bottom: none;
margin: 0;
}
header.header-mobile #mainmenu li ul li:last-child a.menu-item {
border-bottom: none;
}
header.header-mobile #mainmenu ul li a {
color: #ffffff;
}
header.header-mobile #mainmenu ul.mega li a {
color: var(--heading-font-color);
}
.dark-scheme header.header-mobile #mainmenu li a.menu-item {
color: #ffffff;
}
header.header-mobile #mainmenu li a.menu-item:hover {
color: var(--secondary-color);
}
.dark-scheme header.header-mobile #mainmenu li a.menu-item:hover {
color: #fff;
}
header.header-mobile #mainmenu li ul {
height: 0;
overflow: hidden;
position: relative;
left: 0;
}
header.header-mobile #mainmenu li ul li ul {
margin-bottom: 10px;
}
header.header-mobile #mainmenu>li>span {
width: 36px;
height: 36px;
background: url(../images/ui/arrow-down-light.png) center no-repeat;
position: absolute;
right: 0;
margin-top: 10px;
z-index: 1000;
cursor: poInter;
}
.dark-scheme header.header-mobile #mainmenu>li>span {
background: url(../images/ui/arrow-down-light.png) center no-repeat;
}
header.header-mobile #mainmenu li span.active {
background: url(../images/ui/arrow-up-light.png) center no-repeat;
}
.dark-scheme header.header-mobile #mainmenu li span.active {
background: url(../images/ui/arrow-up-light.png) center no-repeat;
}
header.header-mobile #mainmenu li>ul>li>span {
width: 36px;
height: 36px;
background: url(../images/ui/arrow-down.png) center no-repeat;
position: absolute;
right: 0;
margin-top: -45px;
z-index: 1000;
cursor: poInter;
}
header.header-mobile #mainmenu>li>ul>li>span.active {
background: url(../images/ui/arrow-up.png) center no-repeat;
}
header.header-mobile #mainmenu li ul li a.menu-item {
border-bottom: solid 1px rgba(255, 255, 255, .2);
}
.dark-scheme header.header-mobile #mainmenu li ul li a.menu-item {
border-bottom-color: rgba(255, 255, 255, .1);
}
header.header-mobile #mainmenu li ul li:last-child>a.menu-item {
border-bottom: none;
}
#mainmenu li ul.mega {
position: fixed;
left: 0;
width: 100%;
margin-top: 30px;
display: block;
}
#mainmenu li ul.mega>li {
width: 100%;
}
#mainmenu li ul.mega>li ul {
position: static;
visibility: visible;
opacity: 1;
left: 0;
float: none;
width: 100%;
}
#mainmenu ul.mega>li ul li {
margin: 0;
padding: 0;
}
/* header light */
.sm-hide {
display: none;
}
#mainmenu a.menu-item span {
display: none;
}
.timeline:before {
background: none;
}
.subfooter .de-flex,
.subfooter .de-flex-col {
display: block;
}
.subfooter .social-icons {
margin-top: 20px;
}
.subfooter span.copy {
margin-top: 20px;
display: block;
}
.dropdown {
display: inline-block;
margin-bottom: 10px;
}
section{
padding: 60px 0;
}
.crumb{
margin-bottom: 0;
}
/* title tablet */
h1,
h1.slider-title{
font-size: 60px;
}
h1.slider-title,
h2.slider-title{
margin-bottom: 0;
}
h2{
font-size: 40px;
}
.pos-sm-relative{
position: relative !important;
}
/* padding top (px) */
/* padding top (px) */
/* margin top (px) */
/* margin top (px) */
.mb-sm-30{margin-bottom:30px;}
.fs-sm-10vw{font-size: 10vw}
#content{
margin-top: 50px;
}
#btn-extra{
display: none;
}
}
/* =============================================-----
custom for 320px & 480px
/* =============================================----- */
@media only screen and (max-width: 767px) {
header .logo-main {
display: none;
}
header .logo-mobile {
display: block;
}
#topbar{
display: none;
}
.menu_side_area {
margin-left: 20px;
width: 100%;
position: relative;
right: 0;
text-align: right;
z-index: 0;
display: block;
}
header .container {
min-width: 100%;
}
.container {
padding-left: 20px;
padding-right: 20px;
}
.text-item {
font-size: 48px;
line-height: 48px;
}
.text-item i {
font-size: 36px;
}
.scrollbar-v,
.float-text{
display: none;
}
.de-spot span{
display: none;
}
.de-spot .de-circle-1,
.de-spot .de-circle-2{
transform: scale(.25);
}
section{
padding: 40px 0;
}
/* title phone */
h1,
h1.slider-title,
h2.slider-title{
font-size: 48px;
}
h2{
font-size: 36px;
}
/* padding top (px) */
/* padding top (px) */
/* margin top (px) */
/* margin top (px) */
}
/* =============================================-----
design for 480px
/* =============================================----- */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container {
padding-left: 30px;
padding-right: 30px;
}
}
/* =============================================-----
design for 320px
/* =============================================----- */
@media only screen and (max-width: 480px) {
.text-item {
font-size: 32px;
line-height: 32px;
}
.text-item i {
font-size: 24px;
}
header a.btn-main i {
display: inline-block;
}
}
@media only screen and (max-width: 360px) {
#topbar {
display: none;
}
}
/* section control */
@media only screen and (min-device-width: 768) and (max-device-width: 1024) and (orientation: portrait) {
section {
-webkit-background-size: auto 100%;
-moz-background-size: auto 100%;
-o-background-size: auto 100%;
background-size: auto 100%;
background-attachment: scroll;
}
}
@media only screen and (max-width: 992px) {
section {
-webkit-background-size: auto 100%;
-moz-background-size: auto 100%;
-o-background-size: auto 100%;
background-size: auto 100%;
background-attachment: scroll;
}
}
/* new added */
/* 2/3 */
/* coloring.css */
/* default color: #fa6a2e */
.btn-main,
#mainmenu li li a.menu-item:hover,
#mainmenu ul li:hover>a.menu-item,
.slider-info .text1,
.de-team-list .small-border,
.owl-arrow span,
.de-progress .progress-bar,
.product img:hover,
.de_tab.timeline li.active .dot,
.owl-custom-nav .btn-next:before,
.owl-custom-nav .btn-prev:before,
#preloader .s1 span,
#filters a.selected,
.widget-post .date,
.owl-item.active.center .feature-box-type-2,
.widget_tags li a,
#cookieConsent a.cookieConsentOK,
.text-light .de_countdown,
.text-light .dropdown li span,
.dropdown li span:hover,
.de-event-item .d-date,
.switch,
.lds-roller div:after,
#mainmenu ul li b,
.d-arrow-left,
.d-arrow-right,
.de-marquee-list .d-item-block,
.scrollbar,
.owl-dot.active,
body::-webkit-scrollbar-thumb
{
background:var(--primary-color);
}
::-moz-selection { /* Code for Firefox */
color:#ffffff;
background:var(--secondary-color);
}
::selection {
color:#ffffff;
background:var(--secondary-color);
}
#back-to-top,
.de-marquee-list .d-item-block.bg-color{
background: var(--primary-color);
}
.id-color,
.slider_text h1,
h1.id-color,
h2.id-color,
h3.id-color,
h4.id-color,
.title span,
i.large:hover,
header.smaller #mainmenu a.menu-item.active,
.widget_tags li a,
.crumb li .active,
#mainmenu li a.menu-item:after,
.accordion a:before,
.list li:before,
a.btn-border.light:hover,
.de_tab .de_nav li span,
.de-icon,
a#cookit-link {
color: var(--primary-color);
}
footer .widget a:hover,
.de_tab .de_nav li span,
.accordion-button:not(.collapsed)
{
color: var(--secondary-color);
}
a.btn-main.invert,
#mainmenu li li a.menu-item:hover,
#mainmenu ul li:hover>a.menu-item,
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus,
.de-switch input[type=checkbox]:checked + label,
.de-card .de-price span,
.de-color-icons i,
.de-marquee-list .d-item-block.bg-color-2{
background: var(--secondary-color);
}
section.dark {
background: rgba(var(--primary-color-rgb), .98);
}
.accordion-section-title.active,
.accordion.secondary .accordion-section-title:before
.d-card i {
background: var(--secondary-color);
}
h1 .label {
background: var(--primary-color);
}
#preloader {
background-image: linear-gradient(to top right, var(--primary-color), var(--secondary-color));
}
.accordion-button:not(.collapsed) {
background: rgba(var(--secondary-color-rgb), .1);
}
#slider-carousel .owl-thumb-item.active img {
border-color: var(--primary-color);
}
.de_countdown,
.dark-scheme .pagination li.active a{
border-color: var(--secondary-color);
}
.form-border input[type=text]:focus,
.form-border textarea:focus,
.form-border input[type=date]:focus,
.form-border select:focus{
webkit-box-shadow: 0px 0px 0px 4px rgba(var(--primary-color-rgb), .3);
-moz-box-shadow: 0px 0px 0px 4px rgba(var(--primary-color-rgb), .3);
box-shadow: 0px 0px 0px 4px rgba(var(--primary-color-rgb), .3);
}
header #mainmenu a.menu-item span,
header.transparent #mainmenu a.menu-item span,
.de-grey #subheader h1 {
border-bottom-color: var(--secondary-color);
}
.de-event-item .d-shadow{
border-color: transparent transparent transparent var(--secondary-color);;
}
/* colors/scheme-01.css */
:root {
--primary-color: #805231;
--primary-color-rgb: 128, 82, 49;
--secondary-color: #805231;
--secondary-color-rgb: 128, 82, 49;
}
/* isak.css */
/**
* Доповнення ISAK поверх теми.
* Тему не редагуємо — тут лише те, чого їй бракує.
*/
/*
* Однакова висота карток у блоках.
*
* Тема покладалась на те, що всі зображення прийдуть однакових пропорцій.
* Щойно в один блок потрапляє кадр 3:4 поруч із 16:9 — картки стають
* різної висоти. Фіксуємо пропорції на рівні CSS, щоб це не залежало
* від того, який файл підставлять наступного разу.
*/
/* напрями: карусель на головній і сітка на сторінці напрямів */
#services-carousel .item img.hover-scale-1-2,
#gallery .item img.hover-scale-1-2 {
aspect-ratio: 16 / 9;
object-fit: cover;
width: 100%;
}
/* проєкти: карусель і сітка */
#projects-carousel .item img.hover-scale-1-2,
.row.g-4 > [class*="col-lg-6"] img.hover-scale-1-2 {
aspect-ratio: 3 / 2;
object-fit: cover;
width: 100%;
}
/*
* Журнал: усі обкладинки 3:2.
*
* У теми вони були вертикальні 3:4, але вся зйомка ISAK — горизонтальна.
* Обрізання 3:2 у 3:4 лишало вікно й підлогу замість самої кухні,
* тому пропорції підлаштовано під матеріал, а не навпаки.
*/
.col-lg-4.col-md-6 img.hover-scale-1-1 {
aspect-ratio: 3 / 2;
object-fit: cover;
width: 100%;
}
/*
* Однакова висота карток.
*
* Довжина опису різна, тому рядок «Майстерня ISAK · дата» стрибав
* по вертикалі від картки до картки. Розтягуємо картку на всю висоту
* колонки й притискаємо підпис донизу.
*/
.isak-card,
.row > [class*="col-"] > .hover:has(> .pt-4) {
display: flex;
flex-direction: column;
height: 100%;
}
.isak-card > .pt-4,
.row > [class*="col-"] > .hover:has(> .pt-4) > .pt-4 {
display: flex;
flex-direction: column;
flex: 1 1 auto;
}
/* підпис автора й дати — завжди внизу картки */
.isak-card > .pt-4 > .relative:last-child,
.row > [class*="col-"] > .hover:has(> .pt-4) > .pt-4 > .relative:last-child {
margin-top: auto;
}
/* мініатюри у блоці «Схожі матеріали» */
.widget-post .col-4 img {
aspect-ratio: 1 / 1;
object-fit: cover;
width: 100%;
}
/* ==========================================================================
Мобільна версія
========================================================================== */
/*
* Хедер накривав заголовок сторінки.
*
* До 993px тема робить хедер фіксованим і НЕПРОЗОРИМ (фон #341f16),
* заввишки 56px. Але верхній відступ першої секції на телефонах падає
* зі 100px до 40px — і заголовок опиняється під суцільною плашкою.
* Заміряно: h1 починається на 47px, хедер закінчується на 56px,
* тобто верхівка літер зрізана на 9px.
*
* Секції з no-top не чіпаємо: це головна й сторінка проєкту, де
* перший блок на весь екран і напис стоїть посередині — там усе гаразд.
*
* Межа 992px не випадкова: це рівно та ширина, де тема перемикається
* на мобільний хедер. На 768–991px перекриття вже немає, але просвіт
* лишався 11px — заголовок майже торкався плашки.
*/
/* :first-of-type, а не :first-child — усередині перед секціями
стоїть , тож :first-child не спрацював би */
@media (max-width: 991.98px) {
main > section:first-of-type:not(.no-top) {
padding-top: 104px;
}
}
/*
* Лічильники — по два в ряд на телефоні.
*
* У теми стоїть col-md-3 col-sm-6: чотири в ряд від 768px, два від 576px,
* а нижче — по одному. На телефоні це чотири екрани поспіль із одним
* числом посередині. Два в ряд удвічі коротші й читаються так само:
* число велике, підпис під ним.
*/
@media (max-width: 575.98px) {
.row > [class*="col-"]:has(> .de_count) {
width: 50%;
}
/* підписи різної довжини — притискаємо їх до верху, щоб числа стояли в лінію */
.de_count {
height: 100%;
}
}
/*
* Етапи роботи — по одному в ряд на телефоні.
*
* У теми стоїть col-6 col-md-3, тобто на телефоні два стовпці.
* На 390px це дає колонку в 165px, і фраза «Знімаємо точні розміри,
* готуємо планування, візуалізацію та кошторис за позиціями»
* розсипається на шість рядків по два слова.
*
* Від 576px колонка вже 258px і читається нормально — там лишаємо як є.
*/
@media (max-width: 575.98px) {
.de-step {
width: 100%;
}
}
.isak-process-step.de-step-arrow::after {
top: 60px;
transform: translateY(-50%);
}
/*
* Бургер: збільшуємо зону натискання, не чіпаючи вигляд.
*
* Сама іконка 32×32 — для пальця замало (орієнтир 44px). Розміри
* не змінюємо, бо це зсунуло б логотип і саму іконку; замість цього
* вішаємо прозорий прямокутник поверх. :before у теми зайнятий
* гліфом бургера, :after вільний.
*/
@media (max-width: 992px) {
#menu-btn {
position: relative;
}
#menu-btn::after {
content: "";
position: absolute;
inset: -6px;
}
}
/* ==========================================================================
Заклики до дії
========================================================================== */
/* кнопка заклику в першому екрані */
.isak-cta-pair {
display: flex;
flex-wrap: wrap;
gap: 12px;
align-items: center;
margin-top: 28px;
}
/*
* Якір на блок заявки.
*
* Хедер фіксований, тож без цього відступу заголовок блоку після
* переходу опинявся б під плашкою — та сама вада, що була на сторінках
* напрямів, тільки при прокрутці за посиланням.
*/
#lead {
scroll-margin-top: 70px;
}
/*
* Іконка TikTok.
*
* Дві окремі речі мали збігтися, і жодна не була на місці:
* 1) гліфа U+E07B не було у врізаному fa-brands-400 — шрифт перезібрано;
* 2) правило .fa-tiktok:before вирізав PurgeCSS, бо на момент
* оптимізації стилів цього класу в розмітці ще не існувало.
*
* Друге дописуємо тут, а не чіпаємо style.css: тема лишається недоторканою.
* Font-family не задаємо — його дає клас .fa-brands.
*/
.fa-tiktok:before {
content: "\e07b";
}
/* ==========================================================================
Логотип
========================================================================== */
/*
* Справжній логотип майже квадратний (485×479), а тема задає розмір
* через --logo-width: 130px. Для колишньої широкої заглушки (300×84)
* це давало висоту 36px, а для квадрата дало б 128px — і рознесло б
* хедер. Тому розмір задаємо висотою, ширину лишаємо автоматичною.
*/
header div#logo img {
max-width: none;
width: auto;
height: 46px;
}
/* мобільний хедер лише 56px заввишки — логотип відповідно менший */
@media (max-width: 992px) {
header div#logo img {
height: 38px;
}
}
/* підвал і бічна панель: у теми ширина, нам потрібна висота */
footer img.w-170px {
width: auto;
height: 88px;
}
#extra-wrap img.w-150px {
width: auto;
height: 76px;
}
/*
* Хрестик у бічній панелі.
*
* Тема малює його чорним (#btn-close span), а білим робить лише
* через #extra-wrap.dark. Той клас ми не вішаємо: крім кольору
* хрестика він робить фон панелі напівпрозорим із розмиттям,
* а панель має лишитися суцільною. Тому колір задаємо прямо.
*/
#extra-wrap.bg-dark #btn-close span {
background: #ffffff;
}
.isak-extra-overlay {
position: fixed;
inset: 0;
z-index: 1001;
opacity: 0;
pointer-events: none;
background:
radial-gradient(circle at 76% 18%, rgba(199, 151, 90, 0.18), transparent 30%),
rgba(12, 12, 12, 0.52);
backdrop-filter: blur(9px);
transition: opacity 220ms ease;
}
.isak-extra-overlay[hidden] {
display: none;
}
.isak-extra-overlay.is-visible {
opacity: 1;
pointer-events: auto;
}
.isak-extra-open {
overflow: hidden;
}
#extra-wrap {
transition: right 260ms ease;
}
/*
* Підписи полів у темному блоці заявки.
*
* Тема фарбує label у #606060 — розрахунок на світлу підкладку форми
* на сторінці контактів. У блоці на темному тлі контраст падав до 2.36
* при нормі 4.5, тобто підписи практично не читались.
*/
#lead label {
color: rgba(255, 255, 255, 0.8);
}
#lead .form-control::placeholder {
color: rgba(255, 255, 255, 0.45);
}
#lead .form-control {
min-height: 52px;
}
#lead input[type=submit].btn-main {
min-height: 52px;
}
.isak-form-status[data-lead-status="success"] {
padding: 14px 16px;
border: 1px solid rgba(92, 115, 82, 0.22);
color: #34402f;
background: rgba(92, 115, 82, 0.08);
}
.isak-form-status[data-lead-status="error"] {
padding: 14px 16px;
border: 1px solid rgba(130, 36, 36, 0.22);
color: #7b2424;
background: rgba(130, 36, 36, 0.08);
}
.isak-modal {
position: fixed;
inset: 0;
z-index: 10020;
display: grid;
place-items: center;
padding: 24px;
opacity: 0;
pointer-events: none;
transition: opacity 220ms ease;
}
.isak-modal[hidden] {
display: none;
}
.isak-modal.is-open {
opacity: 1;
pointer-events: auto;
}
.isak-modal-open {
overflow: hidden;
}
.isak-modal__overlay {
position: absolute;
inset: 0;
background:
radial-gradient(circle at 50% 20%, rgba(199, 151, 90, 0.22), transparent 34%),
rgba(20, 18, 15, 0.54);
backdrop-filter: blur(10px);
}
.isak-modal__dialog {
position: relative;
width: min(100%, 520px);
max-height: min(720px, calc(100svh - 48px));
overflow-y: auto;
padding: clamp(28px, 4vw, 44px);
color: #171410;
background:
linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(244, 238, 229, 0.96)),
#f7f1e8;
border: 1px solid rgba(42, 35, 26, 0.12);
box-shadow: 0 28px 90px rgba(20, 18, 15, 0.34);
transform: translateY(16px) scale(0.98);
transition: transform 220ms ease;
}
.isak-modal__dialog .subtitle {
color: var(--primary-color);
}
.isak-modal__dialog p,
.isak-modal__dialog label {
color: rgba(23, 20, 16, 0.72);
}
.isak-modal.is-open .isak-modal__dialog {
transform: translateY(0) scale(1);
}
.isak-modal__close {
position: absolute;
top: 14px;
right: 14px;
width: 42px;
height: 42px;
border: 1px solid rgba(23, 20, 16, 0.14);
color: #171410;
background: rgba(255, 255, 255, 0.42);
font-size: 28px;
line-height: 1;
}
.isak-modal__close:hover,
.isak-modal__close:focus {
border-color: rgba(23, 20, 16, 0.34);
background: rgba(255, 255, 255, 0.78);
}
.isak-modal .form-control {
min-height: 52px;
color: #171410;
border-color: rgba(23, 20, 16, 0.14);
background-color: rgba(255, 255, 255, 0.72);
}
.isak-modal .form-control::placeholder {
color: rgba(23, 20, 16, 0.42);
}
.isak-modal .form-control:focus {
color: #171410;
border-color: rgba(199, 151, 90, 0.58);
background-color: #fff;
}
.isak-modal select.form-control {
color: #171410;
background-color: rgba(255, 255, 255, 0.72);
}
.isak-modal select.form-control option {
color: #111;
}
/*
* Липка панель — лише телефони й планшети.
*
* З 993px тема показує кнопку в хедері, і панель була б зайвою.
*/
.isak-sticky-cta {
display: none;
}
@media (max-width: 992px) {
.isak-sticky-cta {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 1000;
display: flex;
gap: 1px;
padding: 0;
transform: translateY(100%);
transition: transform 0.25s ease;
}
.isak-sticky-cta.is-visible {
transform: translateY(0);
}
.isak-sticky-cta .btn-main {
flex: 1 1 0;
margin: 0;
border-radius: 0;
text-align: center;
/* палець: 48px разом із відступами теми */
padding: 15px 8px;
/*
* Підпис не переносимо: із двох рядків панель виростала до 90px
* і з'їдала одинадцяту частину екрана. Краще дрібніший шрифт
* в один рядок, ніж висока панель поверх вмісту.
*/
white-space: nowrap;
font-size: 12px;
letter-spacing: 0.04em;
}
/* друга кнопка темніша, щоб дзвінок лишався головним */
.isak-sticky-cta .btn-main + .btn-main {
background: var(--bg-dark-1);
}
/* щоб панель не накрила низ підвалу */
body.has-sticky-cta {
padding-bottom: 54px;
}
/* кнопка «вгору» піднімається над панеллю */
body.has-sticky-cta #back-to-top {
bottom: 74px;
}
}
@media (prefers-reduced-motion: reduce) {
.isak-sticky-cta {
transition: none;
}
}
/*
* Лічильники: власна анімація замість countTo теми.
* Резервуємо ширину, щоб число не смикало сусідні елементи,
* поки зростає кількість розрядів.
*/
.isak-count {
display: inline-block;
font-variant-numeric: tabular-nums;
}
/* ==========================================================================
Адаптивна система масштабу
========================================================================== */
html,
body {
overflow-x: hidden;
}
body {
text-wrap: pretty;
}
/* Hero тримаємо близько до 80% екрана, але без надмірної висоти на 2K. */
#section-intro .mh-800 {
min-height: clamp(660px, 82svh, 900px);
}
#section-intro .abs-middle {
top: 57%;
}
#section-intro h1,
#section-intro h1.fs-sm-10vw {
font-size: clamp(48px, 5.6vw, 88px);
line-height: 0.98;
text-shadow:
0 2px 10px rgba(0, 0, 0, 0.62),
0 10px 34px rgba(0, 0, 0, 0.32);
}
#section-intro p {
max-width: 460px;
font-size: clamp(15px, 1.05vw, 18px);
line-height: 1.75;
text-shadow:
0 2px 8px rgba(0, 0, 0, 0.68),
0 6px 18px rgba(0, 0, 0, 0.36);
}
#section-intro .container > .row > .col-lg-4 {
transform: translateY(clamp(44px, 6svh, 84px));
}
#section-intro .bottom-0 .d-flex > div {
text-shadow: 0 2px 10px rgba(0, 0, 0, 0.52);
}
section {
padding-top: clamp(68px, 7vw, 112px);
padding-bottom: clamp(68px, 7vw, 112px);
}
section.no-top {
padding-top: 0;
}
section.no-bottom {
padding-bottom: 0;
}
h1,
h1.slider-title {
font-size: clamp(44px, 5.8vw, 96px);
line-height: 0.98;
}
h2,
h2.slider-title {
font-size: clamp(34px, 4vw, 64px);
line-height: 1.05;
}
.fs-40 {
font-size: clamp(30px, 2.8vw, 40px);
}
.fs-36 {
font-size: clamp(28px, 2.4vw, 36px);
}
p,
li,
.de_count {
font-size: clamp(15px, 1vw, 17px);
}
.subtitle {
line-height: 1.3;
}
/*
* Головна проблема великих моніторів: каруселі стояли у viewport-wide
* container-fluid, тому на 2K одна картка ставала майже вдвічі ширшою,
* ніж на ноутбуці. Обмежуємо саме секції каруселей, не весь сайт.
*/
section:has(#services-carousel) > .container-fluid,
section:has(#projects-carousel) > .container-fluid {
max-width: 1680px;
margin-left: auto;
margin-right: auto;
padding-left: clamp(20px, 3vw, 56px);
padding-right: clamp(20px, 3vw, 56px);
}
#services-carousel .item img.hover-scale-1-2,
#gallery .item img.hover-scale-1-2 {
max-height: 420px;
}
#projects-carousel .item img.hover-scale-1-2,
.row.g-4 > [class*="col-lg-6"] img.hover-scale-1-2 {
max-height: 560px;
}
#services-carousel .item img.hover-scale-1-2,
#gallery .item img.hover-scale-1-2,
#projects-carousel .item img.hover-scale-1-2,
.row.g-4 > [class*="col-lg-6"] img.hover-scale-1-2,
.col-lg-4.col-md-6 img.hover-scale-1-1 {
object-position: center;
}
/* Широкий відео-банер не має перетворюватись на надвисоку панораму. */
.popup-youtube img.w-100 {
max-height: 680px;
object-fit: cover;
}
.p-40 {
padding: clamp(26px, 3vw, 40px);
}
.spacer-double {
height: clamp(36px, 5vw, 60px);
}
@media (min-width: 1600px) {
.container {
max-width: 1320px;
}
#section-intro h1,
#section-intro h1.fs-sm-10vw {
font-size: clamp(82px, 3.8vw, 92px);
}
}
@media (min-width: 2200px) {
section:has(#services-carousel) > .container-fluid,
section:has(#projects-carousel) > .container-fluid {
max-width: 1720px;
}
}
@media (max-width: 1199.98px) {
#section-intro .mh-800 {
min-height: clamp(640px, 82svh, 780px);
}
#section-intro h1,
#section-intro h1.fs-sm-10vw {
font-size: clamp(48px, 8.2vw, 86px);
}
header div#logo img {
height: 42px;
}
}
@media (max-width: 991.98px) {
section {
padding-top: 72px;
padding-bottom: 72px;
}
#section-intro .mh-800 {
min-height: min(760px, 88svh);
}
#section-intro .abs-middle {
top: 54%;
}
/*
* На вузькому екрані cover ріже фото по ширині, і тема показувала
* лівий край: designesia.js задає фон шорткатом background, а той
* скидає позицію на 0% 0%. Стиль інлайновий, тому !important тут
* єдиний спосіб його перебити.
*/
#section-intro .swiper-inner {
background-position: center center !important;
}
#section-intro .container > .row > .col-lg-4 {
transform: none;
}
#section-intro + section .row > .col-md-4 {
width: 100%;
}
#section-intro + section .row > .col-md-4:first-child {
max-width: 520px;
}
#section-intro + section .text-end {
text-align: left !important;
}
section:has(#services-carousel) > .container-fluid,
section:has(#projects-carousel) > .container-fluid {
max-width: none;
padding-left: 0;
padding-right: 0;
}
#services-carousel .item img.hover-scale-1-2,
#projects-carousel .item img.hover-scale-1-2 {
max-height: none;
}
}
@media (max-width: 767.98px) {
.container {
padding-left: 20px;
padding-right: 20px;
}
section {
padding-top: 60px;
padding-bottom: 60px;
}
#section-intro .mh-800 {
min-height: min(720px, 88svh);
}
/*
* На телефоні вміст героя ставимо на низ кадру, а не по центру.
* Зверху лишається чисте фото, а заголовок і кнопка — під великим
* пальцем. Смуга з трьома тезами тут прихована (.sm-hide),
* тому низ вільний, а липка панель на першому екрані ще не з'явилась.
*/
#section-intro .abs-middle {
top: auto;
bottom: 0;
transform: none;
padding-bottom: 44px;
}
#section-intro h1,
#section-intro h1.fs-sm-10vw {
font-size: clamp(38px, 10.2vw, 54px);
line-height: 0.92;
}
#section-intro p {
max-width: 340px;
font-size: 16px;
line-height: 1.75;
}
.isak-cta-pair {
margin-top: 22px;
}
/*
* min-height сам підпис не центрує: у кнопці теми рядок лишається
* зверху (padding 4px), і весь запас висоти йде під текст.
* Тому вирівнюємо вміст явно.
*/
.isak-cta-pair .btn-main,
.isak-sticky-cta .btn-main {
min-height: 50px;
display: flex;
align-items: center;
justify-content: center;
}
h1,
h1.slider-title {
font-size: clamp(38px, 11vw, 52px);
}
h2,
h2.slider-title {
font-size: clamp(31px, 9vw, 42px);
}
.fs-40 {
font-size: clamp(28px, 8vw, 36px);
}
.fs-36 {
font-size: clamp(26px, 7.5vw, 34px);
}
.abs.w-50 {
width: 78%;
}
.extra-text.abs {
max-width: calc(100% - 32px);
flex-wrap: wrap;
gap: 6px;
margin: 16px !important;
}
.extra-text .bg-blur {
margin-right: 0 !important;
}
.de-custom-nav {
display: none !important;
}
.popup-youtube img.w-100 {
min-height: 260px;
}
}
@media (max-width: 575.98px) {
section {
padding-top: 54px;
padding-bottom: 54px;
}
#section-intro .mh-800 {
min-height: min(690px, 86svh);
}
/* top тут не повертаємо: разом із bottom вище він розтягнув би блок */
#section-intro .abs-middle {
padding-bottom: 34px;
}
#section-intro h1,
#section-intro h1.fs-sm-10vw {
font-size: clamp(34px, 9.8vw, 44px);
}
#section-intro p {
max-width: 92%;
}
.btn-main,
input[type=button].btn-main,
input[type=submit].btn-main {
width: 100%;
text-align: center;
}
.isak-cta-pair {
width: min(100%, 320px);
}
#lead form {
margin-top: 8px;
}
body.has-sticky-cta {
padding-bottom: 66px;
}
}
/* ==========================================================================
Вертикальне відео у віконці (YouTube Shorts)
========================================================================== */
/*
* Клас навішує designesia.js, коли в посиланні є /shorts/.
*
* Рамка Magnific Popup розрахована на 16:9 (padding-top: 56.25%), і
* вертикальний кадр у ній стискався б у вузьку смужку посередині —
* особливо помітно на телефоні. Переводимо рамку в 9:16, а ширину
* обмежуємо через vh, щоб при такому співвідношенні кадр не виходив
* за висоту екрана на низьких вікнах.
*/
.isak-vertical-video .mfp-content {
max-width: min(420px, 48vh);
margin-left: auto;
margin-right: auto;
}
.isak-vertical-video .mfp-iframe-scaler {
padding-top: 177.78%;
}
/* Cookie consent: показується лише коли підключено GTM. */
.isak-consent {
position: fixed;
z-index: 100000;
left: 20px;
right: 20px;
bottom: 20px;
max-width: 760px;
margin: 0 auto;
padding: 20px;
color: #fff;
background: #171717;
border: 1px solid rgba(255,255,255,.18);
border-radius: 12px;
box-shadow: 0 18px 50px rgba(0,0,0,.35);
contain: layout paint;
}
.isak-consent[hidden] { display: none !important; }
.isak-consent p { margin: 6px 0 14px; color: rgba(255,255,255,.78); }
.isak-consent__actions { display: flex; flex-wrap: wrap; gap: 10px; }
.isak-consent__actions .btn-main { border: 0; }
.isak-consent__reject { background: transparent !important; border: 1px solid rgba(255,255,255,.35) !important; }
.isak-consent a { color: inherit; text-decoration: underline; }
.isak-form-privacy { font-size: 12px; line-height: 1.45; opacity: .72; }
.isak-form-privacy a { text-decoration: underline; }
/* Пізніше оголошення замінює блокування іконок на негайний fallback. */
@font-face {
font-family: IcoFont;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../fonts/icofont/fonts/icofont.woff2") format("woff2");
}
.widget_tags li span {
display: inline-block;
padding: 6px 10px;
background: var(--bg-color-even, #f2eee9);
border-radius: 3px;
}
/* Фото в секції «Про ISAK»: великий повний кадр, вирівняний по контейнеру. */
.isak-about-photo {
width: min(100%, 380px);
margin-left: 0;
margin-right: auto;
aspect-ratio: 710 / 888;
}
.isak-about-photo img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
.isak-hero-image {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
max-width: none;
object-fit: cover;
object-position: center;
}
/* Резервуємо висоту до запуску Owl/Jarallax — без стрибка контенту. */
.isak-testimonials {
position: relative;
overflow: hidden;
isolation: isolate;
min-height: 520px;
background-image: url("/images/background/testimonials.webp");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
}
/* Затемнення належить лише секції відгуків, а не вікну браузера. */
.isak-testimonials > .sw-overlay {
inset: 0;
z-index: 1;
pointer-events: none;
}
.owl-single-dots.owl-carousel {
display: block;
min-height: 270px;
}
.owl-single-dots:not(.owl-loaded) > .item:not(:first-child) {
display: none;
}
/* Видима крапка лишається компактною, але зона натискання доступна. */
.owl-dots .owl-dot {
position: relative;
width: 44px;
height: 44px;
margin: 0;
background: transparent !important;
}
.owl-dots .owl-dot::before {
content: "";
position: absolute;
inset: 18px;
border-radius: 50%;
background: rgba(255,255,255,.25);
}
.owl-dots .owl-dot.active::before {
background: #fff;
}
@media (max-width: 575px) {
.isak-consent { left: 10px; right: 10px; bottom: 10px; padding: 16px; }
.isak-consent__actions .btn-main { flex: 1 1 100%; }
.isak-about-photo {
width: min(100%, 340px);
margin-left: 0;
}
.isak-testimonials {
min-height: 650px;
background-attachment: scroll;
}
}