/***************** defaults *********************/ /***************** variables *********************/ @font-face { font-family: ""; src: url(''); } :root {--font1:"DM Sans", sans-serif; --font2:"DM Sans", sans-serif; --font3:"DM Sans", cursive;} /***************** root variables for shop and other page *******************/ /*:root { --opac1light: rgba(255,255,255,0.1); --opac2light: rgba(255,255,255,0.2); --opac3light: rgba(255,255,255,0.3); --opac5light: rgba(255,255,255,0.5); --opac8light: rgba(255,255,255,0.8); --opac1dark: rgba(0,0,0,0.1); --opac2dark: rgba(0,0,0,0.2); --opac3dark: rgba(0,0,0,0.3); --opac5dark: rgba(0,0,0,0.5); --opac8dark: rgba(0,0,0,0.8); --black: #000; --success: #32a852; --danger: #dc3545; --warning: #FFDA16; --info: #14374C; --offwhite: #f7f7f7; --custom0: #1D1D1B; --custom1: #2e2e2e; --custom2: #4f4f4f; --custom3: #7a7a7a; --custom4: #a6a6a6; --custom5: #d9d9d9; --custom6: #e8e8e8; --light: #efebe6; --dark: #17141b; --modedark: #0B0D11; --primary: #4b5e47; --secondary: #DED9D6; --prifade: #60554f80; --secfade: #00285580; --custom7: #a64f33; --custom8: #cbbfb9; --custom9: #eeeddd; --trans: .3s all; --boradius: 30px; --boracus: 30px; --boxadius: 10rem; --boyadius: 50%; --font1: "DM Sans", sans-serif; --font2: "DM Sans", sans-serif; --font3: "DM Sans", cursive; --font4: "", system-ui; --fonticon: 600 1rem "Font Awesome 5 Free","Font Awesome 5 Brands",FontAwesome; --addsize: 0px; --addmdsize: -15px; --addlh: 1rem; --addmdlh: -15px; }*/ /***************** html-body *******************/ html:has(body.modal-open) {overflow-y:hidden;} html {scroll-behavior: smooth !important; word-wrap:break-word; overflow-wrap: anywhere;overflow-x:hidden;} body {background: #f2f1ee !important; font-family: "DM Sans", sans-serif; font-weight:300; letter-spacing:1px; line-height: 2; background:url("") 50% 50% / cover no-repeat fixed white; color: #17141b; overflow-x:unset;} html, body {font-size: 25px;} :has(body.dark) ::-webkit-scrollbar-thumb {background: #2e2e2e !important;} body.dark {background-color:#0B0D11; color:#efebe6; transition:.3s all;} body.dark .btn:not(.btn-light) {color:#efebe6 !important;} body.dark .hero:is(.bg-slider, .bg-video, .bg-video-md).bg-fixed ~ .block-section:not([class*='bg-']), body.dark .point-bot + div:after {background-color:#0B0D11;} body.dark a {color:#efebe6;} /*body.dark .modal .modal-content {background-color:#0B0D11 !important; color:#efebe6;}*/ body.dark .block-list :is(.modal-list .list-group-item, .accordion .card-header) > h5 > .btn {background-color:#17141b !important; border-color:rgba(255,255,255,0.3) !important;} body.dark .block-list-group.accordion .card .card-header h5 .btn /*, body.dark .block-list ~ .block-button .btn:not(.btn-light)*/ {color:#efebe6 !important; background:#17141b !important; border-color:#efebe6;} body.dark .block-list-group.accordion .card .card-body {border-color:#2e2e2e !important; background:linear-gradient(to bottom,#17141b,transparent) !important;} body.dark .news.block-list-group .list-group-item {border:none !important;} body.dark .news.block-list-group .list-group-item:not(:has(.list-content > p:first-child img))::before {background-color:#0B0D11;} body.dark .news.block-list-group .list-group-item:not(:has(.list-content > p:first-child img)) {background-image:url("../../files/icons/icon_wh.svg") !important;} body.dark .block-list-group.tabs .nav-tabs .nav-item {background-color:transparent;} body.dark .block-list-group.tabs .nav-tabs .nav-item .nav-link {background-color:#17141b; color:#efebe6;} body.dark .page-cover .breadcrumbs a {color:#a6a6a6;} body.dark :is(.bg-video, .bg-video-md).bg-fixed ~ .block-section:not([class*='bg-']) {background-color:#0B0D11;} body.dark .modal-content {background-color:#0B0D11 !important;} body.dark .modal-content .modal-footer .btn {color:#17141b !important;} body.dark .modal-list.block-list-group .list-group-item .modal .modal-header .close {color:#efebe6;} body.dark .block-form .form-3 .form-group > label {background-color:#0B0D11;} body.dark .block-form .form-control {background-color:#17141b; color:#efebe6; border-color:#DED9D6;} body.dark .block-form .form-control:is(:active, :focus) {border-color:#efebe6;} body.dark .sub:not([class*='text-']) .__content {color:#efebe6;} body.dark iframe[src*="google.com/maps"] {filter:saturate(0) invert(.9);} body.dark .contact-card .block-columns .__col .block-section {background-color:#17141b !important;} body.dark .contact-card .block-columns .__col .block-section:before {background:linear-gradient(to bottom, rgba(0,0,0,0.8) 10rem, transparent 0) !important;} body.dark .table :is(th, td) {border-color:#efebe6;} body.dark .bg-custom7 .table :is(th, td) {border-color:#cbbfb9;} body.dark .news.block-list-group .list-group-item {background-color:#17141b; color:#efebe6; border-color:#4f4f4f !important;} body.dark .news.block-list-group .list-group-item:not(:has(.list-content > p:first-child img)), body.dark .block-list:not(.testimonials) .news.block-list-group .list-group-item:not(:has(.list-content > p:first-child img)):before {background-color:#17141b !important;} body.dark .fb-frame a {background-color:#0B0D11 !important;} body.dark .fb-frame a:before {filter:contrast(0) brightness(3);} body.dark .price table td:nth-child(2) {color:#efebe6 !important; } body.dark .lang {background-color:rgba(0,0,0,0.3); box-shadow:rgba(0,0,0,0.8) 0px 0px 2000px inset;} /***************** paragraphs *******************/ h6 {font-family:"DM Sans", sans-serif; font-weight:400; margin:0; padding:0; color: inherit; letter-spacing: px; letter-spacing: 3px; line-height:1.5;} h1, h2, h3, h4, h5 {font-family:"DM Sans", sans-serif; font-weight:400; margin:0; padding:0; color: inherit; letter-spacing: .75px; line-height:1.5; } h1 {font-size: calc(350% + 0px); line-height:1.3; font-family:"DM Sans", sans-serif; font-weight:500;} h2 {font-size: calc(280% + 0px); line-height:1.3; font-family:"DM Sans", sans-serif; font-weight:200;} h3 {font-size: calc(220% + 0px); line-height:1.3; font-family:"DM Sans", sans-serif; font-weight:200;} h4 {font-size: calc(160% + 0px); line-height:1.4; font-family:"DM Sans", sans-serif; font-weight:200; transform: scale(0.85); letter-spacing: 0.9px;} h5 {font-size: calc(130% + 0px); line-height:1.5; font-family:"DM Sans", sans-serif; font-weight:300;} h6 {font-size: calc(90% + 0px); line-height:1.8; font-family:"DM Sans", sans-serif; text-transform: uppercase;} p {font-size: calc(100% + (0px / 2)); line-height:1.9; font-family:"DM Sans", sans-serif; font-weight:300;} p, a, ul, ol, li {margin: 0; margin-bottom:0; padding: 0; font-family:inherit;} b, strong {font-weight:500;} h1 strong {font-size:5.5rem;} p > strong > em {font-weight:normal; font-size:.8rem; line-height:normal; display:block;} s {text-decoration: none !important; color:#4b5e47 !important;} :is(.bg-primary, .text-primary, .s-secondary) s {color:#DED9D6 !important;} :is(i,em):is(.fa,.fab,.fas) {font-style:normal;} h4[class*='text-left'], [class*='text-left'] h4 {transform-origin:left;} h4[class*='text-right'], [class*='text-right'] h4 {transform-origin:right;} h4[class*='text-center'], [class*='text-center'] h4 {transform-origin:center;} main a, main a * {transition:.3s all; text-decoration:none; border:none;} main a {color:inherit; transition: .3s all; text-decoration:none !important; cursor:pointer;} main a:hover {color:#4b5e47;} small {display:inline-block;} main .no a {border:none !important;} [href='tooltip:;']:after {content:"\f059"; font:600 1rem "Font Awesome 5 Free","Font Awesome 5 Brands",FontAwesome; font-family:600 1rem "Font Awesome 5 Free","Font Awesome 5 Brands",FontAwesome; font-weight:500; margin-left: 3px; font-size: xx-small;} /*::-webkit-scrollbar {width: 6px; height: 2px; transition:.3s all;}*/ /*::-webkit-scrollbar-track {background: #d9d9d9;}*/ /*::-webkit-scrollbar-thumb {background: #a6a6a6; border-radius:10px; cursor:pointer;}*/ /*::-webkit-scrollbar-thumb:hover {background: #17141b;}*/ ::selection, ::-moz-selection {color: #efebe6; background: #4b5e47;} .page-header *::selection, .bg-primary *::selection, .bg-primary *::-moz-selection {color:#17141b !important; background: #efebe6 !important;} hr {width: 100%; margin: 1rem auto auto auto; min-height: 1px; background-color: #4b5e47; border-color: #4b5e47;} /**********custom-hr**************/ /*hr {width: 100%; margin: 4rem auto 3rem 0; min-height: 1px; max-width:100%; transition:.5s; background-color: #4b5e47; border-color: #4b5e47;}*/ /*hr:after {content:""; position:absolute; transform:translateY(calc(-50% + .5rem)); top:50%; left:.85rem; width:3rem; height:3rem; z-index:2; border-radius:50%; background:url("../../files/icons/icon_wh.svg") 50% 50% / 60% no-repeat scroll; background-color:inherit !important; transition:1s;}*/ /*.block-section:has(hr):hover hr:after {transform:translateY(calc(-50% + .5rem)) scale(-1, 1) scale(-1,1);}*/ /*.block-section:has(hr):hover hr {animation:short 1s linear 1 forwards; background-color:#DED9D6;}*/ /*@keyframes short {50%{max-width:0%;}}*/ /*:is(.text-center, .text-center-left, .text-center-right) hr {margin-inline:auto !important;}*/ /*:is(.text-center, .text-center-left, .text-center-right) hr:after {left:50%; transform:translateX(-50%) translateY(calc(-50% + .5rem));}*/ /*:is(.text-center, .text-center-left, .text-center-right).block-section:has(hr):hover hr:after {transform:translateX(-50%) translateY(calc(-50% + .5rem)) scale(-1, 1) scale(-1,1);}*/ /*:is(.text-right, .text-right-left, .text-right-center) hr {margin-inline:auto 0 !important;}*/ /*:is(.text-right, .text-right-left, .text-right-center) hr:after {left:auto; right:.85rem; transform:translateY(calc(-50% + .5rem));}*/ /*:is(.text-right, .text-right-left, .text-right-center).block-section:has(hr):hover hr:after {transform:translateY(calc(-50% + .5rem)) scale(-1, 1) scale(-1,1);}*/ /*@media (max-width:767px) {*/ /* :is(.text-center-left, .text-right-left) hr {margin-inline:0 auto !important;}*/ /* :is(.text-center-left, .text-right-left) hr:after {left:.85rem; transform:translateY(calc(-50% + .5rem));}*/ /* :is(.text-center-left, .text-right-left).block-section:has(hr):hover hr:after {transform:translateY(calc(-50% + .5rem)) scale(-1, 1) scale(-1,1);}*/ /* :is(.text-left-right, .text-center-right) hr {margin-inline:auto 0 !important;}*/ /* :is(.text-left-right, .text-center-right) hr:after {left:auto; right:.85rem; transform:translateY(calc(-50% + .5rem));}*/ /* :is(.text-left-right, .text-center-right).block-section:has(hr):hover hr:after {transform:translateY(calc(-50% + .5rem)) scale(-1, 1) scale(-1,1);}*/ /*}*/ .block-divider[class*='text-'] hr {background-color: inherit; border-color: inherit; border-top-width:2px;} .spacer {height: 2rem; padding-inline:0 !important;} .font1, .font1 :is(h1, h2, h3, h4, h5, h6, p) { font-family:"DM Sans", sans-serif !important; } .font2, .font2 :is(h1, h2, h3, h4, h5, h6, p) { font-family:"DM Sans", sans-serif !important; } .font3, .font3 :is(h1, h2, h3, h4, h5, h6, p) { font-family:"DM Sans", cursive !important;} .font4, .font4 :is(h1, h2, h3, h4, h5, h6, p) { font-family:"", system-ui !important;} .font-100, .font-100 .__content *:not(strong) {font-weight:100 !important;} .font-300, .font-300 .__content *:not(strong) {font-weight:300 !important;} .font-400, .font-400 .__content *:not(strong) {font-weight:400 !important;} .font-500, .font-500 .__content *:not(strong) {font-weight:500 !important;} .font-600, .font-600 .__content *:not(strong) {font-weight:600 !important;} .font-700, .font-700 .__content *:not(strong) {font-weight:700 !important;} .font-800, .font-800 .__content *:not(strong) {font-weight:800 !important;} .font-900, .font-900 .__content *:not(strong) {font-weight:900 !important;} .font-normal, .font-normal .__content *:not(strong) {font-weight:normal !important;} :is(.block-text,.block-header) .lh-normal, .lh-normal .__content * {line-height:normal;} :is(.block-text,.block-header) .lh-xs, .lh-xs .__content * {line-height:1;} :is(.block-text,.block-header) .lh-sm, .lh-sm .__content * {line-height:1.2;} :is(.block-text,.block-header) .lh-md, .lh-md .__content * {line-height:1.5;} :is(.block-text,.block-header) .lh-lg, .lh-lg .__content * {line-height:2;} :is(.block-text,.block-header) .lh-xl, .lh-xl .__content * {line-height:2.5;} :is(.block-text,.block-header) .lh-xxl, .lh-xxl .__content * {line-height:3;} .fs-xxs, .fs-xxs .__content * {font-size: x-small;} .fs-xs, .fs-xs .__content * {font-size: smaller;} .fs-sm, .fs-sm .__content * {font-size: small;} .fs-md, .fs-md .__content * {font-size: medium;} .fs-lg, .fs-lg .__content * {font-size: large;} .fs-xl, .fs-xl .__content * {font-size: larger;} .fs-xxl, .fs-xxl .__content * {font-size: x-large;} .fs-xxxl, .fs-xxxl .__content * {font-size: xx-large;} /*html:not(.cms) main a:is([href*='tel:'],[href*='mailto:'],[href*='goo.gl'],[href*='.com'],[href*='.se']):not(.btn) {margin-left:5px;} html:not(.cms) main a:is([href*='tel:'],[href*='mailto:'],[href*='goo.gl'],[href*='.com'],[href*='.se']):before {margin-right:5px; font-size:.9rem; font:600 1rem "Font Awesome 5 Free","Font Awesome 5 Brands",FontAwesome;} .block-button a[href*='tel:']:after, a[href*='tel:']:before {content:"\f095";} .block-button a[href*='mailto:']:after, a[href*='mailto:']:before {content:"\f0e0" !important;} .block-button a[href*='goo.gl']:after, a[href*='goo.gl']:before {content:"\f3c5";} .block-button a:is([href*='.com'],[href*='.se']):after, a:is([href*='.com'],[href*='.se']):before {content:"\f0ac";}*/ a[href*='facebook.com']:before, a.fblink:before {content:"\f082";} a[href*='instagram.com']:before {content:"\f16d";} a[href*='twitter.com']:before {content:"\f099";} a[href*='linkedin.com']:before {content:"\f08c";} a[href*='youtube.com']:before {content:"\f431";} a[href*='tiktok.com']:before {content:"\e07b";} html:not(.cms) .clean:before, html:not(.cms) .clean a:before {display:none !important;} .clean, .clean a {padding-inline:0 !important; border:none !important; text-decoration:none !important; margin-left:0 !important;} main :is(.block-header, .block-text) a:has(:before) {margin-left:0 !important;} /***************** buttons *********************/ .btn {font-family: "DM Sans", sans-serif !important; white-space: normal; border: none !important; font-size: 1rem; font-weight: 500; border-radius: 30px !important; display: inline-block; text-align: left; padding: 1.25rem 2.25rem; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; font-style: normal; margin: 1.5rem 0 0 0; text-decoration: none !important; position: relative; z-index: 2;} /*.btn:after {content: url('../../files/icons/arrow_right_light1.svg'); width: 1.75rem; margin-left: 1rem; line-height: 0; display: block; float: right; moz-transition: all .1s; -webkit-transition: all .1s; -o-transition: all .1s; -ms-transition: all .1s; transition: all .1s;}*/ .btn:hover, .btn:active, .btn:focus {outline: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; border: none !important; outline-style: none !important; border-color: transparent !important;} .btn-primary {background-color: #4b5e47 !important; color: #efebe6 !important;} .btn-primary:hover, .btn-primary:active, .btn-primary:focus {background-color: #2e2e2e !important;} .btn-secondary {background-color: #DED9D6 !important; color: #4b5e47 !important;} .btn-secondary:hover {background: #17141b !important; color: #efebe6 !important;} .btn-secondary:after {content: url('../../files/icons/right_dark-01.svg'); width: 1.75rem; margin-left: 1rem; line-height: 0; display: block; float: right; moz-transition: all .1s; -webkit-transition: all .1s; -o-transition: all .1s; -ms-transition: all .1s; transition: all .1s;} .btn-secondary:hover:after {content: url('../../files/icons/right-01.svg');} .btn-special2 {background: radial-gradient(ellipse at top, #712020, #d34343); font-size: 0.75rem; color: #efebe6 !important; margin: auto; transition: 0.5s all; text-align: center; display: flex !important; justify-content: center; align-items: center; width: 10rem; height: 10rem; border-radius: 50% !important; border: 1px solid #712020 !important; } .btn-special2:hover {transition: 0.5s all; background: #17141b !important; border: 1px solid #17141b !important; color: #efebe6 !important; opacity: 0.75; } .btn-special3 {margin-left: 2.85rem; background: radial-gradient(ellipse at top, #712020, #d34343); font-size: 0.75rem; color: rgb(255,255,255, 0.75) !important; transition: 0.5s all; text-transform: capitalize; text-align: center; display: flex !important; justify-content: center; align-items: center; width: 10rem; height: 10rem; border-radius: 50% !important; } .btn-special3:hover {transition: 0.5s all; background: #17141b !important; opacity:.6;} .btn-special3:after {display: none !important;} .btn-special {font-size: 0.75rem; color: rgb(255,255,255, 0.75) !important; transition: 0.5s all; text-transform: capitalize; text-align: center; display: flex !important; justify-content: center; align-items: center; width: 10rem; height: 10rem; border-radius: 50% !important; background: #4b5e47 !important; border: 1px solid #4b5e47 !important; } .btn-special.btn-light {background:#efebe6 !important; color:#17141b !important; border-color:#efebe6 !important; } .btn-special:hover {transition: 0.5s all; background: #efebe6 !important; color: #17141b !important; opacity:.6;} .btn-special:after {display: none !important;} @media (max-width: 1470px){ .filter-special h1 {padding-top: 7rem;} } .btn-rounded {transition: 0.5s all; text-transform: capitalize; text-align: center; display: flex !important; justify-content: center; align-items: center; width: 7rem; height: 7rem; border-radius: 50% !important; background: transparent !important; border: 1px solid #efebe6 !important; } .btn-rounded:hover {transition: 0.5s all; background: #efebe6; border: 1px solid #efebe6 !important; color: #17141b !important; opacity: 0.75; } .btn-rounded2 {transition: 0.5s all; padding: 10px !important; text-transform: capitalize; text-align: center; display: flex !important; justify-content: center; align-items: center; width: 7rem; height: 7rem; border-radius: 50% !important; background: transparent; border: 1px solid #17141b !important; color: #17141b !important;} .btn-rounded2:hover {transition: 0.5s all; background: #17141b; border: 1px solid #17141b !important; color: #efebe6 !important; opacity: 0.75; } .btn-light {background-color: #4b5e47 !important; color: #efebe6 !important;} .btn-light:hover {background-color: #efebe6 !important; color: #17141b !important;} .btn-dark {background-color: #17141b; color: #efebe6 !important;} .btn-dark:hover {background-color: #efebe6; color: #17141b !important;} .btn-green {background-color: $btncolor; color: #17141b !important;} .btn-green:hover {background-color: #4b5e47; color: #17141b !important;} .btn-info {padding: 0 !important; background: transparent; color: #efebe6; display: inline-block; moz-transition: all .1s; -webkit-transition: all .1s; -o-transition: all .1s; -ms-transition: all .1s; transition: all .1s;} .btn-info:after {margin: 0 0 0 .75rem; content: url('../../files/icons/btn-after_primary.svg'); line-height: 1; display: inline-block; float: none; vertical-align: middle;} .btn-info:hover, .btn-info:active, .btn-info:focus {color: #efebe6 !important; background: transparent !important; letter-spacing: .15rem;} .btn-success {background-color: #DED9D6 !important; color: #17141b !important;} .btn-success:after {content: url('../../files/icons/btn-after_light.svg');} .btn-success:hover, .btn-success:active, .btn-success:focus {background-color: #a6a6a6 !important; color: #17141b !important;} .btn-warning {background-color: transparent !important; color: #efebe6 !important; border: .1rem solid #4b5e47 !important;} .btn-warning:after {content: url('../../files/icons/btn-after_primary.svg');} .btn-warning:hover, .btn-warning:active, .btn-warning:focus {background-color: #4b5e47 !important; border: .1rem solid #4b5e47 !important;} .btn-warning:hover:after {content: url('../../files/icons/btn-after_light.svg');} .btn-danger {background-color: #17141b !important; color: #DED9D6 !important;} .btn-danger:after {content: url('../../files/icons/btn-after_secondary.svg');} .btn-danger:hover, .btn-danger:active, .btn-danger:focus {background-color: #2e2e2e !important;} .btn-scroll.down:hover:after, .btn-contact.down:hover:after {transform: rotate(90deg);} .btn-scroll.up:hover:after, .btn-contact.up:hover:after {transform: rotate(-90deg);} /***************** borders *********************/ .bg-primary.flow .__col .lordicon lord-icon, .bg-primary, .border-primary, .border-primary.border-col .block-columns .__col {border-color: #4b5e47 !important;} .bg-secondary.flow .__col .lordicon lord-icon, .bg-secondary, .border-secondary, .border-secondary.border-col .block-columns .__col {border-color: #DED9D6 !important;} .bg-dark.flow .__col .lordicon lord-icon, .bg-dark, .border-dark, .border-dark.border-col .block-columns .__col {border-color: #17141b !important;} .bg-modedark.flow .__col .lordicon lord-icon, .bg-modedark, .border-modedark, .border-modedark.border-col .block-columns .__col {border-color: #0B0D11 !important;} .bg-light.flow .__col .lordicon lord-icon, .bg-light, .border-light, .border-light.border-col .block-columns .__col {border-color: rgb(255,255,255,0.25) !important;} .bg-light.flow .__col .lordicon lord-icon, .bg-light, .border-light, .border-accent.border-col .block-columns .__col {border-width: 2.5px !important; border-color: #712020 !important;} .bg-info.flow .__col .lordicon lord-icon, .bg-info, .border-info, .border-info.border-col .block-columns .__col {border-color: #14374C !important;} .bg-success.flow .__col .lordicon lord-icon, .bg-success, .border-success, .border-success.border-col .block-columns .__col {border-color: #32a852 !important;} .bg-warning.flow .__col .lordicon lord-icon, .bg-warning, .border-warning, .border-warning.border-col .block-columns .__col {border-color: #FFDA16 !important;} .bg-danger.flow .__col .lordicon lord-icon, .bg-danger, .border-danger, .border-danger.border-col .block-columns .__col {border-color: #dc3545 !important;} .bg-custom0.flow .__col .lordicon lord-icon, .bg-custom0, .border-custom0, .border-custom0.border-col .block-columns .__col {border-color: #1D1D1B !important;} .bg-custom1.flow .__col .lordicon lord-icon, .bg-custom1, .border-custom1, .border-custom1.border-col .block-columns .__col {border-color: #2e2e2e !important;} .bg-custom2.flow .__col .lordicon lord-icon, .bg-custom2, .border-custom2, .border-custom2.border-col .block-columns .__col {border-color: #4f4f4f !important;} .bg-custom3.flow .__col .lordicon lord-icon, .bg-custom3, .border-custom3, .border-custom3.border-col .block-columns .__col {border-color: #7a7a7a !important;} .bg-custom4.flow .__col .lordicon lord-icon, .bg-custom4, .border-custom4, .border-custom4.border-col .block-columns .__col {border-color: #a6a6a6 !important;} .bg-custom5.flow .__col .lordicon lord-icon, .bg-custom5, .border-custom5, .border-custom5.border-col .block-columns .__col {border-color: #d9d9d9 !important;} .bg-custom6.flow .__col .lordicon lord-icon, .bg-custom6, .border-custom6, .border-custom6.border-col .block-columns .__col {border-color: #e8e8e8 !important;} .bg-custom7.flow .__col .lordicon lord-icon, .bg-custom7, .border-custom7, .border-custom7.border-col .block-columns .__col {border-color: #a64f33 !important;} .bg-custom8.flow .__col .lordicon lord-icon, .bg-custom8, .border-custom8, .border-custom8.border-col .block-columns .__col {border-color: #cbbfb9 !important;} .bg-custom9.flow .__col .lordicon lord-icon, .bg-custom9, .border-custom9, .border-custom9.border-col .block-columns .__col {border-color: #eeeddd !important;} .bg-opac1light {background-color: rgba(255,255,255,0.1) !important;} .bg-opac2light {background-color: rgba(255,255,255,0.2) !important;} .bg-opac3light {background-color: rgba(255,255,255,0.3) !important;} .bg-opac5light {background-color: rgba(255,255,255,0.5) !important;} .bg-opac8light {background-color: rgba(255,255,255,0.8) !important;} .bg-opac1dark {background-color: rgba(0,0,0,0.1) !important;} .bg-opac2dark {background-color: rgba(0,0,0,0.2) !important;} .bg-opac3dark {background-color: rgba(0,0,0,0.3) !important;} .bg-opac5dark {background-color: rgba(0,0,0,0.5) !important;} .bg-opac8dark {background-color: rgba(0,0,0,0.8) !important;} /***************** utilities *********************/ .card {background-color:transparent; border:none;} .block-list-group {margin: 0;} .block-list-group .list-group-item {background-color: transparent; padding: .8rem 1rem; border: 1px solid #d9d9d9; border-bottom: none; border-radius: 0; transition: .3s all;} .block-list-group .list-group-item:first-child {border-radius: 30px; border-bottom-left-radius:0 !important; border-bottom-right-radius:0 !important;} .block-list-group .list-group-item:last-child {border-bottom: 1px solid #d9d9d9; border-radius: 30px; border-top-left-radius:0 !important; border-top-right-radius:0 !important;} .block-list-group.listhtml .list-group-item .list-content > *:first-child {margin-top:0;} .block-section-container > .block-list:first-child :is(.modal-list .list-group-item, .accordion .card):first-child {margin-top:0;} .block-list :is(.modal-list .list-group-item, .accordion .card) {padding:0; margin-top: 1rem; border-radius:0;} .block-list :is(.modal-list .list-group-item, .accordion .card-header) {background:transparent; border-radius:0; border:none; padding:0; margin-bottom:0; } .block-list :is(.modal-list .list-group-item, .accordion .card-header) > h5 {margin:0 !important; padding:0;} .block-list :is(.modal-list .list-group-item, .accordion .card-header) > h5 > .btn {border:none /*1px solid #d9d9d9*/ !important; background-color:#d9d9d9; color:#17141b; margin:0; text-transform:initial; width: 100%; text-align: left; display: flex; justify-content: space-between; } .block-list.btn-uppercase :is(.modal-list .list-group-item, .accordion .card-header) > h5 > .btn {text-transform:uppercase;} .block-list.btn-w-auto :is(.modal-list .list-group-item, .accordion .card-header) > h5 > .btn {width:auto;} .block-list :is(.modal-list .list-group-item, .accordion .card-header) > h5 > .btn:after {content:"\f0d7"; margin-left:1rem; font:600 1rem "Font Awesome 5 Free","Font Awesome 5 Brands",FontAwesome; transition:.3s all; color:inherit;} .block-list :is(.modal-list .list-group-item, .accordion .card-header) > h5 > .btn:is(:hover, :focus, :active, :focus-visible) {background-color:#60554f80 !important; color:#efebe6 !important; outline:none; box-shadow:none; text-decoration:none;} .block-list :is(.modal-list .list-group-item:has(.modal.show), .accordion .card:has(.collapsing, .collapse.show)) h5 > .btn {background-color:#60554f80 !important; color:#efebe6 !important; outline:none; box-shadow:none; text-decoration:none; border-bottom-right-radius: 0; border-bottom-left-radius: 0;} .block-list :is(.modal-list .list-group-item) > h5 > .btn:after {background:none !important;} .modal-list.block-list-group .list-group-item > h5 > .btn:after {content:"\f424" !important;} .modal-list.block-list-group .list-group-item .modal {text-align:left !important;} .modal-list.block-list-group .list-group-item .modal .modal-title {margin:0;} .modal-list.block-list-group .list-group-item .modal .modal-dialog {max-width:70vw;} .modal-list.block-list-group .list-group-item .modal .modal-content {border-radius:30px; padding:1rem;} .modal-list.block-list-group .list-group-item .modal .modal-header, .modal .modal-header {display: flex; flex-direction: row; align-items: center;} .modal-list.block-list-group .list-group-item .modal .modal-header :is(.btn-close,.close), .modal .modal-header :is(.btn-close,.close) {display: flex; align-items: center; justify-content: center; right:3rem; top:3rem; opacity:1; background-color:transparent; border:1px solid !important; color:inherit; font-size:0; letter-spacing:0; line-height:0; width: 3rem; height: 3rem; border-radius: 50%; margin-right:0;} .modal-list.block-list-group .list-group-item .modal .modal-header :is(.btn-close,.close):before, .modal .modal-header :is(.btn-close,.close):before {color:inherit; content:"\f00d"; font:600 1rem "Font Awesome 5 Free","Font Awesome 5 Brands",FontAwesome; font-size:12px;} .modal-list.block-list-group .list-group-item .modal .modal-body {} .modal-list.block-list-group .list-group-item .modal .modal-footer {display:none;} .modal-list.block-list-group .list-group-item .modal .modal-footer .btn {margin-top:0;} .btn-video .modal-list.block-list-group .list-group-item > h5 > .btn {font-size:0; background:url("../../assets/images/icons/video.png") 50% 50% / contain no-repeat scroll transparent !important; width: 8rem; height: 8rem; border:none !important;} .btn-video .modal-list.block-list-group .list-group-item > h5 > .btn:is(:hover, :active, :focus, :focus-visible) {background-color:transparent !important; border:none !important; outline:none !important; text-decoration:none !important; box-shadow:none !important;} .btn-video .modal-list.block-list-group .list-group-item > h5 > .btn:after {display:none;} .btn-video .modal-list.block-list-group .list-group-item .modal .modal-body p:has(iframe,video) {margin-top:0 !important;} :is(.text-center, .text-center-right, .text-center-left).btn-video .modal-list.block-list-group .list-group-item > h5 > .btn {margin-inline:auto;} .btn-white.btn-video .modal-list.block-list-group .list-group-item > h5 > .btn {filter:brightness(5) saturate(0);} .btn-video:has(.modal-list.block-list-group .modal.show) {z-index:2050;} .btn-video .modal-list.block-list-group .list-group-item .modal .modal-header:has(h5:empty) {height:0; padding:0; border: none; line-height: 0;} .btn-video .modal-list.block-list-group .list-group-item .modal .modal-header:has(h5:empty) .close {position: absolute; z-index: 10; color: #17141b; background:#e8e8e8; top: 1rem; right: 0; border-radius: 0 50% 0 50%;} .btn-video .modal-list.block-list-group .list-group-item .modal .modal-body :is(iframe,video) {height:calc(100vh - 7.5rem) !important;} :is(html,body):has(.modal-list.block-list-group .modal.show) {overflow:hidden;} html:has(.modal-list.block-list-group .modal.show) :is(.navbar,.nav-top) {opacity:0; transform:translateY(calc(-1 * (var(--navh) + var(--navtoph))));} html:has(.btn-video .modal-list.block-list-group .modal.show) .modal-backdrop.show {display:none !important;} @media (max-width:767px) { .btn-video .modal-list.block-list-group .list-group-item .modal .modal-body :is(iframe,video) {height:calc(100vh - 5rem) !important;} .text-center-right.btn-video .modal-list.block-list-group .list-group-item > h5 > .btn {margin-inline:auto 0;} .text-center-left.btn-video .modal-list.block-list-group .list-group-item > h5 > .btn {margin-inline:0 auto;} } .accordion.block-list-group .card {background:transparent; border:none; transition:.3s all;} .accordion.block-list-group .card:has(.collapsing, .collapse.show) {/*background:linear-gradient(to bottom, rgba(0,0,0,0.1), transparent);*/} .accordion.block-list-group .card .card-body {padding:.5rem 1.5rem 1rem 1.5rem; border-radius:0 0 30px 30px; outline: 1px solid #d9d9d9 !important; outline-offset: -1px; margin-top: -1px;} .tabs.block-list-group .nav-tabs {border: none; display: flex; flex-wrap: nowrap; gap:.5rem; margin-top:0;} .tabs.block-list-group .nav-tabs .nav-item {background: #efebe6; margin-bottom:0 !important; display: flex; align-items: center;} .tabs.block-list-group .nav-tabs .nav-item .nav-link {background-color:rgba(0,0,0,0.1); border-radius:30px; border-bottom-right-radius:0 !important; border-bottom-left-radius:0 !important; padding: 1rem; border: 1px solid #e8e8e8 !important; line-height:1.6; text-decoration:none; border-radius:calc(30px / 2) calc(30px / 2) 0 0; margin: 0; color: #4f4f4f; transition:.3s all; text-align:center;} .tabs.block-list-group .nav-tabs .nav-item:not(:last-child) .nav-link {/*border-right:1px solid #efebe6 !important;*/} .tabs.block-list-group .nav-tabs .nav-item.active {background: #e8e8e8;} .tabs.block-list-group .nav-tabs .nav-item:hover .nav-link, .block-list-group.tabs .nav-tabs .nav-item .nav-link.active {color: #4b5e47;} .block-list-group.tabs .nav-tabs .nav-item .nav-link.active {font-weight: 700; background-color:#DED9D6 !important; color:#efebe6 !important;} .tabs.block-list-group .nav-tabs .nav-item:before {display: none;} .tabs.block-list-group .tab-content {padding: 2rem 3rem; border: 1px solid #e8e8e8; border-radius:30px; border-top-left-radius:0 !important; border-top-right-radius:0 !important;} .tabs.block-list-group .tab-content p:not(:first-child) {margin-top: 1rem;} .tab-right .tabs.block-list-group .nav-tabs {justify-content: flex-end;} .tab-center .tabs.block-list-group .nav-tabs {justify-content: center;} .tab-justify .tabs.block-list-group .nav-tabs {justify-content: space-between; gap:1rem;} .tab-justify .tabs.block-list-group .nav-tabs > li {flex:1;} .tab-justify .tabs.block-list-group .nav-tabs > li > a {width:100%;} .price.block-list .tabs.block-list-group .tab-content .tab-pane > .table-responsive:first-child {margin-top:1rem;} .price.block-list .tabs.block-list-group .tab-content .tab-pane:has(table) > *:not(table):not(div) {padding-left:.5rem;} .price.block-list .tabs.block-list-group .tab-content .tab-pane > *:not(table):not(div):has(+ div.table-responsive) {margin-bottom:1rem;} .pager {margin: 0; width: 100%; justify-content: center; border-radius: 0;} .pager li {margin: 0;} .pager li:before {display: none;} .pager li a {display: inline-block; padding: 0; font-size: 1px; margin: 0 10px !important; color: #a6a6a6; background: #a6a6a6; border: none; width: 16px; height: 16px; border-radius: 8px !important;} .pager li a:hover, .pager li a.active {background: #4b5e47; color: #4b5e47;} :root {--newsimgheight:300px;} .__base .news.block-list-group .list-group-item {padding-top:1.5rem !important;} .__base .news.block-list-group .list-group-item .list-date {background:transparent !important; padding:0 !important; position:relative !important; color:#17141b !important; height:auto !important; justify-content: flex-start !important; inset:0 !important;} .news.block-list-group {justify-content: center; display: flex; gap: 2rem; flex-wrap: wrap; padding-block:2rem;} .news.block-list-group .list-group-item {background:white; flex:1 0 calc(100% / 3 - 1.5rem); max-width: calc(100% / 3 - 1rem); overflow:hidden; border-radius:30px !important; border:1px solid white !important; padding:1.5rem; display:flex; flex-direction:column;} .news.block-list-group .list-group-item:not(:has(.list-content > p:first-child img)) {background:url("../../assets/images/favicon.svg") 90% 90% / calc(var(--newsimgheight) / 2) no-repeat scroll white; } .block-list:not(.testimonials) .news.block-list-group .list-group-item:not(:has(.list-content > p:first-child img)):before {content:""; position:absolute; background:white; inset:0; border-radius:inherit; overflow:hidden; opacity:.9; z-index:0;} .news.block-list-group .list-group-item * {z-index:1;} .news.block-list-group .list-group-item .list-date {font-size: .8rem; margin-bottom:1rem;} .news.block-list-group .list-group-item .list-header {font-size:1.8rem; margin-top:0;} .news.block-list-group .list-group-item .list-content:not(:has(p)) {padding-top:1rem;} .news.block-list-group .list-group-item .list-content p:has(img) {margin-top:0;} .news.block-list-group .list-group-item:has(.list-content > p:first-child img) .list-date {color:#efebe6; position: absolute; top: calc(var(--newsimgheight) - 0.5rem); z-index: 2; background: #4b5e47; line-height: normal; height: 2rem; padding-inline: 0.5rem; display: flex; align-items: center; justify-content: center;} .news.block-list-group .list-group-item:has(.list-content > p:first-child img) {padding-top: calc(var(--newsimgheight) + 3rem);} .news.block-list-group .list-group-item .list-content > p:first-child img {position: absolute; top: 0; margin-top: 1.5rem; width: calc(100% - 3rem); /*box-shadow:.5rem .5rem .7rem rgba(0,0,0,0.2);*/ border-radius:30px 30px 30px 0; height:100%; max-height:var(--newsimgheight); object-fit:cover; object-position:center; overflow:hidden;} .no-date .news.block-list-group .list-group-item .list-date {display:none;} .news.block-list-group .list-group-item:only-child {flex: 1; max-width: 100%;} .news.block-list-group:has(.list-group-item:only-child) {padding-block:1rem;} .testimonials .news.block-list-group .slick-track {display:flex;} .testimonials .news.block-list-group .list-group-item {flex:1; float:none !important; border:1px solid #DED9D6 !important; height:unset; justify-content: flex-end; background:white !important; padding-top:.5rem !important;} .testimonials .news.block-list-group .list-group-item:before {content:"\f10d"; font:600 1rem "Font Awesome 5 Free","Font Awesome 5 Brands",FontAwesome; color:#4b5e47; font-size: 8rem; position: absolute; bottom: 0; line-height: normal; left: -2rem; z-index: 0; opacity:.1;} .testimonials .news.block-list-group .list-group-item .list-date {order:2; margin-block:2rem .5rem; background:transparent !important; padding:0 !important; position:relative !important; color:#17141b !important; height:auto !important; justify-content: flex-start !important; inset:0 !important;} .testimonials .news.block-list-group .list-group-item .list-header {order:3; font-size:1.2rem; font-family:"DM Sans", sans-serif;} .testimonials .news.block-list-group .list-group-item .list-content {margin-bottom:auto;} .testimonials .news.block-list-group .list-group-item .list-content > p:first-child img {margin-block: 1rem; position: relative; float:right; width: 5rem; height: 5rem; border-radius: 50%; object-fit: cover; margin-left:1rem;} .testimonials .slick-arrow:not(:hover) {opacity:.3;} .block-list.clear :is(.modal-list .list-group-item, .accordion .card-header) > h5 > .btn {background:transparent !important;} .news-modal.block-list .pagination.pager {display:none;} .news-modal.block-list .news.block-list-group {display:flex !important;} .news-modal.block-list .news.block-list-group .list-group-item:not(:has(.list-content > p:first-child img)):before {display:none;} .news-modal.block-list .news.block-list-group .list-group-item {transition:.3s all; display:flex !important; border:1px solid #e8e8e8 !important;} .news-modal.block-list .news.block-list-group .list-group-item:hover {transform:translateY(6px); cursor:pointer; } .news-modal.block-list .news.block-list-group .list-group-item:after {content:"Klicka för att läsa mer"; display:block; margin-top:auto; font-style:italic; font-size:.8rem;} .news-modal.block-list .news.block-list-group .list-group-item .list-content {margin-bottom:1rem; margin-top:0; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden;} .news-modal.block-list .news.block-list-group .list-group-item .list-content > p:after{content:"...";} .news-modal.block-list .news.block-list-group .list-group-item .list-content p ~ * {display:none;} .news-modal.block-list .news.block-list-group .list-group-item .list-content a {border:none; pointer-events:none;} .news-card.block-list .news {display:flex; /*justify-content: center; */ flex-wrap:wrap; gap:0; margin-inline:-1rem; margin-top:0;} .news-card.block-list .news .list-group-item {display: flex; flex-direction: column; flex: 1 33%; max-width: 33%; padding:1rem; border:none !important; background:transparent !important; margin:0;} .news-card.block-list .news .list-group-item .list-date {display:none;} .news-card.block-list .news .list-group-item .list-img {overflow:hidden; border-radius:1rem 1rem 0 0; min-height: 25vh; height: 25vh;} .news-card.block-list .news .list-group-item .list-img img {height:100%; width: 100%; object-fit: cover; margin:0; transition:.3s all;} .news-card.block-list .news .list-group-item:hover .list-img img {transform:scale(1.2);} .news-card.block-list .news .list-group-item .list-content {display: flex; height:100%; flex-direction: column; margin-top:0; overflow:hidden;} .news-card.block-list .news .list-group-item[style*='block'] {display:flex !important;} .news-card.block-list .news .list-group-item .list-content:after {display:none;} .news-card.block-list .news .list-group-item .list-content *:empty:not(img) {display:none;} .news-card.block-list .news .list-group-item .list-content h6 {margin-top:.5rem;} .news-card.block-list .news .list-group-item .list-content > p:last-child > a:last-child {border: none; background-color: $alter; color: #4b5e47 !important; white-space: normal; font-size: 1rem; letter-spacing: 2px; text-transform: uppercase; padding: .8rem 1.8rem; border-radius: 15px !important; display: inline-block; margin: 1.5rem 0 0 0; font-weight:normal; text-decoration: none !important;} .news-card.block-list .news .list-group-item .list-content > p:last-child:has(> a:last-child) {padding-top:0 !important; margin-top:auto !important;} html.cms .news-card.block-list .news .list-group-item {display:flex !important;} html.cms .news-card.block-list .pagination {pointer-events:none !important; opacity:.7;} html:not(.cms) .news-card.block-list .news .list-group-item .list-content img {display:none;} .news-card.block-list:has(.pagination) > .__content {/*border-block: 1px solid #ccc;*/ margin-block: 0 2rem; padding-block: 2rem; } .news-card.block-list .pagination-wrapper {gap:1rem; display: flex; align-items: center; justify-content: space-between; width: 100%; padding-inline: 1rem; flex-direction: row;} .news-card.block-list .pagination-wrapper .pagination-btn {flex:1 20%; max-width:20%; text-align:center; cursor:pointer; border: none; background-color: #262f24; color: #efebe6 !important; white-space: normal; font-size: 1rem; letter-spacing: 2px; text-transform: uppercase; padding: .8rem 1.8rem; border-radius: 15px !important; display: inline-block; margin: 0; font-weight:normal; text-decoration: none !important;} .news-card.block-list .pagination-wrapper.top .pagination {display:none !important;} .news-card.block-list .pagination {gap:.5rem;} .news-card.block-list .pagination li a {font-size: 1rem; width: 2rem; height: 2rem; display: flex; align-items: center; justify-content: center; color: white; margin:0 !important; transition:.3s all;} .news-card.block-list .pagination li a.active {font-weight: 800; } .news-card.block-list:has(.pagination li:last-child a.active) .pagination-wrapper .pagination-btn.next, .news-card.block-list:has(.pagination li:first-child a.active) .pagination-wrapper .pagination-btn.prev {pointer-events:none; opacity:.5; background-color:#7a7a7a !important;} @media (max-width:767px) { .news-card.block-list .news {margin-inline:-1rem;} .news-card.block-list .news .list-group-item {flex: 1 50%; max-width: 50% !important; padding:1rem;} .news-card.block-list .news .list-group-item .list-header {font-size:2rem;} .news-card.block-list .pagination-wrapper .pagination-btn {font-size: .7rem;} } @media (max-width:558px) { .news-card.block-list .news {margin-inline:0;} .news-card.block-list .news .list-group-item {flex: 1 100%; max-width: 100% !important; padding:1rem 0;} .news-card.block-list .pagination-wrapper {flex-wrap:wrap;} .news-card.block-list .pagination-wrapper .pagination {order:3;} .news-card.block-list .pagination-wrapper .pagination-btn {flex: 1; max-width: unset;} } #modalnews .modal-body > *:not(:first-child) {margin-top:1rem;} #modalnews .modal-body a {color:inherit; border-bottom:1px dotted; text-decoration:none !important;} #modalnews .modal-body a:is([href*='.com'],[href*='.se']):after, #modalnews .modal-body a:is([href*='.com'],[href*='.se']):before {font:600 1rem "Font Awesome 5 Free","Font Awesome 5 Brands",FontAwesome;} :is(.news-4, .news-3, .news-2) .news.block-list-group {margin-inline:-1rem;} .news-4 .news.block-list-group .list-group-item {flex: 1 calc((100% / 4) - 2rem); max-width:calc((100% / 4) - 2rem);} .news-3 .news.block-list-group .list-group-item {flex: 1 calc((100% / 3) - 2rem); max-width:calc((100% / 3) - 2rem);} .news-2 .news.block-list-group .list-group-item {flex: 1 calc((100% / 2) - 2rem); max-width:calc((100% / 2) - 2rem);} @media (max-width:1280px) { .news-4 .news.block-list-group .list-group-item {flex: 1 calc((100% / 3) - 2rem); max-width:calc((100% / 3) - 2rem);} } @media (max-width:992px) { :is(.news-4, .news-3) .news.block-list-group .list-group-item {flex: 1 calc((100% / 2) - 2rem); max-width:calc((100% / 2) - 2rem);} } @media (max-width:558px) { :is(.news-4, .news-3, .news-2) .news.block-list-group {margin-inline:0rem;} :is(.news-4, .news-3, .news-2) .news.block-list-group .list-group-item {flex: 1 calc((100% / 1) - 2rem); max-width:calc((100% / 1) - 2rem);} } /*---------------- gallery-carousel -------------------*/ .carousel.carousel-fade .carousel-item {display: block; opacity: 0; transition: opacity ease-out .7s;} .carousel.carousel-fade .carousel-item.active {opacity: 1 !important;} .block-gallery div:not(.__header) {height:inherit; overflow:hidden; object-fit:cover; position:relative;} .block-gallery img {height: 100%; width:100%; object-fit: cover; object-position: center;} .block-gallery .carousel {height:40vh !important;} .block-gallery .carousel, .block-gallery .carousel .carousel-inner {cursor:default !important;} .block-gallery .carousel .carousel-control-next, .block-gallery .carousel .carousel-control-prev {border: none !important;} .block-gallery .carousel .carousel-control {width: auto; padding: 0 50px; text-shadow: 0 0 0 rgba(0,0,0,0); border: none !important;} .block-gallery .carousel .carousel-indicators {bottom:15px; margin:0 !important; width:90%; left:50%; transform:translateX(-50%);} .block-gallery .carousel .carousel-indicators li {margin: 0 10px; background: #a6a6a6; opacity: .2; border: 2px solid #efebe6; outline:1px solid rgba(0,0,0,0.2); outline-offset:-1px; width: 16px; height: 16px; border-radius: 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .block-gallery .carousel .carousel-indicators li.active {background: #4b5e47; opacity:1;} .block-gallery .carousel .carousel-caption:before {content:""; inset:0; background:linear-gradient(to bottom, transparent, #17141b); position:absolute; opacity:0; transition:.3s all; z-index:-1;} .block-gallery .carousel .carousel-caption:hover:before {opacity:.5;} .block-gallery .carousel .carousel-caption { padding:2rem 2rem 4rem 2rem; transition:.3s all; inset:0; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; z-index:1;} .block-gallery .carousel .carousel-caption > h3 {font-size:2rem; margin:0 !important; line-height:normal;} .block-gallery .carousel .carousel-caption > p { font-size:1.2rem; margin:0 !important; } .block-gallery .carousel .carousel-caption > .btn {color:#efebe6 !important;} .block-gallery .carousel:not(:has(.carousel-item:nth-child(2))) :is(.carousel-control, .carousel-indicators) {display:none !important;} .block-gallery.text-left.custom1 .carousel .slider-overlay {opacity:1; background:linear-gradient(to right, #DED9D6 35%, rgba(0,0,0,0.2) 35% 50%, transparent 80%) !important; } .block-gallery.contain img {object-fit:contain !important; object-position:center !important;} .block-gallery:is(.text-left, .text-right) .carousel .slider-overlay {background: linear-gradient(to right, #17141b, transparent 100%) !important;} .block-gallery.text-right .carousel .slider-overlay {transform:scale(-1);} .block.block-gallery:is(.text-left, .text-right) .carousel .carousel-caption {text-align:left !important; align-items: flex-start; width:60%; left:5%; right:auto; transform:translateY(-50%);} .block.row.block-gallery:is(.text-left, .text-right) .carousel .carousel-indicators {left: 15px; width: fit-content; display: flex; flex-direction: column; grid-gap: 10px;} .block.block-gallery.text-right .carousel .carousel-caption {text-align:right !important; align-items: flex-end; left:auto; right:5%;} .block.row.block-gallery.text-right .carousel .carousel-indicators {left:auto; right:0;} .block.block-gallery.bottom .carousel .carousel-caption {transform:none;} .__base .block-gallery:not(.main-slider) .carousel {max-height:400px !important;} .block-gallery .carousel .carousel-inner {cursor:default !important;} .block-gallery.testimonial .carousel {display: flex; flex-direction: column-reverse; margin-top:0 !important;} .block-gallery.testimonial .carousel-inner {padding-top:3rem;} .block-gallery.testimonial .carousel-item {display: flex; flex-direction: column;} .block-gallery.testimonial .carousel-item img {transition:1s; height: 25rem; width: 25rem !important; object-fit: cover; border-radius: 50%;} .block-gallery.testimonial .carousel-item:hover img {transform:scale(1.1);} .block-gallery.testimonial .carousel-item .carousel-caption * {color:#17141b !important;} .block-gallery.testimonial .carousel-item .carousel-caption {position:relative; width:100%; padding-bottom:1rem;} .block-gallery.testimonial .carousel-item .carousel-caption button {margin-top:2rem; background-color:unset !important; padding:0 !important;} .block-gallery.testimonial .carousel-item .carousel-caption button:after {content: "\f061"; font-family: "Font Awesome 5 Free"; font-weight: 900; padding: 0 0 0 10px; transition: all .2s;} .block-gallery.testimonial .carousel-indicators {margin-top:2rem; position:relative;} .block-gallery.testimonial .carousel .carousel-indicators li {border-color:#17141b;} .block-gallery.testimonial .carousel .carousel-indicators li.active {background-color:#17141b;} .text-light .block-gallery.testimonial .carousel-item .carousel-caption * {color:#efebe6 !important;} .text-light .block-gallery.testimonial .carousel .carousel-indicators li {border-color:#efebe6;} .text-light .block-gallery.testimonial .carousel .carousel-indicators li.active {background-color:#efebe6;} .block-gallery .gallery-item a:before {display:none !important;} .g-review-carousel .carousel {padding-left: calc(var(--grevimg) / 2); padding-top: calc(var(--grevimg) / 2); background-color:transparent; display: flex; flex-direction: column;} .g-review-carousel .carousel .carousel-inner {height: 100%; display: flex; flex-direction: row; overflow:unset; border: 1px solid; border-radius:1rem; order:1;} .g-review-carousel .carousel .carousel-item img {position: absolute; width: var(--grevimg) !important; height: var(--grevimg); left: calc(-1 * (var(--grevimg) / 2)); top: calc(-1 * (var(--grevimg) / 2));} .g-review-carousel .carousel .carousel-caption {height:100%; padding:3rem; position:relative; width:100%; background-color:transparent !important; text-align:left !important; display: flex; flex-direction: column; align-content: flex-start; align-items: flex-start;} .g-review-carousel .carousel .carousel-caption:before {content:"\f10e"; font:600 1rem "Font Awesome 5 Free","Font Awesome 5 Brands",FontAwesome; position:absolute; opacity: .05; font-size: 10rem; right: 3rem; bottom: 3rem; z-index: -1;} .g-review-carousel .carousel .carousel-caption h3 {order:2; font-size: .9rem; text-transform: uppercase; letter-spacing: 2px;} .g-review-carousel .carousel .carousel-caption p {order:1; margin-bottom:auto; text-transform: unset; letter-spacing: 1px; font-size: 1.5rem; line-height:1.7;} .g-review-carousel .carousel .carousel-caption button {pointer-events:none; font-size:0; letter-spacing:0; order:3; height:1rem; width:5rem; padding:0; background:url("../../assets/images/star.svg") 0% 50% / contain repeat-x scroll transparent;} .g-review-carousel .carousel .carousel-caption button[onclick="window.location.href='4'"] {width:4rem;} .g-review-carousel .carousel .carousel-caption button[onclick="window.location.href='3'"] {width:3rem;} .g-review-carousel .carousel .carousel-caption button[onclick="window.location.href='2'"] {width:2rem;} .g-review-carousel .carousel .carousel-caption button[onclick="window.location.href='1'"] {width:1rem;} .g-review-carousel .carousel .carousel-indicators {position:relative; order:2;} .g-review-gallery {pointer-events:none;} .g-review-gallery .gallery {display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; gap:1rem;} .g-review-gallery .gallery-item {padding:0 !important; flex:1; max-width:5rem;} .g-review-gallery .gallery-item .image-container {} .g-review-gallery .gallery-item .image-container > a {display:flex;} .g-review-gallery .gallery-item .image-container img {margin:0;} @media (max-width:767px) { :root {--grevimg:6rem;} .g-review-carousel .carousel {padding-left:0;} .g-review-carousel .carousel .carousel-item img {left:2.5rem;} } /*---------------- gallery-mainslider -------------------*/ .block-gallery.main-slider .carousel .slider-overlay { background: #4b5e47; opacity:.1; inset: 0; position: absolute; z-index: 1;} .block-gallery.main-slider, .block-gallery.main-slider .carousel {height:100% !important;} .block-gallery.main-slider .carousel .carousel-caption:before {display:none;} .block-gallery.main-slider .carousel .carousel-caption {width:75%; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); height: auto; justify-content: center; padding:0;} .block-gallery.main-slider.valkommen .carousel .carousel-caption > h3:before { content:"V\00e4lkommen till"; display:block; font-size:2.7rem;} .block-gallery.main-slider .carousel .carousel-caption h3 {font-size: calc(4.5rem + 0px); line-height: 5.5rem;} .block-gallery.main-slider .carousel .carousel-caption p {font-size:1.2rem; line-height:2rem; margin-top:2rem !important;} /*---------------- gallery-blockgallery -------------------*/ .om .slick-slider {height: 40vh !important;} .block-gallery .gallery div {margin-bottom:0;} .block-gallery:not(.slick) .gallery {padding:8px !important;} .block-gallery .gallery img {transition:0.3s all; margin:0; height:100%; width:100%; object-fit:cover;} .block-gallery:not(.slick) .gallery .gallery-item:hover {transform: scale(.98);} .block-gallery .gallery .gallery-item .image-container {height:100%;} .block-gallery .gallery .gallery-item {transition:0.3s all; padding: 0.5rem 0.25rem; margin:0;} .full-width-all .block-gallery.no-gutter .gallery {padding:0px !important;} .block-gallery.no-gutter .gallery {padding:1rem;} .block-gallery.no-gutter .gallery .gallery-item {padding:0;} .block-gallery:is(.box, .slick):not(.logo) .gallery .gallery-item.col-sm-6 {height:40vh;} .block-gallery:is(.box, .slick):not(.logo) .gallery .gallery-item.col-sm-4 {height:40vh;} .block-gallery:is(.box, .slick):not(.logo) .gallery .gallery-item.col-sm-3 {height:40vh;} .block-gallery:is(.box, .slick):not(.logo) .gallery .gallery-item.col-sm-2 {height:40vh;} .block-gallery .gallery .gallery-item .img-caption { line-height:normal; transition:0.3s all; border-radius:calc(30px + calc(30px / 2)); padding:.5rem 1rem; background:$customdark; color:#efebe6; margin:0 !important; position:absolute; inset:auto 1rem 1rem 1rem;} .block-gallery .gallery .gallery-item .img-caption small { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .block-gallery .gallery .gallery-item .img-caption * {margin-top:0;} .block-gallery.hover-caption .gallery .gallery-item .img-caption {opacity:0;} .block-gallery.hover-caption .gallery .gallery-item:hover .img-caption {opacity:1;} .block-gallery.card-caption .gallery .gallery-item .image-container.capped img {margin-bottom:15px; box-shadow: 0 3px 5px rgb(0 0 0 / 20%);} .block-gallery.card-caption .gallery .gallery-item .image-container { box-shadow:5px 5px 5px rgba(0,0,0,0.05); background:#17141b;} .block-gallery.card-caption .gallery .gallery-item .image-container a {display: flex; flex-direction: column; height: 100%; border: none !important;} .block-gallery.card-caption .gallery .gallery-item .img-caption {padding:0 1.2rem 1.2rem 1.2rem; background:transparent !important; position: relative; inset: unset; height: fit-content;} .block-gallery.card-caption .gallery .gallery-item .img-caption small { font-size:inherit; } .block-gallery.zoom .gallery .gallery-item {height: 9.3rem; flex:1 0 calc(100% / 3); max-width:calc(100% / 3);} .block-gallery.zoom .gallery .gallery-item.col-xs-6 {height:12.5rem; flex:1 0 calc(100% / 2); max-width:calc(100% / 2);} .block-gallery.zoom .gallery .gallery-item.active { opacity: .4;} .block-gallery.zoom {height:37.5rem; padding-left:1rem; } .block-gallery.zoom > div { flex: 1 0 50%; position: relative; overflow: hidden;} .__base .block-gallery.zoom > div { flex: 1 0 100%;} .block-gallery.zoom .gallery.row {overflow-y:scroll; padding-top:0 !important; padding-bottom:0 !important; align-content: flex-start;} .block-gallery.zoom .gallery.row:before, .block-gallery.zoom .gallery.row:after {content:""; position:absolute; inset:0 0 auto 0; height:3.1rem; background:linear-gradient(to bottom, #efebe6, transparent); z-index:1;} .block-gallery.zoom .gallery.row:after {inset:auto 0 0 0; transform:scale(-1.01);} .block-gallery.zoom .div-zoom {overflow:hidden; border-radius:30px; background-image: url(../../assets/images/loader.gif); background-size: 100px; background-position: center; background-repeat: no-repeat; background-color: rgba(0,0,0,0.2);} .block-gallery.zoom .div-zoom img {margin-top:0; } .block-gallery.zoom .div-zoom .zoom-text * {margin-top:0; line-height:1.5; display:block;} .block-gallery.zoom .div-zoom .zoom-text {position:absolute; color:#efebe6; padding:1rem 1.3rem; background:$customdark; backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px); height:auto; inset: auto 0 0 0; align-items: flex-start; flex-direction: column; overflow:hidden;} .block-gallery.zoom .div-zoom .zoom-text h5 {font-size:1.2rem;} #block-gallery-modal {inset:0; height:100vh !important; overflow:hidden !important;} #block-gallery-modal .modal-dialog {height: 100%; width: 100%; max-height: 90vh; max-width: 90vw; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%) !important; margin: 0;} #block-gallery-modal .modal-body, #block-gallery-modal .modal-content {height: 100%; background:transparent; border:none;} #block-gallery-modal img {height: 100%; object-fit: contain; background:$customdark;} #block-gallery-modal .caption-container {z-index:100; text-align:left; font-size:0; inset:auto 0 -1px 0; display: flex; align-items: flex-start; padding: 2rem; background: $customdark; flex-direction: column; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);} #block-gallery-modal .caption-container h3 {font-size:1.5rem !important; margin-bottom:5px;} #block-gallery-modal .caption-container p {font-size:1rem !important;} #block-gallery-modal .caption-container.hidden {display:none;} .__base .block-gallery.slick.bubbles .gallery .gallery-item {margin: 0 !important; } :root {--bub1:18.75rem; --bub2:12.5rem; --bub3:21.8rem; --bub4:15.6rem; --bub5:7.5rem;} .block-gallery.slick.bubbles .slick-track { padding:1rem 0;} .block-gallery.slick.bubbles .slick-slider { width:100% !important; max-width: 100%;} .block-gallery.slick.bubbles .gallery .gallery-item {border-radius:50%; transition:1s all !important; animation: float-bubb 1s linear .5s infinite; } .block-gallery.slick.bubbles .gallery .gallery-item:nth-child(5n+1) {-webkit-animation-duration:3.0s; animation-duration:3.0s; height:var(--bub1); width:var(--bub1) !important; } .block-gallery.slick.bubbles .gallery .gallery-item:nth-child(5n+2) {-webkit-animation-duration:4.0s; animation-duration:4.0s; height:var(--bub2); width:var(--bub2) !important; margin-top:var(--bub2) !important;} .block-gallery.slick.bubbles .gallery .gallery-item:nth-child(5n+3) {-webkit-animation-duration:3.5s; animation-duration:3.5s; height:var(--bub3); width:var(--bub3) !important;} .block-gallery.slick.bubbles .gallery .gallery-item:nth-child(5n+4) {-webkit-animation-duration:2.0s; animation-duration:2.0s; height:var(--bub4); width:var(--bub4) !important; margin-top:var(--bub4) !important;} .block-gallery.slick.bubbles .gallery .gallery-item:nth-child(5n+5) {-webkit-animation-duration:3.5s; animation-duration:3.5s; height:var(--bub5); width:var(--bub5) !important; margin-top:calc(var(--bub5) / 1.5) !important; margin-left:calc(var(--bub5) * (-1)) !important; margin-right:calc(var(--bub5) / 2) !important;} .block-gallery.slick.bubbles .gallery .gallery-item:hover {transform:scale(1.1);} @keyframes float-bubb { 50% { transform:translateY(-0.6rem);} } @media (max-width:1440px) { .block-gallery .carousel .carousel-indicators li {width:0.6rem; height:0.6rem; margin:0 6px;} .main-slider .carousel-item img, .main-slider .carousel-item video {animation: pan-lr 20s linear infinite;} } @media (max-width:992px) { .block-gallery.main-slider .carousel .carousel-caption h3 {font-size: 3.5rem; line-height: 4.5rem;} } @media (max-width:767px) { .slider-full-height .js-slider-height {max-height:31.25rem;} .block-gallery .carousel {height:18.75rem !important;} .block-gallery .carousel-indicators {display:none;} .block-gallery .carousel .carousel-control {display:flex; padding:0 0.6rem;} .block-gallery.box .gallery .gallery-item {height:15.6rem !important;} .block-gallery.zoom {height:28.1rem;} .block-gallery.zoom > .div-zoom { flex: 1 0 70%;} .block-gallery.zoom > .__content { flex: 1 0 30%;} .block-gallery.zoom .gallery .gallery-item {height:6.25rem !important; flex:1 0 100% !important; max-width: 100% !important;} .block.block-gallery.main-slider .carousel .carousel-caption {width:90% !important;} .block-gallery.main-slider.valkommen .carousel .carousel-caption > h3:before {font-size:2rem;} .block-gallery.main-slider .carousel .carousel-caption h3 {font-size: 3rem; line-height: 4rem;} } /*****************************slick-slide*******************************/ .slick-slider .gallery-item {padding:0 !important; margin-top:0 !important;} .slick-slider { padding:0 !important; position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0 !important; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; margin-bottom:0 !important;} .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-arrow:focus, .slick-arrow:active {border:none; box-shadow:none; outline:none;} .slick-arrow {position:absolute; top: 50%; transform: translateY(-50%); background: transparent; border: none; z-index:10; left:10px; font-size:0;} .slick-arrow:before {content:"\f053"; font-family: 600 1rem "Font Awesome 5 Free","Font Awesome 5 Brands",FontAwesome; font-weight:700; font-size:40px; color:rgba(0,0,0,0.8); opacity:.5; transition:.3s all;} .slick-arrow.slick-next {left:auto; right:10px;} .slick-arrow.slick-next:before {content:"\f054" !important; } .slick-arrow:hover:before {opacity:1.} .slick-dots li:before {display:none;} .slick-dots {list-style:none; margin:0; padding:0; position: absolute; z-index: 10; bottom: 10%; right: 1rem; display: flex !important; flex-direction: row; grid-gap: 5px;} .slick-dots li.slick-active button {background:#4b5e47 !important;} .slick-dots li button {background:rgba(0,0,0,0.2); opacity:.5; transition:.3s all; border: none; display: flex; align-items: center; justify-content: center; font-size: 0; width: 15px; height: 15px; border-radius: 50%;} .slick-dots li:hover button { opacity:1;} .slick.block-gallery .gallery .gallery-item .image-container {border-radius:0 !important;} .slick.block-gallery .gallery .gallery-item.external .image-container a img {cursor:pointer !important;} .slick.block-gallery .gallery .gallery-item .image-container a:before {content:"" !important;} .slick.block-gallery .gallery .gallery-item.external .image-container a:before {opacity:0 !important; position:absolute; content:"\f061" !important; font-family: 600 1rem "Font Awesome 5 Free","Font Awesome 5 Brands",FontAwesome; font-weight:700; background:linear-gradient(to bottom, transparent, rgba(0,0,0,0.8)); left:0; top:0; right:0; bottom:0; transform:none; display: flex; justify-content: flex-end; align-items: flex-end; padding: 0 20px 10px 0; color: #efebe6; transition:.3s all;} .slick.block-gallery.gutter .gallery .gallery-item.external .image-container a:before {inset:10px;} .slick.block-gallery .gallery .gallery-item.external .image-container:hover a:before {opacity:1;} .slick.block-gallery .gallery .gallery-item .image-container a p {opacity:0; position:absolute; transition:.3s all; bottom:20px; padding-right:50px; left:20px; color:#efebe6;} .slick.block-gallery .gallery .gallery-item:hover .image-container a p {opacity:1;} .slick.block-gallery .gallery .gallery-item a.no-link img {cursor:default !important;} .slick.logo img { object-fit: contain !important; } .slick.logo.block-gallery .gallery.row .gallery-item .image-container {height:auto !important;} .slick.logo .gallery.row .gallery-item:hover img {box-shadow:none !important; border-radius:0 !important;} .gutter .slick-slider, .gutter .slick-slider .gallery-item {padding:10px !important;} .gutter.slick[class*='vh-'] .slick-track {padding-bottom:20px;} .bg-primary .slick.fade-x .slick-slider:before, .bg-primary .slick.fade-x .slick-slider:after {background:linear-gradient(to right, #4b5e47, transparent);} .bg-secondary .slick.fade-x .slick-slider:before, .bg-secondary .slick.fade-x .slick-slider:after {background:linear-gradient(to right, #DED9D6, transparent);} .bg-dark .slick.fade-x .slick-slider:before, .bg-dark .slick.fade-x .slick-slider:after {background:linear-gradient(to right, #17141b, transparent);} body.dark .slick.fade-x .slick-slider:before, body.dark .slick.fade-x .slick-slider:after {background:linear-gradient(to right, #0B0D11, transparent);} .bg-custom1 .slick.fade-x .slick-slider:before, .bg-custom1 .slick.fade-x .slick-slider:after {background:linear-gradient(to right, #2e2e2e, transparent);} .bg-custom2 .slick.fade-x .slick-slider:before, .bg-custom2 .slick.fade-x .slick-slider:after {background:linear-gradient(to right, #4f4f4f, transparent);} .bg-custom3 .slick.fade-x .slick-slider:before, .bg-custom3 .slick.fade-x .slick-slider:after {background:linear-gradient(to right, #7a7a7a, transparent);} .slick.fade-x .slick-slider:before, .slick.fade-x .slick-slider:after {z-index:1; content:""; position:absolute; inset:0px auto 0px auto; background:linear-gradient(to right, #efebe6, transparent); width:100px;} .slick.fade-x .slick-slider:after {right:0; transform:scale(-1);} .slick.link.block-gallery .gallery .gallery-item .img-caption {display:none;} .block-gallery.slick.vertical, .block-gallery.slick.vertical :is(.gallery) {height:100% !important;} .block-gallery.slick.vertical > .__content {padding:0 !important; border:1px solid transparent;} .block-gallery.slick.vertical .slick-track {line-height:0;} .block-gallery.slick.vertical :is(.image-container,img) {height:100% !important;} .block-gallery.slick.vertical .gallery-item {height:52vh !important; max-width:unset !important;} @media (max-width:767px) { .block-gallery.slick.vertical .gallery-item {height:33vh !important;} } /***************** main *********************/ :root {--contwidth:1840px;} .container, .block-section > .block-section-container {max-width: var(--contwidth);} .container {padding: 0;} .container-fluid {padding: 0;} .p-full, .p-full-x, .p-full-top {padding-top:calc(((100vw - var(--contwidth)) / 2) + 30px);} .p-full, .p-full-y, .p-full-right {padding-right:calc(((100vw - var(--contwidth)) / 2) + 30px);} .p-full, .p-full-y, .p-full-bottom {padding-bottom:calc(((100vw - var(--contwidth)) / 2) + 30px);} .p-full, .p-full-x, .p-full-left {padding-left:calc(((100vw - var(--contwidth)) / 2) + 30px);} main > .block-section {padding: 6rem 0;} main .block-section {position:relative;} main .block-section div:is(.block-section-container, .block-columns) {height:100%;} .block-columns .__col .__content {padding-left:0; padding-right:0;} main ol {margin-left:1rem !important;} main ul {list-style:none;} main ul li:before {content: "\f0da"; font:600 1rem "Font Awesome 5 Free","Font Awesome 5 Brands",FontAwesome; padding: 0 10px 0 0; color: inherit;} /*main ul li:before {content: ""; margin-right:.5rem; background-image:url("../../assets/images/favicon.svg"); background-position:center; background-size:contain; background-repeat:no-repeat; background-position:left; padding:0 .65rem !important;}*/ main ul li ul {margin-top:0; margin-left:1rem; font-size: smaller; padding-bottom:.3rem !important;} main ul li ul li {line-height:2;} main ul li ul li:before {content: "•"; background:none !important; margin-right:0;} main :is(.block-text, .block-list) ul {margin-top:0;} ul li.tel:before {content:"\f879";} ul li.mail:before {content:"\f0e0";} ul li.map:before {content:"\f3c5";} .bg-image {background-position: center center; background-size: cover !important; background-repeat:no-repeat;} .bg-fixed {background-attachment: fixed;} .bg-contain {background-size: contain !important;} .bg-contain-40 {background-size: 40% !important;} .bg-contain-50vw {background-size: 50vw !important;} .bg-contain-50vh {background-size: 50vh !important;} .bg-tile {background-size:20rem !important; background-repeat:repeat; } .bg-tile-x {background-size:15rem !important; background-repeat:repeat-x; } .bg-tile-y {background-size:15rem !important; background-repeat:repeat-y; } /*************blocks fullwidth***************/ .block-section .block-columns {display: flex !important;} .block-section .block-columns .__col {padding-left:0; padding-right:0;} .block-section .block-columns .block-section {height: 100%;} main > .block-section .block-columns .block-section > .block-section-container{ display: flex; flex-direction: column; justify-content: flex-start;} .block-section:not(.full-width-all) .block-columns .block-section-container {padding: 15px;} .block-columns .block-section-container .block:not(.sub):first-child .__content > *:first-child:not(.div-anchor) {margin-top:0 !important;} .full-width-all .row, .full-width-all .__content, .full-width-all .__col {margin: 0; padding: 0;} .full-width-all.block-section > .block-section-container > .block:is(.block-header, .block-text) > .__content {padding:0 15px;} main.full-width-all .block-section:not(.page-cover), main.full-width-all .block-section:not(.page-cover) .block-section-container {width: 100%; max-width: 100%; padding: 0;} main.full-width-all .block-section:not(.page-cover) :is(.row, .__content, .__col) {margin:0; padding:0;} .full-width-all .__col .block-section:not(.page-cover) > .block-section-container > .block .__content {padding-top:.5rem; padding-bottom:.5rem;} body.full-width-all .form-fields.row {margin-inline:-15px;} .no-gap.block-section, .no-gap.block-section :is(.block-section, .block-section-container, .__content):not([class*='p']) {padding:0 !important;} body.full-width-all :is(main, .__base) > .block-section {padding-inline:4rem;} body.full-width-all :is(main, .__base) > .block-section > .block-section-container {max-width:100%; padding:0;} body.full-width-all .footer-content .row:not(:last-child) {max-width:100%;} .full-width-right, .full-width-left {padding-block:0 !important;} :is(.full-width-right, .full-width-left) > .block-section-container {padding:0;} .full-width-right .__col:nth-child(1) {padding-right:3rem; padding-left:15px;} .full-width-left .__col:nth-child(2) {padding-left:3rem; padding-right:15px;} :is(.full-width-right .__col:nth-child(1), .full-width-left .__col:nth-child(2)) .block-section {padding-block:6rem;} @media (max-width:2060px) { :is(.full-width-right, .full-width-left) > .block-section-container {max-width: 100% !important;} .full-width-right .__col:nth-child(1) {padding-left: calc(calc(calc(100% - var(--contwidth)) / 2) + 15px);} .full-width-left .__col:nth-child(2) {padding-right: calc(calc(calc(100% - var(--contwidth)) / 2) + 15px);} :is(.full-width-right .__col:nth-child(1), .full-width-left .__col:nth-child(2)) .block-section {padding-block:4rem; padding-right:3rem;} } @media (max-width:992px) { :is(.full-width-right,.full-width-left) {padding-inline:0 !important;} :is(.full-width-right .__col:nth-child(1), .full-width-left .__col:nth-child(2)) .block-section {padding-inline:15px;} } @media (max-width:767px) { body.full-width-all :is(main, .__base) > .block-section {padding-inline:2.5rem;} body.full-width-all :is(main, .__base) .block-columns .block-section-container {padding-inline:0;} body.full-width-all :is(main, .__base) :is(.full-width-right .__col:nth-child(1), .full-width-left .__col:nth-child(2)) {padding-inline:2.5rem;} :is(.full-width-right .__col:nth-child(1), .full-width-left .__col:nth-child(2)) {padding-inline:15px;} :is(.full-width-right .__col:nth-child(1), .full-width-left .__col:nth-child(2)) .block-section {padding-block:3rem; padding-inline:0px;} .full-width-right, .full-width-right > .block-section-container, .full-width-left, .full-width-left > .block-section-container {padding-inline:0 !important;} } table {color:inherit !important;} table:has(thead) {border-top-right-radius: 30px; border-top-left-radius: 30px; overflow: hidden;} table thead {font-weight:700; font-size:1.25rem;background-color:#DED9D6; color:#efebe6 !important;} .table td, .table th {border-color:#DED9D6; line-height:normal;} .table tbody tr:last-child td {border-bottom:1px solid #DED9D6;} .td1-bold table tbody td:first-child {font-weight:500;} table td > *:first-child {margin-top:0;} body.dark table thead {font-weight:700; font-size:1.25rem;background-color:black; color:#efebe6 !important;} body.dark table tbody {color:#efebe6 !important;} table.x2 td {width:50%;} table.table-collapsed { border-collapse: separate; border-spacing: 1rem 0; margin-inline: -1rem; width: calc(100% + 30px); background:transparent; td:nth-child(1) { background: #4f4f4f; } td:nth-child(2) { background: #2e2e2e; } td {position:relative; border-color:rgba(255,255,255,0.1) !important; padding:1rem; transition:.3s all;} thead td {border-top-left-radius:1rem; border-top-right-radius:1rem; opacity:.9; border:none !important;} thead td:before {content:""; background:#4b5e47; position:absolute; inset:0; z-index:-1; opacity:.4; border-radius:inherit;} tbody td:hover {opacity:.8;} tbody tr:last-child td {border-bottom-left-radius:1rem; border-bottom-right-radius:1rem;} } .dark .price table * {color:#efebe6;} .price table td {border-top:1px solid #a6a6a6;} .price table tr:last-child td {border-bottom:1px solid #a6a6a6;} .price table td:first-child {padding-left:.5rem;} .price table td:last-child {padding-right:.5rem;} .price table td:nth-child(2) {font-size:1.6rem; color:#4b5e47; width:30%; text-align:right; line-height: normal; font-weight: 700; font-family:"DM Sans", sans-serif; vertical-align:middle;} .price table td:nth-child(2) :not(:first-child) {font-size:1rem; margin-top:0;} .bg-primary .price table td:nth-child(2) {color:#efebe6 !important;} .price table td:nth-child(1) {font-weight:800; vertical-align:middle;} .price table td:nth-child(1) > :first-child {font-size:1.2rem;} .price table td:nth-child(1) p {margin-top:0; line-height:normal;} .price table td:nth-child(1) p:not(:last-child) {margin-bottom:.5rem;} .price table td:nth-child(1) :is(em, strong) {font-weight:300; line-height:1.5; display:block;} .price table td:nth-child(1) em {font-size: 90%;} .price table td:nth-child(1) strong {font-size: 80%; font-weight: 400;} .price table thead td {background-color:#DED9D6; color:#efebe6;} .desc table thead td {background-color:#cbbfb9; color:#efebe6;} /*.desc table td:first-child {padding-left:0;} .desc table td:last-child {padding-right:0;}*/ .desc table td:nth-child(2) {width:70%; } .desc table td:nth-child(1) {font-weight:800;} .desc table td:nth-child(1) p {margin-top:0; line-height:normal;} .desc table td:nth-child(1) p:not(:last-child) {margin-bottom:.5rem;} .desc table td:nth-child(1) :is(em, strong) {font-weight:300; line-height:1.5; display:block;} .desc table td:nth-child(1) em {font-size: 90%;} .desc table td:nth-child(1) strong {font-size: 80%; font-weight: 400;} .desc table tbody tr:nth-child(even) {background-color:#60554f80;} .info table thead td {background-color:#cbbfb9; color:#17141b; } .info table thead td {text-transform:uppercase;} .info table thead td > *:nth-child(n+2) {text-transform:none;} .info table td:nth-child(2) {} .info table td:nth-child(1) {font-weight:800;} .info table td p {margin-top:0; line-height:normal;} .info table td p:not(:last-child) {margin-bottom:.5rem;} .info table td :is(em, strong) {font-weight:300; line-height:1.5; display:block;} .info table td em {font-size: 90%;} .info table td strong {font-size: 80%; font-weight: 400;} .info table td strong > em {color: #dc3545; font-style:normal; font-size: 1.2rem; line-height: normal; margin-top: 3px;} .info table tbody tr:nth-child(even) {background-color:#60554f80;} @media (max-width:558px) { table.table-collapsed {width:calc(150% + 1rem);} } .block-section.x-box .block-columns .block-section {padding-inline: 0;} .block-section.xs-box .block-columns .block-section {padding: 1rem;} .block-section.xsm-box .block-columns .block-section {padding: 1.5rem;} .block-section.sm-box .block-columns .block-section {padding: 2rem;} .block-section.md-box .block-columns .block-section {padding: 2.8rem;} .block-section.lg-box .block-columns .block-section {padding: 3.5rem;} .block-section.xl-box .block-columns .block-section {padding: 4.5rem 3.5rem;} .block-section.xs-inline-box .block-columns .block-section {padding-inline: 1rem;} .block-section.xsm-inline-box .block-columns .block-section {padding-inline: 1.5rem;} .block-section.sm-inline-box .block-columns .block-section {padding-inline: 2rem;} .block-section.md-inline-box .block-columns .block-section {padding-inline: 2.8rem;} .block-section.lg-inline-box .block-columns .block-section {padding-inline: 3.5rem;} .block-section.xl-inline-box .block-columns .block-section {padding-inline: 3.5rem;} .w-5 {width: 5%;} .w-10 {width: 10%;} .w-15 {width: 15%;} .w-20 {width: 20%;} .w-25 {width: 25%;} .w-30 {width: 30%;} .w-35 {width: 35%;} .w-40 {width: 40%;} .w-45 {width: 45%;} .w-50 {width: 50%;} .w-55 {width: 55%;} .w-60 {width: 60%;} .w-65 {width: 65%;} .w-70 {width: 70%;} .w-75 {width: 75%;} .w-80 {width: 80%;} .w-85 {width: 85%;} .w-90 {width: 90%;} .w-95 {width: 95%;} .w-100 {width: 100%;} .mxw-5 {max-width: 5% !important;} .mxw-10 {max-width: 10% !important;} .mxw-15 {max-width: 15% !important;} .mxw-20 {max-width: 20% !important;} .mxw-25 {max-width: 25% !important;} .mxw-30 {max-width: 30% !important;} .mxw-35 {max-width: 35% !important;} .mxw-40 {max-width: 40% !important;} .mxw-45 {max-width: 45% !important;} .mxw-50 {max-width: 50% !important;} .mxw-55 {max-width: 55% !important;} .mxw-60 {max-width: 60% !important;} .mxw-65 {max-width: 65% !important;} .mxw-70 {max-width: 70% !important;} .mxw-75 {max-width: 75% !important;} .mxw-80 {max-width: 80% !important;} .mxw-85 {max-width: 85% !important;} .mxw-90 {max-width: 90% !important;} .mxw-95 {max-width: 95% !important;} .mxw-100 {max-width: 100% !important;} .cards-vh-5 .__col .block-section, .vh-5 {height: 5vh !important;} .cards-vh-10 .__col .block-section, .vh-10 {height: 10vh !important;} .cards-vh-15 .__col .block-section, .vh-15 {height: 15vh !important;} .cards-vh-20 .__col .block-section, .vh-20 {height: 20vh !important;} .cards-vh-25 .__col .block-section, .vh-25 {height: 25vh !important;} .cards-vh-30 .__col .block-section, .vh-30 {height: 30vh !important;} .cards-vh-35 .__col .block-section, .vh-35 {height: 35vh !important;} .cards-vh-40 .__col .block-section, .vh-40 {height: 40vh !important;} .cards-vh-45 .__col .block-section, .vh-45 {height: 45vh !important;} .cards-vh-50 .__col .block-section, .vh-50 {height: 50vh !important;} .cards-vh-55 .__col .block-section, .vh-55 {height: 55vh !important;} .cards-vh-60 .__col .block-section, .vh-60 {height: 60vh !important;} .cards-vh-65 .__col .block-section, .vh-65 {height: 65vh !important;} .cards-vh-70 .__col .block-section, .vh-70 {height: 70vh !important;} .cards-vh-75 .__col .block-section, .vh-75 {height: 75vh !important;} .cards-vh-80 .__col .block-section, .vh-80 {height: 80vh !important;} .cards-vh-85 .__col .block-section, .vh-85 {height: 85vh !important;} .cards-vh-90 .__col .block-section, .vh-90 {height: 90vh !important;} .cards-vh-95 .__col .block-section, .vh-95 {height: 95vh !important;} .cards-vh-100 .__col .block-section, .vh-100 {height: 100vh !important;} .cards-vh-150 .__col .block-section, .vh-150 {height: 150vh !important;} .cards-vh-200 .__col .block-section, .vh-200 {height: 200vh !important;} .cards-vh-min-25 .__col .block-section, .vh-min-25 {min-height: 25vh !important;} .cards-vh-min-30 .__col .block-section, .vh-min-30 {min-height: 30vh !important;} .cards-vh-min-40 .__col .block-section, .vh-min-40 {min-height: 40vh !important;} .cards-vh-min-50 .__col .block-section, .vh-min-50 {min-height: 50vh !important;} .cards-vh-min-60 .__col .block-section, .vh-min-60 {min-height: 60vh !important;} .cards-vh-min-70 .__col .block-section, .vh-min-70 {min-height: 70vh !important;} .cards-vh-min-75 .__col .block-section, .vh-min-75 {min-height: 75vh !important;} .cards-vh-min-80 .__col .block-section, .vh-min-80 {min-height: 80vh !important;} .cards-vh-min-100 .__col .block-section, .vh-min-100 {min-height: 100vh !important;} .m0 .__content, .p0 .__content, .ms0 .__content *:not(:first-child) {margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important;} .m1st .__content *:first-child, .m0 *:is(h1, h2, h3, h4, h5, h6, p, img, ul, li, ol), .mu0 ul, .mo0 ol, .ml0 li, .mul0 ul, .mul0 li, .mh0 *:is(h1, h2, h3, h4, h5, h6), .mp0 p, .mi0 img, .mh60 h6 {margin-top: 0 !important; margin-bottom: 0 !important;} .p1st .__content *:first-child, .p0 *:is(h1, h2, h3, h4, h5, h6, p, img, ul, li, ol), .pu0 ul, .pl0 li, .pul0 ul, .pul0 li, .ph0 *:is(h1, h2, h3, h4, h5, h6), .pp0 p, .pi0 img {padding-top: 0 !important; padding-bottom: 0 !important;} .pc0 .__content {padding:0 !important;} .block-section > .block-section-container > .block:not(.sub):first-child > .__content > :first-child {margin-top:0;} @keyframes pan-lr { 50% { object-position:right; } } @keyframes pan-rl { 50% { object-position:10%; } } @keyframes float-y { 50% { transform:translateY(-10px); } } .__base div:is(.lordicon, .lottie) .spacer:before {content:"[lord-icon]"; color:#4b5e47; text-align:left; width:100%; font-family:monospace; display:block;} div:is(.lordicon, .lottie) .spacer {height:auto;} lord-icon {transform:scale(1.5);} lord-icon.l-xs {height:50px; width:50px;} lord-icon.l-sm {height:70px; width:70px;} lord-icon.l-md {height:100px; width:100px;} lord-icon.l-lg {height:150px; width:150px;} lord-icon.l-xl {height:70%; width:70%;} lord-icon.l-xxl {height:10%; width:100%;} .card-categs lord-icon {margin-top:1rem;} /****************** cardsc ******************/ .cards .__col .block-section .block-header h5 {line-height:normal;} .cards.text-light.block-section .__col :is(.block-section, .block-button .btn), .cards.block-section .__col :is(.block-section.bg-image, .block-section.bg-image .block-button .btn) {color:#efebe6;} .cards.block-section .__col .block-section-container {position:relative; z-index:3; padding-block:1rem;} body.modal-open .cards.block-section .__col .block-section-container:has(.modal.show) {position:unset;} .cards.block-section .__col .block-section {border-radius:30px; position:relative; } .full-width-all.no-gutter.cards.block-section.cards-bordered, .cards.block-section.cards-bordered .__col .block-section {border:1px solid #4b5e47;} .cards.block-section.cards-shadow .__col .block-section {box-shadow:1rem 1rem 2rem rgba(0,0,0,0.2);} .cards.block-section .__col .block-section:before {border-radius:inherit; } .cards.block-section .__col .block-section.bg-image:before {content:""; position:absolute; inset:0; background-color:black; opacity:.5; transition:.3s all;} .cards-full.block-section .__col .block-section {border-radius:0 !important;} .cards-full.block-section .__col .block-section:hover:before {opacity:.75;} html:not(.cms) :is(.cards-icon,.cards-img).block-section .__col .block-section:not([class*='filter-']):before {display:none;} .cards-icon.block-section .__col .block-section .block-image {padding:1.5rem; background:white; border-radius:50%; height:8rem; width:8rem; overflow:hidden; margin-inline:auto;} .cards-icon.cards-white.block-section .__col .block-section .block-image {background:#efebe6;} .__base .cards-icon.block-section .__col .block-section .block-image {overflow:unset;} .cards-img.block-section .__col .block-section {background-color:white; padding:0 !important;} .cards-img.block-section .__col .block-section-container {padding:0 0 2rem 0; border-radius:inherit;} .cards-img.block-section .__col .block-section :is(.block-image, .block-gallery) {height:15rem; overflow:hidden; border-radius:inherit; border-bottom-right-radius:0; border-bottom-left-radius:0; border:none !important;} .cards-img.block-section .__col .block-section :is(.block-image, .block-gallery) :is(.__content, img) {height:100%; object-fit:cover; object-position:center; width:100%;} .cards-img.block-section .__col .block-section :is(.block-section-container, :is(.block-image, .block-gallery), :is(.block-image, .block-gallery) .__content, .block-image img) {border-radius: inherit;} .cards-img.block-section .__col .block-section-container > .block:not(.block-image, .block-gallery) {padding-inline:1.5rem;} .cards-img.cards-contain.block-section .__col .block-section :is(.block-image, .block-gallery) :is(img) {object-fit:contain !important; background-color:white;} .cards-img.block-section .__col .block-section :is(.block-image, .block-gallery) :is(img) {transition:.3s all;} .cards-img.block-section .__col .block-section :is(.block-image, .block-gallery):hover :is(img) {transform:scale(1.1);} .cards-img.block-section .__col .block-section :is(.block-image, .block-gallery) + .block {margin-top:1rem;} .cards-img.block-section .__col .block-section .block-gallery .carousel {height:100% !important;} .cards-img.block-section .__col .block-section .block-gallery .carousel .carousel-control {opacity:0;} html.cms .cards.cards-1 .__col .block-section {height:auto !important; min-height:50vh;} .cards.cards-1 .__col .block-section {text-align:left !important; min-height:50vh; overflow:hidden; display: flex; align-items: flex-start; flex-direction: column; justify-content: flex-end;} .cards.cards-1 .__col .block-section .block-header .__content * {color:#efebe6;} .cards.cards-1 .__col .block-section .block-header.m0 .__content h6 {font-weight:400; margin-bottom:.5rem !important;} .cards.cards-1 .__col.col-md-3 .block-section {min-height:40vh;} .cards.cards-1 .__col .block-section:not(:hover):before {opacity:0 !important;} .cards.cards-1 .__col .block-section-container {background: #a64f33; color:#efebe6; width: auto; height: auto; padding: 2rem; position: relative; margin-right: auto; margin-left: 0; border-top-right-radius:30px; max-width:90%;} .bg-primary.cards.cards-1 .__col .block-section-container {background: #DED9D6;} .cards.cards-1.cards-btn-info .__col .block-section .block-section-container .block-button {transition:.3s all;} html:not(.cms) .cards.cards-1.cards-hover.cards-btn-info .__col .block-section:not(:hover) .block-section-container .block-button {margin-bottom: -6rem; opacity:0;} .cards.cards-2 .__col .block-section {background-position-y:90%; min-height:50vh; overflow:hidden; display: flex; align-items: flex-start; flex-direction: column; justify-content: flex-end;} .cards.cards-2 .__col .block-section:before {border-radius:inherit; background:url("../../assets/images/favicon.svg") 200% -50% / 80% no-repeat scroll #4b5e47 !important; opacity: 0.5 !important; mix-blend-mode: darken;} .cards.cards-2 .__col .block-section:hover:before {opacity:.2 !important;} .cards.cards-2 .__col.col-md-3 .block-section {min-height:40vh;} .cards.cards-2 .__col .block-section-container {color:#efebe6; width: auto; height: auto; position: relative; } .cards.cards-2 .__col .block-section-container .block-button a:not(:hover, :active) {border-color:#efebe6 !important; background:#efebe6 !important; color:#17141b !important;} .cards-3.block-section .__col .block-section {border-radius:0 !important;} .cards-3.block-section .__col .block-section:hover:before {opacity:.9; background-color:#0B0D11 !important;} .cards-3.block-section .__col .block-section:after {content:""; position:absolute; inset:0; background-color: black !important; opacity: 0; mix-blend-mode: saturation;} .cards-3.block-section .__col .block-section > .block-section-container {position:relative; z-index:1;} html:not(.cms) .cards-3.block-section .__col .block-section > .block-section-container > .block:first-child ~ .block:not(.block-button) {transition:.3s all; opacity:0;} html:not(.cms) .cards-3.block-section .__col .block-section:hover > .block-section-container > .block:first-child ~ .block:not(.block-button) {opacity:1;} .cards-3.block-section .__col .block-section:hover:after {opacity:1;} .cards-3.block-section .__col .block-section:not(:hover,:active) .block-button a {color:#17141b !important; background-color:#efebe6; border-color:#efebe6 !important;} .cards-4.block-section .__col .block-section {overflow:hidden;} .cards-4.block-section .__col .block-section:after {opacity:.2; content:""; display:block !important; background-color:#efebe6; inset:0 auto auto 0; position:absolute; clip-path: polygon(100% 0, 0% 100%, 0 0); width:10rem; height:10rem; transition:.3s all;} .cards-4.block-section .__col .block-section:hover:after {opacity:.0; transform: scale(10); transform-origin: top left;} .cards.cards-btn-info .__col .block-section .block-section-container .block-button {border-top: 1px solid #efebe6; margin-top: 1.5rem;} .cards.cards-btn-info .__col .block-section .block-section-container .block-button .__content a {border:none !important; color:inherit !important; background:transparent !important; padding-inline:0px !important; opacity:1 !important; font-weight:700; letter-spacing:1.5px; box-shadow:none !important;} .cards.cards-btn-info .__col .block-section .block-section-container .block-button .__content a:hover:after {margin-left:1.5rem !important;} .cards.cards-btn-light .__col .block-section .block-section-container .block-button .__content a {color:#17141b !important; background:#efebe6 !important;} .cards.cards-bnw .__col .block-section.bg-image:after {border-radius:inherit; transition:.3s all; content:""; background:black; position:absolute; inset:0; z-index:0; mix-blend-mode: saturation;} .cards.cards-bnw .__col .block-section.bg-image:hover:after {opacity:0;} .cards.block-section .__col .block-section :is(h4,h5) {font-weight:500;} .cards.cards-cus, .cards.cards-cus :is(.block-columns, .__col, .block-section, .block-section-container) {overflow:hidden;} .cards.cards-cus .__col .block-section > div {position:relative; z-index:3;} .cards.cards-cus .__col .block-section:not(:hover) {filter:saturate(0);} .cards.cards-cus:not(.cards-btn-info) .__col .block-section:not(:hover) .block-button .btn {filter:invert(1) brightness(2);} .cards.cards-cus .__col .block-section:not(:hover):before {opacity:.7 !important;} .cards.cards-cus .__col .block-section:after {opacity:0; transform:scale(0); transform-origin:10% 60%; transition:.3s, 1s transform; content:""; position:absolute; background: url("../../assets/images/favicon.svg") 0% 100% / contain no-repeat scroll transparent; inset: 0; z-index: 0;} .cards.cards-cus .__col .block-section:hover:after {opacity:.35; transform:scale(5);} .cards.cards-cus .__col .block-section:has(.block-list) > div {} .cards.cards-cus .__col .block-section:has(.block-list):not(:hover) {filter:none !important;} .cards.cards-cus:has(.block-list .modal.show), .cards.cards-cus .__col .block-section:has(.block-list .modal.show) {z-index:10050;} body:has(.cards.cards-cus .block-list .modal) {padding-right:0 !important;} html:has(.cards.cards-cus .__col .block-section .block-list) .modal-backdrop.show {display:none !important;} .cards.cards-cus.block-section .__col .block-section:hover:before {opacity:1;} .cards.cards-cus .__col .block-section .block-list {margin-top:auto;} .cards.cards-cus .__col .block-section .block-list :is(.modal-list .list-group-item, .accordion .card-header) > h5 > .btn {background-color:#efebe6 !important; color:#17141b !important; width:auto !important;} .cards.cards-cus .__col .block-section .block-header {margin-top:1rem;} .cards.cards-cus .__col .block-section .block-header:last-child .__content {position:relative; display:flex; justify-content: space-between; align-items: center;} .cards.cards-cus .__col .block-section .block-header:last-child .__content:after {opacity:0; transform:translateX(-5rem); font-size: 2rem !important; content:"\f105"; font:600 1rem "Font Awesome 5 Free","Font Awesome 5 Brands",FontAwesome; transition:.3s all;} .cards.cards-cus .__col .block-section:hover .block-header:last-child .__content:after {opacity:1; transform:translateX(0); animation:doublearrow .5s linear infinite;} .cards.cards-cus .__col .block-section .block-header:last-child .__content * {margin-top:0;} @keyframes doublearrow {50%{opacity:0;}100%{content:"\f101";}} html.cms [class*='link-child-'] .__col .block-section-container .block-button {opacity:.6;} html.cms [class*='link-child-'] .__col .block-section-container .block-button:before {content: ""; position: absolute; background-image: url('../../assets/images/hidden.png') !important; left: 0; top: 0; width: 100% !important; height: 100%; background-size: 100px; z-index: 0;} html:not(.cms) [class*='link-child-'] .__col .block-section-container .block-button {display:none !important;} @media (min-width:768px) { html:not(.cms) .cards.cards-float .__col .block-section {transition:.3s all;} html:not(.cms) .cards.cards-float .__col .block-section:hover {transform:translateY(-6px);} html:not(.cms) .cards.cards-hover .__col .block-section .block-text {transition:.3s all; opacity:0;} html:not(.cms) .cards.cards-hover .__col .block-section:hover .block-text {opacity:1;} } @media (max-width:767px) { [class*='cards-vh-min-'].block-section .__col .block-section {min-height:auto !important;} .cards-img.block-section .__col .block-section-container > :is(.block-image, .block-gallery) + .block {margin-top:1rem;} .cards-img.block-section .__col .block-section-container > .block:not(.block-image,.block-gallery) {padding-inline:2rem;} .cards.cards-1 .__col .block-section {height:40vh !important;} .cards-3.block-section .__col .block-section > .block-section-container > .block:first-child ~ .block:not(.block-button) {opacity:1 !important;} .cards.cards-btn-info .__col .block-section .block-section-container .block-button a {padding-bottom:0 !important;} } /****************** cardsc ******************/ /****************** form ******************/ .block-form {margin-top: 1.5rem !important; margin-right: -.75rem !important; margin-left: -.75rem !important;} .block-form .row {margin-top: 0 !important; margin-right: -.75rem !important; margin-left: -.75rem !important;} .block-form .__col, .block-form .__content {padding-right: .75rem !important; padding-left: .75rem !important;} .block-form .form-fields {margin: 0 -.05rem !important;} .block-form .form-fields .col-md-12 {padding: 0 .05rem !important;} .block-form .form-group {margin-bottom: .2rem; padding: 0 !important;} .block-form .form-group label {margin: 0; font-size: 0.75rem; color: #7a7a7a; width: 100%;} .block-form .form-control {border: none; background: transparent; border-bottom: .05rem solid #4b5e47; color: #a6a6a6; padding: 0.5rem; font-size: 1rem; font-weight: 300; border-radius: 0; height: auto; -webkit-appearance: none; -moz-appearance: none; appearance: none; moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;} .block-form .form-control:focus {background: #efebe6; border-bottom-color: #4b5e47; color: #4b5e47;} .block-form .form-control::placeholder {color: #7a7a7a;} .block-form .form-control:-ms-input-placeholder {color: #7a7a7a;} .block-form .form-control::-ms-input-placeholder {color: #7a7a7a;} .block-form .form-footer {text-align: center;} .block-form .btn-primary {margin-top: 1.5rem !important; color: #efebe6 !important; margin: auto; transition: 0.5s all; text-transform: capitalize; text-align: center; display: flex !important; justify-content: center; align-items: center; width: 10rem; height: 10rem; border-radius: 50% !important; background: #712020 !important; border: 1px solid #712020 !important; } .block-form .btn-primary:hover, .block-form .btn-primary:active, .block-form .btn-primary:focus {transition: 0.5s all; background: #17141b !important; border: 1px solid #17141b !important; color: #efebe6 !important; opacity: 0.75; } .block-form .input-group-text {border-radius: 0; padding: .75rem; font-size: .75rem; line-height: 1.5; background-color: #d9d9d9; color: #4f4f4f; border: none;} .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {margin-right: .5rem !important;} .block-form .btn-primary:after {display: none;} @media (max-width: 1920px){ .block-form .form-control {padding: 11px;} .block-form .input-group-addon {padding: 11px; } } @media (max-width: 1280px){ .block-form .form-control {padding: 8px; border-width: 0.5px !important;} .block-form .form-control:focus {border-width: 2px;} .block-form .input-group-addon {padding: 8px;} .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {margin-right: 5px !important;} } .bootstrap-datetimepicker-widget {width:100% !important;} .bootstrap-datetimepicker-widget > ul li {margin:0; padding:0;} .bootstrap-datetimepicker-widget > ul li:before {display:none !important;} .bootstrap-datetimepicker-widget > .row {flex-direction: column-reverse;} .bootstrap-datetimepicker-widget .datepicker table thead {background-color:#17141b; color:#efebe6; font-size:1rem;} .bootstrap-datetimepicker-widget .datepicker table thead tr:nth-child(2) {font-size:.8rem;} .bootstrap-datetimepicker-widget .datepicker table thead tr:nth-child(2) th {border-radius:0 !important;} .bootstrap-datetimepicker-widget .datepicker table tbody {font-size:.8rem;} .bootstrap-datetimepicker-widget .datepicker .datepicker-days table td:is(.active,:hover), .bootstrap-datetimepicker-widget .datepicker table thead tr:first-child th:hover, .bootstrap-datetimepicker-widget .datepicker table td span.active {background-color:#4b5e47 !important;} .bootstrap-datetimepicker-widget .datepicker .datepicker-decades .decade {line-height:unset;} .bootstrap-datetimepicker-widget .timepicker {flex: 1; max-width: fit-content; margin-inline: 15px;} .bootstrap-datetimepicker-widget .timepicker .timepicker-picker {} .bootstrap-datetimepicker-widget .timepicker table {} .bootstrap-datetimepicker-widget .timepicker table td {height: unset !important; line-height: 1; padding: 0;} .bootstrap-datetimepicker-widget .timepicker table td span {height: auto !important; line-height: 1.5; font-size: .9rem;} .bootstrap-datetimepicker-widget .timepicker table td span:is(:hover,:active,:focus-within,:visited,:focus) {background-color:#e8e8e8 !important;} .bootstrap-datetimepicker-widget .timepicker .timepicker-picker a.btn {color:#4b5e47; padding:0;} .bootstrap-datetimepicker-widget .timepicker .timepicker-picker a.btn:is(:hover,:active,:focus-within,:visited,:focus) {background-color:transparent !important; border:none !important;} div:is(.js-load, .full-width-all) .form-fields.row {padding-left: 0px; padding-right: 0px; margin-left: -7px; margin-right: -7px;} /***************** styling *********************/ .__base .text-light, .text-light, .text-light p {color: rgb(255,255,255, 0.65) !important; } .text-light h6, .text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5 {color: #efebe6 !important; } .text-light hr {background-color: #efebe6 !important; color: #efebe6 !important;} .text-light a:not(.btn), .text-light a:not(.btn):hover {color: rgb(255,255,255, 0.65) !important; } .text-dark, .text-dark p, .text-dark h1, .text-dark h2, .text-dark h3, .text-dark h4, .text-dark h5, .text-dark h6, .text-dark a:not(.btn), .text-dark a:not(.btn):hover {color: #17141b !important;} .text-primary, .text-primary p, .text-primary h1, .text-primary h2, .text-primary h3, .text-primary h4, .text-primary h5, .text-primary h6, .text-primary a, .text-primary a:hover {color: #4b5e47 !important;} .text-secondary, .text-secondary p, .text-secondary h1, .text-secondary h2, .text-secondary h3, .text-secondary h4, .text-secondary h5, .text-secondary h6, .text-secondary a, .text-secondary a:hover {color: #DED9D6;} .text-success, .text-success p, .text-success h1, .text-success h2, .text-success h3, .text-success h4, .text-success h5, .text-success h6, .text-success a, .text-success a:hover {color: #32a852;} .text-danger, .text-danger p, .text-danger h1, .text-danger h2, .text-danger h3, .text-danger h4, .text-danger h5, .text-danger h6, .text-danger a, .text-danger a:hover {color: #dc3545;} .text-warning, .text-warning p, .text-warning h1, .text-warning h2, .text-warning h3, .text-warning h4, .text-warning h5, .text-warning h6, .text-warning a, .text-warning a:hover {color: #FFDA16;} .text-info, .text-info p, .text-info h1, .text-info h2, .text-info h3, .text-info h4, .text-info h5, .text-info h6, .text-info a, .text-info a:hover {color: #14374C;} .text-custom1, .text-custom1 p, .text-custom1 h1, .text-custom1 h2, .text-custom1 h3, .text-custom1 h4, .text-custom1 h5, .text-custom1 h6, .text-custom1 a, .text-custom1 a:hover {color: #2e2e2e;} .text-custom2, .text-custom2 p, .text-custom2 h1, .text-custom2 h2, .text-custom2 h3, .text-custom2 h4, .text-custom2 h5, .text-custom2 h6, .text-custom2 a, .text-custom2 a:hover {color: #4f4f4f;} .text-custom3, .text-custom3 p, .text-custom3 h1, .text-custom3 h2, .text-custom3 h3, .text-custom3 h4, .text-custom3 h5, .text-custom3 h6, .text-custom3 a, .text-custom3 a:hover {color: #7a7a7a;} .text-custom4, .text-custom4 p, .text-custom4 h1, .text-custom4 h2, .text-custom4 h3, .text-custom4 h4, .text-custom4 h5, .text-custom4 h6, .text-custom4 a, .text-custom4 a:hover {color: #a6a6a6;} .text-custom5, .text-custom5 p, .text-custom5 h1, .text-custom5 h2, .text-custom5 h3, .text-custom5 h4, .text-custom5 h5, .text-custom5 h6, .text-custom5 a, .text-custom5 a:hover {color: #d9d9d9;} .text-custom6, .text-custom6 p, .text-custom6 h1, .text-custom6 h2, .text-custom6 h3, .text-custom6 h4, .text-custom6 h5, .text-custom6 h6, .text-custom6 a, .text-custom6 a:hover {color: #e8e8e8;} .text-custom7, .text-custom7 p, .text-custom7 h1, .text-custom7 h2, .text-custom7 h3, .text-custom7 h4, .text-custom7 h5, .text-custom7 h6, .text-custom7 a, .text-custom7 a:hover {color: #a64f33;} .text-custom8, .text-custom8 p, .text-custom8 h1, .text-custom8 h2, .text-custom8 h3, .text-custom8 h4, .text-custom8 h5, .text-custom8 h6, .text-custom8 a, .text-custom8 a:hover {color: #cbbfb9;} .text-custom9, .text-custom9 p, .text-custom9 h1, .text-custom9 h2, .text-custom9 h3, .text-custom9 h4, .text-custom9 h5, .text-custom9 h6, .text-custom9 a, .text-custom9 a:hover {color: #eeeddd;} [class*="filter-"] {position:relative; overflow:hidden;} [class*="filter-"]:before {transition:1s all; position: absolute; content: " "; top: 0; left: 0; width: 100%; height: 100%; display: block; opacity: .3; z-index: 2;} .filter-opac1:before {opacity:.1 !important;} .filter-opac2:before {opacity:.2 !important;} .filter-opac3:before {opacity:.3 !important;} .filter-opac5:before {opacity:.5 !important;} .filter-opac6:before {opacity:.6 !important;} .filter-opac7:before {opacity:.7 !important;} .filter-opac8:before {opacity:.8 !important;} .filter-opac9:before {opacity:.9 !important;} .filter-opac95:before {opacity:.95 !important;} .filter-opac98:before {opacity:.98 !important;} .filter-opac:before {opacity:1 !important;} .filter-blur3:before {backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px);} .filter-blur5:before {backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px);} [class*="filter-blur"]:before { opacity:1 !important; filter:opacity(.8);} .filter-left:before, .filter-right:before, .filter-bottom:before, .filter-top:before {background-color:inherit !important; width: 50%; left: auto !important; right: 0 !important; filter: blur(50px); transform: scale(1.6);} .filter-bottom:before, .filter-top:before {width:100% !important; height: 50%; left:0 !important; bottom:0 !important; top: auto !important;} .filter-left:before {left: 0 !important; right: auto !important;} .filter-top:before {top:0 !important; bottom:auto !important;} .filter-bnw:after {content:""; position:absolute; inset:0; background-color: black !important; opacity: 1; mix-blend-mode: saturation;} [class*="filter-"] > div {position:relative; z-index:3;} .filter-custom:before {filter: none; transform: none;} .filter-custom.filter-left:before {border-radius: 0 0 150px 0;} .filter-custom.filter-right:before {border-radius: 150px 0 0 0;} .filter-slant.filter-left:before, .filter-slant.filter-right:before {filter: none; } .filter-slant.filter-left:before {transform: skewX(-15deg) scaleX(1.5);} .filter-slant.filter-right:before {transform: skewX(15deg) scaleX(1.5);} .no-filter:before {display:none !important;} .filter-left-top:before, .filter-right-top:before, .filter-bottom-right:before, .filter-bottom-left:before {width: 33%; height: 50%;} .filter-bottom-right:before {inset: auto 0 0 auto;} .filter-right-top:before {inset: 0 0 auto auto;} .filter-bottom-left:before {inset: auto auto 0 0;} .filter-left-top.filter-radius:before { border-bottom-right-radius: 10rem;} .filter-bottom-right.filter-radius:before { border-top-left-radius: 10rem;} .filter-right-top.filter-radius:before { border-bottom-left-radius: 10rem;} .filter-bottom-left.filter-radius:before { border-top-right-radius: 10rem;} .hover[class*="filter-"]:hover:before {transform:scale(2) translateX(-25%); opacity: .6;} .__base .bgsvg-bottom:after, .__base .bgsvg-top:after {} .bgsvg-bottom:after, .bgsvg-top:after { z-index:2; content:""; position:absolute; transition:.3s all; inset:0 !important; background-size:cover; background-position:bottom; background-repeat:no-repeat; background-color: inherit !important; background-blend-mode: darken; -webkit-mask-image: url('../../files/bgsvg.svg'); -webkit-mask-position: bottom; -webkit-mask-size: 100%; -webkit-mask-repeat: no-repeat;} .bgsvg-top:after {transform:scale(1, -1);} .bgsvg-bottom.flip:after, .bgsvg-top.flip:after {transform: scale(-1, 1);} :is(.bgsvg-top, .bgsvg-bottom) > .block-section-container {z-index:3 !important; position:relative;} .bgsvg-top.primary:after {background-color:#4b5e47 !important;} .bgsvg-top.secondary:after {background-color:#DED9D6 !important;} .block-image .__content[class*="filter-"]::before {z-index:1; } .bg-primary .block-form .form-3 .form-group > label, .point-top.bg-primary:after, .point-bot.bg-primary + div:after, .bg-primary.flow .__col .block-image:first-child .__content, .bubble-primary + .sticky-bubbles .bubble, .banner-primary + .div-banner-roll, .filter-primary:before, .cards-primary .__col > .block-section, .bg-primary {background-color: #4b5e47 !important;} .bg-secondary .block-form .form-3 .form-group > label, .point-top.bg-secondary:after, .point-bot.bg-secondary + div:after, .bg-secondary.flow .__col .block-image:first-child .__content, .bubble-secondary + .sticky-bubbles .bubble, .banner-secondary + .div-banner-roll, .filter-secondary:before, .cards-secondary .__col > .block-section, .bg-secondary {background-color: #DED9D6 !important;} .bg-dark .block-form .form-3 .form-group > label, .point-top.bg-dark:after, .point-bot.bg-dark + div:after, .bg-dark.flow .__col .block-image:first-child .__content, .bubble-dark + .sticky-bubbles .bubble, .banner-dark + .div-banner-roll, .filter-dark:before, .cards-dark .__col > .block-section, .bg-dark {background-color: #17141b !important;} .bg-modedark .block-form .form-3 .form-group > label, .point-top.bg-modedark:after, .point-bot.bg-modedark + div:after, .bg-modedark.flow .__col .block-image:first-child .__content, .bubble-modedark + .sticky-bubbles .bubble, .banner-modedark + .div-banner-roll, .filter-modedark:before, .cards-modedark .__col > .block-section, .bg-modedark {background-color: #0B0D11 !important;} .bg-black .block-form .form-3 .form-group > label, .point-top.bg-black:after, .point-bot.bg-black + div:after, .bg-black.flow .__col .block-image:first-child .__content, .bubble-black + .sticky-bubbles .bubble, .banner-black + .div-banner-roll, .filter-black:before, .cards-black .__col > .block-section, .bg-black {background-color: #000 !important;} .bg-light .block-form .form-3 .form-group > label, .point-top.bg-light:after, .point-bot.bg-light + div:after, .bg-light.flow .__col .block-image:first-child .__content, .bubble-light + .sticky-bubbles .bubble, .banner-light + .div-banner-roll, .filter-light:before, .cards-light .__col > .block-section, .bg-light {background-color: #efebe6 !important;} .bg-white .block-form .form-3 .form-group > label, .point-top.bg-white:after, .point-bot.bg-white + div:after, .bg-white.flow .__col .block-image:first-child .__content, .bubble-white + .sticky-bubbles .bubble, .banner-white + .div-banner-roll, .filter-white:before, .cards-white .__col > .block-section, .bg-white {background-color: #FFF !important;} .bg-info .block-form .form-3 .form-group > label, .point-top.bg-info:after, .point-bot.bg-info + div:after, .bg-info.flow .__col .block-image:first-child .__content, .bubble-info + .sticky-bubbles .bubble, .banner-info + .div-banner-roll, .filter-info:before, .cards-info .__col > .block-section, .bg-info {background-color: #14374C;} .bg-success .block-form .form-3 .form-group > label, .point-top.bg-success:after, .point-bot.bg-success + div:after, .bg-success.flow .__col .block-image:first-child .__content, .bubble-success + .sticky-bubbles .bubble, .banner-success + .div-banner-roll, .filter-success:before, .cards-success .__col > .block-section, .bg-success {background-color: #32a852;} .bg-danger .block-form .form-3 .form-group > label, .point-top.bg-danger:after, .point-bot.bg-danger + div:after, .bg-danger.flow .__col .block-image:first-child .__content, .bubble-danger + .sticky-bubbles .bubble, .banner-danger + .div-banner-roll, .filter-danger:before, .cards-danger .__col > .block-section, .bg-danger {background-color: #dc3545;} .bg-warning .block-form .form-3 .form-group > label, .point-top.bg-warning:after, .point-bot.bg-warning + div:after, .bg-warning.flow .__col .block-image:first-child .__content, .bubble-warning + .sticky-bubbles .bubble, .banner-warning + .div-banner-roll, .filter-warning:before, .cards-warning .__col > .block-section, .bg-warning {background-color: #FFDA16;} .bg-white .block-form .form-3 .form-group > label, .point-top.bg-white:after, .point-bot.bg-white + div:after, .bg-white.flow .__col .block-image:first-child .__content, .bubble-white + .sticky-bubbles .bubble, .banner-white + .div-banner-roll, .filter-white:before, .cards-white .__col > .block-section, .bg-white {background-color: white;} .bg-offwhite .block-form .form-3 .form-group > label, .point-top.bg-offwhite:after, .point-bot.bg-offwhite + div:after, .bg-offwhite.flow .__col .block-image:first-child .__content, .bubble-offwhite + .sticky-bubbles .bubble, .banner-offwhite + .div-banner-roll, .filter-offwhite:before, .cards-offwhite .__col > .block-section, .bg-offwhite {background-color: #f7f7f7 !important;} .bg-customlight .block-form .form-3 .form-group > label, .point-top.bg-customlight:after, .point-bot.bg-customlight + div:after, .bg-customlight.flow .__col .block-image:first-child .__content, .bubble-customlight + .sticky-bubbles .bubble, .banner-customlight + .div-banner-roll, .filter-customlight:before, .cards-customlight .__col > .block-section, .bg-customlight {background-color: rgba(255,255,255,0.8) !important;} .bg-customdark .block-form .form-3 .form-group > label, .point-top.bg-customdark:after, .point-bot.bg-customdark + div:after, .bg-customdark.flow .__col .block-image:first-child .__content, .bubble-customdark + .sticky-bubbles .bubble, .banner-customdark + .div-banner-roll, .filter-customdark:before, .cards-customdark .__col > .block-section, .bg-customdark {background-color: rgba(0,0,0,0.8) !important;} .bg-custom0 .block-form .form-3 .form-group > label, .point-top.bg-custom0:after, .point-bot.bg-custom0 + div:after, .bg-custom0.flow .__col .block-image:first-child .__content, .bubble-custom0 + .sticky-bubbles .bubble, .banner-custom0 + .div-banner-roll, .filter-custom0:before, .cards-custom0 .__col > .block-section, .bg-custom0 {background-color: #1D1D1B !important;} .bg-custom1 .block-form .form-3 .form-group > label, .point-top.bg-custom1:after, .point-bot.bg-custom1 + div:after, .bg-custom1.flow .__col .block-image:first-child .__content, .bubble-custom1 + .sticky-bubbles .bubble, .banner-custom1 + .div-banner-roll, .filter-custom1:before, .cards-custom1 .__col > .block-section, .bg-custom1 {background-color: #2e2e2e !important;} .bg-custom2 .block-form .form-3 .form-group > label, .point-top.bg-custom2:after, .point-bot.bg-custom2 + div:after, .bg-custom2.flow .__col .block-image:first-child .__content, .bubble-custom2 + .sticky-bubbles .bubble, .banner-custom2 + .div-banner-roll, .filter-custom2:before, .cards-custom2 .__col > .block-section, .bg-custom2 {background-color: #4f4f4f !important;} .bg-custom3 .block-form .form-3 .form-group > label, .point-top.bg-custom3:after, .point-bot.bg-custom3 + div:after, .bg-custom3.flow .__col .block-image:first-child .__content, .bubble-custom3 + .sticky-bubbles .bubble, .banner-custom3 + .div-banner-roll, .filter-custom3:before, .cards-custom3 .__col > .block-section, .bg-custom3 {background-color: #7a7a7a !important;} .bg-custom4 .block-form .form-3 .form-group > label, .point-top.bg-custom4:after, .point-bot.bg-custom4 + div:after, .bg-custom4.flow .__col .block-image:first-child .__content, .bubble-custom4 + .sticky-bubbles .bubble, .banner-custom4 + .div-banner-roll, .filter-custom4:before, .cards-custom4 .__col > .block-section, .bg-custom4 {background-color: #a6a6a6 !important;} .bg-custom5 .block-form .form-3 .form-group > label, .point-top.bg-custom5:after, .point-bot.bg-custom5 + div:after, .bg-custom5.flow .__col .block-image:first-child .__content, .bubble-custom5 + .sticky-bubbles .bubble, .banner-custom5 + .div-banner-roll, .filter-custom5:before, .cards-custom5 .__col > .block-section, .bg-custom5 {background-color: #d9d9d9 !important;} .bg-custom6 .block-form .form-3 .form-group > label, .point-top.bg-custom6:after, .point-bot.bg-custom6 + div:after, .bg-custom6.flow .__col .block-image:first-child .__content, .bubble-custom6 + .sticky-bubbles .bubble, .banner-custom6 + .div-banner-roll, .filter-custom6:before, .cards-custom6 .__col > .block-section, .bg-custom6 {background-color: #e8e8e8 !important;} .bg-custom7 .block-form .form-3 .form-group > label, .point-top.bg-custom7:after, .point-bot.bg-custom7 + div:after, .bg-custom7.flow .__col .block-image:first-child .__content, .bubble-custom7 + .sticky-bubbles .bubble, .banner-custom7 + .div-banner-roll, .filter-custom7:before, .cards-custom7 .__col > .block-section, .bg-custom7 {background-color: #a64f33 !important;} .bg-custom8 .block-form .form-3 .form-group > label, .point-top.bg-custom8:after, .point-bot.bg-custom8 + div:after, .bg-custom8.flow .__col .block-image:first-child .__content, .bubble-custom8 + .sticky-bubbles .bubble, .banner-custom8 + .div-banner-roll, .filter-custom8:before, .cards-custom8 .__col > .block-section, .bg-custom8 {background-color: #cbbfb9 !important;} .bg-custom9 .block-form .form-3 .form-group > label, .point-top.bg-custom9:after, .point-bot.bg-custom9 + div:after, .bg-custom9.flow .__col .block-image:first-child .__content, .bubble-custom9 + .sticky-bubbles .bubble, .banner-custom9 + .div-banner-roll, .filter-custom9:before, .cards-custom9 .__col > .block-section, .bg-custom9 {background-color: #eeeddd !important;} .bg-gradient1.flow .__col .block-image:first-child .__content, .bubble-gradient1 + .sticky-bubbles .bubble, .banner-gradient1 + .div-banner-roll, .filter-gradient1:before, .cards-gradient1 .__col > .block-section, .bg-gradient1 {background:linear-gradient(315deg, #4b5e47, #a64f33);} .bg-gradient2.flow .__col .block-image:first-child .__content, .bubble-gradient2 + .sticky-bubbles .bubble, .banner-gradient2 + .div-banner-roll, .filter-gradient2:before, .cards-gradient2 .__col > .block-section, .bg-gradient2 {background:linear-gradient(315deg, #DED9D6, #cbbfb9);} .bg-gradient3.flow .__col .block-image:first-child .__content, .bubble-gradient3 + .sticky-bubbles .bubble, .banner-gradient3 + .div-banner-roll, .filter-gradient3:before, .cards-gradient3 .__col > .block-section, .bg-gradient3 {background:linear-gradient(135deg, #4b5e47 0%, #DED9D6 70%, #a64f33) 150%;} .bg-gradient4.flow .__col .block-image:first-child .__content, .bubble-gradient4 + .sticky-bubbles .bubble, .banner-gradient4 + .div-banner-roll, .filter-gradient4:before, .cards-gradient4 .__col > .block-section, .bg-gradient4 {background:linear-gradient(135deg, #d9d9d9 0%, #e8e8e8 70%, #a6a6a6) 150%;} .bg-gradient5.flow .__col .block-image:first-child .__content, .bubble-gradient5 + .sticky-bubbles .bubble, .banner-gradient5 + .div-banner-roll, .filter-gradient5:before, .cards-gradient5 .__col > .block-section, .bg-gradient5 {background:linear-gradient(135deg, #a6a6a6 0%, #d9d9d9 70%, #4f4f4f) 150%;} .bg-gradient6.flow .__col .block-image:first-child .__content, .bubble-gradient6 + .sticky-bubbles .bubble, .banner-gradient6 + .div-banner-roll, .filter-gradient6:before, .cards-gradient6 .__col > .block-section, .bg-gradient6 {background:linear-gradient(135deg, #4f4f4f 0%, #2e2e2e 70%, #17141b) 150%;} main p {margin: 1rem 0 0 0;} main h1, main h2, main h3, main h4, main h5, main h6 {margin: 23px 0 0 0;} main :is(ul, ol) {margin: 15px 0 0 0;} main :is(ul, ol) li {margin: 4px 0;} main :is(ul, ol) li:before {padding: 0 8px 0 0;} main > #section-404 {height:100vh;} main > #section-404 > .block-section-container {display: flex; align-items: center; justify-content: center; align-content: center; text-align:center;} main > #section-404 .block-error-404 {font-size:3rem; position:relative; line-height:normal; margin-top:8rem;} main > #section-404 .block-error-404:before {content:""; position:absolute; left:50%; transform:translateX(-50%) translateY(-8rem); height:8rem; width:90%; background:url("../../assets/images/icons/404.gif") 50% 50% / contain no-repeat scroll;} main:has(#section-404) ~ footer .ftr-banner {display:none;} body:not(.dark):has(#section-404) .navbar:not(.scrolled) .nav-inner .navbar-nav > .nav-item > .nav-link {color:#17141b;} .pp-container {height: 70vh; width: 100%; background: linear-gradient(to bottom,#17141b 10%, #4b5e47 100%); display: flex; align-items: center; justify-content: center; } .pp-form .form-group {text-align: center; min-width: 75% !important; } .pp-form .form-group #input_pp_submit {padding-block: 1rem 2rem !important; display: flex!important; align-items: center !important; justify-content: center !important;} .pp-form .form-group #input_pp_password {padding: 1.5rem !important;} .pp-container {max-width:800px; margin:100px auto; position:relative; min-height: 50vh; display: flex; flex-direction: column; justify-content: center; } .pp-container #form-pp {width:inherit;} .pp-container .row:before {opacity:1 !important; content:""; background:linear-gradient(to right,transparent 25%, #efebe6 25%); z-index:0; position:absolute; inset:0; } .pp-container .row {margin:0; overflow:hidden; position:relative; box-shadow: 3px 3px 10px rgb(0 0 0 / 10%); border-radius:30px; background:url($favicon); background-size:20%; background-position:2.5% 50%; background-repeat:no-repeat; flex-direction: column; padding:3rem 3rem 3rem calc(25% + 3rem);} .pp-container .row .form-group {margin:0; z-index:2;} .pp-container .row .form-group:nth-child(1) input {height:50px; text-align:center;} .pp-container .row .form-group:nth-child(2) input {transition:.3s all; text-align:center; margin-top:1rem; display:flex; justify-content:center; padding: 0 !important; align-items: center; justify-content: center; background:#4b5e47 !important; color:#efebe6 !important;} .pp-container .row .form-group:nth-child(2) input:hover {background:#17141b !important;} .pp-container .pp-message {width:inherit; bottom: 2.5rem; position: relative; padding-left: 25%; text-align: center; color: red;} } @media (max-width:992px) { .pp-container {width:80%;} } @media (max-width:767px) { .pp-container { width: 90%; margin: 50px auto;} .pp-container .pp-message {padding-left:0;} .pp-container .row {padding:3rem !important; background:#efebe6 !important;} } /************************COOKIES-v3*******************************/ body.modal-open.no-cookie #modal-cc {display:none !important;} html:has(body.modal-open.no-cookie #modal-cc.d-none), body.modal-open.no-cookie:has(#modal-cc.d-none) {padding-right:0 !important; overflow-y:auto;} .modal {background: rgba(0,0,0,0.8); backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px);} .modal .modal-header .close {order:2;} .modal .modal-footer .btn {margin-top:0;} #modal-cc {font-size:18px;} #modal-cc .modal-dialog {width:auto; display:block !important; height:auto !important; position:fixed; inset: auto auto 2em 2em; margin: 2em 2em 0 0; max-width:50em;} #modal-cc .modal-content {background-color:#efebe6; color:#17141b; border-radius:calc(30px/2); padding:3em;} #modal-cc .modal-content * {color:inherit;} #modal-cc .modal-header:before, #modal-cc .modal-header:after {display:none;} #modal-cc .modal-header {justify-content: space-between; margin-bottom:1.5em; border:none; padding:0; display: flex; align-items: center;} #modal-cc .modal-header .close {display: flex; align-items: center; justify-content: center; right:3em; top:3em; opacity:1; background-color:transparent; border:1px solid #17141b !important; color:inherit; font-size:0; letter-spacing:0; line-height:0; width: 2.5rem; height: 2.5rem; border-radius: 50%;} #modal-cc .modal-header .close:before {content:"\f00d"; font:600 1rem "Font Awesome 5 Free","Font Awesome 5 Brands",FontAwesome; font-family:600 1rem "Font Awesome 5 Free","Font Awesome 5 Brands",FontAwesome; font-size:12px;} #modal-cc .modal-header .modal-title {font-size:1.2em;} #modal-cc .modal-body {background-color:transparent; padding:0;} #modal-cc .modal-content .nav-pills {gap:1em; display:flex;} #modal-cc .modal-content .nav-pills .nav-item {float:none; flex:1;} #modal-cc .modal-content .nav-pills .nav-link:hover {opacity:1;} #modal-cc .modal-content .nav-pills .nav-link {text-transform: uppercase; letter-spacing: 2px; transition:.3s all; opacity:.5; text-align: left; background: transparent; border-bottom: solid 1px rgba(0,0,0,0.2); border-radius: 0; padding-inline: 2.5px;} #modal-cc .modal-content .nav-pills .nav-link.active {opacity:1;} #modal-cc .modal-content .nav-pills:before {display:none;} #modal-cc .modal-content .nav-pills:after {display:none;} #modal-cc .modal-body p:empty {display:none;} #modal-cc .modal-body p {font-size:.8em;} #modal-cc .modal-body a {text-decoration:none !important;} #modal-cc .modal-body p + p {margin-top:1em; padding-top:0;} #modal-cc .modal-body hr {display:none;} #modal-cc .modal-body .tab-pane {overflow-y:auto; max-height:60vh; padding-top:1em;} #modal-cc .modal-body .tab-pane a {color:inherit; border-bottom:1px dashed;} #modal-cc .modal-body .tab-pane h5 {font-size:1.1em; margin-bottom:.5em;} #modal-cc #cc-buttons {display: flex; justify-content: center; gap:.5em; margin-inline:-2px; padding-top:.5em;} #modal-cc #cc-buttons .btn {font-weight:300; margin:0 !important; background:transparent !important; font-size:.8em; display: flex; justify-content: center; align-items: center; border:1px solid #17141b !important; color:#17141b !important; line-height:normal; text-transform:uppercase; letter-spacing:1px; border-radius:30px; padding:1em !important; } #modal-cc #cc-buttons .btn:before {display:none;} #modal-cc #cc-buttons .btn:after {display:none !important; color:inherit !important;} #cc-settings-container i {font-style: normal;} #cc-settings-container a {color:#4b5e47; border:none !important; text-decoration:none !important;} #cc-settings-container {left:2em; bottom:2em; z-index:2000;} html:not(.cms):has(.modal.show) #cc-settings-container {z-index:-1;} html:has(body.dark, body.modal-dark) #modal-cc .modal-content {background-color:#17141b !important; color:#efebe6; } html:has(body.dark, body.modal-dark) #modal-cc .modal-header .close {border-color: #efebe6 !important; } html:has(body.dark, body.modal-dark) #modal-cc .modal-content :is(.nav-pills .nav-link, #cc-buttons .btn) {border-color: rgba(255,255,255,0.2) !important; } html:has(body.dark, body.modal-dark) #modal-cc #cc-buttons .btn {color:#efebe6 !important;} @media (max-width:1920px) { #modal-cc {font-size:16px;} } @media (max-width:1280px) { #modal-cc {font-size:14px;} } @media (min-width:768px) { #modal-cc .modal-dialog {transform-origin:left bottom; transform:scale(.8);} } @media (max-width:767px) { #modal-cc {font-size:12px;} #modal-cc .modal-body .tab-pane {max-height:40vh; padding-right:1rem;} #modal-cc #cc-buttons {flex-direction: column-reverse;} #cc-settings-container {left:1.5em; bottom:1.5em;} #modal-cc .modal-body p {font-size:.9em;} #modal-cc .modal-content .nav-pills .nav-link {font-size:.7em;} } /*=============================RX-CUSTOM===========================*/ .faded-text p {opacity: 0.65;} .indent-left {border-left: 3px solid #712020;} .float-right {float: right;} .special-margin h6 {margin-left: 3rem; font-size: 0.8rem; opacity: 0.65;} .special-margin h5 {margin-left: 3rem;} .border-special-left {border-left: 10rem solid #712020 !important;} .border-special-right {border-right: 10rem solid #712020 !important;} .special-bg2 h4 {text-transform: uppercase;} .special-bg2 h5 {font-weight: 600 !important;} .special-bg2 p, .special-bg2 a {opacity: 0.75;} .faded-sec2 strong {font-weight: 500 !important; color: #2e2e2e !important;} .contact-sec .block-columns .__col {padding: 1rem;} .contact-sec .block-columns .__col .block-section {text-align: center;} .contact-sec .block-columns .__col .block-section img {height: 15rem; width: 15rem; object-fit:cover; border-radius: 50%;} .contact-sec .block-columns .__col .block-section a {font-size: 0.85rem !important; opacity: 0.65; text-decoration: none; border-bottom: none !important;} .contact-sec .block-columns .__col .block-section a:before {display: none !important;} .contact-sec .block-columns .__col .block-section p {margin: 0.15rem 0 0 0 !important;} .contact-sec .block-columns .__col .block-section h5 {color: #efebe6; font-weight: 500; font-family: "DM Sans", sans-serif; font-size: 1.5rem; text-transform: uppercase; letter-spacing: 3px;} .contact-sec .block-columns .__col .block-section h6 {font-size: 0.75rem; color: #a1b384; letter-spacing: 3px;} .margin-adjust {margin-top: -8rem !important;} .page-coverx {/*border-radius: 0 0 0 10rem; */padding-bottom:0 !important; text-align: center; height: 100%; min-height: 45vh; background: radial-gradient(ellipse at top, #4b5e47, #262f24),radial-gradient(ellipse at bottom, #a1b384, #262f24); display: flex; justify-content: center !important; align-content: center !important; flex-direction: column !important; } .page-coverx h1 {font-family: "DM Sans", sans-serif; color: #efebe6; opacity: 0.5; letter-spacing: 1rem;} .bg-special {background: radial-gradient(ellipse at top, #4b5e47, #262f24),radial-gradient(ellipse at bottom, #a1b384, #262f24);} .h6-marker h6 {margin: auto !important; color: #4f4f4f; font-size: 0.75rem !important; padding: 0.5rem; border: 0.5px solid #2e2e2e; border-radius: 30rem; width: 30%; } .h6-marker2 h6 {margin: auto !important; color: #e8e8e8; font-size: 0.75rem !important; padding: 0.5rem; border: 0.5px solid #e8e8e8; border-radius: 30rem; width: 25%; } .block-section.sm-padding {padding-top: 1rem !important; padding-bottom: 2.5rem !important;} .special-margin {padding: 5rem;} .special-margin p {margin-left: 3rem; opacity: 0.55; } @media (max-width:767px) { .special-margin {padding: 2rem;} .custom-sec {border-radius: 0 0 0 0 !important;} .h6-marker h6 {width: 55%;} .float-right {float: none !important;} } .custom-sec {/*border-radius: 0 15rem 0 0;*/} .faded-sec h4 {color: #2e2e2e; opacity: 0.55;} .faded-sec2 h4 {color: #2e2e2e; opacity: 0.65;} .faded-sec3 h4 { opacity: 0.75;} .block-section.sm-section .block-section-container, .block-section.sm-section .container {width: 52rem;} .block-section.md-section .block-section-container, .block-section.md-section .container {width: 75rem;} .special-sec {/*border-radius: 0 0 50rem 50rem;*/} .special-sec .col-lg-12 {display: flex; justify-content: center !important;} .d-bottom {display: flex; justify-content: flex-end !important; flex-direction: column !important; -webkit-align-content: flex-end; align-content: flex-end !important; } .d-center {display: flex; justify-content: center !important; align-content: center !important; flex-direction: column !important; } main {transition:.3s all;} html:not(.cms) body:not(.load):not(.aos-auto) main {opacity:0;} body.ss :is(.aos-init) {opacity:1 !important; transform:none !important;} body.ss :is(body, .bg-fixed) {background-attachment:scroll !important;} body.ss .fb-frame {display:none !important;} html.cms :is(.navbar, .nav-top, footer) {opacity:.5; cursor:no-drop !important; } html.cms :is(.navbar, .nav-top, footer) * {pointer-events:none !important;} html.cms footer:before {content:"FOOTER BÖRJAR HÄR. ÄNDRA INNEHÅLLET MED TAG-WIDGET ELLER KONTAKTA SUPPORT."; display:block; border-top: 2px dashed red; padding:1rem; text-align:center;} html.cms .block-columns:has(.__col:nth-child(7)) {flex-direction: row; justify-content:flex-start !important; flex-wrap: nowrap; overflow-x: scroll;} html.cms .block-columns:has(.__col:nth-child(7))::-webkit-scrollbar {width: .5rem; height: .5rem;} html.cms .block-columns:has(.__col:nth-child(7))::-webkit-scrollbar-track {background: #d9d9d9;} html.cms .block-columns:has(.__col:nth-child(7))::-webkit-scrollbar-thumb {background: #a6a6a6;} html.cms .block-columns:has(.__col:nth-child(7)) > .__col {flex: 1 0 25%; max-width: 25%;} body.centered :is(main > .block-section > .block-section-container) {max-width:100%;} body.centered :is(.navbar .nav-inner, main > .block-section, .footer-content .row:not(:last-child)) { max-width: 1240px; margin-inline: auto; } body.centered :is(main > .block-section) {background-color:#efebe6;} body.centered :is(main > .block-section:not(.full-width-all):first-child) {margin-top:var(--navh);} html.cms :is(.tag, .js, [class*='tag-'], [class*='js-to-']):before {content:"[javascript plugin - do not edit]"; text-align:left; width:100%; font-family:monospace; display:block; padding-block:1rem; font-size:1rem !important;} html.cms :is(.js.empty, [class*='js-to-']):before {display:flex; position:absolute; inset:0; align-items:center; justify-content: center;} html.cms :is(.tag, [class*='tag-']):before {content:"[tag widget]" !important;} html:not(.cms) .js.empty {background:url('../../assets/images/loader.gif') 50% 50% / contain no-repeat scroll transparent;} [class*='tag-'] a:empty {display:none !important;} [class*='tag-'] p:has(a:empty) {display:none !important;} [class*='tag-'] :is(a[href*='orgnr']):before {content:"\f1ad";} [class*='tag-'] :is(a[href*='tel:'], a[href*='mailto:'], a[href*='goo.gl'], a[href*='orgnr']):before {font:600 1rem "Font Awesome 5 Free","Font Awesome 5 Brands",FontAwesome;} [class*='tag-'] :is(a[href*='facebook.com'], a.fblink, a[href*='instagram.com'], a[href*='linkedin.com'], a[href*='youtube.com']):before {font:600 1rem "Font Awesome 5 Free","Font Awesome 5 Brands",FontAwesome; font-size:1.5rem; width:3rem; height:3rem; background-color:#4b5e47; color:#efebe6 !important;} [class*='tag-'] p:has(a[href*='facebook.com'], a.fblink, a[href*='instagram.com'], a[href*='linkedin.com'], a[href*='youtube.com']) {font-size:0; display:inline-block;} [class*='tag-'] p :is(a[href*='facebook.com'], a.fblink, a[href*='instagram.com'], a[href*='linkedin.com'], a[href*='youtube.com']) {font-size:0;} [class*='tag-'] .socials p {font-size:0; display:inline-block;} [class*='tag-'] {margin-top:1.5rem;} [class*='tag-'] p {margin-top:0; font-size:1.1rem; margin-block:5px;} [class*='tag-'] .info a {letter-spacing:.5px; margin-inline:0;} [class*='tag-'] a {margin-left:0 !important; letter-spacing:0; display: inline-flex; flex-direction: row; align-content: center; align-items: center; position:relative; border:none; text-decoration:none;} [class*='tag-'] a:before {color:#4b5e47; background-color:#d9d9d9; margin-right:5px; height:3rem; width:3rem; border-radius:50%; display:flex; align-items: center; justify-content: center; font-size: 1rem;} [class*='tag-'] .socials p {display:inline-block; } .text-light [class*='tag-'] .info a:before, .text-light[class*='tag-'] .info a:before {color:#4b5e47;} [class*='tag-'] .text-center a {justify-content: center;} .tag-cta {margin-top:0;} main > .block-section .__col:has(.block-section:is(.hidden, .d-none)), main > .block-section .block-button:has(.btn.hidden) {display:none !important;} main > div.__base .aos-init {opacity: 1 !important; transition-property: initial !important; transform: initial;} .aos-animate {transform:none !important;} .aos-init {opacity:0;} html:not(.cms) body.aos-auto .block-section-container > .block:not(.aos-init,.block-gallery) {opacity:0;} main > div.__base .div-anchor {height:30px; margin-top:0px;} .block.block-text .__header, .block.block-list .__header {top:20px;} .unhide {opacity:1 !important;} .trans {transition: .3s all !important;} .cms-only {display:none !important;} .__base .cms-only {display:block !important; box-shadow:0 0 5px gold; background:rgba(255,255,255,0.3);} .getlinkshere {z-index:-1; position:absolute; bottom: 0; left:0; width:0; height: 0; overflow: hidden; opacity: 0;} .p-c-0 > .__content {padding:0 !important;} .p-auto, .pl-auto, .px-auto {padding-left:30px;} .p-auto, .pr-auto, .px-auto {padding-right:30px;} .p-auto, .pt-auto, .px-auto {padding-top:30px;} .p-auto, .pb-auto, .px-auto {padding-bottom:30px;} .fb-frame, .fb-frame * {transition:.3s all; overflow:hidden;} .fb-frame {transition:.3s all; position:fixed !important; bottom:5rem; left:0; z-index:10; border-radius: 0 30px 30px 0; box-shadow:.5rem .5rem 1rem rgba(0,0,0,0.2);} .fb-frame.open {z-index: 5;} .fb-frame.open:not(.hide) iframe {max-width:340px;} .fb-frame iframe {max-width:0;} .fb-frame a {border-radius:0 calc(30px/2) calc(30px/2) 0; opacity:.5; width: 3rem; height: 8rem; cursor:pointer; background-color:#efebe6; display: block; position: fixed; left: 0; bottom: 5rem; z-index: 3; box-shadow:.5rem .5rem .8rem rgba(0,0,0,0.3); text-decoration: none; border: none;} .fb-frame:hover a {opacity:1;} .fb-frame.open a {background-image:none; height: 4rem; width:4rem !important; border-radius: 50%; left: calc(340px - 5rem); bottom: 6rem;} .fb-frame a:before {transform: rotate(-90deg) scale(2.2); background:url("../../assets/images/icons/ic-fb.png") 50% 50% / contain no-repeat scroll; transition:.3s all; opacity:1; content:""; font:600 1rem "Font Awesome 5 Free","Font Awesome 5 Brands",FontAwesome; display: flex; align-items: center; justify-content: center; align-content: center; height: 100%; width: 100%; font-size: 1.8rem; color:#17141b;} .fb-frame.open a:before {background-size:0px; transform:none; content:"\f00d"; opacity:1;} .fb-frame.open a:hover:before {font-size: 1.4rem;} .fb-frame.right.hide a {right:-5rem !important;} .fb-frame.hide a {left:-5rem !important;} .navbar.bx ~ .fb-frame.boka-btn a {max-width: 0px;} .fb-frame.boka-btn, .fb-frame.boka-btn a {display:block; left:auto !important; right:0 !important; bottom: auto; top: calc(10rem + var(--navh));} .fb-frame.boka-btn a {max-width:4rem; opacity:1; border-radius:calc(30px/2) 0 0 calc(30px/2) !important; background-color:#4b5e47;} .fb-frame.boka-btn a:before {background-image:url("../../files/icons/boka.png?v=1") !important;} .fb-frame:has(a:empty) {display:none !important;} .fb-frame a[href*='instagram.com']:before {background-image:url("../../assets/images/icons/ic-ig.png");} .fb-frame a[href*='linkedin.com']:before {background-image:url("../../assets/images/icons/ic-li.png");} .fb-frame a[href*='tiktok.com']:before {background-image:url("../../assets/images/icons/ic-tk.png");} .fb-frame + .fb-frame a {bottom:calc(5rem + 8.5rem);} .fb-frame + .fb-frame + .fb-frame a {bottom:calc(5rem + 8.5rem + 8.5rem);} .fb-frame.right {left:auto !important; right:0 !important; border-radius: 30px 0 0 30px; } .fb-frame.right a {left:auto !important; right:0 !important; border-radius: calc(30px/2) 0 0 calc(30px/2); } .fb-frame.right.open a {left:auto !important; right:calc(340px - 5rem) !important; border-radius: 50% !important;} @media (max-width:2050px) { .fb-frame a {width: 3rem; height: 8rem;} .fb-frame + .fb-frame a {bottom:calc(5rem + 8.5rem);} .fb-frame + .fb-frame + .fb-frame a {bottom:calc(5rem + 8.5rem + 8.5rem);} } @media(max-width:558px) { .fb-frame {display:none;} .fb-frame a { width: 3rem; height: 9rem;} .fb-frame + .fb-frame a {bottom:calc(5rem + 9.5rem);} .fb-frame + .fb-frame + .fb-frame a {bottom:calc(5rem + 9.5rem + 9.5rem);} } table th, table td {text-align:left;} .table-striped tbody tr:nth-of-type(odd) {background-color:#efebe6;} .table-striped tbody tr:nth-of-type(even) {background-color:#eeeddd;} .bold-td1 tr td:nth-child(1), .bold-td2 tr td:nth-child(2), .bold-td3 tr td:nth-child(3), .bold-td4 tr td:nth-child(4) {font-weight:700;} .col-md-2\.4 {flex: 1 1 200px; min-width: 0;} .block-section-container .block-columns .__section-controls {top:20px !important;} .__base > .block-section > .block-section-container.shown > .__section-controls { top: 10px !important; } .__base .block-section .block-section-container .__section-controls { top: 60px !important; left: 40%; text-align:left !important;} .__base .full-width-all.block-section .block-section-container .__section-controls { top: 0px !important; width:auto;} .hidden {opacity: 0; transition:.3s all;} html:not(.cms) .hidden {display:none !important;} .block-section.empty {display:none;} .__base .block-section.empty {display:block;} .__base :is(.hidden).block-section:after {position:absolute; inset:auto 0 -1px 0; height:20vh; background:linear-gradient(to bottom, transparent, white); z-index:10; content:""; display:block;} .__base :is(.hidden).block-section.bg-dark:after {background:linear-gradient(to bottom, transparent, black);} .__base :is(.hidden) {max-height:50vh; overflow:hidden;} .__base :is(.hidden, .d-md-none) {display: block !important; opacity:0.5 !important; visibility:visible !important; position:relative;} .__base :is(.hidden, .d-md-none):before {content: ""; position: absolute; background-image: url('../../assets/images/hidden.png') !important; left: 0; top: 0; width: 100% !important; height: 100%; background-size: 100px; z-index: 0;} .__base .bg-dark .hidden:before {filter:invert(1); } iframe {background-size:80px; background-position:center; background-repeat:no-repeat; margin-bottom:-10px; border:0;} iframe.bnw {filter:saturate(0);} .blk {filter:invert(1) saturate(0);} .white {filter:brightness(5) saturate(0);} .row-gap .block-columns {margin:-1rem !important;} .row-gap .block-columns .__col {padding:1rem;} .row-gap .block-columns:not(:last-child) {padding-bottom:1rem !important;} .row-gutter .row .__col {padding: 1rem !important; } .row-gutter-md .block-columns:not(:last-child) {padding-bottom: 30px;} .row-center .row {justify-content: center !important;} .pull-left, .pull-left-right, .pull-left-none {float:left;} .pull-right, .pull-right-left, .pull-right-none {float:right;} .no-gutter .row :is(.__col) {padding:0 !important;} .block-section.row-4 .__col {flex: 1 calc(100% / 4) !important; max-width: calc(100% / 4);} .block-section.row-3 .__col {flex: 1 calc(100% / 3) !important; max-width: calc(100% / 3);} .block-section.row-2 .__col {flex: 1 calc(100% / 2) !important; max-width: calc(100% / 2);} .invert, .img-invert img {filter:invert(1);} img.bnw, .img-bnw img, .block-gallery.bnw img {filter:saturate(0); transition:.3s all;} img.bnw.hover:hover, .img-bnw.hover:hover img, .block-gallery.bnw img:hover {filter:saturate(1);} img.white, .block-gallery.white img {filter:saturate(0) brightness(10);} .block-button:has([class*='push-justify-']), .text-justify-center, .text-justify-left, .text-justify-right {text-align:justify;} .block-button:has([class*='push-left-']), .text-left-center, .text-left-right, .text-left-justify {text-align: left;} .block-button:has([class*='push-right-']), .text-right-center, .text-right-left, .text-right-justify {text-align: right;} .block-button:has([class*='push-center-']), .text-center-right, .text-center-left, .text-center-justify {text-align:center !important;} .bgy-0 {background-position-y: 0% !important;} .bgy-5 {background-position-y: 5% !important;} .bgy-10 {background-position-y: 10% !important;} .bgy-20 {background-position-y: 20% !important;} .bgy-30 {background-position-y: 30% !important;} .bgy-40 {background-position-y: 40% !important;} .bgy-50 {background-position-y: 50% !important;} .bgy-60 {background-position-y: 60% !important;} .bgy-70 {background-position-y: 70% !important;} .bgy-80 {background-position-y: 80% !important;} .bgy-90 {background-position-y: 90% !important;} .bgy-95 {background-position-y: 95% !important;} .bgy-100 {background-position-y: 100% !important;} .bgx-0 {background-position-x: 0% !important;} .bgx-5 {background-position-x: 5% !important;} .bgx-10 {background-position-x: 10% !important;} .bgx-20 {background-position-x: 20% !important;} .bgx-30 {background-position-x: 30% !important;} .bgx-40 {background-position-x: 40% !important;} .bgx-50 {background-position-x: 50% !important;} .bgx-60 {background-position-x: 60% !important;} .bgx-70 {background-position-x: 70% !important;} .bgx-80 {background-position-x: 80% !important;} .bgx-90 {background-position-x: 90% !important;} .bgx-95 {background-position-x: 95% !important;} .bgx-100 {background-position-x: 100% !important;} :is(.bg-video, .bg-video-md).bgx-0 video {object-position:0%;} :is(.bg-video, .bg-video-md).bgx-10 video {object-position:10%;} :is(.bg-video, .bg-video-md).bgx-20 video {object-position:20%;} :is(.bg-video, .bg-video-md).bgx-30 video {object-position:30%;} :is(.bg-video, .bg-video-md).bgx-40 video {object-position:40%;} :is(.bg-video, .bg-video-md).bgx-60 video {object-position:60%;} :is(.bg-video, .bg-video-md).bgx-70 video {object-position:70%;} :is(.bg-video, .bg-video-md).bgx-80 video {object-position:80%;} :is(.bg-video, .bg-video-md).bgx-90 video {object-position:90%;} :is(.bg-video, .bg-video-md).bgx-100 video {object-position:100%;} .object-center, .object-center :is(video, img) {object-position:50% 50%;} .object-top, .object-top :is(video, img) {object-position:50% 20%;} .object-full-top, .object-full-top :is(video, img) {object-position:top;} .object-bottom, .object-bottom :is(video, img) {object-position:50% 80%;} .object-full-bottom, .object-full-bottom :is(video, img) {object-position:bottom;} .object-left, .object-left :is(video, img) {object-position:20% 50%;} .object-left-30, .object-left-30 :is(video, img) {object-position:30% 50%;} .object-left-40, .object-left-40 :is(video, img) {object-position:40% 50%;} .object-full-left, .object-full-left :is(video, img) {object-position:left;} .object-right, .object-right :is(video, img) {object-position:80% 50%;} .object-full-right, .object-full-right :is(video, img) {object-position:right;} .object-cover, .object-cover :is(video, img) {object-fit: cover; width: 100%;} .object-contain, .object-contain :is(video, img) {object-fit: contain; width: 100%;} .bg-bottom, .bg-bottom video {object-position:50% 80% !important;} .bg-full-bottom, .bg-full-bottom video {object-position:bottom !important;} .bg-top, .bg-top video {object-position:50% 30% !important;} .bg-full-top, .bg-full-top video {object-position:top !important;} :is(main, .__base) > :is(.pull-middle, .pull-middle-bottom).block-section > .block-section-container:not(:has(.block-columns)) {display: flex; flex-wrap:nowrap; flex-direction: column; align-items: stretch !important; justify-content: center !important;} .p-middle, .p-middle-bottom, :is(.pull-middle, .pull-middle-bottom).block-section .__col .block-section-container, .__col :is(.pull-middle, .pull-middle-bottom).block-section .block-section-container {display: flex; flex-direction: column; align-items: stretch !important; justify-content: center !important;} :is(main, .__base) > :is(.pull-bottom, .pull-bottom-middle).block-section > .block-section-container:not(:has(.block-columns)) {display: flex; flex-wrap:nowrap; flex-direction: column; align-items: stretch !important; justify-content: flex-end !important;} .p-bottom, .p-bottom-middle, :is(.pull-bottom, .pull-bottom-middle).block-section .__col .block-section-container, .__col :is(.pull-bottom, .pull-bottom-middle).block-section .block-section-container {display: flex; flex-direction: column; align-items: stretch !important; justify-content: flex-end !important;} :is(.pull-middle, .pull-bottom, .pull-middle-bottom, .pull-bottom-middle).block-section :is(.block-section-container, .block-section-container > .block) {/*width:100%;*/} :is(.pull-middle, .pull-middle-bottom).block-section .__col:has(.block-section.h-auto) {display: flex; align-items: center;} :is(.pull-middle, .pull-middle-bottom).block-section .__col.pm-bs-h-auto {display: flex; align-items: center;} :is(.pull-bottom, .pull-bottom-middle).block-section .__col:has(.block-section.h-auto) {display: flex; align-items: flex-end;} :is(.pull-bottom, .pull-bottom-middle).block-section .__col.pb-bs-h-auto {display: flex; align-items: flex-end;} /***********hero-pagecover*********/ .hero {height:100vh;} .hero .block-gallery .carousel .carousel-caption:before {display:none !important;} html:not(.cms) .hero-logo {position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); opacity:.1; width:100%; height:100%; background:#DED9D6; outline:none !important;} html:not(.cms) :is(.block-image, .block-image > .__content):has(.hero-logo) {position:unset;} html:not(.cms) .hero:is(.bg-video, .bg-video-md) .hero-logo {transform:translateX(-50%) translateY(-50%) scale(1.5);} html.cms .hero {height:100%;} .hero:is(.bg-slider, .bg-video, .bg-video-md).bg-fixed ~ .block-section:not([class*='bg-']) {background-color:white;} .__base .block-section.bg-slider {background:#17141b; color:#efebe6; height:auto !important;} .__base .block-section.bg-slider .block-gallery.main-slider {height:30vh !important; overflow:hidden; min-height:auto !important;} main > .block-section.bg-slider {color:#efebe6;} main > .block-section.bg-slider .block:not(.block-gallery) {z-index:1;} main > .block-section.bg-slider .block-gallery.main-slider {position: absolute; z-index: 0; inset: 0;} main > .block-section.bg-slider .block-gallery.main-slider * {padding:0 !important;} main > .block-section.bg-slider.bg-fixed .block-gallery.main-slider {position:fixed !important;} .page-cover {text-align:center; min-height:25rem; color:#efebe6; display: flex; align-items: flex-end; height: 100%;} .page-cover:before {content:""; position:absolute; transition:.3s all; background:black; opacity:.5; inset:0;} .page-cover > .block-section-container {margin-top:calc(var(--navh) / 2); width: 100%; display: flex; flex-direction: column; justify-content: flex-end} .page-cover :is(h1,h2,h3,h4,h5) {margin-top:0;} .page-cover .breadcrumbs {margin-top:2rem;} .page-cover .breadcrumbs a {border:none; text-decoration:none; color:inherit; transition:.3s all;} .page-cover .breadcrumbs a:hover {opacity:.6;} .page-cover .breadcrumbs a:not(:last-child):after {content: "\f105"; color: inherit; margin:0 5px; font:600 1rem "Font Awesome 5 Free","Font Awesome 5 Brands",FontAwesome;} .page-cover .breadcrumbs a:last-child {color:inherit !important;} .page-cover.empty, .page-cover:has(> .block-section-container:empty) {display:block !important; height:var(--navh) !important; max-height:unset !important; min-height:unset !important; padding:0 !important;} @media (max-width:1920px) { :root {--bc2wid:1050px; } } @media (max-width:1280px) { :root {--bc2wid:900px; } .page-cover {min-height:40vh;} } @media (max-width:992px) { :root {--bc2wid:100%; --bc2:-4.5rem;} .page-cover .block-header h1 {font-size:3.5rem;} } @media (max-width:767px) { :root {--bc2:-2rem;} .page-cover {min-height:40vh; height:100%; padding-top:var(--navh) !important; display: flex; flex-direction: column; justify-content: flex-end; align-items: stretch; align-content: flex-start; flex-wrap: wrap;} } @media (max-width:558px) { body.full-width-all :is(main, .__base) .page-cover > .block-section-container {padding-inline:2.5rem !important;} .page-cover .block-header h1 {font-size:3rem;} } .timeline-col > .block-section-container > .block-columns > .__col .block-section-container { margin-left:8px; padding: 10px 2rem 10px 10px;} .timeline-col > .block-section-container > .block-columns > .__col:nth-child(2) .block-section-container {padding:10px 10px 10px 3rem; border-left:1px solid #4b5e47 !important;} .timeline-col > .block-section-container > .block-columns:not(:last-child) > .__col:nth-child(2) .block-section-container {padding-bottom:3rem;} .timeline-col > .block-section-container > .block-columns > .__col:nth-child(2) .block-section-container:before {content: ""; background-color: #4b5e47; height: 2.5rem; width: 2.5rem; border-radius: 50%; position: absolute; left: calc(calc(-2.5rem / 2) + 8px); top: 1rem;} .timeline .tab-container .list-group-item {width:100%; margin-bottom:50px 0; padding:40px !important; background:linear-gradient(to right, #d9d9d9 40%, transparent 0); border-radius:0; border:none !important; box-shadow:none !important;} .timeline .tab-container .list-group-item:before, .timeline .tab-container .list-group-item:after {left: calc(40% - 25px); content:""; position:absolute; background: #d9d9d9; top: 50%; transform: translateY(-50%) rotate(45deg); height: 50px; width: 50px; z-index: 0;} .timeline .tab-container .list-group-item:after {left:50%; transform: translateX(-50%) translateY(-50%); background: #a6a6a6; height: 25px; width: 25px; z-index: 0; border-radius:50%;} .timeline .tab-container .list-group-item .list-content {z-index:1; margin-top:0 !important; width:calc(40% - 50px);} .timeline .tab-container .list-group-item .list-date {z-index:1; display:none;} .timeline .tab-container .list-group-item .list-header {z-index:1; border:none !important; padding: 0; margin: 0 !important; position: absolute; left: 65%; top: 50%; transform: translateY(-50%); } .timeline .tab-container .list-group-item:nth-child(even) { background:linear-gradient(to left, #d9d9d9 40%, transparent 0); } .timeline .tab-container .list-group-item:nth-child(even):before { left: auto; right: calc(40% - 25px);} .timeline .tab-container .list-group-item:nth-child(even) .list-header { left: auto; right: 65%; } .timeline .tab-container .list-group-item:nth-child(even) .list-content {margin-left:auto;} .timeline .tab-container:before {left: 50%; content:""; position:absolute; background: #d9d9d9; transform:translateX(-50%); top:0; bottom:0; width:2px;} .timeline-h .tab-container:before {display:none;} .timeline-h:not(.slick) .tab-container, .timeline-h.slick .slick-track {overflow-x: auto; overflow-y:hidden; display:flex; padding-bottom:2rem; cursor: -webkit-grab; cursor: grab; } .timeline-h .tab-container .list-group-item {height:auto; box-shadow:none; margin:0; border:none !important; position:relative; text-align:center; background:transparent !important; padding:0 !important; border-radius:0; min-width:350px; max-width:calc(100vw / 3); display: flex; flex-direction: column;} .timeline-h .tab-container .list-group-item .list-date {display: none;} .timeline-h .tab-container .list-group-item .list-header {border-bottom:2px solid #a6a6a6 !important; padding:0 2rem 3rem 2rem; margin-bottom:1rem; position:relative;} .timeline-h .tab-container .list-group-item .list-content {background:#d9d9d9; height:100%; margin:4rem auto 0 auto; padding:2rem; width:calc(100% - 2rem);} .timeline-h:not(.img-above) .tab-container .list-group-item .list-content {position:relative !important; } .timeline-h .tab-container .list-group-item .list-content:before, .timeline-h .tab-container .list-group-item .list-header:after {left: 50%; content:""; position:absolute; background: inherit; top: -10px; transform: translateX(-50%) rotate(45deg); height: 50px; width: 50px; z-index: 0;} .timeline-h .tab-container .list-group-item .list-header:after {left:50%; top:auto; bottom:-15px; transform: translateX(-50%); background: #4b5e47; height: 25px; width: 25px; z-index: 0; border-radius:50%;} .timeline-h .slick-dots {bottom:-2rem; transform: translateX(-50%); left: 50%; right: auto;} .timeline-h .slick-dots li:not(.slick-active) button {background:#d9d9d9;} .timeline-h .list-content img {height: 250px !important; width: 100% !important; object-fit: cover; margin:0 0 1.5rem 0;} .timeline-h.img-above .list-group-item {padding-top:300px !important;} .timeline-h.img-above .list-content {position:initial !important;} .timeline-h.img-above .list-content img, .timeline-h.img-above .list-content:before {position:absolute !important; inset: 0px 1rem !important; height: 250px !important; width: calc(100% - 2rem) !important; object-fit: cover; transform: none !important; margin: 0; outline: 1px solid rgba(255,255,255,0.3); outline-offset: -1rem;} .__base .timeline-h.img-above .list-content:before {background:#d9d9d9 !important;} .__base .timeline-h.img-above .block-list-group {display:flex !important;} @media (max-width:558px) { .timeline-h .tab-container .list-group-item {max-width:calc(100vw / 2);} } @media (max-width:558px) { .timeline-h .tab-container .list-group-item {min-width:250px; max-width:100vw;} } .card-contact { padding-top:1rem;} .card-contact > div {background: #efebe6; border-radius: 30px; box-shadow: 2px 2px 10px rgba(0,0,0,0.2); border:1px solid rgba(0,0,0,0.2); padding:20px !important;} .card-contact.dark > div {background: #17141b; } .card-contact ul {margin-top: 0 !important;} .card-contact li:before {color:#4b5e47 !important;} .card-contact.titled li:first-child:before {content:none !important; padding-left:0 !important;} .card-contact.titled li:first-child {font-weight:700 !important; font-size:1.3rem;} .contact-card .block-columns .__col .block-section {background: linear-gradient(to bottom, rgba(255,255,255,0.3) 10rem, #17141b 0), url("../../assets/images/site_logo.svg") 50% 0% / contain repeat-y scroll #efebe6 !important; border:none; border-radius:20px; box-shadow:3px 3px 7px rgba(0,0,0,0.1); transition:.3s all; padding:30px 15px 20px 15px; color:#efebe6 !important;} .contact-card .block-columns .__col .block-section:before {content:""; background:linear-gradient(to bottom, rgba(255,255,255,0.8) 10rem, transparent 0); z-index:1; position:absolute; inset:0; border-radius:inherit;} .contact-card .block-columns .__col .block-section-container {z-index:2; position:relative;} .contact-card .block-columns .__col .block-section .block-image a:hover img {transform: scale(1.1); box-shadow: 0 14px 28px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.10) !important; cursor:pointer;} .contact-card .block-columns .__col .block-section .block-image img {border-radius: 50%; background: #efebe6; padding: 10px; width: 220px; height:220px; object-fit:cover; transition:.3s all; margin:0 auto; display:block;} [class*="contact-"] .block-columns .__col .block-section :is(ul, li, a, h6) {color:#efebe6;} [class*="contact-"] .block-columns .__col .block-section a {margin-left:0;} [class*="contact-"] .block-columns .__col .block-section ul li a:before {display:none;} [class*="contact-"] .block-columns .__col .block-section .block-header h6 {margin-top:.5rem;} [class*="contact-"] .block-columns .__col .block-section .block-list-group {margin-top:15px;} [class*="contact-"] .block-columns .__col .block-section .block-list-group.modal-list .list-group-item > h5 > .btn {background: transparent !important; border: none !important; text-decoration:none !important; backdrop-filter: none !important; color: #efebe6 !important; padding: 2px !important;} [class*="contact-"] .block-columns .__col .block-section .block-list-group.modal-list .list-group-item > h5 > .btn:hover {color: #DED9D6 !important;} [class*="contact-"] .block-columns .__col .block-section .block-list-group.modal-list .list-group-item > h5 > .btn:is(:hover, :focus, :active) {background: transparent !important;} [class*="contact-"] .block-columns .__col .block-section .block-list-group.modal-list .modal {text-align:left; color:#17141b !important;} [class*="contact-"] .block-columns .__col .block-section .block-list-group.modal-list .modal :is(ul, li, .close-times) {color:#17141b !important;} [class*="contact-"] .block-columns .__col .block-section .block-list-group.modal-list .modal-body > *:first-child {margin-top:0;} .block-image .__content:has(img.contact-img) {display:flex; align-items: center; padding-block:.5rem;} .block-image img.contact-img {width: 8rem; height: 8rem; border-radius: 50%; object-fit: cover; object-position: center;} .block-image img.contact-img + .caption {padding-left:1.5rem;} .block-image img.contact-img + .caption * {margin-top:0;} .block-image img.contact-img + .caption > *:empty {display:none;} .block-image img.contact-img + .caption h5 {font-weight:600;} .block-image img.contact-img + .caption p {margin-top: 10px; font-size: .9rem; line-height: 1.5;} .block-image img.contact-img + .caption p a:before {font:600 1rem "Font Awesome 5 Free","Font Awesome 5 Brands",FontAwesome; margin-right:5px;} .block-image img.contact-img + .caption p a {display:block;} main > div.__base .contact-box .block-columns .__col .block-section > .block-section-container .block-image {position:relative;} main > div.__base .contact-box .block-columns .__col .block-section {height:auto !important; min-height:auto !important;} .contact-box .block-columns .__col .block-section {background-color:#17141b; color:#efebe6; height:30rem; display: flex; align-items: flex-end; background-position: 40% 50%; overflow:hidden;} .contact-box .block-columns .__col .block-section:before {content:""; opacity:.6; position:absolute; left:0; right:0; top:0; bottom:0; background:linear-gradient(to left,transparent, #17141b), linear-gradient(to bottom,transparent, #17141b); z-index:0;} .contact-box .block-columns .__col .block-section > .block-section-container {padding:2rem; width:100%; position:relative; transition:.5s all; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-end;} .contact-box .block-columns .__col .block-section > .block-section-container .block-image {z-index:0; position:absolute; top: 0; left: 0; right: 0; bottom: 0;} .contact-box .block-columns .__col .block-section > .block-section-container .block-image:before {position:absolute; content:""; left:0; top:auto; right:0; bottom:0; height:100%; background:linear-gradient(to bottom, transparent 50%, rgba(0,0,0,0.6) 75%); z-index:1; transition:.5s all;} .contact-box .block-columns .__col .block-section > .block-section-container .block-image * { padding:0; object-fit: cover; height: 100%; object-position:center; transition:.3s all;} .contact-box .block-columns .__col .block-section > .block-section-container .block:not(.block-image) { } .contact-box .block-columns .__col .block-section.bg-image:hover > .block-section-container .block-image img {opacity:0;} .contact-box .block-columns .__col .block-section:not(.bg-image):hover > .block-section-container .block-image:hover:before {height:0px;} .contact-box .block-columns .__col .block-header :is(h5,h4,h3) {background: #4b5e47; margin-inline: -2rem !important; padding: .5rem 2rem;} .contact-box .block-columns .__col .block-section > .block-section-container .block-header :is(h5,h4,h3) ~ * {transition:.5s all; overflow:hidden;} .contact-box .block-columns .__col .block-header .__content {display:flex; flex-direction: column;} .contact-box .block-columns .__col .block-section > .block-section-container .block-image:not(:hover) img {object-position:left;} .contact-box .block-columns .block-section-container.shown {background-color:#17141b !important;} html:not(.cms) .contact-box .block-columns .__col .block-header :is(h5,h4,h3) {order:5;} html:not(.cms) .contact-box .block-columns .__col .block-section > .block-section-container:has(.block-image:hover) {padding-bottom:0 !important;} html:not(.cms) .contact-box .block-columns .__col .block-section > .block-section-container:has(.block-image:hover) .block-header :is(h5,h4,h3) ~ * {max-height: 0px; margin:0 !important; padding:0 !important; opacity:0;} .clickable {transition:.3s all;} .clickable:not(:has(.block-section-container[data-link*='javascript:;'])):hover {cursor:pointer; transform:translateY(4px);} .hover-img img {transition: .5s all;} .hover-img.flip:hover img {transform:scale(-1, 1) scale(-1,1); } .hover-img.rotate:hover img {transform:rotate(360deg); } .hover-img.zoom:hover img {transform:scale(1.1); } .hover-img.floats:hover img {transform:translateY(6px); } .float .spacer, .float img, img.float {animation: float-y 3s linear infinite;} /******cardscus****/ a.with-file, a.with-external, a.with-globe {margin-right:5px; } a.with-file:after, a.with-external:after, a.with-globe:after {margin-right:5px; font-size:smaller; margin-left:5px; transition:.3s all; font:600 1rem "Font Awesome 5 Free","Font Awesome 5 Brands",FontAwesome; } a.with-file:after {content: "\f1c1";} a.with-external:after {content: "\f35d";} a.with-globe:after {content: "\f0ac";} .no-after a:is(.with-file, .with-external, .with-globe):after {display:none;} .block-section-container > .block.row {margin-left:0; margin-right:0;} .navbar a.with-external {position: relative;} .navbar a.with-external:after {display:none !important; font-size: x-small; position:absolute; opacity:0; top: 50%; transform: translateY(-50%); right: -2rem;} .navbar a.with-external:hover:after {opacity:1;} .navbar .children a.with-external:after {right: .5rem;} .d-hide {opacity:0; position:absolute !important; z-index:-100;} .show-more .gallery .gallery-item {transition:.3s all;} .text-hover:hover .__content * {transition:.3s all;} .__base .text-hover:hover :is(h1, h2, h3) strong {-webkit-text-fill-color: #4b5e47; } .text-hover:hover h1, .text-hover:hover h2, .text-hover:hover h3, .text-hover:hover h4, .text-hover:hover .to-hover {background: linear-gradient(to right, #4b5e47, #DED9D6, #FFDA16, #2e2e2e) #17141b no-repeat 0 0; background-size: 0 100%; animation: stripes 2s linear 1 forwards; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .text-hover.text-light h1, .text-hover.text-light h2, .text-hover.text-light h3, .text-hover.text-light h4, .text-hover.text-light .to-hover {color: #efebe6;} .text-hover.text-light:hover h1, .text-hover.text-light:hover h2, .text-hover.text-light:hover h3, .text-hover.text-light:hover h4, .text-hover.text-light:hover .to-hover {background: linear-gradient(to right, #4b5e47, #DED9D6, #FFDA16, #2e2e2e) #efebe6 no-repeat 0 0; background-size: 0 100%; animation: stripes 2s linear 1 forwards; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .text-hover.text-primary:hover h1, .text-hover.text-primary:hover h2, .text-hover.text-primary:hover h3, .text-hover.text-primary:hover h4, .text-hover.text-primary:hover .to-hover {background: linear-gradient(to right, #4b5e47, #DED9D6, #FFDA16, #2e2e2e) #4b5e47 no-repeat 0 0; background-size: 0 100%; animation: stripes 2s linear 1 forwards; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @keyframes stripes { to {background-size:100% 100%;} } .__base .js-load:after, .__base .menu-child:after {content:"[javascript content - do not alter]"; text-align:left; width:100%; font-family:monospace; display:block; font-size:1rem !important;} main > div.__base :is(.bg-video, .bg-video-md) {background-color:#17141b;} .__base .bg-video:after {content:"[background-video]";position: absolute; bottom: 20%; text-align:left; width:100%; font-family:monospace; display:block;} :is(.bg-video, .bg-video-md):not(.no-ov):before {content:""; position:absolute; left:0; top:0; right:0; bottom:0; z-index:1; transition:.3s all;} :is(.bg-video, .bg-video-md):not([class*='filter-']):before {background:rgba(0,0,0,0.4);} .filter-blur:is(.bg-video, .bg-video-md):not(.no-ov, .bg-fixed):before {backdrop-filter: blur(5px);} .filter-blur.bg-fixed:is(.bg-video, .bg-video-md):not(.no-ov):before {filter: blur(5px);} :is(.bg-video, .bg-video-md) {overflow: hidden;} :is(.bg-video, .bg-video-md) video {object-fit: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; scale:1.2;} :is(.bg-video, .bg-video-md) iframe {height: 180vh; width: 250vh; object-fit: cover; position: absolute; top: 50%; left: 50%; z-index: 0; transform: translateX(-50%) translateY(-50%);} :is(.bg-video, .bg-video-md) > .block-section-container { position: relative; z-index: 1;} .controls:is(.bg-video, .bg-video-md) video {z-index:1; scale:1 !important;} .controls:is(.bg-video, .bg-video-md) > .block-section-container {z-index:2;} :is(.bg-video, .bg-video-md).bg-fixed video {position: fixed; z-index:-1;} :is(.bg-video, .bg-video-md).bg-fixed ~ .block-section:not([class*='bg-']) {background-color:#efebe6;} .bg-video-md > .block-section-container[data-link] {cursor:default !important;} :is(.bg-video, .bg-video-md).no-ov:before {display:none !important;} .control-cus.sticky-top video {max-height:100vh;} .control-cus video + .vid-control {display:flex; position:absolute; z-index: 2; color:#4b5e47; backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px); background-color:rgba(0,0,0,0.2); border:none; right: 10%; top: 50%; transform: translateY(-50%); font-size: 8vw; min-width: 15vh; width: 15vw; min-height: 15vh; height: 15vw; border-radius: 50%; justify-content: center; align-items: center; transform-origin:center !important;} .control-cus video.playing + .vid-control, .control-cus video + .vid-control:active {scale:.9;} .control-cus video.playing + .vid-control {opacity:.3; color:$customlight;} .control-cus video + .vid-control:hover, .control-cus video.playing + .vid-control:hover {opacity:.6;} .control-cus video + .vid-control:before {color:black; filter:invert(1); transition:.3s all; height:100%; width:100%; background-image:url('../../files/icons/ic-play.png'); background-size:60%; background-position:center; background-repeat:no-repeat; content: "TAP"; font-size: .6rem;text-transform: uppercase; letter-spacing: 2px; display: flex; align-items: center; justify-content: center; align-content: center; /*content:"\f04b"; font-family:600 1rem "Font Awesome 5 Free","Font Awesome 5 Brands",FontAwesome; font-weight:700;*/} .control-cus video.playing + .vid-control:before {background-image:url('../../files/icons/ic-pause.png'); content:""; /*content:"\f04c";*/} .control-cus .__col {transition:.3s all;} .control-cus.vidplaying:before, .control-cus.vidplaying .__col:first-child {opacity:0;} .img-zoom img {cursor:zoom-in; transition:.3s all; object-fit: cover; height: 100%; width: 100%; margin-top:0 !important;} .img-zoom img.zoom1 {transform:scale(1.5); cursor:zoom-in; } .img-zoom img.zoom2 {transform:scale(2); cursor:zoom-out; } .img-zoom .carousel-caption {display:none;} .overlay-ik.bg-image {background-size:0% !important; z-index:0;} .overlay-ik:after {background-position:center; content:""; background-size:40%; background-image: inherit; background-repeat: no-repeat; position:absolute; left:0; top:0; right:0; bottom:0; z-index:-1; opacity:.3;} .overlay-ik.rb:after {background-position:120% 120%; } .overlay-ik.tr:after {background-position:120% -20%; } .gradient-top, .gradient-bottom + .block-section {overflow-x: clip;} .gradient-bottom + .block-section::before {content: ""; position: absolute; height: 100px; inset: calc(calc(100px / 3) * -1) -2rem 0 -2rem !important; z-index:1; background-color: inherit; filter: blur(1rem); -webkit-transform:scaleX(1.5); transform:scaleX(1.5);} .gradient-bottom + .block-section:is(.gradient-bottom):not(:last-child) > .block-section-container { transform: translateY(calc(calc(100px / 2) * -1)); } .gradient-bottom + .block-section:not(.gradient-bottom) > .block-section-container { margin-top: calc(calc(100px / 2) * -1); } .gradient-top:after {content: ""; position: absolute; height: 100px; inset: auto -2rem calc(calc(100px / 2.5) * -1) -2rem !important; z-index:2; background-color: inherit; filter: blur(1rem); -webkit-transform:scaleX(1.5); transform:scaleX(1.5);} .gradient-top > .block-section-container {margin-bottom: calc(calc(100px / 2) * 1);} .__base .gradient-bottom + .block-section::before, .__base .gradient-top:after {z-index:0; } .__base .gradient-bottom + .block-section > .block-section-container { transform: none; margin-top:0; } @media (max-width:767px) { .gradient-bottom + .block-section.gradient-bottom:not(:last-child) > .block-section-container {transform: none; margin-bottom: 100px;} .gradient-bottom + .block-section:not(.gradient-bottom) > .block-section-container {transform: none; margin-top:0;} } .cardy, .cardx, .cardz {border-radius:calc(30px / 2); border:none !important; box-shadow:5px 5px 10px rgba(0,0,0,0.15); overflow:hidden;} .cardy {border-radius:30px !important;} .cardz {border-radius:10rem !important; box-shadow:none !important;} .cardx-tr {border-radius:calc(30px / 2) calc(30px / 2) 0 0;} .cardx-rb {border-radius:0 calc(30px / 2) calc(30px / 2) 0;} .cardx-bl {border-radius:0 0 calc(30px / 2) calc(30px / 2);} .cardx-lt {border-radius:calc(30px / 2) 0 0 calc(30px / 2);} .cardy-tr {border-radius:30px 30px 0 0;} .cardy-rb {border-radius:0 30px 30px 0;} .cardy-bl {border-radius:0 0 30px 30px;} .cardy-lt {border-radius:30px 0 0 30px;} .cardz-tr {border-radius:10rem 10rem 0 0;} .cardz-rb {border-radius:0 10rem 10rem 0;} .cardz-bl {border-radius:0 0 10rem 10rem;} .cardz-lt {border-radius:10rem 0 0 10rem;} main > .block-section.last-bottom .__col .block-section-container > .block:last-child {margin-top:auto; padding-top:1rem;} main > .block-section.buttons-bottom .__col .block-list:last-child {margin-top:auto;} main > .block-section.buttons-bottom [class*='link-child-'] .__col .block-text:has(+ .block-button:last-child) {margin-top:auto;} main > .block-section.buttons-bottom .__col .block-section:not(.pull-bottom, .pull-middle) .block-button:last-child {margin-top:auto !important; display: flex; align-items: flex-end;} main > .block-section.buttons-bottom .__col .block-button:last-child .btn {margin-top:1rem !important;} main > .block-section.buttons-bottom .__col .block:has(+ .block-button:last-child):not(.block-list) {margin-bottom:2rem;} main > .block-section.buttons-bottom .__col .block-list:has(+ .block-button:last-child) {margin-top:auto !important;} main > .block-section.buttons-bottom .__col .block-section:not(.pull-bottom, .pull-middle) .block-list + .block-button:last-child {margin-top:0 !important;} .bg-half {background:linear-gradient(to bottom, #e8e8e8 50%, transparent 50%);} .bg-half-top {background:linear-gradient(to top, #e8e8e8 50%, transparent 50%);} .bg-half.primary {background:linear-gradient(to bottom, #4b5e47 50%, transparent 50%);} .bg-half-top.primary {background:linear-gradient(to top, #4b5e47 50%, transparent 50%);} .bg-half.secondary {background:linear-gradient(to bottom, #DED9D6 50%, transparent 50%);} .bg-half-top.secondary {background:linear-gradient(to top, #DED9D6 50%, transparent 50%);} .bg-half.light {background:linear-gradient(to bottom, #efebe6 50%, transparent 50%);} .bg-half-light.dark {background:linear-gradient(to top, #efebe6 50%, transparent 50%);} .bg-half.dark {background:linear-gradient(to bottom, #17141b 50%, transparent 50%);} .bg-half-top.dark {background:linear-gradient(to top, #17141b 50%, transparent 50%);} .bg-half-light-primary {background:linear-gradient(to bottom, #efebe6 50%, #4b5e47 50%);} .bg-half-primary-light {background:linear-gradient(to top, #efebe6 50%, #4b5e47 50%);} .bg-half-light-secondary {background:linear-gradient(to bottom, #efebe6 50%, #DED9D6 50%);} .bg-half-secondary-light {background:linear-gradient(to top, #efebe6 50%, #DED9D6 50%);} @keyframes blink { 50% { opacity:.1; } 100% {opacity:1;}} /*html:before, html:after {transition:1s all; content:""; position:fixed; inset:0; background-color:#17141b; z-index:2000;}*/ /*html:after {background:url("../../assets/images/favicon.svg") 50% 50% / 15rem no-repeat scroll;}*/ /*html.load:after {animation:blink .8s infinite linear; }*/ /*html.load {overflow:hidden;}*/ /*html:not(.load):before, html:not(.load):after {opacity:0 !important; z-index:-10 !important;}*/ /*html:not(.cms,.ready) body {opacity:0;}*/ /*@media (max-width:767px) {*/ /* html:after {background-size:10rem !important;}*/ /*}*/ .navbar .ftr-only, footer .hdr-only {display:none !important;} .head {text-align:center;} .head, .head2 {margin-top:1.5rem;} .__col :is(.head, .head2) {margin-top:0rem;} .head :is(h5,h6), .head2 :is(h5,h6) {margin:0; position:relative; overflow:hidden;} .head :is(h5,h6):after, .head :is(h5,h6):before, .head2 :is(h5,h6):after {border-color:#4b5e47; content: ""; width: 10rem; border-bottom: 1px solid; position: absolute; top: 50%; transform: translateY(-50%); margin-left: 15px;} .text-light .head :is(h5,h6):after, .text-light .head :is(h5,h6):before, .text-light .head2 :is(h5,h6):after {border-color:#efebe6;} .head :is(h5,h6):after, .head :is(h5,h6):before {width:5rem;} .head :is(h5,h6):before {margin-left: calc(-5rem - 18px);} .quote.block-header .__content:after {content:"\f10d"; font:600 1rem "Font Awesome 5 Free","Font Awesome 5 Brands",FontAwesome; top: -1.5rem; left: -3rem; color:#4b5e47; font-size: 8rem; position: absolute; opacity:.1; transition:.3s all;} .text-light .quote.block-header .__content:after {color:#efebe6;} @media (max-width:767px) { :is(.text-left-center, .text-right-center) .head2 :is(h5,h6):before { border-color:#4b5e47; content: ""; width: 5rem; border-bottom: 1px solid; position: absolute; margin-top: 0.5rem; margin-left: calc(-5rem - 18px);} :is(.text-left-center, .text-right-center) .head2 :is(h5,h6):after {width:5rem;} :is(.text-left-center,.text-right-center) .quote.block-header .__content:after {left: 50%; transform: translateX(-50%);} } .block-section.full-width-all .block-section-container {overflow:unset;} .__base *:not(.__header, .__section-controls, .__buttons, .carousel-indicators, .carousel-caption, .slider-overlay) {position:relative !important; inset:unset !important;} .lottie1 {position:absolute; top:-15rem;} .foot.block-header {text-align:center;} .foot3.block-header {text-align:right;} :is(.foot, .foot2, .foot3).block-header .__content {padding-bottom:1rem !important;} :is(.foot, .foot2, .foot3).block-header .__content:before {content:""; background:#4b5e47; width: 80px; height: 3px; position: absolute; inset: auto auto 0 50%; transform: translateX(-50%);} .bg-primary :is(.foot, .foot2, .foot3).block-header .__content:before {background:#DED9D6;} .text-light :is(.foot, .foot2, .foot3).block-header .__content:before {background:#efebe6;} .foot2.block-header .__content:before {left: 17px !important; transform: none !important;} .__col .foot2.block-header .__content:before {left: 0px !important;} .foot3.block-header .__content:before {left:auto; right: 17px !important; transform: none !important;} .__col .foot3.block-header .__content:before {right: 0px !important;} .div-banner-roll {opacity:1; position:relative; z-index:1;height:60px; transition:3s; background-position:0 50%; background-color:#e8e8e8; background-image:url('../../files/banner-roll.svg'); background-size:contain; background-repeat:repeat-x;} .ul-menu-child {display: flex; flex-direction: column; width: 85%; margin-top:10px;} .ul-menu-child li:before {display:none;} .ul-menu-child li {opacity:1; height:100%; margin:0; position:relative; } .ul-menu-child li.back a {color:#17141b; font-weight:600; font-size:.8rem; letter-spacing:2px; padding-block:.5rem; background-color:#e8e8e8 !important;} .ul-menu-child li.back a:before {content:"\f060"; font-size:.7rem; font:600 1rem "Font Awesome 5 Free","Font Awesome 5 Brands",FontAwesome; margin-right:.5rem;} .ul-menu-child li.back span {display:none; position:absolute; background-color:#e8e8e8; cursor:pointer; inset:3px 0 3px auto; width:25px; border-left:4px solid #efebe6; align-items: center; justify-content: center; transition:.3s all;} .ul-menu-child li.back span.open i { transform: rotate(90deg);} .ul-menu-child li a {transition:.3s all; display:block; border:none; color:#7a7a7a; background:transparent; border-bottom:1px solid #7a7a7a; font-size:1rem; line-height:1.5; padding: 0.3rem 0.5rem; border-top-right-radius:30px; border-bottom-right-radius:30px;} .ul-menu-child li a:hover {background-color:#e8e8e8 !important;} .ul-menu-child li.active a {color:#0B0D11; border-color:#0B0D11; font-weight:600;} .ul-menu-child li.hide {opacity:0; height:0;} footer [class*='submenu-'] li a:after {display:none;} i.fab.fa-bokadirekt {height: 100%; width: 100%; display: inline-block; background-size: 1.2rem; background-position: center; background-repeat: no-repeat;} footer i.fab.fa-bokadirekt { height: 1.5rem; width: 1.5rem; background-size: 1.5rem; filter:invert(1) brightness(200);} .hover:is(.opac1,.opac3,.opac5,.opac7,.opac9) {transition:.3s all;} .hover:is(.opac1,.opac3,.opac5,.opac7,.opac9):hover {opacity:1;} .opac1 {opacity:.1;} .opac2 {opacity:.2;} .opac3 {opacity:.3;} .opac4 {opacity:.4;} .opac5 {opacity:.5;} .opac6 {opacity:.6;} .opac7 {opacity:.75;} .opac8 {opacity:.8;} .opac9 {opacity:.9;} .border-col:is(.right, .right-bottom) .__col:not(:last-child) {border-right-width:1px; border-right-style:solid;} .border-col:is(.left, .left-bottom) .__col:not(:first-child) {border-left-width:1px; border-left-style:solid;} .border-all, .border-all .__col > .block-section {border-width:4px; border-style:solid; border-color:inherit;} .outline-all .__col > .block-section, :is(.block-section, .block-section-container).outline, img.outline {outline:2px solid rgba(255,255,255,0.5); outline-offset:-2rem;} .border-left, .border-right, .border-top, .border-bottom {border-width:.3rem;} :root {--logo1h:200px; --logo2h:200px;} .logo1 > .block-section-container {overflow:unset !important;} .__base .logo1 .__col .block-image { position: relative; inset: 0;} .logo1 .__col .block-image { position: absolute; top: calc(calc(var(--logo1h) / 2) * (-1)); right: calc(calc(var(--logo1h) / 2) * (-1)); width: var(--logo1h); z-index:1; padding:1rem;} .logo1 .__col .block-image * {margin-top:0;} .logo1 .block-image img { animation: bg-rotate 60s linear infinite;} .logo2:before {position:absolute; inset:0; content:''; background:linear-gradient(to right, #4b5e47 40%, rgba(0,0,0,0.8) 40%); z-index:0;} .logo2:after {content:""; position:absolute; background-image:url("../../assets/images/favicon.svg"); background-size:80%; background-color:#efebe6; background-position:center; background-repeat:no-repeat; height:var(--logo2h); width:var(--logo2h); left: calc(40% - calc(var(--logo2h) / 2)); top: calc(calc(var(--logo2h) / 2) * -1);} .logo2 > .block-section-container {max-width:100%; width:calc(40% - 0rem) !important; padding:0 5rem; margin:0;} @keyframes popp {50% {transform:scale(.95); opacity:.7;}} .unmute video { object-fit:cover;} .unmute video + a.pp.pause {animation:popp 1s linear infinite;} .unmute video + a.pp { position: absolute; cursor:pointer; color:#efebe6; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius:50%; border:2px solid; width: 150px; height: 150px; z-index: 5; bottom: 5rem; right: 5rem; display: flex; align-items: center; justify-content: center; transition:.3s all;} .unmute video + a.pp:before {content: "\f04b"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size:90px; transition:.3s all;} .unmute video + a.pp.play:before {content: "\f04c";} .unmute video + a.pp:is(:hover, .play) {opacity:.5;} @media (max-width: 767px) { .unmute video {height:75vh;} .unmute video + a.pp { width: 100px; height: 100px; right:3rem; bottom:3rem;} .unmute video + a.pp:before {font-size:50px;} } @keyframes bg-rotate { 50% { transform:rotate(360deg); } } .__base .block-list.socials .list-group-item .list-content {display:block !important;} .__base .block-list.socials .block-list-group { flex-direction: column !important;} .__base .block-list.socials .list-group-item {border-bottom:1px solid #efebe6;} .block-list.socials .block-list-group {display: flex; flex-direction: row;} .text-center .block-list.socials .block-list-group {justify-content: center;} .text-right .block-list.socials .block-list-group {justify-content: flex-end;} .block-list.socials {margin-left:-5px !important; margin-right:-5px !important; margin-top:.5rem;} .block-list.socials .list-group-item {border:none; padding:0;} .block-list.socials .list-group-item .list-content {display:none;} .block-list.socials .list-group-item a {padding: unset; transition: .3s all; font-size: 1.2rem; background: #4b5e47; color: #efebe6; display: flex; height: 50px; width: 50px; margin: 5px; border-radius: calc(30px * 1); align-items: center; justify-content: center; text-decoration: none; border: none;} .block-list.socials .list-group-item a:hover {background:#17141b;} .bg-blur { backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); box-shadow: rgba(255,255,255,0.8) 0px 0px 2000px inset; } .lang {backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); box-shadow: rgba(255,255,255,0.3) 0px 0px 2000px inset; text-transform:uppercase; display: flex; transform-origin:right; gap:1.2rem; transform:scale(1.5); backdrop-filter: blur(1px); -webkit-backdrop-filter: blur(1px); background-color: rgba(0,0,0, 0.4); font-size: 1.25rem !important; position: fixed; top: 20%; right: 0; width: 50px; text-align: center; z-index: 50; transition: 0.3s all; padding: 20px 10px; border-radius: 10px 0 0 10px; flex-direction: column;} .lang a {display: flex; align-items: center; justify-content: center; text-decoration: none !important; border: none !important; width: 30px; height: 30px;} .lang img {width: 100%; transition:.3s all; } .lang img:hover {transform: scale(1.25);} .lang:has(img:hover) img:not(:hover) {filter:saturate(0);} html:has(.navbar.bx) .lang {right:-60px;} /*.lang.op {z-index:51; margin-right: 0px; transform-origin:bottom right; color:#DED9D6; cursor:pointer; height:50px; top:calc(25% - 50px); padding: 0; display: flex; align-items: center; justify-content: center;}*/ /*.lang { font-size: .9rem !important; margin-right: -50px; backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); box-shadow: rgba(255,255,255,0.8) 0px 0px 2000px inset; text-transform:uppercase; display: flex; transform-origin:right; gap:1.2rem; transform:scale(1); backdrop-filter: blur(1px); -webkit-backdrop-filter: blur(1px); background-color: rgba(0,0,0, 0.4); position: fixed; top: 25%; right: 0; width: 50px; text-align: center; z-index: 50; transition: 0.3s all; padding: 20px 10px; border-radius: 10px 0 0 10px; flex-direction: column;}*/ /*.lang a {display: flex; align-items: center; justify-content: center; text-decoration: none !important; border: none !important; width: 30px; height: 30px;}*/ /*.lang img {transform: rotate(90deg) ; width: 100%; transition:.3s all; }*/ /*.lang img:hover {transform: scale(1.5) rotate(360deg);}*/ /*.lang:not(.op) {transform-origin:top right;}*/ /*.lang:not(.op).show {margin-right: 0px !important;}*/ /*.lang:not(.op):not(.show) a {opacity:0;}*/ .btns-right {padding: 0px; gap: 0px; border-radius: 15px 15px 0px 0px; overflow: hidden; position: fixed; inset: calc(var(--navh) + 1rem) 1.3rem auto auto; display: flex; z-index: 10; transform: rotate(270deg); transform-origin: right;} .btns-right a {padding: .8rem 1.3rem; font-size: 1rem; background-color:#cbbfb9; color:#17141b; transition:.3s all; cursor:pointer; border:none; text-decoration:none; text-transform:uppercase;} .btns-right a:nth-child(even) {background-color:#eeeddd;} .btns-right label {display: flex; align-items: center; cursor:pointer;} .btns-right a:hover {background-color:#17141b; color:#efebe6;} .bg-bubbles {z-index:1;} .sticky-bubbles {position:absolute; width:100%; height: 100%; z-index:0; overflow:hidden; top:0; left:0; } .sticky-bubbles .bubble {position: absolute; bottom:-100px; width:40px; height: 40px; background:#e8e8e8; border-radius:50%; opacity:0.5; animation: rise 10s infinite ease-in;} .sticky-bubbles .bubble:nth-child(1) {width:40px; height:40px; left:10%; animation-duration:8s;} .sticky-bubbles .bubble:nth-child(2) {width:20px; height:20px; left:20%; animation-duration:5s; animation-delay:1s;} .sticky-bubbles .bubble:nth-child(3) {width:50px; height:50px; left:35%; animation-duration:7s; animation-delay:2s;} .sticky-bubbles .bubble:nth-child(4) {width:80px; height:80px; left:50%; animation-duration:11s; animation-delay:0s;} .sticky-bubbles .bubble:nth-child(5) {width:35px; height:35px; left:55%; animation-duration:6s; animation-delay:1s;} .sticky-bubbles .bubble:nth-child(6) {width:45px; height:45px; left:65%; animation-duration:8s; animation-delay:3s;} .sticky-bubbles .bubble:nth-child(7) {width:90px; height:90px; left:70%; animation-duration:12s; animation-delay:2s;} .sticky-bubbles .bubble:nth-child(8) {width:25px; height:25px; left:80%; animation-duration:6s; animation-delay:2s;} .sticky-bubbles .bubble:nth-child(9) {width:15px; height:15px; left:70%; animation-duration:5s; animation-delay:1s;} .sticky-bubbles .bubble:nth-child(10) {width:90px; height:90px; left:25%; animation-duration:10s; animation-delay:4s; } @keyframes rise{ 0%{bottom:-100px; transform:translateX(0);} 50%{transform:translate(100px);} 100%{bottom:1080px; transform:translateX(-200px);} } /*******flows************/ .flow:is(.flow-light,.bg-dark,.bg-primary) .block-columns:not(.clean) .__col .block-section .block-image:first-child .__content {border-color:#efebe6 !important;} .flow:is(.flow-light,.bg-dark,.bg-primary) .block-columns:not(.clean) .__col .block-section .block-image:first-child:before, .flow:is(.flow-light,.bg-dark,.bg-primary) .block-columns:not(.clean) .__col .block-section .block-image:first-child:after {color:#efebe6; background-color:#efebe6 !important;} .flow.flow-primary .block-columns:not(.clean) .__col .block-section .block-image:first-child .__content {border-color:#4b5e47 !important;} .flow.flow-primary .block-columns:not(.clean) .__col .block-section .block-image:first-child:before, .flow.flow-primary .block-columns:not(.clean) .__col .block-section .block-image:first-child:after {color:#4b5e47; background-color:#4b5e47 !important;} .flow.flow-secondary .block-columns:not(.clean) .__col .block-section .block-image:first-child .__content {border-color:#DED9D6 !important;} .flow.flow-secondary .block-columns:not(.clean) .__col .block-section .block-image:first-child:before, .flow.flow-secondary .block-columns:not(.clean) .__col .block-section .block-image:first-child:after {color:#DED9D6; background-color:#DED9D6 !important;} .flow.flow-dark .block-columns:not(.clean) .__col .block-section .block-image:first-child .__content {border-color:#17141b !important;} .flow.flow-dark .block-columns:not(.clean) .__col .block-section .block-image:first-child:before, .flow.flow-dark .block-columns:not(.clean) .__col .block-section .block-image:first-child:after {color:#17141b; background-color:#17141b !important;} .flow.flow-custom7 .block-columns:not(.clean) .__col .block-section .block-image:first-child .__content {border-color:#a64f33 !important;} .flow.flow-custom7 .block-columns:not(.clean) .__col .block-section .block-image:first-child:before, .flow.flow-custom7 .block-columns:not(.clean) .__col .block-section .block-image:first-child:after {color:#a64f33; background-color:#a64f33 !important;} .flow {text-align:center; margin-top:-1px;} .flow .block-columns:not(.clean) .__col .block-section {transition:.3s all;} .flow .block-columns:not(.clean) .__col .block-section-container {padding-inline:0 !important; height: auto;} html.cms .flow .block-columns:not(.clean) .__col .block-section .block-image {height:auto !important;} .flow .block-columns:not(.clean) .__col .block-section-container .block:not(.block-image:first-child) {padding-inline:2rem;} .flow .block-columns:not(.clean) .__col .block-section .block-image {position:relative; height:100%; align-items: center;} .flow .block-columns:not(.clean) .__col .block-section .block-image:first-child .__content {height: 8rem; width: 8rem; flex: unset; margin-inline: auto; display: flex; justify-content: center; align-items: center; border-radius:50%; overflow:hidden; border:2px solid #4b5e47; background-color:#17141b; z-index:2; transition:.3s all; transform-origin:bottom;} .flow .block-columns:not(.clean) .__col .block-section .block-image:first-child .__content:before {content:"1"; font-family:"DM Sans", sans-serif; color:#efebe6; transition:.3s all; display: flex; align-items: center; justify-content: center; inset: 0; position: absolute; font-size: 4rem; opacity:0;} .flow .block-columns:not(.clean) .__col:nth-child(2) .block-section .block-image:first-child .__content:before {content:"2";} .flow .block-columns:not(.clean) .__col:nth-child(3) .block-section .block-image:first-child .__content:before {content:"3";} .flow .block-columns:not(.clean) .__col:nth-child(4) .block-section .block-image:first-child .__content:before {content:"4";} .flow .block-columns:not(.clean) .__col:nth-child(5) .block-section .block-image:first-child .__content:before {content:"5";} .flow .block-columns:not(.clean) .__col:nth-child(6) .block-section .block-image:first-child .__content:before {content:"6";} .flow .block-columns:not(.clean) .__col .block-section .block-image:first-child:hover .__content:before {opacity:1;} .flow .block-columns:not(.clean) .__col .block-section .block-image:first-child:hover img {opacity:0;} .flow .block-columns:not(.clean) .__col .block-section:hover .block-image:first-child .__content:before {animation:shownum 1s .3s linear 1 forwards;} .flow .block-columns:not(.clean) .__col .block-section:hover .block-image:first-child img {animation:hideimg 1s .3s linear 1 forwards;} .flow .block-columns:not(.clean) .__col .block-section .block-image img {width:50%; transition:.5s;} .flow .block-columns:not(.clean) .__col .block-section:hover .block-image img {transform:scale(-1, 1) scale(-1, 1);} .flow .block-columns:not(.clean) .__col .block-section .block-image:first-child:before, .flow .block-columns:not(.clean) .__col .block-section .block-image:first-child:after {transition:.3s all; content:""; color:#4b5e47; background:#4b5e47; height:2px; position:absolute; top:50%; transform:translateY(-50%); width:50%; left:0; right:auto; z-index:0;} .flow .block-columns:not(.clean) .__col .block-section .block-image:first-child:before, .flow .block-columns:not(.clean) .__col:last-child .block-section .block-image:first-child:after {font: 600 1rem "Font Awesome 5 Free","Font Awesome 5 Brands",FontAwesome; font-family: 600 1rem "Font Awesome 5 Free","Font Awesome 5 Brands",FontAwesome; font-weight:700; content: "\f111"; display: flex; align-items: center; margin-inline: -.5rem;} .flow .block-columns:not(.clean) .__col .block-section .block-image:first-child:after {right:0; left:auto; justify-content:flex-end; transition:.3s all;} .flow .block-columns:not(.clean):has(.block-section:hover) .__col .block-section .block-image:first-child:before, .flow .block-columns:not(.clean):has(.block-section:hover) .__col .block-section .block-image:first-child:after {font-size:0;} .flow .block-columns:not(.clean) .__col .block-section .block-image .__content {padding:0 !important;} .flow .block-columns:not(.clean) .__col .block-section .block-image img {object-fit: cover !important; width: inherit !important; height: inherit !important; border-radius:inherit;} .flow.flow-icon .block-columns:not(.clean) .__col .block-section .block-image img {object-fit: contain !important; padding: 1.5rem; border-radius: 0; filter:invert(1);} html:not(.cms) .flow.flow-text .block-columns:not(.clean) .__col .block-section .block-text {position: absolute; z-index: 5; inset: 0; font-size: .7rem; display: flex; align-items: center; transition:.3s all; opacity:0; /*border: 1px solid rgba(255,255,255,0.2); background:$opac9dark; */} html:not(.cms) .flow.flow-text .block-columns:not(.clean) .__col .block-section:has(.block-text):hover .block-text {animation:showtxt 1s 1s linear 1 forwards;} html:not(.cms) .flow.flow-text .block-columns:not(.clean) .__col .block-section:has(.block-text):hover .block-section-container > *:not(.block-text) {animation:hideothers 1s 1s linear 1 forwards;} html:not(.cms) .flow.flow-text .block-columns:not(.clean) .__col .block-section .block-text .__content > :first-child {margin-top:0;} @keyframes shownum { 10%{opacity: 1;} 90%{opacity: 1;} 100%{opacity: 0;} } @keyframes hideimg { 10%{opacity: 0;} 90%{opacity: 0;} 100%{opacity: 1;} } @keyframes showtxt { 10%{opacity: 1;} 100%{opacity: 1;} } @keyframes hideothers { 10%{opacity: 0;} 100%{opacity: 0;} } @media (min-width:768px) { .flow-1 .block-columns:has(.block-section:hover):not(.clean) .__col .block-section:not(:hover) {filter:blur(5px); transform:scale(.9);} .flow-1 .block-columns:has(.block-section:hover) .__col .block-section:not(:hover) .block-image:first-child:before {left:auto; right:0; width:0px;} .flow-1 .block-columns:has(.block-section:hover) .__col .block-section:not(:hover) .block-image:first-child:after {left:0; right:auto; width:0px;} .flow-1 .__col .block-section:hover .block-image:first-child:before, .flow-1 .__col .block-section:hover .block-image:first-child:after {/*opacity:0 !important;*/} .flow-2 .block-columns:has(.block-section:hover):not(.clean) .__col .block-section:not(:hover) {filter:blur(5px);} .flow-2 .block-columns:not(.clean) .__col .block-section:hover .block-image:first-child .__content {transform:scale(1.2);} .flow-2 .block-columns:has(.__col:nth-child(2) .block-section:hover) .__col:nth-child(1) .block-section, .flow-2 .block-columns:has(.__col:nth-child(3) .block-section:hover) .__col:is(:nth-child(1),:nth-child(2)) .block-section {filter:none !important;} .flow-2 .block-columns:has(.__col:nth-child(4) .block-section:hover) .__col:is(:nth-child(1),:nth-child(2),:nth-child(3)) .block-section {filter:none !important;} .flow-2 .block-columns:has(.__col:nth-child(5) .block-section:hover) .__col:is(:nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4)) .block-section {filter:none !important;} .flow-2 .block-columns:has(.block-section:hover) .__col:not(:nth-child(1)) .block-section .block-image:first-child:before {left:0; right:auto; width:0%;} .flow-2 .block-columns:has(.block-section:hover) .__col .block-section .block-image:first-child:after {left:50%; right:auto; width:0%;} .flow-2 .block-columns:has(.__col:nth-child(2) .block-section:hover) .__col:is(:nth-child(1),:nth-child(2)) .block-image:first-child:before {width:50%;} .flow-2 .block-columns:has(.__col:nth-child(2) .block-section:hover) .__col:is(:nth-child(1)) .block-image:first-child:after {width:50%;} .flow-2 .block-columns:has(.__col:nth-child(3) .block-section:hover) .__col:is(:nth-child(1),:nth-child(2),:nth-child(3)) .block-image:first-child:before {width:50%;} .flow-2 .block-columns:has(.__col:nth-child(3) .block-section:hover) .__col:is(:nth-child(1),:nth-child(2),:nth-child(3)) .block-image:first-child:after {width:50%;} .flow-2 .block-columns:has(.__col:nth-child(4) .block-section:hover) .__col:is(:nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4)) .block-image:first-child:before {width:50%;} .flow-2 .block-columns:has(.__col:nth-child(4) .block-section:hover) .__col:is(:nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4)) .block-image:first-child:after {width:50%;} .flow-2 .block-columns:has(.__col:nth-child(5) .block-section:hover) .__col:is(:nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4),:nth-child(5)) .block-image:first-child:before {width:50%;} .flow-2 .block-columns:has(.__col:nth-child(5) .block-section:hover) .__col:is(:nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4),:nth-child(5)) .block-image:first-child:after {width:50%;} } @media (max-width:767px) { .flow .block-columns:not(.clean) .__col .block-section-container {height: 100%;} .flow .block-columns:not(.clean) .__col .block-section-container {padding:0 1rem !important; flex-direction: row !important; align-items: center; text-align:left;} .flow .block-columns:not(.clean) .__col .block-section-container .block:not(.block-image:first-child) {padding-block:2rem;} .flow .block-columns:not(.clean) .__col .block-section-container .block:not(.block-image:first-child) .__content:first-child * {margin-top:0;} .flow .block-columns:not(.clean) .__col .block-section .block-image:first-child {padding-block:2rem !important;} /*.flow .block-columns:not(.clean) .__col:first-child .block-section .block {padding-top:4rem !important;}*/ /*.flow .block-columns:not(.clean) .__col:last-child .block-section .block {padding-bottom:4rem !important;}*/ .flow .block-columns:not(.clean) .__col .block-section .block-image:first-child:before, .flow-1 .block-columns:not(.clean) .__col .block-section .block-image:first-child:after {height:50%; width:2px; top:0; bottom:auto; left:50%; transform:translateX(-50%);} .flow .block-columns:not(.clean) .__col .block-section .block-image:first-child:after {top:auto; bottom:0; align-items: flex-end !important; justify-content: center !important;} .flow .block-columns:not(.clean) .__col .block-section .block-image:first-child:before, .flow .block-columns:not(.clean) .__col:last-child .block-section .block-image:first-child:after {justify-content: center; align-items: flex-start; margin:-.5rem 0 !important;} .flow .block-columns:not(.clean) .__col .block-section .block-image:first-child:after {height: 100%; width: 2px; left: 50%; transform: translateX(-50%);} /*.flow-2 .block-columns:not(.clean) .__col .block-section-container {padding:2rem 0rem !important;}*/ /*.flow-2.flow-mob .block-columns:not(.clean) .__col .block-section-container {display:block; padding:0 !important;}*/ /*.flow-2.flow-mob .block-columns:not(.clean) .__col .block-section-container > .block-image:first-child + .block {padding-top:3rem;}*/ /*.flow-2.flow-mob .block-columns:not(.clean) .__col .block-section-container > .block:last-child {padding-bottom:3rem;}*/ /*.flow-2.flow-mob .block-columns:not(.clean) .__col .block-section .block-image {float: left; width: 30%; height: 100%; align-items: center;}*/ /*.flow-2.flow-mob .block-columns:not(.clean) .__col .block-section-container .block:not(.block-image:first-child) {padding-inline: 1rem; float: right; width: 70%; margin-left: auto;}*/ /*.flow-2.flow-mob .block-columns:not(.clean) .__col .block-section .block-image:first-child:before, .flow-2.flow-mob .block-columns:not(.clean) .__col .block-section .block-image:first-child:after {height:50%; width:2px; top:0; bottom:auto; left:50%; transform:translateX(-50%);}*/ /*.flow-2.flow-mob .block-columns:not(.clean) .__col .block-section .block-image:first-child:after {top:auto; bottom:0;} */ } :is(.pop1, .pop-form *)::-webkit-scrollbar {width: 6px; height: 2px; transition:.3s all;} :is(.pop1, .pop-form *)::-webkit-scrollbar-track {background: #4f4f4f;} :is(.pop1, .pop-form *)::-webkit-scrollbar-thumb {background: #a6a6a6; border-radius:10px; cursor:pointer;} :is(.pop1, .pop-form *)::-webkit-scrollbar-thumb:hover {background: #17141b;} .pop-form.closed {padding-block: 0; max-height:0;} .pop-form {background: #4f4f4f; transition:1s all; border-radius:0; max-height:100%; overflow-y:hidden; box-shadow:2rem 2rem 4rem rgba(0,0,0,0.2); position: fixed; z-index: 1000; right: 1rem; bottom: 1rem; padding: 2rem 1.5rem 2rem 1.5rem; width: 700px; border-radius:30px;} .pop-form :is(.block-header, .block-text, .block-form) *:not(.btn,select,option,.form-control) {color:#efebe6;} .pop-form .block-section {padding:0 2rem 2rem 1rem; max-height:calc(80vh - var(--navh)); transition:.3s all; overflow-y: auto; overflow-x:hidden;} .pop-form.closed .block-section {overflow-y:hidden;} .pop-form.closed .block-section {max-height: 0;} .pop-form .block-section-container {width:100% !important;} .pop-form .pop-close { transition:.3s all; display:flex; justify-content:center; align-items:center; height:3rem; width:4rem; cursor:pointer; border-radius:30px; border:none; background:linear-gradient(45deg, #4b5e47, #DED9D6); color:#efebe6 !important; position:absolute; right: 1rem; top: 1.5rem; z-index:5;} .pop-form .pop-close:hover {} .pop-form .pop-close:before {transition:.3s all; content: "\f00d"; font-family: "Font Awesome 5 Free"; font-weight: 700; } .pop-form .hidden {display:none !important;} .pop-form.closed .pop-close {position: fixed; bottom: 2rem; right: 2rem; border-radius:5px; top: auto; transform-origin:bottom right; transform:scale(1.3);} .pop-form.closed .pop-close:before {transition:.3s all; content: "\f0e0"; } .pop-form.closed .pop-close:hover:before {content:"BOKA"; font-family:"DM Sans", sans-serif;} .pop-fel.pop-form.closed .pop-close {width:8rem; text-transform: uppercase; text-align: center; line-height: normal; overflow:hidden;} .pop-fel.pop-form.closed .pop-close:before {content:"Felanmälan"; font-family:"DM Sans", sans-serif; font-weight: 400 !important; font-size: .7rem;} .pop-fel.pop-form.closed .pop-close:hover:before {content: "\f0e0"; font:600 1rem "Font Awesome 5 Free","Font Awesome 5 Brands",FontAwesome; } .pop1 {border-radius:calc(30px / 2); overflow:hidden; max-height:calc(80vh - var(--navh)); overflow-y:auto; transform-origin:right bottom; transition:.3s all; position:fixed; right:2rem; bottom:2rem; height:auto; width:30vw; box-shadow:0 0 2.5rem rgba(0,0,0,0.4); z-index:1000;} .pop1 .pop-close {border-radius: 0 0 calc(30px / 2) 0; position:absolute;z-index:1; border:none; background:black; color:#efebe6; padding:.5rem 1rem; left:0; top:0; cursor:pointer;} .pop1 .pop-body :is(.block-section, .block-section-container) {max-width:100% !important; width:100% !important; padding:0 !important; margin:0 !important;} .pop1 .pop-body .block-section {padding:2rem 2rem 2rem 2rem !important;} .pop1 .pop-body .block-section:not([class*='bg-']) {background-color:#efebe6;} .pop1 .pop-body .btn.btn-info:after {color:inherit;} .pop1 .pop-body .btn.btn-info:hover, .pop1 .pop-body .btn.btn-info:hover:after {color:#4b5e47 !important;} .pop1 .pop-body .bg-primary .btn.btn-info:hover, .pop1 .pop-body .bg-primary .btn.btn-info:hover:after {color:#17141b !important;} .pop1.closed {transform:scale(0); transition:.3s all !important;} @media (max-width:2040px) { .pop-form {width:500px;} } @media (max-width:1920px) { } @media (max-width:767px) { .pop-form {width:calc(100% - 2rem);} .pop-form .block-section {max-height:60vh;} .pop-form:not(.closed) .pop-close {right:.6rem;} .pop-form.closed .pop-close {transform:scale(1.2); bottom:1rem; right:1rem;} .pop-form:is([mobile-redirect]):not([mobile-redirect='']) .block-section {display:none !important;} .pop-form:not(.closed):is([mobile-redirect]):not([mobile-redirect='']) {padding:0 !important;} } @media (max-width: 575px) { .pop1 {inset:auto 1.5rem 1.5rem 1.5rem; width:auto;} } .__base .bgsvg-round { -webkit-mask-size: unset; } .bgsvg-round {background-position-x:150%; background-size:110% !important; -webkit-mask-image: url('../../files/bgsvg-round.svg'); -webkit-mask-position: center; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: contain; } .head-cus .__content {display:flex;} .head-cus h4 {padding:0 0 1rem 2rem; color:#efebe6; position:relative; height:max-content; z-index:1;} .head-cus h4:before {content:""; background:#4b5e47; position:absolute; inset:1rem 1rem -1rem 0; border-radius:0 20px; box-shadow:.2rem -.2rem 1rem rgba(0,0,0,0.5); z-index:-1; width:-webkit-fill-available;} /*.head-cus:nth-child(2) h4:before {background:#7a7a7a;} .head-cus:nth-child(3) h4:before {background:#2e2e2e;}*/ .head-cus p {margin-left:1rem;} .__base .bg-clip-icon {scale:1 !important; filter:none !important; -webkit-mask: none !important;} .__base .bg-clip-icon.bg-video:after {content:"[background-video | background-clip-video]" !important;} .__base .bg-clip-icon:not(.bg-video):after {content:"[background-image | background-clip-video]"; position: absolute; bottom: 20%; text-align:left; width:100%; font-family:monospace; display:block;} .bg-clip-icon {-webkit-mask-image: url("../../files/icons/icon.svg"); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: contain; scale: 1; filter: blur(1px);} .bg-clip-icon.bg-video:before {display:none;} main > .block-section:first-child {z-index:0;} /*----------------MAP PLUGIN-------------------*/ .block-image:has(img.map) > .__content {padding:1rem;} .div-map * {transition:.3s all;} .div-map {position:relative;} .div-map img {width:100%; margin:0 !important; padding:0 !important;} .div-map .map-locations {position:absolute !important; inset:0 !important;} .div-map .map-locations a:first-child {background:#17141b; transform:scale(1.2); z-index:1;} .div-map .map-locations a {transform:scale(1); position:absolute; display:flex; border-radius:50%; height:2rem; width:2rem; transform-origin:center; background:#4b5e47; color:#efebe6; align-items: center; justify-content: center; align-content: center; } .div-map .map-locations a[href] {cursor:pointer;} .div-map .map-locations a.hide {display:flex !important; transform:scale(0);} .div-map .map-locations a:hover {transform:scale(1.4); z-index:1;} .div-map .map-locations a:before {content:""; position:absolute; inset:5px; box-shadow:0 0 10px #4b5e47; border-radius:inherit; animation:glow 2s linear infinite;} .div-map .map-locations i {font-size:1rem;} .div-map .map-locations a label {max-width:unset; text-align:center; width:max-content; letter-spacing:0; font-size:.7rem; line-height:normal; background:#DED9D6; z-index:1; position:absolute; padding: 3px 5px; border-radius: 5px; bottom:100%; transform-origin:bottom center; transform: scale(0);} .div-map .map-locations a label small {display:none !important;} .div-map .map-locations a label:before {z-index:-1; content:""; position:absolute; background:#DED9D6; width:10px; height:10px; left:50%; bottom:-5px; transform:rotate(45deg) translateX(-50%);} .div-map .map-locations a:hover label {transform: scale(1);} .div-map .map-locations table {width:100%; height:100%; position: absolute; z-index: 0; margin: 1rem 0 0 1rem; color:#efebe6;} .div-map .map-locations table td {position:relative; width:10%; height:10%; padding:0; border: 1px solid; } .div-map .map-locations table td span {position: absolute !important; font-size: 12px;} .div-map .map-locations table td span.y {right: -10px !important; top: -22px !important; } .div-map .map-locations table td span.x {left: -30px !important; bottom: -10px !important; } .div-map img.grid + .map-locations a {z-index:3;} .div-map img.grid + .map-locations a label small {display:block !important; margin-top: .25rem; font-size: .5rem;} @keyframes glow {50% {inset:-10px; opacity:0.4;}} .div-map img.big + .map-locations a:not(.hide) {transform:scale(1.3);} .div-map img.big + .map-locations a:not(.hide):first-child {transform:scale(1.5);} .div-map img.big + .map-locations a:not(.hide):hover {transform:scale(1.6);} .div-map:has(.map-locations:hover):not(:has(a:hover)) a label {transform: scale(1);} @media (max-width:767px) { } .filter-row:before, .filter-list:before {z-index:-1 !important;} .filter-list {overflow:unset; margin-inline: 1rem; margin-bottom: 2rem; display: flex; flex-wrap: wrap; justify-content: space-between; gap:1rem;} .filter-list:has(+.filter-list > a.active) {margin-bottom:1rem;} .filter-list a {border:none !important; position:relative; white-space: nowrap; border-radius:calc(30px / 3); transition:.3s all; text-align:center; cursor:pointer; color:#17141b !important; padding:1rem; flex:1; text-transform:uppercase; background:#DED9D6; display: flex; align-items: center; justify-content: center;} .filter-list a:is(.active, :active, :hover) {background:#4b5e47; color:#efebe6 !important; font-weight:500;} .filter-col .__col {transition:.3s all;} .filter-col .__col.hide {position:absolute; transform:scale(0); opacity:0; z-index:-1;} .filter-list.filter-lvl1:has(+.filter-list > a.active) a.active:after, .filter-list.filter-lvl2 > a.active:before {content: ""; height: 1rem; width: 1px; background: #4b5e47; left: 50%; transform: translateX(-50%); position: absolute; top: 100%;} .filter-list.filter-lvl2 > a.active:before {top: auto; bottom: 100%;} .filter-list.filter-lvl2:has(>a.active) {display:flex;} .filter-list.filter-lvl2 {display:none; border-top:1px solid #4b5e47; padding-top:1rem;} .filter-list.filter-lvl2 a {flex: 1 10% !important; font-size: .8rem;} .filter-buttons .listhtml {display: flex; flex-direction: row; flex-wrap: wrap; justify-content:center; border:1px solid #d9d9d9; overflow:hidden; border-radius:30px;} .filter-buttons .listhtml .list-group-item {transition:.3s all; border-radius:0 !important; border:1px solid #d9d9d9 !important; flex: 1 auto; display: flex; justify-content: center; text-align: center; align-items: center; line-height: normal;} .filter-buttons .listhtml .list-group-item:not(:last-child) {} .filter-buttons .listhtml .list-group-item:is(:hover) {background-color:#d9d9d9;} .filter-buttons .listhtml .list-group-item:is(.active) {background-color:#4b5e47; border-color:#4b5e47 !important;} .filter-buttons .listhtml .list-group-item:is(.active):hover a {color:#efebe6 !important;} .filter-buttons .listhtml .list-group-item a {border:none;} html:not(.cms) .filter-section {width:100%; transition:.3s all; position:absolute; z-index:-1; transform-origin:top center; transform:scale(0); opacity:0; visibility:hidden;} html:not(.cms) .filter-section.active {position:relative; z-index:3; transform:scale(1); opacity:1; visibility:visible;} @media (max-width:767px) { .filter-buttons .listhtml .list-group-item {} .filter-list a {flex:1 40%;} .filter-list.filter-lvl1:has(+.filter-list > a.active) a.active:after, .filter-list.filter-lvl2 > a.active:before {display:none;} } .__base .roll.block-header .__content em {display:inline-block !important; overflow:unset !important;} .__base .roll.block-header .__content em strong {border-bottom:2px dashed red !important;} .roll.block-header .__content > h1 {height: calc(4rem * 2);} .roll.block-header .__content > h2 {height: calc(3rem * 2);} .roll.block-header .__content > * {display:flex; overflow:hidden; padding-block:1rem;} :is(.text-center .roll.block-header, .roll.text-center.block-header) .__content > * {justify-content: center;} .roll.block-header .__content > * {font-weight:900;} .roll.block-header .__content em.shake {animation:shaky 1s linear 1 forwards;} .roll.block-header .__content em {margin-inline: 1rem; overflow:hidden; text-align:center; display: flex; flex-direction: column; font-style: normal;} .roll.block-header .__content em strong {transition:.3s all; font-weight:inherit;} .roll.block-header .__content em strong:not(:first-child) {} .roll.block-header .__content em strong.hide {opacity:0;} @keyframes shaky { 15% {transform:scale(1.3);} 30% {transform:scale(1.1);} 45% {transform:scale(1.3);} 60% {transform:scale(1.1);} 75% {transform:scale(1.2);} 95% {transform:scale(1);} } .stick-left {width: 50vw; left:-50%;} .stick-right {width: 50vw;} .stick-right > .block-section-container {width:90%; margin-left:0;} .__base .stick-left {left:-70% !important;} .sticky-top {transition:.3s all; position:sticky !important; position:-webkit-sticky !important; top:calc(var(--navh) + var(--navtoph)); z-index:3; height:auto;} html:has(.navbar.bx) .sticky-top {top:0;} main > .sticky-top ~ .block-section {z-index: 2;} [class*='curve-'], .curvex, .curvey {overflow:hidden !important;} .curvex-top {border-top-left-radius:10rem; border-top-right-radius:10rem; /*box-shadow:0rem 1rem 2rem rgba(255,255,255,0.3) inset;*/} .curvex-right {border-top-right-radius:10rem; border-bottom-right-radius:10rem;} .curvex-bottom {border-bottom-left-radius:10rem; border-bottom-right-radius:10rem;} .curvex-left {border-top-left-radius:10rem; border-bottom-left-radius:10rem;} .curvey-top {border-top-left-radius:50%; border-top-right-radius:50%;} .curvey-right {border-top-right-radius:50%; border-bottom-right-radius:50%;} .curvey-bottom {border-bottom-left-radius:50%; border-bottom-right-radius:50%;} .curvey-left {border-top-left-radius:50%; border-bottom-left-radius:50%;} .curvex {border-radius:10rem;} .curvey {border-radius:50%;} .bg-image-container {background-size:0 !important;} .bg-image-container > .block-section-container {background-image:inherit; background-size:cover; background-position:center; background-repeat:no-repeat;} .block-inline .__content * {display:inline-block;} .slider1.block-gallery {width:calc(100% - 2rem);} .slider1.block-gallery * {overflow:unset !important;} .slider1.block-gallery .slider-overlay {display:none !important;} .slider1.block-gallery .carousel-caption {padding:2rem; justify-content: center; inset:auto -2rem -2rem auto; width:15rem; height:15rem; background-color:#DED9D6;} .slider1.block-gallery .carousel-caption h3 {margin-top:0;} .slider1.block-gallery .carousel .carousel-indicators {inset: 0 auto 0 0; transform: none; width: auto; display: flex; flex-direction: column; justify-content: space-evenly;} .slider1.block-gallery .carousel-item.bgimg .carousel-caption {background-image:url('../../files/icons/icon2.png'); background-size:50%; background-repeat:no-repeat; background-position:center;} .img1.block-gallery .gallery-item img {object-fit:contain !important; padding:1rem !important; background-color:#e8e8e8;} .img1.block-gallery .gallery-item:nth-child(2n) img {background-color:#eeeddd;} .img1.block-gallery .gallery-item:nth-child(3n) img {background-color:#a6a6a6;} .bg-mx {margin-inline:15px;} .bg-my {margin-block:15px;} .bg-m {height: calc(100% - 30px) !important; margin-top: 15px; margin-inline:15px;} .column-2 ul {column-count:2; gap:1rem;} .column-3 ul {column-count:3; gap:1rem;} .text-outline .__content * {color: transparent !important; -webkit-text-stroke: 1.5px #17141b; text-stroke: 1.5px #17141b; display: block;} .text-primary.text-outline .__content * {-webkit-text-stroke: 1.5px #4b5e47; text-stroke: 1.5px #4b5e47;} .text-secondary.text-outline .__content * {-webkit-text-stroke: 1.5px #DED9D6; text-stroke: 1.5px #DED9D6;} .text-light.text-outline .__content * {-webkit-text-stroke: 1.5px #efebe6; text-stroke: 1.5px #efebe6;} :is(.bg-video, .bg-video-md).empty {display:block !important;} :is(.bg-video, .bg-video-md).scale1 video {scale:1 !important; z-index:2;} :is(.bg-video, .bg-video-md).scale1.sticky-top + .block-section {margin-top:20vh;} :root {--divh:12rem;} .divider-top, .divider-bottom {-webkit-mask-size: cover; -webkit-mask-repeat: repeat-y;} .divider-top {padding-top:calc(0rem + var(--divh)) !important; -webkit-mask-image: url('../../files/divider-top.svg'); -webkit-mask-position: center top;} .divider-bottom {padding-bottom:calc(0rem + var(--divh)) !important; -webkit-mask-image: url('../../files/divider-bottom.svg'); -webkit-mask-position: center bottom;} div.divider:after {position:absolute; content:""; height:1.5rem; inset:auto 0 0 0; z-index:1; background:linear-gradient(to bottom, #4b5e47 50%, #a64f33 50%);} div.divider.secondary:after {background:linear-gradient(to bottom, #DED9D6 50%, #eeeddd 50%);} div.divider.dark:after {background:linear-gradient(to bottom, #2e2e2e 50%, #4f4f4f 50%);} div.divider.light:after {background:linear-gradient(to bottom, #d9d9d9 50%, #e8e8e8 50%);} div.divider.inverted:after {transform: scale(-1);} div.divider.top:after {inset:0 0 auto 0 !important;} div.divider > div {position:relative; z-index:5;} @keyframes toastload {100%{width:100%;}} @keyframes toastshow {100%{opacity:1;}} .toaster {transition:.3s; opacity:0; font-size:.9rem; position: fixed; z-index: 1040; width: 300px; inset: 60% -50% auto auto; transform:translateY(-50%); color:#000; border-radius:calc(30px / 3); overflow:hidden; padding:1rem; box-shadow:-5px 5px 10px rgba(0,0,0,0.1); line-height:1.5;} .toaster:not([class*='bg-']) {background-color:#efebe6;} .toaster[class*='bg-']:not(.bg-custom5,.bg-custom6,.bg-custom8,.bg-custom9) {color:#efebe6;} .toaster.show {right:2rem; opacity:1;} .toaster.blink {opacity:0; animation:toastshow .1s linear 1 forwards;} .toaster .toaster-header {position:relative; border-bottom:2px solid #d9d9d9; padding-bottom:.8rem; padding-right:2rem;} .toaster.show .toaster-header:before {content:""; position:absolute; inset:auto auto -1px 0; background-color:#4b5e47; height:2px; border-radius:1px; width:0%; transition:2s; animation:toastload 3s .3s linear 1 forwards;} .toaster .toaster-header small {display: block;} .toaster .toaster-header a.close {border:none; text-decoration:none; cursor:pointer; margin-left:.5rem; position: absolute; right: .5rem; top: 0; color:inherit;} .toaster .toaster-body {padding-top:.8rem;} @media (max-width:558px) { .toaster {left:50%; right:-100%; font-size:1rem; transform:scale(0); transform-origin:right;} .toaster.show {right:auto; left:50%; transform:translateX(-50%) translateY(-50%) scale(1);} } .__base .timer {opacity:1 !important; transform:scale(1) !important; } .timer {transition:.3s all; transform-origin:center; transform:scale(.85); opacity:0; } .timer .__content > * {font-weight: 800; line-height: normal; } .timer.show {opacity:1;} .timer.done {text-shadow:0 0 6px gold, 0 0 30px #A6B5C7; transform:scale(1);} .timer.plus .__content > *:after {content:" "; opacity:0; transition:.3s all;} .timer.plus.done .__content > *:after {content:"+"; opacity:1; margin-left:5px;} img.avatar {width: 15rem; height: 15rem; object-fit: cover; object-position: 50% 10%; border-radius: 50%; box-shadow:5px 5px 10px rgba(0,0,0,0.15);} img.avatar.text-dark + .caption {color:#17141b !important;} img.avatar + .caption * {margin-top:0;} img.avatar + .caption {background: #efebe6; padding: 3rem 1rem 1rem 1rem; border-radius: calc(30px / 2) calc(30px / 2) 0 0; width: 100%; margin-inline: auto; margin-top: -2rem;} img.avatar + .caption h6 {margin-top:.6rem;} .block-image:has(img.avatar) + :is(.block-header, .block-text) {background:#efebe6; width:100%; border-radius:0 0 calc(30px / 2) calc(30px / 2); margin-inline:auto; margin-top:-1px; padding:0 1rem 2rem 1rem; box-shadow:5px 5px 10px rgba(0,0,0,0.05);} .block-image:has(img.avatar) + :is(.block-header, .block-text) .__content *:first-child {margin-top:0;} .li-cus li:before {display:none;} .li-cus li {padding-left:2rem; position:relative;} .li-cus li > a:first-child {width: 1.5rem; height: 1.5rem; position: absolute; left: 0; background-size: contain; background-position: center; background-repeat: no-repeat; text-decoration: none; border: none;} .li-cus.text-light li > a:first-child {filter:saturate(0) brightness(10);} .__col :is(.block-image:has(.full-height), .block-gallery.full-height), .__col :is(.block-image:has(.full-height), .block-gallery.full-height) :is(.__content, img, .carousel, .carousel-inner, .carousel-item) {height:100% !important; margin-top:0 !important; object-fit:cover; padding:0 !important;} .block-divider[class*='star'] .spacer {height:2rem; width:10rem; background:url("../../assets/images/star.svg") 0% 50% / contain repeat-x scroll transparent;} .block-divider.star4 .spacer {width:8rem;} .block-divider.star3 .spacer {width:6rem;} .block-divider.star2 .spacer {width:4rem;} .block-divider.star1 .spacer {width:2rem;} .kontakt-tags ul li p:not(:last-child):after {content: "/"; margin-left: 7px;} .kontakt-tags ul li p {display: -webkit-inline-box;} .kontakt-tags ul li p br, .tags ul li p br:after {content:" ";} .__base .kontakt-tags ul li:empty:after, .__base .socials.tags .list-content:empty:after {content:"[tags - edit in tag widget]"; text-align:left; width:100%; font-family:monospace; } :not(.full-width-all) .hem-tjanster.block-divider {margin-inline: 15px !important;} :not(.full-width-all) .hem-tjanster.block-divider .block-columns:nth-child(n+3) {display:none !important;} .block-text a[href*='tel:']:before, .block-text a[href*='mailto:']:before {display:none !important;} :is(.text-right) .tag-contact .info p {display: flex; flex-direction: row-reverse;} main > .block-section > .block-section-container > .sub {margin-top:2rem;} .sub:not([class*='text-']) .__content {color:#4b5e47;} .sub .__content * {margin-bottom:1rem;} .sub .__content h1:first-child {text-wrap: nowrap; white-space:nowrap !important; font-family:"DM Sans", cursive; opacity: 0.04; position: absolute; font-size: 10rem; margin-top: -3rem; margin-left: -5rem;} .sub .__content h1:first-child + * {font-weight:700;} .sub .__content h1:first-child + * em {font-weight:400; font-style:normal; font-family:"DM Sans", sans-serif;} :is(.text-center, .text-center-left, .text-center-right).sub .__content h1:first-child, :is(.text-center, .text-center-left, .text-center-right) .sub .__content h1:first-child {transform:translateX(-50%); left:50%; margin-left:0;} .__base :is(.text-center, .text-center-left, .text-center-right).sub .__content h1:first-child {transform:none;} html.cms .sub .__content h1:first-child {margin-top:0; line-height:normal;} main > .pull-bottom.block-section[class*='vh-min-'] {display:flex; align-items:flex-end;} .block-section-container > .block-header.sub:first-child {margin-top:-1.5rem;} .sub :is(h5,h6) {background: #DED9D6; color:#efebe6 !important; border-left: .5rem solid #4b5e47; display: inline-block; padding: 0 .5rem; } .sub.text-light :is(h5,h6), .text-light .sub :is(h5,h6) {border-color:#efebe6 !important;} .outline-primary {outline-color:#4b5e47 !important;} .outline-prifade {outline-color:#60554f80 !important;} .outline-secondary {outline-color:#DED9D6 !important;} .outline-secfade {outline-color:#00285580 !important;} .outline-light {outline-color:#efebe6 !important;} .outline-dark {outline-color:#17141b !important;} .outline-custom8 {outline-color:#cbbfb9 !important;} html.cms :is([class*='mb--'], [class*='transy-']) {margin-block:unset !important; transform:unset !important;} .mb--1 {margin-bottom:-.5rem;} .mb--2 {margin-bottom:-1rem;} .mb--3 {margin-bottom:-1.5rem;} .mb--4 {margin-bottom:-2rem;} .mb--5 {margin-bottom:-2.5rem;} .mb--6 {margin-bottom:-3.5rem;} .mb--7 {margin-bottom:-5rem;} .mb--8 {margin-bottom:-8.5rem;} .mb--9 {margin-bottom:-10rem;} .mb--10 {margin-bottom:-15rem;} .btn-float.hide {opacity:0; right:-10rem;} .btn-float {transition:.3s all; color:#efebe6; background: #4b5e47; position: fixed; z-index: 122; bottom: 2rem; right: 2rem; border-radius: 1rem; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 1rem 1.5rem; overflow:hidden;} .btn-float span p {line-height:normal;} .btn-float span a {display:flex; text-decoration:none !important; border:none !important; transition:.3s all;} .btn-float span a:hover {transform:scale(1.1);} .btn-float span.text a {text-transform:uppercase; color:#efebe6;} .btn-float span.icon {display: flex; justify-content: center; gap:.5rem; margin-top:.5rem;} .btn-float span.icon a {font-size:0px !important; background-color:#efebe6; color:#4b5e47; border-radius:.5rem; padding:.5rem; display:flex; flex-direction: column; justify-content: center; align-items: center; overflow:hidden;} .btn-float span.icon a:hover {background-color:#DED9D6;} .btn-float span.icon a:before {font:600 1rem "Font Awesome 5 Free","Font Awesome 5 Brands",FontAwesome; font-size:1rem !important;} .img-1 .__col img {width:6rem;} .img-1 .__col .block-section:not(:hover) img {filter:saturate(0) brightness(2);} .block-image .__content:has(img.bg-circle) {position:relative;} .block-image .__content:has(img.bg-circle):after {z-index:-1; opacity:.5; width:100%; height:100%; border-radius:50%; transition:.3s all; transform-origin: 0% 0%; transform:scale(1.5) translateY(-50%) translateX(-50%); position:absolute; content:""; background-color:#DED9D6; inset:50% auto auto 50%; outline:1px solid #DED9D6;} .block-image:hover .__content:has(img.bg-circle) img {animation:float-y 2s linear infinite;} .block-image:hover .__content:has(img.bg-circle):after {animation:borderpop 3s linear infinite;} @keyframes borderpop {50%{outline-offset:5rem; outline-color:transparent;}} .cols-2 .block-columns .__col {flex:1 calc(100% / 2); max-width:calc(100% / 2);} .cols-3 .block-columns .__col {flex:1 calc(100% / 3); max-width:calc(100% / 3);} .cols-4 .block-columns .__col {flex:1 calc(100% / 4); max-width:calc(100% / 4);} .point-bot + div:after {z-index:10; content:""; background-color:#efebe6; position:absolute; top:-2rem; left:50%; transform:translateX(-50%) rotate(45deg); width:4rem; height:4rem;} .point-bot + div > * {margin-top:4rem;} .mt-varh {margin-top:var(--navh) !important;} .z-top {z-index:3 !important;} .img-xl .__col img {width:12rem !important;} .img-lg .__col img {width:9rem !important;} .img-md .__col img {width:7rem !important;} .img-sm .__col img {width:5rem !important;} .img-xs .__col img {width:3rem !important;} /*=============================RX-CUSTOM===========================*/ @media (min-width: 768px) { [class*="mr--"], [class*="tr--"], [class*="ml--"], [class*="tl--"], [class*="tt--"], [class*="mt--"], [class*="tt--"] .block-columns.row, [class*="mt--"] .block-columns.row{ overflow:unset; position:relative; z-index:2;} .tt--5-row {transform:translateY(6rem);} .tt--5, .tt--5-row .block-columns.row {transform:translateY(-6rem);} .mt--5-row {margin-top:6rem;} .mt--5, .mt--5-row .block-columns.row {margin-top:-6rem;} .ml--5 {margin-left:-6rem;} .mr--5 {margin-right:-6rem;} .tl--5 {transform:translateX(-6rem);} .tr--5 {transform:translateX(6rem);} .text-vertical .__content > * {display: flex; flex-direction: row-reverse; width: 1rem; line-height: 1; transform: rotate(-90deg); transform-origin: top right; letter-spacing:.15em; margin-left: -1rem !important;} :is(.text-center-left, .text-center-right) .sub .__content h1:first-child {transform:translateX(-50%); left:50%; margin-left:0;} .p-md-10, .pl-md-10, .px-md-10 {padding-left:6rem !important;} .p-md-10, .pr-md-10, .px-md-10 {padding-right:6rem !important;} .p-md-10, .pt-md-10, .px-md-10 {padding-top:6rem !important;} .p-md-10, .pb-md-10, .px-md-10 {padding-bottom:6rem !important;} .ml-md-auto {margin-left:auto !important;} } @media (max-height: 767px) { } @media (max-width: 2060px) { :root {--contwidth:1440px;} html, body {font-size: 18px;} .lang {font-size: 1.25rem !important;} } @media (max-width: 1920px) { :root {--logo2h:150px; --contwidth:1280px;} html, body {font-size: 16px;} .spacer {height: 1.5rem;} main > .block-section {padding: 5rem 0;} .block-form .form-control {padding: 11px;} .block-form .input-group-addon {padding: 11px; } .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {margin-right: 8px !important;} .contact-box .block-columns .__col .block-section {} .lang {transform:scale(1);} } @media (max-width: 1440px) { html, body {font-size: 14px;} } @media (max-width: 1280px) { :root {--logo1h:120px; --logo2h:100px; --contwidth:900px;} html, body {font-size: 12px;} h6 {/*letter-spacing: 2px;*/} main > .block-section {padding: 3rem 0;} main h1, main h2, main h3, main h4, main h5, main h6 {margin: 15px 0 0 0;} main :is(ul, ol) {margin: 10px 0 0 0;} main :is(ul, ol) li {margin: 3px 0;} main :is(ul, ol) li:before {padding: 0 5px 0 0;} .spacer {height: 1rem;} /*.block-list-group.accordion .card .card-header h5 .btn {padding: 10px 15px; }*/ /*.block-list-group.accordion .card .card-body {padding: 10px 15px 10px 15px;}*/ .block-list-group.tabs .nav-tabs .nav-item .nav-link {padding: 10px 15px;} .block-list-group.tabs .tab-content {padding: 20px 30px;} .news .list-group-item .list-date {letter-spacing: 2px;} .news .list-group-item .list-content {margin: 15px 0 0 0;} .block-form .form-control {padding: 8px; border-width: 2px;} .block-form .input-group-addon {padding: 8px;} .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {margin-right: 5px !important;} .cols-4 .block-columns .__col {flex:1 calc(100% / 3); max-width:calc(100% / 3);} .block-section.row-4 .__col {flex: 1 calc(100% / 3) !important; width: calc(100% / 3);} } @media (max-width: 992px) { :root {--contwidth:100%;} .news .list-group-item .list-header {font-size: 1.6rem;} main > .block-section {padding: 3rem 15px;} .column-3 ul {column-count:2;} .news.block-list-group .list-group-item {flex: 1 0 calc(100% / 2); max-width: calc(100% / 2 - 1rem);} .testimonials .news.block-list-group .list-group-item {} :is(.cols-3,.cols-4) .block-columns .__col {flex:1 calc(100% / 2); max-width:calc(100% / 2);} } @media (min-width: 768px) { @media (max-height:900px) { .main-slider, .home-cover {min-height:650px !important;} } .overflow-unset {overflow:unset !important;} .transy-1 {transform:translateY(-1rem);} .transy-2 {transform:translateY(-2rem);} .transy-3 {transform:translateY(-3rem);} .transy-4 {transform:translateY(-5rem);} .transy-5 {transform:translateY(-8rem);} .transy-6 {transform:translateY(-10rem);} .transy-7 {transform:translateY(-12rem);} .transy-8 {transform:translateY(-15rem);} .mt-6 {margin-top:-10rem;} .mt-7 {margin-top:-12rem;} .mt-8 {margin-top:-15rem;} .transy--1 {transform:translateY(1rem);} .transy--2 {transform:translateY(2rem);} .transy--3 {transform:translateY(3rem);} .transy--4 {transform:translateY(5rem);} .transy--5 {transform:translateY(8rem);} .transy--6 {transform:translateY(10rem);} .transy--7 {transform:translateY(12rem);} .transy--8 {transform:translateY(15rem);} .mt--6 {margin-top:10rem;} .mt--7 {margin-top:12rem;} .mt--8 {margin-top:15rem;} .mw-70 {max-width:70% !important;} .mw-80 {max-width:80% !important;} .mw-90 {max-width:90% !important;} .full-width-all > [class*='mw-'] {max-width:100% !important;} .mxw-5-md {max-width: 5% !important;} .mxw-10-md {max-width: 10% !important;} .mxw-15-md {max-width: 15% !important;} .mxw-20-md {max-width: 20% !important;} .mxw-25-md {max-width: 25% !important;} .mxw-30-md {max-width: 30% !important;} .mxw-35-md {max-width: 35% !important;} .mxw-40-md {max-width: 40% !important;} .mxw-45-md {max-width: 45% !important;} .mxw-50-md {max-width: 50% !important;} .mxw-55-md {max-width: 55% !important;} .mxw-60-md {max-width: 60% !important;} .mxw-65-md {max-width: 65% !important;} .mxw-70-md {max-width: 70% !important;} .mxw-75-md {max-width: 75% !important;} .mxw-80-md {max-width: 80% !important;} .mxw-85-md {max-width: 85% !important;} .mxw-90-md {max-width: 90% !important;} .mxw-95-md {max-width: 95% !important;} .mxw-100-md {max-width: 100% !important;} .pc0-md .__content {padding:0 !important;} .__col.order-md-1 {order:1;} .__col.order-md-2 {order:2;} main > .block-section .__col:has(.block-section.d-md-block) {display:block;} main > .block-section .__col:has(.block-section.d-md-none) {display:none;} .block-columns:has(.block-section.col-sticky-top) {align-items: flex-start;} .block-columns > .__col:has(.block-section.col-sticky-top) {transition:.3s all; position:sticky !important; position:-webkit-sticky !important; top:calc(var(--navh) + var(--navtoph)); z-index:3; height:auto;} .block-section.xs-md-box .block-columns .block-section {padding: 1rem;} .block-section.xsm-md-box .block-columns .block-section {padding: 1.5rem;} .block-section.sm-md-box .block-columns .block-section {padding: 2rem;} .block-section.md-md-box .block-columns .block-section {padding: 2.8rem;} .block-section.lg-md-box .block-columns .block-section {padding: 3.5rem;} .br-md-none br {display:none !important;} :is(.text-right-left,.text-right-center) .tag-contact .info p {display: flex; flex-direction: row-reverse;} .block-section:not([class*='-box'], .row-gutter, .row-gap, .cards, .card-services) .block-columns:has(.__col:nth-child(2):last-child) .__col:nth-child(1) {padding-right:1.5rem;} .block-section:not([class*='-box'], .row-gutter, .row-gap, .cards, .card-services) .block-columns:has(.__col:nth-child(2):last-child) .__col:nth-child(2) {padding-left:1.5rem;} .block-section:not([class*='-box'], .row-gutter, .row-gap, .cards, .card-services) .block-columns:has(.__col:nth-child(3):last-child) .__col:nth-child(1) {padding-right:1.5rem;} .block-section:not([class*='-box'], .row-gutter, .row-gap, .cards, .card-services) .block-columns:has(.__col:nth-child(3):last-child) .__col:nth-child(2) {padding-inline:1.5rem;} .block-section:not([class*='-box'], .row-gutter, .row-gap, .cards, .card-services) .block-columns:has(.__col:nth-child(3):last-child) .__col:nth-child(3) {padding-right:1.5rem;} .block-section:not([class*='-box'], .row-gutter, .row-gap, .cards, .card-services) .block-columns:has(.__col:nth-child(4):last-child) .__col:nth-child(1) {padding-right:1.5rem;} .block-section:not([class*='-box'], .row-gutter, .row-gap, .cards, .card-services) .block-columns:has(.__col:nth-child(4):last-child) .__col:is(:nth-child(2),:nth-child(3)) {padding-inline:1.5rem;} .block-section:not([class*='-box'], .row-gutter, .row-gap, .cards, .card-services) .block-columns:has(.__col:nth-child(4):last-child) .__col:nth-child(1) {padding-left:1.5rem;} } @media (max-width: 767px) { :root {--logo2h:80px; --divh:8rem;} @media (max-height:700px) { .main-slider, .home-cover {min-height:600px !important;} } body, .block-section.bg-fixed {background-attachment:scroll;} h1 {font-size: calc(400% + -15px);} h2 {font-size: calc(300% + -15px); line-height:1.5;} h3 {font-size: calc(250% + (-15px * .9)); line-height:1.6;} h4 {font-size: calc(200% + (-15px * .6)); line-height:1.8;} h5 {font-size: calc(150% + (-15px * .2)); line-height:1.8;} h6 {font-size: calc(90% + (-15px * .1)); line-height:2;} .block-section.full-page-section, .block-section.sm-padding {padding-top: 5rem !important; padding-bottom: 5rem !important;} :is(.cols-2,.cols-3,.cols-4) .block-columns .__col {flex:1 100%; max-width:100%;} .border-col.right .block-columns .__col {border-right: none !important;} .border-col.left .block-columns .__col {border-left: none !important;} .border-col.right-bottom .block-columns .__col:not(:last-child) {border-right: none !important; border-bottom-width:1px; border-bottom-style:solid;} .border-col.left-bottom .block-columns .__col:not(:first-child) {border-left: none !important; border-top-width:1px; border-top-style:solid;} .br-none-md br {display:none !important;} /*.container, .block-section > .block-section-container, .block-section.sm-section .block-section-container, .block-section.sm-section .container, .block-section.lg-section .block-section-container, .block-section.lg-section .container {width: 100%; padding-left: 2rem !important; padding-right: 2rem !important;}*/ /*.block-list-group.accordion .card .card-body {padding: 15px 20px 15px 20px !important;}*/ main > .block-section {padding: 3rem 0;} main > .block-section .__col:has(.block-section.d-none-md) {display:none;} .block-section.xsm-box .block-columns .block-section {padding: 1rem;} .block-section.sm-box .block-columns .block-section {padding: 1.2rem;} .block-section.md-box .block-columns .block-section {padding: 2rem;} .block-section.lg-box .block-columns .block-section {padding: 3.5rem 2.5rem;} .block-section.xl-box .block-columns .block-section {padding: 3.5rem 2.5rem;} .block-section[class*='-inline-box'] .block-columns .block-section {padding-inline: 0rem !important;} .block-section.xs-inline-box .block-columns .block-section {padding-block: 1rem;} .block-section.xsm-inline-box .block-columns .block-section {padding-block: 1.5rem;} .block-section.sm-inline-box .block-columns .block-section {padding-block: 2rem;} .block-section.md-inline-box .block-columns .block-section {padding-block: 2.8rem;} .block-section.lg-inline-box .block-columns .block-section {padding-block: 3.5rem;} .block-section.xl-inline-box .block-columns .block-section {padding-block: 3.5rem;} .block-section .block-columns .__col {flex:1 0 100%; max-width:100%;} .row-gap .block-columns {width: calc(100% + 2rem) !important;} body.full-width-all .row-gap .block-columns .__col {padding:1rem 0;} .timeline-col > .block-section-container > .block-columns > .__col {padding-bottom:0 !important; padding-top:0 !important; flex:1 100%; max-width:100%;} .timeline-col > .block-section-container > .block-columns > .__col:nth-child(1) .block-section-container {border-left:1px solid #4b5e47 !important; padding-left:3rem;} .timeline-col > .block-section-container > .block-columns > .__col:nth-child(2) .block-section-container:before {top:-1.2rem;} .timeline .tab-container .list-group-item {padding:40px 20px 20px 20px !important; background:linear-gradient(to left, #d9d9d9 80%, transparent 0) !important;} .timeline .tab-container .list-group-item:before {width:30px; height:30px; right:auto; left:calc(20% - 15px) !important;} .timeline .tab-container .list-group-item:after {left:1.1rem;} .timeline .tab-container .list-group-item .list-content, .timeline .tab-container .list-group-item .list-header {width:calc(80% - 20px); margin-left: auto !important; position: relative; left: auto !important; right: auto !important;} .timeline .tab-container:before {left:2.3rem;} .block-button:has(.push-left-justify,.push-center-justify,.push-right-justify), .text-left-justify, .text-right-justify, .text-center-justify {text-align: justify !important;} .block-button:has(.push-left-center,.push-justify-center,.push-right-center), .text-left-center, .text-right-center, .text-justify-center {text-align: center !important;} .block-button:has(.push-justify-left,.push-center-left,.push-right-left), .text-right-left, .text-center-left, .text-justify-left {text-align: left !important;} .block-button:has(.push-left-right,.push-center-right,.push-justify-right), .text-left-right, .text-center-right, .text-justify-right {text-align: right !important;} :is(.text-left-center, .text-right-center) .block-list.socials .block-list-group {justify-content: center;} h4:is(.text-left-right, .text-center-right), :is(.text-left-right, .text-center-right) h4 {transform-origin:right;} h4:is(.text-right-left, .text-center-left), :is(.text-right-left, .text-center-left) h4 {transform-origin:left;} h4:is(.text-left-center, .text-right-center), :is(.text-left-center, .text-right-center) h4 {transform-origin:center;} .control-cus video + .vid-control {top: auto !important; bottom:10% !important; left: 50% !important; right:auto !important; transform: translateX(-50%) scale(1.5) !important;} .mx-auto-md {margin-inline:auto !important;} .contact-box .block-columns .__col .block-section {background-size:cover !important; background-position: 30% 50%; height:25rem;} .contact-box .block-columns .__col .block-section:before {background:linear-gradient(to bottom, transparent 70%, #17141b);} .row-gutter-md .row .__col, .row-gutter .row .__col {padding: 1rem !important;} .row-gutter-md .block-columns:not(:last-child) {padding-bottom: 0;} .no-gutter-md .__col .block-section > .block-section-container {padding:0;} .no-gutter .row :is(.__col) {padding:0 !important;} .w-md-auto {width:auto !important;} .w-md-100 {width:100% !important;} .w-md-95 {width:95% !important;} .w-md-90 {width:90% !important;} .w-md-85 {width:85% !important;} .w-md-80 {width:80% !important;} .w-md-75 {width:75% !important;} .w-md-70 {width:70% !important;} .w-md-65 {width:65% !important;} .w-md-60 {width:60% !important;} .w-md-55 {width:55% !important;} .w-md-50 {width:50% !important;} .w-md-45 {width:45% !important;} .w-md-40 {width:40% !important;} .w-md-35 {width:35% !important;} .w-md-30 {width:30% !important;} .w-md-25 {width:25% !important;} .w-md-20 {width:20% !important;} .vh-md-auto {height:auto !important;} .vh-md-100 {height:100vh !important;} .vh-md-90 {height:90vh !important;} .vh-md-80 {height:80vh !important;} .vh-md-70 {height:70vh !important;} .vh-md-60 {height:60vh !important;} .vh-md-50 {height:50vh !important;} .vh-md-40 {height:40vh !important;} .vh-md-30 {height:30vh !important;} .vh-md-20 {height:20vh !important;} .d-none-md {display:none !important;} .order-md .block-columns > .__col:nth-child(1) {order:2;} .order-md .block-columns > .__col:nth-child(2) {order:1;} .__col.order-1-md {order:1;} .__col.order-2-md {order:2;} .__col:has(>.order-1-md) {order:1;} .__col:has(>.order-2-md) {order:2;} .__col:has(>.order-3-md) {order:3;} .__col:has(>.order-4-md) {order:4;} .__col:has(>.order-5-md) {order:5;} .__col:has(>.order-6-md) {order:6;} .p-0-md {padding:0 !important;} .p-1-md {padding:.5rem !important;} .p-2-md {padding:1rem !important;} .p-3-md {padding:1.5rem !important;} .p-4-md {padding:2rem !important;} .p-5-md {padding:3rem !important;} .pl-0-md {padding-left:0 !important;} .pl-5-md {padding-left:3rem !important;} .pr-0-md {padding-right:0 !important;} .pr-5-md {padding-right:3rem !important;} .pt-0-md {padding-top:0 !important;} .pt-5-md {padding-top:3rem !important;} .pb-0-md {padding-bottom:0 !important;} .pb-5-md {padding-bottom:3rem !important;} .px-0-md {padding-inline:0rem !important;} .px-1-md {padding-inline:.5rem !important;} .px-2-md {padding-inline:1rem !important;} .px-3-md {padding-inline:1.5rem !important;} .px-4-md {padding-inline:2rem !important;} .px-5-md {padding-inline:3rem !important;} .py-0-md {padding-block:0 !important;} .py-1-md {padding-block:.5rem !important;} .py-2-md {padding-block:1rem !important;} .py-3-md {padding-block:1.5rem !important;} .py-4-md {padding-block:2rem !important;} .py-5-md {padding-block:3rem !important;} .m-0-md {margin:0 !important;} .m-1-md {margin:.5rem !important;} .m-2-md {margin:1rem !important;} .m-3-md {margin:1.5rem !important;} .m-4-md {margin:2rem !important;} .m-5-md {margin:3rem !important;} .ml-0-md {margin-left:0 !important;} .ml-5-md {margin-left:3rem !important;} .mr-0-md {margin-right:0 !important;} .mr-5-md {margin-right:3rem !important;} .mt-0-md {margin-top:0 !important;} .mt-5-md {margin-top:3rem !important;} .mb-0-md {margin-bottom:0 !important;} .mb-5-md {margin-bottom:3rem !important;} .mx-0-md {margin-inline:0 !important;} .mx-1-md {margin-inline:.5rem !important;} .mx-2-md {margin-inline:1rem !important;} .mx-3-md {margin-inline:1.5rem !important;} .mx-4-md {margin-inline:2rem !important;} .mx-5-md {margin-inline:3rem !important;} .my-0-md {margin-block:0 !important;} .my-1-md {margin-block:.5rem !important;} .my-2-md {margin-block:1rem !important;} .my-3-md {margin-block:1.5rem !important;} .my-4-md {margin-block:2rem !important;} .my-5-md {margin-block:3rem !important;} .bgy-0-md {background-position-y: 0% !important;} .bgy-5-md {background-position-y: 5% !important;} .bgy-10-md {background-position-y: 10% !important;} .bgy-20-md {background-position-y: 20% !important;} .bgy-30-md {background-position-y: 30% !important;} .bgy-40-md {background-position-y: 40% !important;} .bgy-50-md {background-position-y: 50% !important;} .bgy-60-md {background-position-y: 60% !important;} .bgy-70-md {background-position-y: 70% !important;} .bgy-80-md {background-position-y: 80% !important;} .bgy-90-md {background-position-y: 90% !important;} .bgy-100-md {background-position-y: 100% !important;} .bgx-0-md {background-position-x: 0% !important;} .bgx-5-md {background-position-x: 5% !important;} .bgx-10-md {background-position-x: 10% !important;} .bgx-20-md {background-position-x: 20% !important;} .bgx-30-md {background-position-x: 30% !important;} .bgx-40-md {background-position-x: 40% !important;} .bgx-50-md {background-position-x: 50% !important;} .bgx-60-md {background-position-x: 60% !important;} .bgx-70-md {background-position-x: 70% !important;} .bgx-80-md {background-position-x: 80% !important;} .bgx-90-md {background-position-x: 90% !important;} .bgx-100-md {background-position-x: 100% !important;} .block-section.box-0 .block-columns .block-section {padding:0 !important;} .ul-menu-child {width:100%;} .ul-menu-child li.back span {display:flex;} .lang {transform:scale(.8); font-size:1.6rem !important;} .filter-left:before, .filter-right:before { filter: none; width: 100%; transform: none;} .filter-custom.filter-left:before {border-radius: 100px 0px 100px 0px;} .filter-custom.filter-right:before {border-radius: 0 100px 0px 100px;} :is(main, .__base) > :is(.pull-middle-bottom).block-section > .block-section-container:not(:has(.block-columns)) {align-items: flex-end !important; justify-content: flex-end !important;} .p-middle-bottom, :is(.pull-middle-bottom).block-section .__col .block-section-container, .__col :is(.pull-middle-bottom).block-section .block-section-container {align-items: flex-end !important; justify-content: flex-end !important;} :is(main, .__base) > :is(.pull-bottom-middle).block-section > .block-section-container:not(:has(.block-columns)) {align-items: center !important; justify-content: center !important;} .p-bottom-middle, :is(.pull-bottom-middle).block-section .__col .block-section-container, .__col :is(.pull-bottom-middle).block-section .block-section-container {align-items: center !important; justify-content: center !important;} :is(.column-2, .column-3) ul {column-count:1;} .block-form .form-footer a.btn-policy {margin-left:0;} .filter-left-top:before, .filter-right-top:before, .filter-bottom-right:before, .filter-bottom-left:before {width: 50%; height: 50vh;} .modal-list .list-group-item .modal .modal-dialog {max-width:100%;} .tabs.block-list-group .nav-tabs {flex-wrap: wrap;} .tabs.block-list-group .nav-tabs .nav-item {flex:1 1 30%; text-align:center;} .tabs.block-list-group .nav-tabs .nav-item .nav-link {width:100%;} .testimonials .news.block-list-group .list-group-item {margin-inline:0;} .__col :is(.block-image:has(.full-height), .block-gallery.full-height), .__col :is(.block-image:has(.full-height), .block-gallery.full-height) :is(.__content, img, .carousel, .carousel-inner, .carousel-item) {height:unset !important; } .cols-auto-md .block-columns {flex-wrap: nowrap;} .cols-auto-md .block-columns .__col {flex: auto; max-width: unset; width: unset;} .cardz-md {border-radius:10rem !important;} .pull-left-none, .pull-right-none {float:none;} .pull-left-right {float:right;} .pull-right-left {float:left;} .block-image img.contact-img {width: 7rem; height: 7rem; } .block-image img.contact-img + .caption p {font-size:.8rem;} :is(.bg-video, .bg-video-md).bg-fixed video {position: absolute;} .modal-list.block-list-group .list-group-item .modal .modal-dialog {max-width:100%;} .outline-all .__col > .block-section, .block-section.outline, img.outline, .block-image .__content img {outline-width:1px; outline-offset:-1rem;} .cards.cards-btn-info .__col .block-section .block-section-container .block-button {margin-top:1.5rem !important;} .block-image .__content:has(img.bg-circle) img {animation:float-y 2s linear infinite;} .block-image .__content:has(img.bg-circle):after {animation:borderpop 3s linear infinite;} :is(.bg-video, .bg-video-md) video {scale:1;} .block-form .btn-center-left .form-footer {text-align:left;} .block-section:is(.row-4,.row-3) .__col {flex: 1 calc(100% / 2) !important; max-width: calc(100% / 2);} .block-text .table-responsive {padding-inline:15px;} } @media (min-width:559px) { } @media (max-width: 558px) { h1 strong {font-size:4rem;} :is(.testimonials .news.block-list-group, .news.block-list-group) .list-group-item {flex: 1 100%; max-width: 100%;} .block-text:has(.__content .table) {margin-inline:0;} .block-text .__content:has(.table) {overflow-x:auto; padding-inline: 0;} .sub .__content h1:first-child {margin-top:0;/*font-size: 7rem; margin-top: -2rem;*/} .sub .__content:has(h1:first-child) {overflow: hidden; /*min-height: 10rem; */display: flex; flex-direction: column; justify-content: center;} .text-left-center.sub .__content h1:first-child, .text-left-center .sub .__content h1:first-child {transform:translateX(-50%); left:50%; margin-left:0;} .block-section:is(.row-4,.row-3,.row-2) .__col {flex: 1 calc(100% / 1) !important; max-width: calc(100% / 1);} } @media (max-width: 320px) { /*h1 {font-size: calc(2.5rem + 0px);}*/ .container, .block-section > .block-section-container, .block-section.sm-section .block-section-container, .block-section.sm-section .container, .block-section.lg-section .block-section-container, .block-section.lg-section .container {padding-left: 4rem !important; padding-right: 4rem !important;} } /*************NAVIGATION BAR*************/ :root {--navh:6rem;} :is(html,body):has(.navbar.open) {overflow:hidden;} .navbar {transition:1s all; background: transparent; height:var(--navh); width:max-content; border-radius: 50px; position: fixed; top: 2rem; left:50%; transform:translateX(-50%); z-index: 999; display: flex; flex-direction: row; padding-inline:2rem; flex-wrap: nowrap;} .navbar a, .navbar>li>a {text-transform:unset;} .navbar .navbar-brand {padding: 0; margin: 0 0 0 0;} .navbar .navbar-brand img {width: 10rem; margin-top:-3px; transition:.3s all;} .navbar .nav-toggler {display:none;} .navbar .navbar-nav {transition:1s all; margin-left:2rem; display: flex; flex-direction: row; align-content: center; justify-content: space-around;} .navbar .navbar-nav > .nav-item.has_childs > .nav-link:after {content: "\f078"; font:600 1rem "Font Awesome 5 Free","Font Awesome 5 Brands",FontAwesome; border:none; transition:.3s all; font-size: .8rem; margin-left: .5rem;} .navbar .navbar-nav > .nav-item.has_childs.show > .nav-link:after {transform: rotate(-180deg); /*background: white; transform: translateX(-5rem) translateY(3.5rem) scale(1) rotate(45deg); font-size: 0; width: 1rem; height: 1rem;*/} .navbar .navbar-nav :is(.nav-item > .nav-link:hover, .nav-item.active > .nav-link) {color: #a1b384;} .navbar .navbar-nav > .nav-item > .nav-link {font-family: "DM Sans", sans-serif; text-transform: uppercase; transform: scale(0.9); letter-spacing: 5px; font-weight:500 !important; transition:.3s all; margin-left:.5rem; padding:1rem 1.5rem; line-height:normal; color: #efebe6; font-size:0.95rem; display: flex; align-items: center;} .navbar .navbar-nav .nav-item.no-child > ul, .navbar .navbar-nav .nav-item.no-child > .nav-link::after {display:none;} .navbar .navbar-nav .dropdown-menu {background: white; border-radius: 1rem; position: absolute; margin-top: 1.5rem; width:max-content; padding:1rem; display: block; transition: .3s; transform: scale(0); transform-origin: top;} .navbar .navbar-nav .dropdown-menu.show {transform:scale(1);} .navbar .navbar-nav .dropdown-menu > li {} .navbar .navbar-nav .dropdown-menu > li > a {transition:.3s all; color:#17141b; padding:.25rem 1rem;} .navbar .navbar-nav .dropdown-menu > li > a:hover {color:#4b5e47;} .navbar .nav-contact {display:none;} .navbar.scrolled:not(:hover) {opacity:.3;} .navbar.scrolled:not(:hover,.open) .navbar-nav {overflow: hidden; max-width: 0; opacity: 0; margin:0;} .navbar.bx:not(:hover) {top:-6rem;} @media(max-width:1560px) { :root {--navh:6rem;} .navbar {padding-inline:1rem;} .navbar .navbar-nav .dropdown-menu {margin-top: 1rem; } } @media (min-width:768px) { .navbar .navbar-nav > .nav-item.nav-btn > .nav-link:hover {background:#DED9D6;} .navbar .navbar-nav > .nav-item.nav-btn > .nav-link {background:#4b5e47; border-radius:30px; color:#efebe6;} } @media (max-width:767px) { :root{--navpads:2rem;} .navbar {max-height:calc(var(--navh) + var(--navpads)); overflow:hidden; opacity:1 !important; background:transparent; inset: 0; transform:none; height: 100%; border-radius: 0; width: 100vw; flex-direction: column; padding-inline:var(--navpads); padding-bottom:var(--navpads);} .navbar .nav-toggler {display:block; position: absolute; inset: 1rem var(--navpads) auto auto; height: var(--navh); color:#efebe6; padding:0; font-size:1.5rem; display: flex; align-items: center; text-decoration:none;} .navbar .navbar-brand {display:flex; transition:.3s all; position: absolute; inset: 1rem auto auto var(--navpads); height: var(--navh);} .navbar .navbar-brand img {width: 100% !important; filter:contrast(0) saturate(0) brightness(2);} .navbar .navbar-nav {align-items: flex-start; flex-direction: column; width:100%; margin: calc(var(--navh) + 3rem) 0 0 0;} .navbar .navbar-nav .nav-item .nav-link {color:#efebe6;} .navbar .navbar-nav > .nav-item > .nav-link {transform:none; margin-inline:0; padding-inline:0; font-size:1.5rem; display: flex; justify-content: space-between;} .navbar .navbar-nav > .nav-item.has_childs > .nav-link:after {font-size:1rem; margin-right:5px;} .navbar .navbar-nav .dropdown-menu {inset:0 !important; border-radius:0; border-left:1px solid #efebe6 !important; padding-block:0; max-height:0px; margin: 0 0 0 1rem; background: transparent; width: 100%; position: relative;} .navbar .navbar-nav .dropdown-menu.show {max-height:100%; padding-block:1rem;} .navbar .nav-contact {display:flex; flex-direction:column; width:100%;} .navbar .nav-contact li:has(a:empty) {display:none;} .navbar .nav-contact li {list-style:none;} .navbar .nav-contact li a {color: #efebe6; opacity: 0.65; padding-inline:0; letter-spacing:1px;} .navbar .nav-contact .contact li a:before {display: none; margin-right:.5rem;} .navbar .nav-contact .contact li {border-bottom: 1px solid #7a7a7a; width: 100%; display: block; padding: .5rem 0;} .navbar .nav-contact .social {display:flex; gap:1rem; margin-top:2rem; justify-content: space-between;} .navbar .nav-contact .social li {} .navbar .nav-contact .social li a {font-size:0; letter-spacing:0; line-height:normal; background:#4b5e47; height:3rem; width:3rem; border-radius:50%; display:block;} .navbar .nav-contact .social li a:before {display:flex; font-size:1.5rem; align-items: center; justify-content: center;} .navbar.bx:not(.open) {top:-8rem !important;} .navbar:is(.scrolled,.open) {background:#17141b;} .navbar.open {max-height:100vh;} .navbar:not(.open) :is(.navbar-nav,.nav-contact) {overflow:hidden !important; max-height:0px;} .navbar.scrolled {box-shadow:0px 2px 10px rgba(0,0,0,0.1);} } @media (max-width:558px) { .navbar .nav-contact .contact li {padding:.75rem 0; line-height:1.5;} } /***************FOOTER*****************/ footer {position: relative; /*margin: 2rem;*/} footer .container-fluid {padding: 5rem 0 5rem 0; /*border-radius: 0 0 10rem 10rem !important;*/} footer .container {max-width: 960px;} footer p {/*margin-left: -0.35rem !important; */padding-left: 0 !important;} footer a, footer p{letter-spacing: 3px; transform-origin:left; transform: scale(0.95); color: rgb(255,255,255, 0.65) !important; transition:.3s all; text-decoration:none;} footer a:hover {color:#4b5e47;} footer a:before {display:none;} footer .link {border: none !important; text-decoration:none;} footer .block-buttons p > a {position:relative; z-index:1; padding:.5rem 2.5rem; background-image:none; min-width:auto;} footer .block-buttons p > a:is(:hover,:focus,:active) {background-color:transparent !important;} footer .block-buttons p > a:before {display:block !important; background-image:none !important;} footer h6 {color: #efebe6;} footer .ftr-menu {gap:8rem; display: flex; align-items: flex-start; justify-content: flex-start;} footer .ftr-menu-list {list-style:none;} footer .ftr-menu-list li {} footer .ftr-menu-list li a {padding:0; font-family:"DM Sans", sans-serif; font-size:80%; text-transform:uppercase;} footer .ftr-menu-list li a:after, footer .ftr-menu-list .dropdown-menu, footer .ftr-menu-list.menu-left li:not(.main), footer .ftr-menu-list.menu-right li.main {display:none;} footer .ftr-menu-list.menu-left li a {font-size:120%;} footer .ftr-socials {display: flex; justify-content: flex-end; gap: 2rem; font-size: 150%;} footer .ftr-socials a {text-decoration:none;} footer .ftr-socials a[href=""] {display:none;} footer .border-bottom {border-color:rgba(255,255,255,0.1);} footer .ftr-sticky {position: absolute; bottom: 0; right: 2rem; padding: 0; transform: none; text-align: center;} footer .ftr-sticky h6 {font-size:.6rem; letter-spacing:1px; margin-block:3px;} footer .ftr-sticky img {border-radius: 1rem 1rem 0 0; width: 7rem;} @media (max-width:767px) { footer .ftr-menu {display:block;} footer .ftr-socials {justify-content: center; margin-top:1rem;} footer a, footer p {transform-origin:center;} } /* ipad portrait */ @media only screen and (max-width: 1050px) and (min-width: 660px) and (max-height: 1440px) and (min-height: 920px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { .cards .block-columns {justify-content:center;} .cards .block-columns .__col {flex: 1 50%;} .filter-list a {flex:1 20% !important;} .w-md-100 {width:100% !important;} #modalcontact .modal-dialog {max-width: 60vw !important;} .tooltip {display:none !important;} html:not(.cms) .page-cover {min-height:25vh !important; height:100% !important; padding-block: calc(var(--navh) * 1.25) 2rem !important;} html:not(.cms) .page-cover > .block-section-container {padding-top:3rem !important;} html:not(.cms) .page-cover .block-header h1 {font-size:2.6rem !important; line-height:1.3;} } /* ipad landscape */ @media only screen and (max-width: 1440px) and (min-width: 660px) and (max-height: 1280px) and (min-height: 660px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) { .navbar .nav-inner .navbar-nav > .nav-item {padding-inline:.7rem;} /*.navbar .nav-inner .navbar-nav > .nav-item > .nav-link {font-size:.7rem;}*/ .navbar .nav-btn a {padding: .5rem .7rem;} .filter-list a {flex:1 20% !important;} .tooltip {display:none !important;} html:not(.cms) .page-cover {min-height:25vh !important; height:100% !important; padding-block: calc(var(--navh) * 1.25) 2rem !important;} html:not(.cms) .page-cover > .block-section-container {padding-top:3rem !important;} html:not(.cms) .page-cover .block-header h1 {font-size:2.6rem !important; line-height:1.3;} } /* mobile landscape */ @media only screen and (max-width: 992px) and (max-height: 659px) and (orientation: landscape) { :root {--navh:70px !important; --newsimgheight:120px !important; } h1 {font-size:2rem; line-height: 2.75rem;} h2 {line-height: 2.5rem;} h3 {line-height: 2.3rem;} h4 {line-height: 2.1rem;} h5 {line-height: 1.75rem;} #modal-cc .modal-content {padding:2rem;} #modal-cc .modal-dialog {max-width: calc(100% - 4em); } #modal-cc #cc-buttons {flex-direction: row;} #modal-cc .modal-body .tab-pane {max-height:30vh;} #modalcontact .modal-dialog {max-width: 60vw !important;} .navbar .nav-outer {height:var(--navh) !important;} .navbar .nav-inner .navbar-nav {top:var(--navh) !important;} .navbar .nav-inner .navbar-nav > .nav-item > .nav-link {font-size:1rem !important;} .lang {transform: scale(.6);} .page-cover {min-height:25vh !important; height:100% !important; padding-block: calc(var(--navh) * 1.25) 2rem !important;} .page-cover > .block-section-container {padding-top:3rem !important;} .page-cover .block-header h1 {font-size:2.6rem !important;} .page-cover .block-header h6.breadcrumbs {margin-top:0 !important;} .block-button:has([class*='push-justify-']), .text-justify-center, .text-justify-left, .text-justify-right {text-align:justify;} .block-button:has([class*='push-left-']), .text-left-center, .text-left-right, .text-left-justify {text-align: left;} .block-button:has([class*='push-right-']), .text-right-center, .text-right-left, .text-right-justify {text-align: right;} .block-button:has([class*='push-center-']), .text-center-right, .text-center-left, .text-center-justify {text-align:center !important;} .cards .block-columns {justify-content:center;} .cards .block-columns .__col {flex: 1 50%;} .filter-list a {flex:1 20% !important;} .contact-box .block-columns .__col {flex: 1 calc(100% / 3) !important; width: calc(100% / 3) !important; max-width: calc(100% / 3) !important;} .w-md-100 {width:100% !important;} .pb-5, .py-5, .pb-5-md {padding-bottom:2rem !important;} .pt-5, .py-5, .pt-5-md {padding-top:2rem !important;} .tooltip {display:none !important;} footer .ftr-banner {padding-bottom:3rem !important;} footer .ftr-menu .row .col {flex: 1 !important; display: flex; flex-direction: column; justify-content: center;} footer .ftr-menu .row .col:nth-child(2) {text-align: right !important; align-items: flex-end;} }