<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/***************** variables *********************/




/*** primary tints and shadows  ***/

/*** secondary tints and shadows  ***/




@font-face { font-family: gilroy-regular; src: url(../../assets/fonts/gilroy-regular.ttf); }
@font-face { font-family: gilroy-medium; src: url(../../assets/fonts/gilroy-semibold.ttf); }
@font-face { font-family: gilroy-bold; src: url(../../assets/fonts/gilroy-bold.ttf); }
@font-face { font-family: gilroy-light; src: url(../../assets/fonts/gilroy-light.ttf); }



html {scroll-behavior: smooth !important; word-wrap:break-word;}
body {font-family: gilroy-regular, sans-serif; font-size: 1.1rem; font-weight: 300; line-height: 1.9;  background-image: url(''); background-size:250px; background-attachment:fixed; background-repeat: repeat; background-color: #fff; color: #181818; overflow-x:unset;} 

/***************** paragraphs *******************/

h1, h2, h3, h4 {font-weight: 500; font-family:gilroy-medium, sans-serif; margin:0; padding:0; color: inherit; line-height:normal;}
h1 {font-size: 4rem; line-height:1.2;}
h2 {font-size: 3rem; line-height:1.4;}
h3 {font-size: 2.5rem; line-height:1.2;}
h4 {font-size: 2rem;}
h5 {font-size: 1.5rem; line-height:1.6; font-family:gilroy-regular, sans-serif;}
h6 {font-size: .8rem; letter-spacing: 3px; text-transform: uppercase; line-height: 1.9;}
p {color: #7a7a7a; margin: 0; padding: 0; font-family: gilroy-medium, sans-serif; font-weight: 300 !important; letter-spacing: 0.25px;}
p, a, ul, ol, li {margin: 0; margin-bottom:0; padding: 0; font-family:inherit;}

main a, main a * {transition:.3s all; text-decoration:none; border:none;} 
main a {color:#004370; font-weight:700; transition: .3s all;text-decoration:none !important; cursor:pointer;}
main a:hover {color: #004370;}
small {display:inline-block;}
strong {font-weight: 700 !important;}

::-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: #181818;}
::selection, ::-moz-selection {color: #fff; background: #0070ba;}

hr {width: 100%; margin: 60px auto 30px auto; height: 2px; background-color: #f0f0f0; color: #f0f0f0; border: 0;}
.spacer {height: 30px;}

.font1, .font1 h1, .font1 h2, .font1 h3, .font1 h4, .font1 h5, .font1 h6  { font-family:gilroy-medium, sans-serif !important; }
.font2, .font2 h1, .font2 h2, .font2 h3, .font2 h4, .font2 h5, .font2 h6, .font2 p { font-family:gilroy-regular, sans-serif !important; }
.font3, .font3 h1, .font3 h2, .font3 h3, .font3 h4, .font3 h5, .font3 h6, .font3 p { font-family:gilroy-bold, sans-serif !important;}
.font-100, .font-100 .__content * {font-weight:100 !important;}
.font-400, .font-400 .__content * {font-weight:400 !important;}
.font-600, .font-600 .__content * {font-weight:600 !important;}
.font-900, .font-900 .__content * {font-weight:900 !important;}


/************************COOKIES*******************************/

.modal {background: rgba(0,0,0,0.8); backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px);}
#modal-cc ::-webkit-scrollbar {width: 4px;}
#modal-cc ::-webkit-scrollbar-thumb {background:#4f4f4f; border-radius:0;}
#modal-cc ::-webkit-scrollbar-track {background:#181818;}
#modal-cc .modal-dialog {position: fixed; margin: 0; bottom:0; max-width:650px;}
#modal-cc .modal-content {height:100vh; border-radius: 0; background: $modedark; color: #7a7a7a; background-image: url(''); background-position: center; background-size: 120px;}
#modal-cc .modal-content a {color:#0070ba; font-weight:800; border-bottom:2px dotted; text-decoration:none !important;}
#modal-cc .modal-content p {margin-block:1.5rem 1rem;}
#modal-cc .modal-header {border-right: 4px solid #181818; border-bottom:none; padding:3rem 3rem .5rem 3rem;}
#modal-cc h5 {color: #181818;}
#modal-cc .modal-title {line-height:initial;}
#modal-cc .modal-body {font-size: 1rem;padding:0rem 3rem 3rem 3rem; overflow-y: auto;}

#modal-cc .modal-content .cc-section-row {padding-top:1rem;}
#modal-cc .modal-content .cc-section-row .form-group {margin-top:1rem;}
#modal-cc .modal-content .nav-pills {gap:1rem; padding-inline:3rem !important;}
#modal-cc .modal-content .nav-pills .nav-link:hover {opacity:1;}
#modal-cc .modal-content .nav-pills .nav-link {transition:.3s all; opacity:.5; text-align: left; background: transparent; border-bottom: solid 1px rgba(255,255,255,0.2); border-radius: 0; padding-inline: 2.5px;}
#modal-cc .modal-content .nav-pills .nav-link.active {font-weight:700; opacity:1;}
#modal-cc .tab-pane {overflow-x:hidden; overflow-y:auto; max-height:unset;}
#modal-cc .tab-pane::-webkit-scrollbar {width: 2px; height: 2px; transition:.3s all;}
#modal-cc .tab-pane::-webkit-scrollbar-track {background: inherit;}

#modal-cc #cc-buttons {margin-inline:-5px !important; flex-wrap: wrap; padding-bottom:1rem;}
#modal-cc #cc-buttons .btn {justify-content: space-between; flex:1; font-size:.7rem; text-align:left; padding-inline:1rem !important; border:none !important; border-radius:calc(10px / 3) !important;}
#modal-cc #cc-buttons .btn, #modal-cc #cc-buttons .btn:before, #modal-cc #cc-buttons .btn:after { color:#fff; border-color:#fff;}
#modal-cc #cc-buttons .btn:after {text-align:right;}
#modal-cc #cc-buttons .btn:is(:hover, :focus, :active)::after {transform:translateX(3px);}
#cc-settings-container a {color:#0070ba;}
#cc-settings-container {left:2rem; bottom:2rem;}
#modal-cc .cc-checkbox:not([disabled]) {cursor: pointer;}

@media (max-width: 1920px) {
    #modal-cc .modal-dialog {max-width:570px;}
} @media (max-width: 1440px) {
    #modal-cc .modal-dialog {max-width:500px;}
} @media (max-width:767px) {
    #modal-cc .modal-content {height:80vh;}
    #modal-cc #cc-buttons {flex-direction: column; flex-direction: column-reverse; }
    #modal-cc #cc-buttons button {float:none !important; display:inline-flex; width:100%; justify-content: space-between;}
    #modal-cc #cc-buttons button:nth-child(2) {margin-top:10px;}
    #modal-cc #cc-buttons button:after {}
    #cc-settings-container {left:1rem; bottom:1rem;}
}



/***************** buttons *********************/

.btn {white-space: normal; border: none !important; font-size: .75rem; letter-spacing: 2px; text-transform: uppercase; padding: 1rem 2.5rem; border-radius: 0px !important; font-style: normal; display: inline-block; margin: 30px 0 0 0; text-decoration: none;}
.btn-primary:after, .btn-secondary:after {content: "\f054";font-family: "Font Awesome 5 Free";float: right;font-weight: 900; margin-left: 2rem;}

.btn-primary {background-color: #0070ba; color: #fff !important;}
.btn-primary:hover {background: #181818;}

.btn-secondary {background-color: #cda266; color: #fff !important;}
.btn-secondary:hover {background: #181818;}

.btn-info {background-color: transparent !important; color: #0070ba !important;}
.btn-info:hover {background-color: transparent !important; color: #fff !important;}

.btn-success {background-color: #32a852; color: #fff !important;}
.btn-success:hover {background-color: #181818;}

.btn-warning {background-color: #FFDA16; color: #181818 !important;}
.btn-warning:hover {background-color: #181818; color: #fff !important;}

.btn-danger {background-color: #a83232; color: #fff !important;}
.btn-danger:hover {background-color: #181818;}

.btn-light {background-color: #fff; color: #181818 !important;}
.btn-light:hover {background-color: #181818; color: #fff !important;}

.btn-hollow-light {width: 100%; background-color: transparent !important; color: #fff; border: 1px solid #fff !important;}
.btn-hollow-light:hover {background-color: #fff !important; color: #181818 !important ;}
.btn-switch:hover {color: #181818 !important;}

.btn-hollow-dark {width: 100%; background-color: transparent !important; color: #181818 !important; border: 1px solid #181818 !important;}
.btn-hollow-dark:hover {background-color: #181818 !important; color: #fff !important;}

.btn-news {width: 100%; background-color: transparent !important; color: #181818 !important;}
.btn-news:hover {background-color: #181818 !important; color: #fff !important;}

.btn-dark {background-color: #181818; color: #fff !important;}
.btn-dark:hover {background-color: #fff; color: #181818 !important;}

.btn-container {position: fixed; right: -100px; bottom: 200px; z-index: 249; transform: rotate(-90deg);}

@media (max-width:767px) {
    .btn-container {right: -105px;}
}

/***************** borders *********************/

.border-bottom {border-bottom:6px solid;} .border-top {border-top:6px solid;}
.border-top-light-15 {border-top:15px solid #fff !important;} .border-top-dark-15 {border-top:15px solid #181818 !important;}

.border, .border-col.right .block-columns .__col {border-right-width: 2px; border-right-style: solid;}
.border-col.right .block-columns .__col:last-child {border: none;}

.border-primary, .border-primary.border-col .block-columns .__col {border-color: #0070ba !important;}
.border-secondary, .border-secondary.border-col .block-columns .__col {border-color: #cda266;}
.border-dark, .border-dark.border-col .block-columns .__col {border-color: #181818;}
.border-light, .border-light.border-col .block-columns .__col {border-color: #fff !important;}
.border-info, .border-info.border-col .block-columns .__col {border-color: #3C6EFF;}
.border-success, .border-success.border-col .block-columns .__col {border-color: #32a852;}
.border-warning, .border-warning.border-col .block-columns .__col {border-color: #FFDA16;}
.border-danger, .border-danger.border-col .block-columns .__col {border-color: #a83232;}
.border-custom1, .border-custom1.border-col .block-columns .__col {border-color: #2e2e2e;}
.border-custom2, .border-custom2.border-col .block-columns .__col {border-color: #4f4f4f;}
.border-custom3, .border-custom3.border-col .block-columns .__col {border-color: #7a7a7a;}
.border-custom4, .border-custom4.border-col .block-columns .__col {border-color: #a6a6a6;}
.border-custom5, .border-custom5.border-col .block-columns .__col {border-color: #d9d9d9;}
.border-custom6, .border-custom6.border-col .block-columns .__col {border-color: #f0f0f0;}



/***************** hover effects *********************/

.float {display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform; transition-property: transform;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.float:hover, .float:focus, .float:active {-webkit-transform: translateY(-20px);transform: translateY(-20px);box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}

.shutter-out-horizontal {display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);  box-shadow: 0 0 1px rgba(0, 0, 0, 0);position: relative;background: #e1e1e1;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.shutter-out-horizontal:before { background: #0070ba;content: ""; position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;right: 0;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 50%;transform-origin: 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.shutter-out-horizontal:hover, .shutter-out-horizontal:focus, .shutter-out-horizontal:active {color: #fff !important;}
.shutter-out-horizontal:hover:before, .shutter-out-horizontal:focus:before, .shutter-out-horizontal:active:before {-webkit-transform: scaleX(1);transform: scaleX(1);}

.sweep-to-right {display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.sweep-to-right:before { background: #004370;content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.sweep-to-right:hover, .sweep-to-right:focus, .sweep-to-right:active {color: #fff !important;}
.sweep-to-right:hover:before, .sweep-to-right:focus:before, .sweep-to-right:active:before {-webkit-transform: scaleX(1);transform: scaleX(1);}

.sweep-to-top {border-radius: 10px; display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.sweep-to-top:before {border-radius: 10px; background-image: linear-gradient(to top, rgb(0, 0, 0, 1), rgb(0, 0, 0, 0.5));  content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.sweep-to-top:hover, .sweep-to-top:focus, .sweep-to-top:active {border-radius: 10px; color: #fff !important;}
.sweep-to-top:hover h4, .sweep-to-top:focus h4, .sweep-to-top:active h4 {color: #004370 !important;}
.sweep-to-top:hover:before, .sweep-to-top:focus:before, .sweep-to-top:active:before {border-radius: 10px; -webkit-transform: scaleY(1);transform: scaleY(1);}


/***************** utilities *********************/


.modal .modal-header { align-items: center;}
.modal .modal-footer .btn {margin-top:0;}
.modal {background: $customdark; backdrop-filter: blur(2px);}
.modal-list .modal .modal-header {flex-direction: row;}
.modal-list .modal .modal-content &gt; [class*="modal-"] {position:relative; z-index:1;}
.modal-list .modal .modal-content:before {opacity:.8 !important; content:""; filter: saturate(0) brightness(200) opacity(.2); background:linear-gradient(to right, transparent 20%, #fff 20%), url('../../assets/images/site_logo6.png'); background-size:contain; z-index:0; position:absolute; left:0; top:0; right:0; bottom:0; }
.modal-list .modal .modal-content {background-size:20%; background-position:left; border:none; background-color: #0070ba; border-radius: 20px; overflow: hidden;}
.modal-list .modal .modal-body {background-color:#fff; float:right; width:80%; margin-left:20%; padding:4.5rem 2rem 3rem 2rem;}
.modal-list .modal .modal-content .close-times {border:none !important; position:absolute; right:20px; top:20px; cursor:pointer; z-index:2;}
.modal-list .modal .modal-header, .modal-list .modal .modal-footer {display:none;}
.modal video {object-fit:cover !important; width:100%; height:100%;}

.modal-list .modal .modal-xl .modal-content {background-size:10%;}
.modal-list .modal .modal-xl .modal-body {width:90%; margin-left:10%;}

.block-list-group {margin: 0;}
.block-list-group .list-group-item {background-color: transparent; padding: 15px 30px; border: 1px solid #f0f0f0; border-bottom: none; border-radius: 0; moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}
.block-list-group .list-group-item:last-child {border-bottom: 1px solid #f0f0f0;}
.block-list-group .list-group-item:hover {}
.block-list-group .list-group-item p {margin: 8px 0 8px 0 !important;}

.block-list-group.accordion .card {padding: 0; margin-bottom:.8rem; border: none; border-radius: 0; background: #fff; -webkit-box-shadow: 0 0 0 rgba(0,0,0,0); box-shadow: 0 0 0 rgba(0,0,0,0); moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}
.block-list-group.accordion .card:last-child {margin: 0;}
.block-list-group.accordion .card:hover {background: #fff;}
.block-list-group.accordion .card .card-header {padding: 0; border: none; }
.block-list-group.accordion .card .card-header h5 {margin: 0 !important; background: #f0f0f0;}
.block-list-group.accordion .card .card-header h5 .btn {font-family:gilroy-medium, sans-serif; border-radius:0 !important;  width: 100%; text-align: left; margin: 0; font-style: normal; text-transform: none; font-weight: 700; line-height: 1.9; color: #181818 !important; font-size:1rem; letter-spacing: .3px; display: block; border: none; text-decoration: none;}
.block-list-group.accordion .card .card-header h5 .btn:after {display:none;}
.block-list-group.accordion .card .card-header h5 .btn:before {position:relative; content: "\f067"; font-family: "Font Awesome 5 Free"; font-weight: 900; float: right; color: #0070ba; border:none !important; opacity:1; width:auto;}
.block-list-group.accordion .card .card-header h5 .btn:hover:before {transform:rotate(-90deg);}
.block-list-group.accordion .card .card-body {border-top: 1px solid #d9d9d9 !important; padding: 20px 30px 20px 30px !important; border:1px solid #f0f0f0; background: linear-gradient(to bottom, #f0f0f0, #fff);}
.block-list-group.accordion .card .card-body p:not(:first-child) {margin: 10px 0 0 0 !important;}
.block-list-group.accordion .card .card-body a {color:#0070ba !important; border-bottom:1px solid !important;}
.block-list-group.accordion .card .card-body ul {margin-top: 0 !important;}

.block-list-group.tabs .nav-tabs {border: none; display: flex; flex-wrap: wrap;}
.block-list-group.tabs .nav-tabs .nav-item {background: #fff; margin-bottom:0 !important;}
.block-list-group.tabs .nav-tabs .nav-item .nav-link {padding: 20px 30px; border: none; background: transparent; margin: 0; border-radius: 0; color: #4f4f4f; font-weight: 700; transition:.3s all;}
.block-list-group.tabs .nav-tabs .nav-item:not(:last-child) .nav-link {border-right:1px solid #fff !important;}
.block-list-group.tabs .nav-tabs .nav-item.active {background: #f0f0f0;}
.block-list-group.tabs .nav-tabs .nav-item:hover .nav-link, .block-list-group.tabs .nav-tabs .nav-item .nav-link.active {color: #0070ba; text-decoration: underline !important; text-underline-offset: 5px;}
.block-list-group.tabs .nav-tabs .nav-item:before {display: none;}
.block-list-group.tabs .tab-content {padding: 40px 60px; border: none; background: #f0f0f0;}
.block-list-group.tabs .tab-content p {margin: 0 !important;}

.block-list-group.modal-list .list-group-item {background:transparent; border:none !important; padding:0 !important;  margin-bottom: 0.8rem;}
.block-list-group.modal-list .list-group-item *:is(h5, h5 &gt; button) {margin:0;}
.block-list-group.modal-list .list-group-item h5 &gt; button { font-family:gilroy-medium, sans-serif; text-transform:none;}
.block-list-group.modal-list .list-group-item h5 &gt; button:before {background:#0070ba;}
.block-list-group.modal-list .list-group-item h5 &gt; button:after {content:"\f067" !important;}


.block-list.btn-video .block-list-group.modal-list .list-group-item h5 &gt; button {background-image:url("../../assets/images/video.png"); font-size:0; background-repeat:no-repeat; background-size:contain; background-position:center; background-color:transparent !important; margin-top:0 !important; box-shadow: none !important;     width: 150px; height: 150px; transition:.3s all;}
.block-list.btn-video .block-list-group.modal-list .list-group-item h5 &gt; button:hover {opacity:.7;}
.block-list.btn-video .block-list-group.modal-list .list-group-item h5 &gt; button:before,
.block-list.btn-video .block-list-group.modal-list .list-group-item h5 &gt; button:after {display:none !important;}

.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: #0070ba; color: #0070ba;}


.news {margin: 0;}
.news p {transform:none !important;}
.news .list-group-item:first-child {margin-top:0;}
.news .list-group-item {margin: 30px 0 0 0; overflow:hidden; padding: 40px 30px !important; border: 1px solid #f0f0f0 !important; border-radius: $boracus; background: #fff; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; }
.news .list-group-item:hover {box-shadow: none !important; background: #fff;}
.news .list-group-item .list-date {margin: 0; padding: 0; color: #7a7a7a; font-size: .75rem; line-height: 1.9; letter-spacing: 3px; text-transform: uppercase;}
.news .list-group-item .list-header {font-size: 2rem; line-height: 1.4; margin-top:5px !important; border-bottom: 1px solid #f0f0f0; padding-bottom:10px;}
.news .list-group-item:hover .list-header {border-color: #d9d9d9;}
.news .list-group-item .list-content {margin: 30px 0 0 0;}
.news .list-group-item .list-content &gt; img {margin-top:0;}
.news .list-group-item .list-content img {margin-top:5px;}


:root {--newspad: 300px; --newslist:15vw; --newslistpad:150px;}
.news-card .news { display: flex; grid-gap: 3rem; flex-direction: row; flex-wrap: wrap;}
.news-card .news .list-group-item { transition:.3s all; margin-top: 0px; height: auto; flex: 0 0 calc(calc(100%/3) - 3rem);}
.news-card.news-3 .news .list-group-item { flex: 1 0 calc(calc(100%/3) - 1.5rem) !important;}
.news-card .news .news-linked.list-group-item:hover {transform:scale(.98); box-shadow:0 0 15px rgba(0,0,0,0.15); cursor:pointer !important;}
.news-card .news .news-linked.list-group-item .list-content {cursor:pointer;}
/*.news-card .news .news-linked.list-group-item .list-content:before {transition:.3s all; opacity:0; content:"L\00E4s mer"; font-weight:700; text-align:center; color:#181818; padding:10px 35px; position:absolute; inset:auto 20px 20px 20px; border-radius:0 0 10px 10px; background:linear-gradient(to bottom, transparent, #f0f0f0); height:auto; backdrop-filter:blur(1px); -webkit-backdrop-filter:blur(1px); }*/
.news-card .news .news-linked.list-group-item .list-content:hover:before {opacity:1; }

.news-card .news .news-linked.list-group-item .list-content &gt; p.imgbg + p { opacity: 0; }

.__base .news-card.news-block .news .list-group-item .list-header:before {background-image:url(''); background-size:cover; background-position:center;}
.__base .news-card.news-block .news .list-group-item {padding-top:0 !important;}
.__base .news-card.news-block .news .list-group-item .list-content img {position:absolute !important; top:calc(calc(var(--newspad) * -1) - 1rem) !important;}
.news-card.news-block.no-date .news .list-group-item .list-date {display:none;}

.news-card.news-block .news .list-group-item {border-radius: 10px !important; border: 1px solid #f0f0f0 !important; padding-top:calc(var(--newspad) + 3rem) !important;}
.news-card.news-block .news .list-group-item:hover {border:1px solid #a6a6a6 !important;}
.news-card.news-block .news .list-group-item .list-header {top: 50% !important; position:absolute; border:none !important; margin:0 !important; padding:30px !important; inset:0 0 auto 0; height:var(--newspad); display: flex; flex-direction: column; justify-content: flex-start; z-index:1; }
.news-card.news-block .news .list-group-item.wimg .list-header {color:#181818; font-size: 1.5rem; letter-spacing: -0.75px !important;}
.news-card.news-block .news .list-group-item .list-date {position: absolute; padding-bottom: 1.5rem; bottom: 0 !important;}
.news-card.news-block .news .list-group-item .list-content {margin-top:0;}
.news-card.news-block .news .list-group-item .list-content img {width:100%; position: absolute; inset: 0; margin-top: 0; height: var(--newspad); object-fit: cover;}
.news-card.news-block .news .news-linked.list-group-item .list-content {overflow:hidden; max-height:var(--newspad);}

.news-list .news {flex-direction: column;}
.news-list .news .list-group-item {padding-left:var(--newslist) !important; border:none !important; background-color:#f7f7f7;}
.news-list .news .list-group-item:nth-child(even) {background-color:#f0f0f0;}
.news-list .news .list-group-item .list-header {}
.news-list .news .list-group-item .list-content {}
.news-list .news .list-group-item .list-content img {position: absolute; inset: 0 auto 0 0; width: calc(var(--newslist) - 30px); height: 100%; margin-top: 0; object-fit: cover;}
.news-list .news .news-linked.list-group-item .list-content {overflow:hidden; max-height:var(--newslistpad);}
.news-list .news .news-linked.list-group-item .list-content:before {left:calc(var(--newslist) - 10px); width:calc(100% - calc(var(--newslist) + 10px));}
.news-list .news .list-group-item .list-content:before {position: absolute; inset: 0 auto 0 0; width: calc(var(--newslist) - 30px); content:""; background-image:url('../../assets/images/site_preview.jpg'); background-size:cover; background-position:center;}
.__base .news-list .news .list-group-item .list-content:before {display:none;}
.news-list.contain .news .list-group-item .list-content img {object-fit: contain; background-image:url('../../assets/images/bg.jpg'); background-size:100px;}

.news-pop .news {z-index:1; transition:.5s all; display: flex; flex-direction: row; flex-wrap: wrap; gap:30px;}
.news-pop.reveal .news {z-index:-1; opacity:0; position:absolute;}
.news-pop .news .list-group-item {border:none !important; flex: 0 0 calc(calc(100%/3) - 20px); height:300px; margin-top:0; background:$customlight; padding:5rem 2rem 2rem !important;}
.news-pop .news .list-group-item:before {content:"\f002"; color:rgba(0,0,0,0.3); cursor:pointer; transition:.3s all; display: flex; align-items: center; justify-content: center; font-family: "Font Awesome 5 Free"; font-weight:700; position:absolute; inset:auto 0 0 0; height:30px; background:$customlight; -webkit-backdrop-filter: blur(1px); backdrop-filter: blur(1px);}
.news-pop .news .list-group-item:is(:hover, .click):before {content:"\f25a"; height:100%; font-size:3rem; color:#181818; z-index:1;}
.news-pop .news .list-group-item .list-date {position: absolute; color:#cda266 !important; background: #d9d9d9; font-weight:700; inset: 0 0 auto 0; height: 40px; display: flex; align-items: center; justify-content: center; padding: 1rem;}
.news-pop .news .list-group-item .list-header {font-size:1.5rem; line-height:2rem; border-bottom:none; padding-bottom:0;}
.news-pop .news .list-group-item .list-content {margin-top:.2rem;}
.news-pop .news .list-group-item .list-content img { position: absolute; inset: 0; z-index: -1; object-fit: cover; height: 100%; filter: blur(2px);}
.news-pop .news .news-linked.list-group-item .list-content {}
.news-pop .div-npop {z-index:-1; position: absolute; inset: 0; padding: 1.5rem; transition:.5s all; opacity:0;}
.news-pop.reveal .div-npop {z-index:1; opacity:1; position:relative;}
.news-pop .div-npop .list-date {min-height:32.38px; background: #d9d9d9; color:#cda266 !important; font-weight:700; display: flex; align-items: center; justify-content: center; padding: 0.5rem;}
.news-pop .div-npop .list-header {margin-bottom:.5rem; margin-top:2rem;}
.news-pop .div-npop .list-content img {outline: 1px solid #0070ba; outline-offset: -1rem;}
.news-pop .list-group-item .div-anchor {height:180px; margin-top:-180px;}

@media (max-width:1920px) {
    .news-card.news-block .news .list-group-item .list-header {top: 25% !important;}

    .news-card .news .list-group-item {flex: 0 0 calc(calc(100%/2) - 1.5rem);}
    .news-pop .list-group-item .div-anchor {height:250px; margin-top:-250px;}
} @media (max-width:1600px) {
    .news-pop .news .list-group-item {padding-top:4rem !important;}  
    .news-pop .news .list-group-item .list-header { font-size: 1.4rem; line-height: 1.8rem;}
} @media (max-width:1440px) {
    :root {--newslist:25vw;}
    .news-pop .list-group-item .div-anchor {height:180px; margin-top:-180px;}
} @media (max-width:1024px) {
    .news-card.news-block .news .list-group-item .list-header {top: 25% !important;}

} @media (max-width:992px) {
    :is(.news-card, .news-pop) .news .list-group-item {flex-basis: calc(calc(100%/2) - 1.5rem) !important;}
    .news-card.news-block .news .list-group-item .list-header {top: 33% !important;}
} @media (max-width:767px) {
    :root {--newspad: 200px; --newslistpad:220px;}
    :is(.news-card, .news-pop) .news .list-group-item {flex-basis: 100% !important;} 
    .news-list .news .list-group-item .list-content:before { opacity: .2; backdrop-filter: none; -webkit-backdrop-filter: none;}
    .news-card.news-block .news .list-group-item .list-header {top: 40% !important;}

}


.popup-form {width: 27rem; max-height: 37rem; right: 2.5rem; bottom: 2.5rem; border-radius: 0rem; padding: 0 !important; z-index: 500; background-color: #f0f0f0; position: fixed; overflow: hidden; display: flex; flex-direction: column; justify-content: center; moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}
.popup-form .block-section-container {padding: 0 1.5rem; width: 100% !important;}
.popup-form .form-inner {margin-top: auto; margin-bottom: auto;}
.popup-form .form-inner &gt; .block-section {padding:0;}
.popup-form .form-inner:has(form &gt; h3) .block-section-container &gt; .block-header {display:none;} 
.popup-form .btn-form {margin-top: 0 !important; padding: 0 !important; width: 3.5rem; display: flex;}
.popup-form .btn-form:after {display: none;}
.popup-form .btn-form:before {content: ""; border: 0rem solid #DEE1D7; width: 3.5rem; height: 3.5rem; background-image: url('../../files/angle-down_custom8.svg'); background-position: center center; -webkit-background-size: 1.25rem; -moz-background-size: 1.25rem; -o-background-size: 1.25rem; background-size: 1.25rem; background-repeat: no-repeat; background-color: #181818; border-radius: 0; display: flex; align-items: center; justify-content: center; moz-transition: all .1s; -webkit-transition: all .1s; -o-transition: all .1s; -ms-transition: all .1s; transition: all .1s;}
.popup-form .btn-form:hover:before {background-color: #0070ba; background-image: url('../../files/ikoner/angle-down_light.svg');}
.popup-form .btn-form span {flex-grow: 1; opacity: 0; display: none; align-items: center; justify-content: center; overflow: hidden; moz-transition: all .1s; -webkit-transition: all .1s; -o-transition: all .1s; -ms-transition: all .1s; transition: all .1s;}
.popup-form .block-form .form-fields {margin: 0 !important;}
.popup-form .block-form .form-fields .col-md-12 {padding: 0 !important;}
.popup-form .block-form .form-group {margin-bottom: .25rem;}
.popup-form .block-form .form-group label {font-weight: 500;}
.popup-form .block-form .form-control {border: none !important; border: .1rem solid #181818 !important; padding: .75rem; background: transparent; color: #181818; font-weight: 500;}
.popup-form .block-form .form-control:focus {background: #181818; font-style: normal; color: #cda266; font-weight: 500;}
.popup-form .block-form .form-control::placeholder {color: #181818; font-style: italic; font-weight: 500;}
.popup-form .block-form .form-control:-ms-input-placeholder {color: #181818; font-style: italic; font-weight: 500;}
.popup-form .block-form .form-control::-ms-input-placeholder {color: #181818; font-style: italic; font-weight: 500;}
.popup-form .form-fields.row {padding: 0;}
.popup-form .btn {margin: 0!important;}
.popup-form .block-form .btn-primary {padding: 0.5rem !important; margin-left: auto; margin-right: auto; margin-top: 1.5rem; background-color: transparent !important; color: #181818 !important; text-transform: uppercase; letter-spacing: .1rem; display: flex; align-items: center;}
.popup-form .block-form .btn-primary:after {content: url('../../files/arrow-primary.svg'); width: 1.5rem; margin-left: 1rem; border: none; line-height: 0; display: block; moz-transition: all .1s; -webkit-transition: all .1s; -o-transition: all .1s; -ms-transition: all .1s; transition: all .1s;}
.popup-form .block-form .btn-primary:hover:after {margin-left: 1.5rem;}

.popup-form.closed {max-height: 3.5rem; background-color: #cda266; cursor: pointer;}
.popup-form.closed .block-section-container {display: none;}
.popup-form.closed .btn-form {width: 100%;}
.popup-form.closed .btn-form:hover {background-color: #181818; color: #cda266;}
.popup-form.closed .btn-form:before {border-color: #cda266; background-image: url('../../files/angle-up_secondary.svg');}
.popup-form.closed .btn-form:hover:before {background-color: #181818;}
.popup-form.closed .btn-form span {opacity: 1; display: flex;}

.popup-form:not(.closed) {padding-bottom:2rem !important;}



/*----------------NEWS PLUGIN-------------------*/

.__base .block-divider.news-plugin .spacer:before {content:"NEWS PLUGIN - DO NOT EDIT"; font-family:monospace !important;}
.__base .block-divider.news-plugin.news-share .spacer:before {content:"NEWS PLUGIN | NEWS SHARE - DO NOT EDIT";}
.__base .block-divider.news-plugin.news-controls:not(.news-share) .spacer:before {content:"NEWS PLUGIN | NEWS CONTROLS - DO NOT EDIT";}
.__base .block-divider.news-plugin.news-share.news-controls .spacer:before {content:"NEWS PLUGIN | NEWS SHARE | NEWS CONTROLS - DO NOT EDIT";}
.__base .news-plugin .spacer {padding-block:3rem;}
.news-plugin:is(.news-share, .news-controls) .spacer {height:auto; padding-block:3rem;}


.news-share .share-inner.row {width:100%; border-bottom: 1px solid #d9d9d9;}
.news-share .share-inner.row:not(:first-child) {}
.news-share .share-inner.row:not(:first-child) p {color: #0070ba !important;}
.news-share .share-inner.row:not(:first-child) .btn:hover {background: #0070ba !important;}
.news-share .share-inner.row:not(:first-child) .btn:hover p {color: #fff !important;}

.news-share .share-inner.row &gt; div:first-child {}
.news-share .share-inner a {padding:0; background:transparent; border:1px solid #0070ba; height:60px; width:60px; border-radius:50%; display: inline-flex; justify-content: center; align-items: center; text-align:center; font-size: 1.25rem; margin:0 5px; text-decoration:none !important; transition: .3s all;}
.news-share .share-inner a:after {display:none;}
.news-share .share-inner a i {color:#0070ba;}
.news-share .share-inner a:hover {background:transparent;}
.news-share .share-inner a:hover i {color:#fff;}

.news-controls .show-inner a.back {text-transform:uppercase; color:#7a7a7a !important; text-decoration:none; border-bottom:1px dotted;}
.news-controls .show-list ul {padding:0; list-style:none; display:flex; margin-top:30px !important;}
.news-controls .show-list ul li:before {display:none;}
.news-controls .show-list ul li a:before {content:""; background-color:#f7f7f7; background-image:url('../../assets/images/site_logo.png'); background-size:20%; background-position:center; background-repeat:no-repeat; height:100px; width:100%; border-radius: 20px 20px 0 0; display: block; margin-bottom:5px;}
.news-controls .show-list ul li {display:none; width: -webkit-fill-available; text-align:center; padding:0 10px; line-height:normal; font-style:italic;}
.news-controls .show-list ul li:hover a {border-bottom:0; color:#0070ba;}
.news-controls .show-list ul li:nth-child(-n+4) {display:list-item;}
.news-controls a.btn {width:auto !important; height:auto !important;}
.news-controls a.btn .btn-info:hover {background: transparent !important;}

@media (max-width:1920px) {

    
} @media (max-width:992px) {
    .news-share .share-inner a {height:45px; width:45px; font-size:20px; margin:0 2px;}
} @media (max-width:767px) {
    .news-share .share-inner.row &gt; div:first-child {border:none;}
    .news-controls.share-inner {padding-block:1rem;}
    .news-controls .show-list ul li a:before {background-size:50%; height:60px;}
    .news-controls .show-list ul li {font-size:10px; line-height:15px;}
    .news-controls .show-list ul li:nth-child(3), .news-controls .show-list ul li:nth-child(4) {display:none;}
} @media (max-width:558px) {
    .news-controls .show-list ul {flex-direction: column;}
    .news-controls .show-list ul li {margin-bottom:20px !important;}
    .news-controls .show-list ul li:nth-child(-n+4) {display:list-item !important;}
}


/*---------------- gallery-carousel -------------------*/


.block-gallery div:not(.__header) {height:inherit; overflow:hidden; object-fit:cover;}
.block-gallery img {height: 100%; width:100%; object-fit: cover; object-position: center;}

.block-section.slider-full-height .__col &gt; .block-section {height:unset;}
.block-section.slider-full-height .__col div:is(.block-section-container, .block-gallery, .__content, .carousel, .carousel-inner, .carousel-item) { height:100% !important; object-fit:cover; overflow:hidden; }
.block-gallery .carousel {height:500px !important;}
.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; width:90%; left:50%; transform:translateX(-50%);}
.block-gallery .carousel .carousel-indicators li {margin: 0 10px; background: #a6a6a6; opacity: .2; border: 2px solid #fff; 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: #0070ba; opacity:1;}
.block-gallery .carousel .carousel-caption:before {content:""; inset:0;  background:linear-gradient(to bottom, transparent, #181818); 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 &gt; h3 {font-size:2rem; margin:0 !important; line-height:normal;}
.block-gallery .carousel .carousel-caption &gt; p { font-size:1rem; margin:0 !important; line-height:normal;}
.block-gallery .carousel .carousel-caption &gt; .btn {color:#fff !important;}
.block-gallery.text-left.custom1 .carousel .slider-overlay {opacity:1; background:linear-gradient(to right, #cda266 35%, rgba(0,0,0,0.2) 35% 50%, transparent 80%) !important; }


.block-gallery:is(.text-left, .text-right) .carousel .slider-overlay {background: linear-gradient(to right, #181818, 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;}

/*---------------- gallery-mainslider -------------------*/

.block-gallery.main-slider .carousel .slider-overlay { background: #181818; opacity:.6; 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 &gt; h3:before { content:"V\00e4lkommen till"; display:block; font-size:2.7rem;}
.block-gallery.main-slider .carousel .carousel-caption h3 {font-size: 4.5rem; 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 -------------------*/

.block-gallery .gallery div {margin-bottom:0;}
.block-gallery:not(.slick) .gallery {padding:8px !important;}
.block-gallery .gallery img { transition:.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%; border-radius: 0px !important;}
.block-gallery .gallery .gallery-item {transition:.3s all; padding:7px; margin:0;}

.full-width-all .block-gallery.no-gutter .gallery {padding:0px !important;}
.block-gallery.no-gutter .gallery {padding:15px;}
.block-gallery.no-gutter .gallery .gallery-item {padding:0;}

.block-gallery:is(.box, .slick):not(.logo) .gallery .gallery-item.col-sm-6 {height:35vh;}
.block-gallery:is(.box, .slick):not(.logo) .gallery .gallery-item.col-sm-4 {height:35vh;}
.block-gallery:is(.box, .slick):not(.logo) .gallery .gallery-item.col-sm-3 {height:35vh;}
.block-gallery:is(.box, .slick):not(.logo) .gallery .gallery-item.col-sm-2 {height:35vh;}

.block-gallery .gallery .gallery-item .img-caption { line-height:normal; transition:.3s all; border-radius:calc(10px + calc(10px / 2)); padding:.5rem 1rem; background:$customdark; color:#fff; margin:0 !important; position:absolute; inset:auto 15px 15px 15px;}
.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:#181818;}
.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:150px; flex:1 0 calc(100% / 3); max-width:calc(100% / 3);}
.block-gallery.zoom .gallery .gallery-item.col-xs-6 {height:200px; flex:1 0 calc(100% / 2); max-width:calc(100% / 2);}
.block-gallery.zoom .gallery .gallery-item.active { opacity: .4;}
.block-gallery.zoom {height:600px; padding-left:15px;  }
.block-gallery.zoom &gt; div { flex: 1 0 50%; position: relative; overflow: hidden;}
.__base .block-gallery.zoom &gt; 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:50px; background:linear-gradient(to bottom, #fff, 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:10px; 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:#fff; 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:300px; --bub2:200px; --bub3:350px; --bub4:250px; --bub5:120px;}
.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(-10px);} }


@media (max-width:1440px) {
    .block-gallery .carousel .carousel-indicators li {width:10px; height:10px; 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:500px;}
    .block-gallery .carousel {height:300px !important;}
    .block-gallery .carousel-indicators {display:none;}
    .block-gallery .carousel .carousel-control {display:flex; padding:0 10px;}
    .block-gallery.box .gallery .gallery-item {height:250px !important;}
    
    .block-gallery.zoom {height:450px;}
    .block-gallery.zoom &gt; .div-zoom { flex: 1 0 70%;}
    .block-gallery.zoom &gt; .__content { flex: 1 0 30%;}
    .block-gallery.zoom .gallery .gallery-item {height:100px !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 &gt; 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: "Font Awesome 5 Free"; font-weight:700; font-size:40px; color:$customdark; 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:#0070ba;}
.slick-dots li button { 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; position:absolute; content:"\f061" !important; font-family: "Font Awesome 5 Free"; font-weight:700; background:linear-gradient(to bottom, transparent, $customdark); 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: #fff; 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:#fff;}
.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;}


.bg-primary .slick.fade-x .slick-slider:before, .bg-primary .slick.fade-x .slick-slider:after {background:linear-gradient(to right, #0070ba, transparent);}
.bg-secondary .slick.fade-x .slick-slider:before, .bg-secondary .slick.fade-x .slick-slider:after {background:linear-gradient(to right, #cda266, transparent);}
.bg-dark .slick.fade-x .slick-slider:before, .bg-dark .slick.fade-x .slick-slider:after {background:linear-gradient(to right, #181818, 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, #fff, 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;}



/***************** main *********************/

.container, .block-section &gt; .block-section-container {max-width: 1440px;}
.container {padding: 0;}
.container-fluid {padding: 0;}

.block-section.sm-section &gt; .block-section-container {max-width: 1000px;}

main &gt; .block-section {padding: 130px 0 130px 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 ul {list-style:none;}
main ul li:before {content: "\f0da"; font-family: "Font Awesome 5 Free"; font-weight: 900; padding: 0 10px 0 0; color: inherit;}

.bg-image {background-position: center center; background-size: cover !important; background-repeat:no-repeat;}
.bg-fixed {background-attachment: fixed;}


.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 &gt; .block-section .block-columns .block-section &gt; .block-section-container{ display: flex; flex-direction: column; justify-content: center;}
.block-section:not(.full-width-all) .block-columns .block-section-container {padding: 15px;}


.block-columns .block-section-container .block:first-child .__content &gt; *: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 &gt; .block-section-container &gt; .block:is(.block-header, .block-text) &gt; .__content {padding:0 15px;}

main.full-width-all &gt; .block-section:not(.page-cover), main.full-width-all &gt; .block-section:not(.page-cover) .block-section-container {width: 100%; max-width: 100%; padding: 0;}
main.full-width-all &gt; .block-section:not(.page-cover) :is(.row, .__content, .__col) {margin:0; padding: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;}

.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%;}

.vh-5 {height: 5vh !important;}
.vh-10 {height: 10vh !important;}
.vh-15 {height: 15vh !important;}
.vh-20 {height: 20vh !important;}
.vh-25 {height: 25vh !important;}
.vh-30 {height: 30vh !important;}
.vh-35 {height: 35vh !important;}
.vh-40 {height: 40vh !important;}
.vh-45 {height: 45vh !important;}
.vh-50 {height: 50vh !important;}
.vh-55 {height: 55vh !important;}
.vh-60 {height: 60vh !important;}
.vh-65 {height: 65vh !important;}
.vh-70 {height: 70vh !important;}
.vh-75 {height: 75vh !important;}
.vh-80 {height: 80vh !important;}
.vh-85 {height: 85vh !important;}
.vh-90 {height: 90vh !important;}
.vh-95 {height: 95vh !important;}
.vh-100 {height: 100vh !important;}

.vh-min-25 {min-height: 25vh !important;}
.vh-min-40 {min-height: 40vh !important;}
.vh-min-50 {min-height: 50vh !important;}
.vh-min-60 {min-height: 60vh !important;}
.vh-min-75 {min-height: 75vh !important;}

.m1st .__content *:first-child, .m0 *:is(h1, h2, h3, h4, h5, h6, p, img, ul, li, ol), .mu0 ul, .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;}

@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:#0070ba; text-align:left; width:100%; font-family:monospace; display:block;}
.__base div.lottie .spacer:before {content:"[lottie-player] [scroll-scrolls-scrollp-hover-hoverh-hoverp]";}
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;}
.card-categs lord-icon {margin-top:1rem;}

lottie-player.l-xs {height:100px; width:100px;}
lottie-player.l-sm {height:280px; width:280px;}
lottie-player.l-md {height:400px; width:400px;}
lottie-player.l-lg {height:550px; width:550px;}
lottie-player.l-xl {height:650px; width:650px;}
lottie-player.l-full {height:100%; width:100%;}
div:is(.text-center, .text-center-right, .text-center-left) lottie-player {margin-left:auto; margin-right:auto;}
div:is(.text-right, .text-right-center, .text-left-center) lottie-player {margin-left:auto;}
div:is(.text-left, .text-left-center, .text-left-right) lottie-player {margin-left:auto;}

@media (max-width:767px) {
    lottie-player {transform:scale(1);}
    div:is(.text-left-center, .text-right-center) lottie-player {margin-left:auto; margin-right:auto;}
    div:is(.text-center-right, .text-left-right) lottie-player {margin-left:auto;}
    div:is(.text-center-left, .text-right-left) lottie-player {margin-left:auto;}
}

@media (max-width:558px) {
    lottie-player:is(.l-sm, .l-md, .l-lg) {height:100%; width:100%;}
}


/****************** form ******************/

.block-form {margin-top: 0 !important;}
.block-form .form-control {border: none; background: #e6ecf1 !important; transition:.3s all; border-left: 4px solid #0070ba; color: #0070ba !important; font-weight: bold;  padding: 15px;  border-radius: 0 !important; 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: #fff !important; border-left: 4px solid #0070ba; color: #181818 !important;}
.block-form .form-control::-webkit-input-placeholder, .block-form .form-control:-moz-placeholder, .block-form .form-control::-moz-placeholder, .block-form .form-control:-ms-input-placeholder {color: #181818;}
.block-form .btn-primary {margin-top: 0; width: 100% !important;}
.block-form textarea.form-control {height:100px;}
.block-form .input-group-addon {border-radius: 0; padding: 15px; font-size: .75rem; line-height: 1.5; background-color: #a6a6a6; color: #4f4f4f; border: none;}
.block-form .form-fields .radio {text-align:justify;}
.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {margin-right: 10px !important;}

.bg-primary .block-form .form-control, .bg-secondary .block-form .form-control {background: #fff;}
.bg-primary .block-form .form-control:focus {border-left: 4px solid #cda266;}
.bg-secondary .block-form .form-control:focus {border-left: 4px solid #0070ba;}
.bg-primary .btn:hover{color:#181818 !important;}
.bg-secondary .btn:hover {color:#fff !important;}

/*.bg-primary .block-form .form-footer .btn {background-color:#32a852 !important; }*/

.form-fields.row { padding-left: 8px; padding-right: 8px;}
.form-select:before {content: "\f0d7"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; z-index: 10; right: 25px; top: 40% !important;}
.form-fields.row &gt; div {padding-right:7px; padding-left:7px;}
.form-fields.row label {margin-bottom:0;}
.form-btn-light .btn {color:#fff !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: #fff !important;}
.text-light h6, .text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light a:not(.btn), .text-light a:not(.btn):hover {color: #fff !important; }
.text-light hr {background-color: #fff !important; color: #fff !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: #181818 !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: #0070ba !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: #cda266;}
.text-tertiary, .text-tertiary p, .text-tertiary h1, .text-tertiary h2, .text-tertiary h3, .text-tertiary h4, .text-tertiary h5, .text-tertiary h6, .text-tertiary a, .text-tertiary a:hover {color: #004370;}

.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: #a83232;}
.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: #3C6EFF;}
.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: #f0f0f0;}
.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: #F2F7E7;}
.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: #DEE1D7;}

[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: .15; z-index: 0;}
.filter-opac1:before {opacity:.1;} .filter-opac5:before {opacity:.5;} .filter-opac8:before {opacity:.8;} .filter-opac:before {opacity:1;} 
.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);}

.block-image .__content[class*="filter-"]::before {z-index:1; }


.filter-primary:before, .cards-primary .__col &gt; .block-section, .bg-primary {background-color: #0070ba !important;}
.filter-secondary:before, .cards-secondary .__col &gt; .block-section, .bg-secondary {background-color: #cda266 !important;}
.filter-dark:before, .cards-dark .__col &gt; .block-section, .bg-dark {background-color: #181818 !important;}
.filter-black:before, .cards-black .__col &gt; .block-section, .bg-black {background-color: #000 !important;}
.filter-light:before, .cards-light .__col &gt; .block-section, .bg-light {background-color: #fff !important;}
.filter-info:before, .cards-info .__col &gt; .block-section, .bg-info {background-color: #3C6EFF;}
.filter-success:before, .cards-success .__col &gt; .block-section, .bg-success {background-color: #32a852;}
.filter-danger:before, .cards-danger .__col &gt; .block-section, .bg-danger {background-color: #a83232;}
.filter-warning:before, .cards-warning .__col &gt; .block-section, .bg-warning {background-color: #FFDA16;}

.filter-customlight:before, .cards-customlight .__col &gt; .block-section, .bg-customlight {background-color: $customlight !important;}
.filter-customdark:before, .cards-customdark .__col &gt; .block-section, .bg-customdark {background-color: $customdark !important;}
.filter-custom1:before, .cards-custom1 .__col &gt; .block-section, .bg-custom1 {background-color: #2e2e2e !important;}
.filter-custom2:before, .cards-custom2 .__col &gt; .block-section, .bg-custom2 {background-color: #4f4f4f !important;}
.filter-custom3:before, .cards-custom3 .__col &gt; .block-section, .bg-custom3 {background-color: #7a7a7a !important;}
.filter-custom4:before, .cards-custom4 .__col &gt; .block-section, .bg-custom4 {background-color: #a6a6a6 !important;}
.filter-custom5:before, .cards-custom5 .__col &gt; .block-section, .bg-custom5 {background-color: #d9d9d9 !important;}
.filter-custom6:before, .cards-custom6 .__col &gt; .block-section, .bg-custom6 {background-color: #f0f0f0 !important;}
.filter-custom7:before, .cards-custom7 .__col &gt; .block-section, .bg-custom7 {background-color: #e6f1f8 !important;}
.filter-custom8:before, .cards-custom8 .__col &gt; .block-section, .bg-custom8 {background-color: #faf6f0 !important;}

.filter-gradient1:before, .bg-gradient1 {background:linear-gradient(315deg, #0070ba, #F2F7E7);}
.filter-gradient2:before, .bg-gradient2 {background:linear-gradient(315deg, #cda266, #DEE1D7);}
.filter-gradient3:before, .bg-gradient3 {background:linear-gradient(135deg, #0070ba 0%, #cda266 70%, #F2F7E7) 150%;}
.filter-gradient4:before, .bg-gradient4 {background:linear-gradient(135deg, #d9d9d9 0%, #f0f0f0 70%, #a6a6a6) 150%;}
.filter-gradient5:before, .bg-gradient5 {background:linear-gradient(135deg, #a6a6a6 0%, #d9d9d9 70%, #4f4f4f) 150%;}
.filter-gradient6:before, .bg-gradient6 {background:linear-gradient(135deg, #4f4f4f 0%, #2e2e2e 70%, #181818) 150%;}

.hover[class*="filter-"]:hover:before {transform:scale(2) translateX(-25%); opacity: .6;}



main p, .block-image .__content {margin: 19px 0 0 0;}
main h1, main h2, main h3, main h4, main h5, main h6 {margin: 0.75rem 0 0 0;}

main ul {margin: 15px 0 0 0;}
main ul li {margin: 4px 0;}
main ul li:before {padding: 0 8px 0 0;}


main &gt; .block-error-404 {position:relative; background:linear-gradient(to bottom, #0070ba, transparent); padding: 3rem; min-height: 75vh; display: flex; align-content: center; flex-direction: column; justify-content: center; align-items: center; text-align:center;}
main &gt; .block-error-404 h5 {transition:.3s all; cursor:pointer; border-bottom:1px dotted #f0f0f0;}
main &gt; .block-error-404 h5:hover {color:#0070ba;}

.pp-container {width:50%; max-width:800px; margin:100px auto; position:relative; min-height: 50vh; display: flex; flex-direction: column; justify-content: center; }
.pp-container .row:before {opacity:.2 !important; content:""; background:url('../../assets/images/site_logo6.png'); background-size:contain; z-index:-1; position:absolute; inset:1rem; }
.pp-container .row {margin:0; overflow:hidden; position:relative; background:linear-gradient(to right,transparent 25%, #fff 25%); box-shadow: 3px 3px 10px rgb(0 0 0 / 10%); border-radius:10px; flex-direction: column; padding:3rem 3rem 3rem calc(25% + 3rem);}
.pp-container .row .form-group {margin:0;}
.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:block; background:#0070ba !important; color:#fff !important;}
.pp-container .row .form-group:nth-child(2) input:hover {background:#181818 !important;}
.pp-container .pp-message {    bottom: 2.5rem; position: relative; padding-left: 25%; text-align: center; color: red;}


/***************** spacers *********************/

.spacer-xl {height: 50vh;}
.spacer-md {height: 20vh;}
.spacer-sm {height: 5vh;}
.spacer-xs {height: 4rem;}

/***************** section-heights *********************/

.section-height0 {height: 100%; min-height: 110vh;}

.section-height1 {height: 100%; min-height: 100vh;}
.section-height2 {height: 100%; min-height: 75vh;}
.section-height3 {height: 100%; min-height: 55vh;}
.section-height4 {height: 100%; min-height: 25vh;}
.section-height5 {height: 100%; min-height: 25vh;}


/*=============================RX-CUSTOM===========================*/

.t2-section .block-columns .__col .block-section {padding: 3rem !important; border-right: 1px solid #e1ddd8 !important; }

.main-sec .bg-video:not(.no-ov):before {display: none !important;}
.video-wrapper:after {position: absolute;content: "";top: 0;left: 0;width: 100%;height: 100%;display: block;background: transparent url(../../files/main-bg-01.svg) center center;z-index:0;-webkit-background-size: 100%;-moz-background-size: 100%;-o-background-size: 100%;background-size: 100%;background-repeat: no-repeat;}

.bg-faded2 {background: #faf6f0 !important;}

.bg-faded1 {background: #e6f1f8 !important; z-index: 0 !important; }


.main-sec .graph1:before {opacity: 0; transition: 0.75s all !important; clip-path: polygon(70% 100%, 100% 100%, 100% 100%, 70% 100%); position: absolute;content: "";top: 0;left: 0%;width: 100%;height: 100%; display: block;background: #0070ba;z-index:0;-webkit-background-size: 100%;-moz-background-size: 100%;-o-background-size: 100%;background-size: 100%; mix-blend-mode: multiply !important;}
.main-sec:hover .graph1:before { transition: 0.75s all !important; opacity: 1.5; background: #0070ba; clip-path: polygon(70% 25%, 100% 0, 100% 100%, 70% 100%); mix-blend-mode: multiply !important;}

.main-sec .graph2:before {opacity: 0; transition: 0.75s all !important; clip-path: polygon(70% 100%, 100% 100%, 100% 100%, 70% 100%); position: absolute;content: "";top: 0;left: 0%;width: 100%;height: 100%; display: block;background: #cda266;z-index:0;-webkit-background-size: 100%;-moz-background-size: 100%;-o-background-size: 100%;background-size: 100%; mix-blend-mode: multiply !important;}
.main-sec:hover .graph2:before { transition: 0.75s all !important; opacity: 1.5; background: #cda266; clip-path: polygon(35% 40%, 65% 21%, 65% 100%, 35% 100%); mix-blend-mode: multiply !important;}


.bg-fixed {background-attachment: fixed;}
.hero.bg-fixed + .block-section {}
.bg-video.bg-fixed video {position: fixed; z-index:-1;}

.filter-special:before {transition: 0.3s all; position: absolute; content: " "; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: #cda266; opacity: 0.9; z-index: 0; mix-blend-mode:multiply;}

.__base  .main-section:after {display: none !important; }

.main-section .main2:before {opacity: 0.15; transition: 0.75s all !important; clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); position: absolute;content: "";top: 0;left: 0%;width: 100%;height: 100%; display: block;background: #0070ba;z-index:0;-webkit-background-size: 100%;-moz-background-size: 100%;-o-background-size: 100%;background-size: 100%; mix-blend-mode: multiply;}
.main-section:hover .main2:before { transition: 0.75s all !important; opacity: 1.5; background: #0070ba; clip-path: polygon(0 50%, 50% 50%, 50% 100%, 0% 100%);}

.main-section:after {opacity: 0; transition: 1.5s all !important; clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); position: absolute;content: "";top: 0;left: 0%;width: 100%;height: 100%; display: block;background: #cda266;z-index:0 ;-webkit-background-size: 100%;-moz-background-size: 100%;-o-background-size: 100%;background-size: 100%; mix-blend-mode: multiply;}
.main-section:hover:after { transition: 1.5s all !important; opacity: 1.5; background: #338dc8; clip-path: polygon(0 40%,55.50% 40%, 55.5% 100%, 0% 100%);}

.main3 {position: relative; z-index: 2; }

:is(.card-inner2, .card-inner2&gt; .block-section-container) {background-size:0 !important;}
.card-inner2 &gt; .block-section-container {background-image:inherit;}
.card-inner2 &gt; .block-section-container:before {-webkit-clip-path: polygon(25% 0, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(25% 0, 100% 0%, 100% 100%, 0% 100%); opacity: 1 !important; content: '';position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: inherit; background-size: cover;  background-position: center; transition: 0.5s ease-in-out; z-index: 0; filter: brightness(70%);}
/*.hero-section:hover .card-inner2 &gt; .block-section-container:before{ -webkit-clip-path: polygon(20% 0, 100% 0%, 100% 100%, 0 100%); clip-path: polygon(20% 0, 100% 0%, 100% 100%, 0 100%); opacity: 1!important;} */

:is(.card-inner11, .card-inner11 &gt; .block-section-container) {background-size:0 !important;}
.card-inner11 &gt; .block-section-container {background-image:inherit;}
.card-inner11 &gt; .block-section-container:before {-webkit-clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%); opacity: 1 !important; content: '';position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: inherit; background-size: cover;  background-position: center; transition: 0.5s ease-in-out; z-index: 0; filter: brightness(70%);}

.hero img {opacity: 0.15;}
.contact-hr hr {width: 100%; margin: 60px auto 30px auto; height: 4px; background-color: #0070ba; color: #0070ba; border: 0;}

.wide-margin .block-columns .__col .block-section .block-section-container {padding: 10rem !important;}

.clickable, :is(.card-clickable, .card-hover) .__col .block-section, .card-hover .__col .block-section .block-image img {transition:.3s all;} 
.clickable:hover,  .card-clickable .__col .block-section:hover {transform: translateY(-6px); cursor:pointer;}
.card-hover .__col .block-section .block-image .__content {overflow:hidden;}
.card-hover .__col .block-section:hover .block-image img {transform:scale(1.2); transition: .3s all;}
.wide-margin .block-columns .__col .block-section .block-section-container {padding: 7rem;}

.card-hover .__col .block-section .block-image:before {transition: 0.3s all; position: absolute; content: " "; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: #181818; opacity: 0.3; z-index: 1;}
.card-hover .__col .block-section:hover .block-image:before {transition: 0.3s all; opacity: 0.65; z-index: 1;}

.card-hover .__col .block-section .block-image .__content {padding-top: 0 !important; margin-top: 0 !important;}

.card-hover {padding: 0.2rem !important;}
.card-hover .block-columns .__col {padding: 0.2rem !important;}
.card-hover .block-columns .__col .block-section img {width: 100% !important; height: 40vh !important; object-fit: cover; }
.card-hover .block-columns .__col .block-section h4 {z-index: 2;position: absolute; margin-top: -6.5rem; left: 10%; color: #fff;}

.pop-form *::-webkit-scrollbar {width: 6px; height: 2px; transition:.3s all;}
.pop-form *::-webkit-scrollbar-track {background: #fff;}
.pop-form *::-webkit-scrollbar-thumb {background: #f0f0f0; border-radius:10px; cursor:pointer;}
.pop-form *::-webkit-scrollbar-thumb:hover {background: #181818;}
.pop-form.closed {padding-block: 0; max-height:0;}
.pop-form {transition:1s all; border-radius:20px 20px 0 0; max-height:100%;  overflow-y:hidden; box-shadow:2rem 2rem 4rem rgba(0,0,0,0.2); position: fixed; z-index: 10000; right: 1rem; bottom: 1rem; background: #fff; padding: 3rem 2rem 3rem 3rem; width: 700px;}
.pop-form :is(.block-header, .block-text, .block-form) * {color:#181818;}
.pop-form .block-section {padding:0; max-height:80vh; transition:.3s all; overflow-y: auto; overflow-x:hidden; padding-right:1rem; padding-bottom:1.5rem;}
.pop-form.closed .block-section {max-height: 0;}
.pop-form .block-section-container {width:100%;}
.pop-form .pop-close { transition:.3s all; display:flex; justify-content:center; align-items:center; height:50px; width:50px; cursor:pointer; border-radius:50%; background:#cda266; color:#fff !important; position:absolute; right: 1rem; top: 1.5rem; z-index:5;}
.pop-form .pop-close:before {transition:.3s all; content: "\f00d"; font-family: "Font Awesome 5 Free"; font-weight: 700; }
.pop-form.closed .pop-close {position: fixed; bottom: 2rem; right: 2rem; top: auto; transform-origin:bottom right; transform:scale(1.5);}
.pop-form.closed .pop-close:before {content: "\f0e0"; }
.pop-form .pop-close:after {content: '';position: absolute;top: -0.25rem;left: -0.25rem;right: -0.25rem;bottom: -0.25rem; border-radius: 50%; border: #0070ba 1px double;}

@media (max-width:2040px) {
    .pop-form {width:500px;}
} @media (max-width:767px) {
    .pop-form {padding: 1rem !important; width:calc(100% - 2rem); }
    .pop-form .block-section {max-height:60vh;}
    .pop-form.closed .pop-close {transform:scale(1);}
}

.ref-section .block-columns .__col .block-section .block-section-container:before { --webkit-clip-path: circle(0% at 50% 50%); clip-path: circle(0% at 50% 50%); z-index: 0; opacity: 1 !important; content: '';position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #0070ba; mix-blend-mode: multiply;  background-size: cover;  background-position: center; transition: 0.5s ease-in-out; }
.ref-section .block-columns .__col .block-section:hover .block-section-container:before { -webkit-clip-path: circle(30% at 50% 50%); clip-path: circle(30% at 50% 50%); z-index: 0; opacity: 1 !important; content: '';position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #0070ba; mix-blend-mode: multiply;  background-size: cover;  background-position: center; transition: 0.5s ease-in-out; }

.tjan-section .block-columns .__col .block-section {padding: 2rem !important;}
.tjan-section .block-columns .__col .block-section img { border-radius: 50%; height: 25rem; width: 25rem; object-fit: cover; }
.tjan-section .block-columns .__col .card-inner2:before{z-index: 2; opacity: 0.75 !important; content: '';position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #0070ba; -webkit-clip-path: circle(0 at 69% 67%); clip-path: circle(0 at 69% 67%); transition: 0.5s ease-in-out;mix-blend-mode: multiply;}
.tjan-section:hover .block-columns .__col .card-inner2:before{opacity: 0.75 !important; -webkit-clip-path: circle(22.9% at 69% 67%); clip-path: circle(22.9% at 69% 67%); mix-blend-mode: multiply;}

.tjan-section .block-columns .__col .card-inner3:before{border-radius: 0 0 50% 0; z-index: 0; opacity: 0.75 !important; content: '';position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #f0f0f0; -webkit-clip-path: polygon(0 0, 0% 0%, 0% 100%, 0% 100%); clip-path: polygon(0 0, 0% 0%, 0% 100%, 0% 100%); transition: 0.5s ease-in-out; }
.tjan-section:hover .block-columns .__col .card-inner3:before{opacity: 0.75 !important; clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%); -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);}

.tjan-section .block-columns .__col .card-inner4:before{border-radius: 0 0 0 50%; z-index: 0; opacity: 0.75 !important; content: '';position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #f0f0f0; -webkit-clip-path: polygon(0 0, 0% 0%, 0% 100%, 0% 100%); clip-path: polygon(0 0, 0% 0%, 0% 100%, 0% 100%); transition: 0.5s ease-in-out; }
.tjan-section:hover .block-columns .__col .card-inner4:before{opacity: 0.75 !important; clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%); -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);}

.tjan-section .block-columns .__col .card-inner1:before{z-index: 2; opacity: 0.75 !important; content: '';position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #0070ba; -webkit-clip-path: circle(0 at 28% 67%); clip-path: circle(0 at 28% 67%); transition: 0.5s ease-in-out;mix-blend-mode: multiply;}
.tjan-section:hover .block-columns .__col .card-inner1:before{opacity: 0.75 !important; -webkit-clip-path: circle(22.9% at 28% 67%); clip-path: circle(22.9% at 28% 67%); mix-blend-mode: multiply;}

.page-faded:before {position: absolute; content: " "; background-image: url('../../files/faded0120.png') !important;  repeat: no-repeat !important; left: 0; top: 0; width: 100% !important; height: 100%; background-size: 100%; z-index: 0;}

.ref-section.block-section {padding: 0.15rem;}
.ref-section .block-columns .__col {padding: 0.15rem;}
.ref-section .block-columns .__col .block-section {color: #fff !important; text-align: center; height: 100%; min-height: 35vh;}
.ref-section .block-columns .__col .block-section:before {transition: 0.3s all; position: absolute; content: " "; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: #181818; opacity: 0.4; z-index: 0;}
.ref-section .block-columns .__col .block-section {display: flex; justify-content: center !important; align-content: center !important; flex-direction: column !important; }
.ref-section .block-columns .__col .block-section h3 {text-transform: uppercase; }

.flow {text-align:center; margin-top:-1px;}
.flow .__col .block-section-container { height: 100% !important; }
.flow lord-icon {transform:scale(1); height:200px; width:200px; border-radius:50%; margin-block:15px 30px; border: 0.5rem solid #cda266; position:relative; background:#fff; overflow:unset;}
.flow .__col:nth-child(even) lord-icon {border-color: #cda266;} /*.flow .__col:nth-child(3) lord-icon {border-color:#cda266;}*/
.flow lord-icon:after {content:""; background-color:#0070ba; position: absolute; bottom: -28px; width: 30px; height: 30px; left: 50%; transform: translateX(-50%); z-index: -1; clip-path: polygon(50% 50%, 100% 50%, 50% 100%, 0% 50%);}
.flow :is(.lordicon, .title) {align-content: flex-end;}
.flow :is(.__col:nth-child(even) .lordicon, .__col:nth-child(odd) .title) {align-content: flex-start;}
.flow strong {font-size: 1.5rem !important; color: #0070ba;}

.flow .number {min-height:120px; height: 300px !important;} .flow .number *, .flow .title *:first-child { margin-top:0; }
.flow .number .__content * {background-color:#cda266; margin:0 auto; color:#fff; border:6px solid #f0f0f0; font-size: 1.5rem; font-weight:700; width: calc(4rem + 6px); height: calc(4rem + 6px); line-height: normal; border-radius: 50%; display: flex; justify-content: center; align-content: center; align-items: center; position:relative; z-index:1;}
.flow :nth-child(even) lord-icon:after, .flow .__col:nth-child(even) .number .__content * {background-color:#cda266;} /*.flow :nth-child(3) lord-icon:after, .flow .__col:nth-child(3) .number .__content * {background-color:#cda266;}*/
.flow .__col .block-section-container .block { height: 100%; display: flex; align-items: center;}
.flow .number .__content:before {display:none; content: ""; position: absolute; height: 5px; inset: 50% -15px auto -15px; transform: translateY(-50%); z-index: 0;}
.flow .__col:nth-child(odd) .number .__content:before {background: linear-gradient(to right, transparent, #F2F7E7, #DEE1D7);}
.flow .__col:nth-child(even) .number .__content:before {background: linear-gradient(to right, #DEE1D7, #cda266);}
/*.flow .__col:nth-child(3) .number .__content:before {background: linear-gradient(to right, #cda266, #F2F7E7, transparent);}*/
.flow .block-columns:before {width:0; transition:1.5s all; content: ""; position: absolute; height: 5px; inset: 50% -15px auto -15px; transform: translateY(-50%); z-index: -1; background: linear-gradient(to right, transparent, #0070ba, #cda266, #0070ba, transparent);}
.flow .block-columns:hover:before {width: calc(100% + 30px) !important; }
.__base .flow .__col * {height:auto !important;}
.__base .flow .__col .block-section-container {flex-direction: column !important;}

.flow2 .__col:last-child {overflow:hidden;}
.flow2 .__col .block-image {margin-bottom:2rem; position:relative;}
.flow2 .__col .block-image .__content:before {content:""; position:absolute; background-color:#fff; border: 2px solid #181818; border-radius: 50%; inset:0; padding:.3rem; z-index:-1; transform: scale(1.2);} 
.flow2 .__col .block-image .__content {margin:1rem; width:6rem; height:6rem; flex:unset; display: flex; justify-content: center; align-items: center; border-radius:50%; border:2px solid #181818;}
.flow2 .__col .block-image:after {content:""; position:absolute; background-color:#181818; height:2px; width: calc(100% + 6rem); left:-3rem; right: -3rem; top: 50%; z-index: -2;} 
.flow2 .__col:last-child .block-image:after {}
.flow2 .__col:first-child, .flow2 .__col:last-child {overflow:hidden;}
.flow2 .__col .block-image img {transition:.5s;}
.flow2 .__col:hover .block-image img {transform:scale(-1, 1) scale(-1,1);}
.flow2.text-light .__col .block-image img {filter:invert(1);}
.bg-secondary .flow2 .__col .block-image .__content:before {background-color:#cda266;}
.bg-primary .flow2 .__col .block-image .__content:before {background-color:#0070ba;}
.bg-dark .flow2 .__col .block-image .__content:before {background-color:#181818;}
.flow2.text-light .__col .block-image .__content, .flow2.text-light .__col .block-image .__content:before {border-color:#fff !important;}
.flow2.text-light .__col .block-image:after {background-color:#fff;}
.flow2.text-center .__col .block-image {display: flex; justify-content: center;}
.flow2.text-center .__col:first-child {overflow:hidden;}
    

@media (min-width:768px) {
    .flow .__col:nth-child(even) .block-section-container {flex-direction: column-reverse !important;}
    .flow .__col:nth-child(even) lord-icon {margin-block:30px 15px; }
    .flow .__col:nth-child(even) lord-icon:after { top: -28px; bottom: auto; clip-path: polygon(50% 0, 100% 50%, 50% 50%, 0% 50%);}
} @media (max-width:767px) {
    .flow .block-columns:before {display:none;}
    .flow .__col .block-section-container .block {height:auto !important;}
    .flow .number .__content:before {display:block; width: calc(100% + 60px) !important; inset: 50% -15px auto -30px;}
    .flow2 .__col {overflow:hidden !important;}
}

    
.step-section {border-top: 1.5px solid #d9d9d9; border-bottom: 1.5px solid #d9d9d9;}
.step-section .block-columns .__col .block-section {border-right: 1.5px solid #d9d9d9; padding: 2rem; height: 100%; min-height: 40vh; }

.service-section.block-section {padding: 0.15rem;}
.service-section .block-columns .__col {padding: 0.15rem;}

.service-section .block-columns .__col .block-section {padding: 2.5rem !important; height: 100%; /*min-height: 55vh;*/ display: flex; justify-content: center !important; flex-direction: column !important;-webkit-align-content: center; align-content: center !important; }

.service-section .block-columns .__col .block-section p {opacity: 0;}
.service-section .block-columns .__col .block-section:hover  p {opacity: 1; transition: .3s all; animation-duration: 0.5s; animation-delay: 0.25s; animation-name: animate-fade; animation-fill-mode: backwards;animation-timing-function: ease;}
/*
.service-section .block-columns .__col .block-section .btn {opacity: 0; transition: .3s all; }
.service-section .block-columns .__col .block-section:hover .btn {opacity: 1; transition: .3s all; }
*/
.service-section2.block-section {padding: 0.15rem;}
.service-section2 .block-columns .__col {padding: 0.15rem;}

.service-section2 .block-columns .__col .block-section {padding: 4rem 2.5rem !important; height: 100%; min-height: 55vh; display: flex; justify-content: flex-start !important; flex-direction: column !important;-webkit-align-content: flex-start; align-content: flex-start !important; }

.service-section2 .block-columns .__col .block-section p {opacity: 0;}
.service-section2 .block-columns .__col .block-section:hover  p {opacity: 1; transition: .3s all; animation-duration: 0.5s; animation-delay: 0.25s; animation-name: animate-fade; animation-fill-mode: backwards;animation-timing-function: ease;}

.service-section2 .block-columns .__col .block-section .btn {opacity: 0; transition: .3s all; }
.service-section2 .block-columns .__col .block-section:hover .btn {opacity: 1; transition: .3s all; }


@keyframes animate-fade {
  0% {
    opacity: 0;
    transform: translate(0, 3rem);    
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);    
  }
}


.animate-div:hover .animate {
  animation-duration: 0.75s;
  animation-delay: 0.5s;
  animation-name: animate-fade;
  animation-fill-mode: backwards;animation-timing-function: ease;
  transition: 0.3s all;

}

.animate-div .first, .animate-div .second, .animate-div .third  {
    opacity: 0; transition: 0.3s all;

}

.__base .cms-only .animate-div .first, .__base .cms-only .animate-div .second, .__base .cms-only .animate-div .third {transition: .3s all; opacity: 1 !important;}

.animate-div:hover .first, .animate-div:hover .second, .animate-div:hover .third {
    opacity: 1; transition: .3s all;
}

@keyframes animate-fade {
  0% {
    opacity: 0;
    transform: translate(0, 3rem);    
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);    
  }
}

.animate-div:hover .first {
  animation-delay: .25s;
}

.animate-div:hover.second {
  animation-delay: 0.75s;
}

.animate-div:hover .third {
  animation-delay: 1s;
}

.text-color strong {color: #0070ba !important;}
.adjust-padding {padding: 5rem !important;}

.with-sigil img {width: 5%;}

.staff-section .block-columns .__col {padding: 0.5rem !important;}
.staff-section .block-columns .__col .block-section {transition: .3s all; padding-bottom: 3rem; height: 100%; min-height: 40vh; text-align: center; border: 1px solid #d9d9d9; display: flex; justify-content: flex-end !important; flex-direction: column !important;   -webkit-align-content: flex-end; align-content: flex-end !important; }
.staff-section .block-columns .__col .block-section:hover {background: #cda266; color: #fff; transition: .3s all; }
.staff-section .block-columns .__col .block-section h5 {color: #0070ba;}

.serv-section .block-columns .__col .block-section {background-size: 150% !important; transition: 1s ease all; color: #fff; height: 100%; min-height: 40vh; display: flex; justify-content: flex-end !important; flex-direction: column !important; -webkit-align-content: flex-end; align-content: flex-end !important; }
.serv-section .block-columns .__col .block-section:hover {background-size: 200% !important; transition: 1s ease all;}
.serv-section .block-columns .__col {padding: 0.5rem;}
.serv-section .block-columns .__col .block-section:before {transition: 0.3s all; position: absolute; content: " "; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: #181818; opacity: 0.3; z-index: 0;}
.serv-section .block-columns .__col .block-section:hover:before {transition: 0.3s all; position: absolute; content: " "; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: #181818; opacity: 0.65; z-index: 0;}


@media (max-width:1680px) {
    .serv-section .block-columns .__col .block-section {background-size: 200% !important;}
    .serv-section .block-columns .__col .block-section:hover {background-size: 230% !important;}
}


@media (max-width:1024px) {
    .serv-section .block-columns .__col .block-section {background-size: 250% !important;}
    .serv-section .block-columns .__col .block-section:hover {background-size: 280% !important;}
}

.card-hover .__col .block-section .block-image .__content {overflow:hidden;}
.card-hover .__col .block-section:hover .block-image img {transform:scale(1.2);}

.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; }

.hero-section .block-columns .__col .block-section .card-inner0:before {mix-blend-mode: multiply; -webkit-clip-path: polygon(100% 0, 100% 52%, 100% 52%, 100% 0%); clip-path: polygon(100% 0, 100% 52%, 100% 52%, 100% 0%); opacity: 1 !important; content: '';position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #0070ba; background-size: cover;  background-position: center; transition: 1s ease-in-out; z-index: 0;}
.hero-section:hover .block-columns .__col .block-section .card-inner0:before {mix-blend-mode: multiply; opacity: 1; -webkit-clip-path: polygon(100% 0, 100% 52%, 52% 100%, 0% 100%); clip-path: polygon(100% 0, 100% 52%, 52% 100%, 0% 100%);opacity: 1 !important; content: '';position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #0070ba; background-size: cover;  background-position: center; transition: 1s ease-in-out; z-index: 0;}

.about-section .block-columns .__col .block-section .card-inner01:before {-webkit-clip-path: polygon(0 0, 52% 0, 52% 0, 0 0); clip-path: polygon(0 0, 52% 0, 52% 0, 0 0); opacity: 1 !important; content: '';position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #0070ba; background-size: cover;  background-position: center; transition: 1s ease-in-out; z-index: 0;}
.about-section:hover .block-columns .__col .block-section .card-inner01:before {-webkit-clip-path: polygon(0 0, 52% 0, 100% 48%, 100% 100%); clip-path: polygon(0 0, 52% 0, 100% 48%, 100% 100%); opacity: 1 !important; content: '';position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #0070ba; background-size: cover;  background-position: center; transition: 1s ease-in-out; z-index: 0;}

main .block-section div:is(.block-section-container, .block-columns) {height: auto !important; }
.shadow-effect {box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;}

.hero-section .btn {text-align: left !important;}
.hero-section .btn:after {content: "\f054";font-family: "Font Awesome 5 Free";float: right;font-weight: 900; margin-left: 3rem;}
.bg-blur {backdrop-filter: blur(15px);background-color: rgba(0,0,0, 0.4);}
.filter-dark1:before {transition: 0.3s all; position: absolute; content: " "; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: #181818; opacity: 0.4; z-index: 0;}
.filter-dark1:hover:before {transition: 0.3s all; position: absolute; content: " "; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: #181818; opacity: .5; z-index: 0;}

.opacity-adjust {opacity: 0.5;}
.opacity-adjust2 {opacity: 0.10;}

.map-container .block-section-container, .map-container .row, .map-container .__content {height: 100%;}
.map-container iframe {width: 100%; height: 100%; -webkit-filter: grayscale(1); filter: grayscale(1); moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}

.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; }


.div-spacer1 { height: 40vh;}
.div-spacer2 { height: 10px;}

.p-adjust {margin-top: 1rem !important;}
.main-section .btn-primary {color: #fff !important;}
.bg-faded {background: #ebf6fc;}
.bg-dark1 {background: #242b20;}

.bg-gray {background: $variant0;}
.bg-tertiary {background: #004370;}
.img-adjust {height: 35vh; width: 100%; object-fit: cover;}

.section-marker p {letter-spacing: 3px; font-size: 0.85rem; text-transform: uppercase; }


main &gt; div.__base .div-anchor {height:30px; margin-top:0px;}
main &gt; div.__base .aos-init {opacity: 1 !important; transition-property: initial !important; transform: initial;}
.block.block-text .__header, .block.block-list .__header {top:20px;}
.aos-animate {transform:none !important;}
.aos-init {opacity:0;}
.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;}

table th, table td {text-align:left;}
.table-striped tbody tr:nth-of-type(odd) {background-color:$prifade;}
.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;}

.block-section-container .block-columns .__section-controls {top:20px !important;}
.__base &gt; .block-section &gt; .block-section-container.shown &gt; .__section-controls { top: 10px !important; }
.__base .block-section .block-section-container .__section-controls { top: 60px !important; left: 40%; }
.__base .full-width-all.block-section .block-section-container .__section-controls { top: 0px !important; }
.hidden {opacity: 0; transition:.3s all; display:none !important;}
.__base div:is(.hidden, .d-md-none) {display: block !important; opacity:0.5 !important; visibility:visible !important; position:relative;}
.__base div: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-image:url('../../assets/images/loader.gif'); background-size:80px; background-position:center; background-repeat:no-repeat; margin-bottom:-10px; border:0;}
iframe.bnw {filter:saturate(0);}

.row-gutter .row  .__col {padding: 15px  !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;}



.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);}
.text-left-center, .text-left-right {text-align: left;} 
.text-right-center, .text-right-left {text-align: right;}
.text-center-right, .text-center-left {text-align:center !important;}

.bg-top {background-position: 50% 20% !important;}
.bg-full-top {background-position: top !important;}
.bg-bottom {background-position: 50% 80% !important;}
.bg-full-bottom {background-position: bottom !important;}
.bg-right {background-position: 80% 50% !important;}
.bg-full-right {background-position: right !important;}
.bg-left {background-position: 20% 50% !important;}
.bg-full-left {background-position: left !important;}
.object-center {object-position:50% 50%;}
.object-top {object-position:50% 20%;}
.object-full-top {object-position:top;}
.object-bottom {object-position:50% 80%;}
.object-full-bottom {object-position:bottom;}
.object-left {object-position:20% 50%;}
.object-full-left {object-position:left;}
.object-right {object-position:80% 50%;}
.object-full-right {object-position:right;}
.object-cover, .object-cover img {object-fit: cover; width: 100%;}
.object-contain, .object-contain 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;}

.pull-middle-flex, .pull-mb-flex { justify-content: center !important; display: flex; place-content: flex-start center; flex-flow: column wrap; flex-direction: column; flex-wrap: nowrap;}
.pull-bottom-flex { display: flex; justify-content: flex-end; align-content: center; flex-direction: column; }
.pull-middle-flex &gt; .block-section-container, .pull-bottom-flex &gt; .block-section-container, .pull-mb-flex &gt; .block-section-container {width:100%;}
.pull-middle-all .block-columns.row, .pull-bottom-all .block-columns.row {height:100%;}
.pull-middle-all .row .block-section-container {display: flex; flex-direction: column; justify-content: center !important; height:100%;}
.pull-bottom-all .row .block-section-container {display: flex; flex-direction: column; justify-content: flex-end !important; height:100%;}
.pull-justify-flex &gt; .block-section-container { display: flex; flex-direction: column; justify-content: space-between !important; flex-wrap: nowrap; height: 100%;}


.page-cover:not(.bg-image) {background:url('../../files/hdr.jpg'); background-size:cover !important; background-position:center !important;}
.breadcrumbs {font-family:gilroy-medium, sans-serif; margin:1rem .3rem 0 .3rem; line-height:1rem;}
.breadcrumbs a {border:none;} .breadcrumbs a:hover {opacity:.75;}
.breadcrumbs a:not(:last-child):after {content: "\f101"; color: #a6a6a6; font-weight:700; margin:0 5px; font-family: "Font Awesome 5 Free";}
.page-cover-1 .page-cover + div.block-section:first-child {padding-top:2rem !important;}

.page-cover-1 .page-cover:not(.bg-image) {background:linear-gradient(to bottom, rgba(0,0,0,0.5) 50%, #fff), url('../../files/hdr.jpg');}
.page-cover-2 .page-cover:not(.bg-image) {background:linear-gradient(to bottom, rgba(0,0,0,0.5) 88%, #cda266 88%), url('../../files/hdr.jpg');}
.page-cover-2 .page-cover .bc { position: absolute; bottom: 0; display: flex; align-items: center;height: 12%;}
.page-cover-2 .page-cover .bc h6 {margin-top:0;}

.timeline-col &gt; .block-section-container &gt; .block-columns &gt; .__col .block-section-container { margin-left:8px; padding: 10px 2rem 10px 10px;}
.timeline-col &gt; .block-section-container &gt; .block-columns &gt; .__col:nth-child(2) .block-section-container {padding:10px 10px 10px 3rem; border-left:1px solid #0070ba !important;}
.timeline-col &gt; .block-section-container &gt; .block-columns:not(:last-child) &gt; .__col:nth-child(2) .block-section-container {padding-bottom:3rem;}
.timeline-col &gt; .block-section-container &gt; .block-columns &gt; .__col:nth-child(2) .block-section-container:before {content: "\2022"; color: #0070ba; font-size: 100px; position: absolute; left: -6px; margin-top: -80px;}

.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;}
.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: -1;}
.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 {margin-top:0 !important; width:calc(40% - 50px);}
.timeline .tab-container .list-group-item .list-date {display:none;}
.timeline .tab-container .list-group-item .list-header {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;}


.card-contact { padding-top:1rem;}
.card-contact &gt; div {background: #fff; border-radius: 10px; 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 &gt; div {background: #181818; }
.card-contact ul {margin-top: 0 !important;}
.card-contact li:before {color:#0070ba !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, #fff 190px, #4f4f4f 190px); border:1px solid #d9d9d9; border-radius:20px; box-shadow:3px 3px 7px rgba(0,0,0,0.1); transition:.3s all; padding:30px 15px 20px 15px; color:#fff !important;}
.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: #fff; padding: 10px; width: 220px; height:220px; object-fit:cover; transition:.3s all; margin:0 auto; display:block;}

[class*="contact-"] .block-columns .__col .block-section ul,
[class*="contact-"] .block-columns .__col .block-section li,
[class*="contact-"] .block-columns .__col .block-section h6, 
[class*="contact-"] .block-columns .__col .block-section a {margin-top:0 !important; margin-bottom:0 !important; color:#fff;}
[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 &gt; h5 &gt; .btn {background: transparent; color: #fff !important; padding: 2px;}
[class*="contact-"] .block-columns .__col .block-section .block-list-group.modal-list .list-group-item &gt; h5 &gt; .btn:hover {color: #cda266 !important;}
[class*="contact-"] .block-columns .__col .block-section .block-list-group.modal-list .list-group-item &gt; h5 &gt; .btn:is(:hover, :focus, :active) {background: transparent !important;}
[class*="contact-"] .block-columns .__col .block-section .block-list-group.modal-list .modal {text-align:left;}
[class*="contact-"] .block-columns .__col .block-section .block-list-group.modal-list .modal-body &gt; *:first-child {margin-top:0;}

main &gt; div.__base .contact-box .block-columns .__col .block-section &gt; .block-section-container .block-image {position:relative;}
main &gt; 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:#181818; color:#fff; min-height:450px; height:650px; display: flex; align-items: flex-end; background-position: 40% 50%;}
.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, #181818), linear-gradient(to bottom,transparent, #181818); z-index:0;}
.contact-box .block-columns .__col .block-section &gt; .block-section-container {padding:1.5rem; width:100%; position:relative;     display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-end;}
.contact-box .block-columns .__col .block-section &gt; .block-section-container .block-image {position:absolute; top: 0; left: 0; right: 0; bottom: 0;}
.contact-box .block-columns .__col .block-section &gt; .block-section-container .block-image:before {position:absolute; content:""; left:0; top:0; right:0; bottom:0; background:linear-gradient(to bottom, transparent 50%, rgba(0,0,0,0.6) 75%); z-index:1;}
.contact-box .block-columns .__col .block-section &gt; .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 &gt; .block-section-container .block:not(.block-image) { }
.contact-box .block-columns .__col .block-section:hover &gt; .block-section-container .block-image img {opacity:0;}

.clickable {transition:.3s all;} .clickable:hover {cursor:pointer; }
	
.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); }
.float .spacer, .float img, img.float {animation: float-y 3s linear infinite;}

[class*="cards-"].full-width-all .__col &gt; .block-section {min-height:200px;}
[class*="cards-"].cards .__col &gt; .block-section {border-radius:10px; overflow:hidden;}
[class*="cards-"].cards-ptop .__col &gt; .block-section {padding-top:7rem !important;}
[class*="cards-"] .__col &gt; .block-section.bg-image:not(.bg-video):before {content:""; background:rgba(0,0,0,0.5); backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px); position:absolute; inset:0;}
[class*="cards-"] .__col &gt; .block-section.bg-image, [class*="cards-"] .__col &gt; .block-section.bg-image .btn-primary {color:#fff !important;}
.cards-1 .__col &gt; .block-section {border:1px solid #f0f0f0;}
.cards-2 .block-columns:nth-child(3n+1) .__col:nth-child(3n+1) &gt; .block-section,  .cards-2 .block-columns:nth-child(3n+2) .__col:nth-child(3n+2) &gt; .block-section, .cards-2 .block-columns:nth-child(3n+3) .__col:nth-child(3n+3) &gt; .block-section {background:#d9d9d9;}
.cards-2 .block-columns:nth-child(3n+2) .__col:nth-child(3n+1) &gt; .block-section,  .cards-2 .block-columns:nth-child(3n+3) .__col:nth-child(3n+2) &gt; .block-section, .cards-2 .block-columns:nth-child(3n+1) .__col:nth-child(3n+3) &gt; .block-section {background:#a6a6a6;}
.cards-2 .block-columns:nth-child(3n+3) .__col:nth-child(3n+1) &gt; .block-section,  .cards-2 .block-columns:nth-child(3n+1) .__col:nth-child(3n+2) &gt; .block-section, .cards-2 .block-columns:nth-child(3n+2) .__col:nth-child(3n+3) &gt; .block-section {background:#f0f0f0;}
.cards-3 .block-columns:nth-child(3n+1) .__col:nth-child(3n+1) &gt; .block-section,  .cards-3 .block-columns:nth-child(3n+2) .__col:nth-child(3n+2) &gt; .block-section, .cards-3 .block-columns:nth-child(3n+3) .__col:nth-child(3n+3) &gt; .block-section {background:#4f4f4f;}
.cards-3 .block-columns:nth-child(3n+2) .__col:nth-child(3n+1) &gt; .block-section,  .cards-3 .block-columns:nth-child(3n+3) .__col:nth-child(3n+2) &gt; .block-section, .cards-3 .block-columns:nth-child(3n+1) .__col:nth-child(3n+3) &gt; .block-section {background:#2e2e2e;}
.cards-3 .block-columns:nth-child(3n+3) .__col:nth-child(3n+1) &gt; .block-section,  .cards-3 .block-columns:nth-child(3n+1) .__col:nth-child(3n+2) &gt; .block-section, .cards-3 .block-columns:nth-child(3n+2) .__col:nth-child(3n+3) &gt; .block-section {background:#7a7a7a;}
div:is(.cards-prices-1, .cards-prices-2) .__col &gt; .block-section {background-image:url('../../assets/images/price.png'); background-repeat:no-repeat;}
div:is(.cards-prices-1, .cards-prices-2) .__col &gt; .block-section h6 {margin-top:0;}
.cards-prices-2 .__col &gt; .block-section { background-position: 95% 5%; background-size: 100px;}
.cards-prices-2 .__col &gt; .block-section &gt; .block-section-container {}

.cards-4 .__col &gt; .block-section {background:linear-gradient(to bottom, transparent 190px, #2e2e2e 0);  overflow:hidden;}
.cards-4 .__col &gt; .block-section &gt; .block-section-container {padding:0;}
.cards-4 .__col .block-image:nth-child(1) {overflow:hidden; border-radius:50% 50% 0 0; background:linear-gradient(-45deg, #f0f0f0 -80%, #F2F7E7, #d9d9d9); height:350px; display: flex; align-items: center; justify-content: center; }
.cards-4 .__col .block-image:nth-child(1) img {width:75%; transition:.3s all;}
.cards-4 .__col:hover .block-image:nth-child(1) img {width:85%;}
.cards-4 .__col .block-divider:nth-child(2) {margin:-35px auto 0; background:#f0f0f0; width: 70px; height: 70px; align-items: center; border-radius: 50%;}
.cards-4 .__col .block-divider:nth-child(2) lord-icon { transform: scale(1); }
.cards-4 .__col .block-text {padding:0 2rem 2rem;}


/***************card-services********************/

.card-services {}
.card-services .__col .block-section {height:auto;}
.card-services.pan .__col:nth-child(1) :is(.block-image, .block-gallery) img { object-position:right; animation: pan-rl 30s linear infinite;}
.card-services .__col:nth-child(1) :is(.block-image, .block-gallery) {border-radius:10px;}
.card-services .__col:nth-child(1) :is(.block-image, .block-gallery) img {cursor:zoom-in; transition:.3s all; object-fit: cover; height: 100%; width: 100%; margin-top:0 !important;}
.card-services .__col:nth-child(1) :is(.block-image, .block-gallery) img.zoom1 {transform:scale(1.5); cursor:zoom-in; }
.card-services .__col:nth-child(1) :is(.block-image, .block-gallery) img.zoom2 {transform:scale(2); cursor:zoom-out; }
.card-services .__col:nth-child(1) .carousel-caption {display:none !important;}
.card-services .__col:nth-child(1) :is(.block-image, .block-gallery, .carousel, .carousel-item, .carousel-inner) {height:100% !important; overflow:hidden;}
.card-services .__col:nth-child(1) .block-section-container {padding:0;}
.card-services .__col:nth-child(2) .block-section {padding:3.5rem 2rem; margin: 6rem 0; background: #fff; border-radius: 10px; box-shadow: 3px 3px 10px rgb(0 0 0 / 10%); width: 120%; margin-left: -20%; z-index: 1;}
.card-services .block-columns:nth-child(even) .__col:nth-child(1) {order:2;}
.card-services .block-columns:nth-child(even) .__col:nth-child(2) .block-section {margin-left:0; margin-right:-20%;}
.card-services .block-columns:not(:last-child) {margin-bottom:5rem;}

.__base .card-services .__col:nth-child(1) {order:1 !important;}
.__base .card-services .__col:nth-child(2) {order:2 !important;}
.__base .card-services .__col:nth-child(2) .block-section {margin:0 !important; width:100%;}

@media (max-width: 992px) {
    .card-services .__col {width:100% !important; max-width:100% !important; flex:100% !important;}
    .card-services .__col:nth-child(1) {order:1;}
    .card-services .__col:nth-child(2) {order:2; display: flex; justify-content: center;}
    
    .card-services .__col:nth-child(1) .block-section {height:300px !important;}
    .card-services .__col:nth-child(1) .carousel .carousel-indicators {display:flex; bottom:auto; top:1.5rem;}
    .card-services .__col:nth-child(2) .block-section {padding:3rem 1rem; margin:-6rem 0 0 0 !important; width:90%;}
}

/***************card-services********************/



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; font-weight: 700; margin-left:5px; transition:.3s all; font-family: "Font Awesome 5 Free"; }
a.with-file:after {content: "\f1c1";}
a.with-external:after {content: "";}
a.with-globe:after {content: "\f0ac";}
.block-section-container &gt; .block.row {margin-left:0; margin-right:0;}

.d-hide {opacity:0; position:absolute; z-index:-100;}
.show-more .gallery .gallery-item {transition:.3s all;}

.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, #0070ba, #cda266, #FFDA16, #2e2e2e) #181818 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: #fff;}
.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, #0070ba, #cda266, #FFDA16, #2e2e2e) #fff 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, #0070ba, #cda266, #FFDA16, #2e2e2e) #0070ba 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;}
main &gt; div.__base .bg-video {background-color:#181818 !important;}
.__base .bg-video:after {content:"[background-video]";position: absolute; bottom: 20%; text-align:left; width:100%; font-family:monospace; display:block;}
.bg-video:not(.no-ov):before {content:""; position:absolute; background:rgba(0,0,0,0.4); left:0; top:0; right:0; bottom:0; z-index:1; transition:.3s all;}
.bg-video {overflow: hidden;}
.bg-video video {object-fit: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; }
.bg-video iframe {height: 180vh; width: 250vh; object-fit: cover; position: absolute; top: 50%; left: 50%; z-index: 0; transform: translateX(-50%) translateY(-50%);}
.bg-video &gt; .block-section-container { position: relative; z-index: 1;}
.controls.bg-video video {z-index:1;}
.bg-video.bg-fixed video {position: fixed;}

.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%; }



main &gt; div.__base div.divider:after, main &gt; div.__base .gradient:after {z-index:0 !important;}
div.divider:after, .gradient:after {background-color:inherit; content:""; position:absolute; left:0; top:99%; right:0; height:200px; -webkit-mask-position: center; -webkit-mask-image: url(../../files/divider-pointy.svg); -webkit-mask-repeat: no-repeat; -webkit-mask-size: cover; background-size:cover; background-repeat:no-repeat; background-position:center; z-index:2;}
.divider.bottom + div:not(.full-width-all) {padding-top:200px !important;}
.divider.top {padding-bottom:calc(200px * 1.5) !important;}
.divider.top:after {top:calc(100% - 200px); transform:scale(-1);}



.gradient:after {-webkit-mask-image:none; background:linear-gradient(to bottom, transparent, #0070ba); height:calc(200px / 2); bottom: 0; top: auto;}
.gradient:not(.top) + div:not(.full-width-all) {padding-top:calc(200px / 4) !important;}
.gradient.top:after { transform:scale(-1); bottom: auto; top: 0;}
.gradient.secondary:after {background:linear-gradient(to bottom, transparent, #cda266);}
.gradient.dark:after {background:linear-gradient(to bottom, transparent, #181818);}

.cardy, .cardx, .cardz {border-radius:20px; border:none !important; box-shadow:5px 5px 10px rgba(0,0,0,0.15); overflow:hidden;}
.cardx {border-radius:calc(10px / 2) !important;}
.cardz {border-radius:10px !important; box-shadow:none !important;}

main &gt; .block-section.buttons-bottom .__col .block-button:last-child {height:100%; display: flex; align-items: flex-end;}

.bg-half {background:linear-gradient(to bottom, #f0f0f0 50%, transparent 50%);}
.bg-half-top {background:linear-gradient(to top, #f0f0f0 50%, transparent 50%);}
.bg-half.primary {background:linear-gradient(to bottom, #0070ba 50%, transparent 50%);}
.bg-half-top.primary {background:linear-gradient(to top, #0070ba 50%, transparent 50%);}
.bg-half.secondary {background:linear-gradient(to bottom, #cda266 50%, transparent 50%);}
.bg-half-top.secondary {background:linear-gradient(to top, #cda266 50%, transparent 50%);}
.bg-half.light {background:linear-gradient(to bottom, #fff 50%, transparent 50%);}
.bg-half-light.dark {background:linear-gradient(to top, #fff 50%, transparent 50%);}
.bg-half.dark {background:linear-gradient(to bottom, #181818 50%, transparent 50%);}
.bg-half-top.dark {background:linear-gradient(to top, #181818 50%, transparent 50%);}

.__base .div-loader {display:none !important;}
.div-loader.load {opacity:0;z-index:-1;}
.div-loader {transition:.5s all; background-image: url(""); background-size: cover; position: fixed; top:0; left:0; right:0; bottom: 0; background-color: white; z-index:1999;     display: flex; align-items: center; justify-content: center;}
.div-loader img.bg {width:500px; z-index:1; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%) !important; opacity:.1;}
.div-loader img.logo {transition:.3s all; width:120px; z-index:3;}

.navbar .ftr-only, footer .hdr-only {display:none !important;}

.head {text-align:center;}
.head, .head2 {margin-top:1.5rem;}
.head h6, .head2 h6 {margin:0; position:relative; overflow:hidden;}
.head h6:after, .head h6:before, .head2 h6:after { content: ""; width: 10rem; border-bottom: 1px solid; position: absolute; top: 50%; transform: translateY(-50%); margin-left: 15px;}
.head h6:after, .head h6:before {width:5rem;}
.head h6:before {margin-left: calc(-5rem - 18px);}

.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;}

.div-banner-roll {opacity:.1; height:60px; transition:3s; background-position:0 50%; background-color:#f0f0f0; 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; transition:.3s all;}
.ul-menu-child li.back a {font-weight:600; font-size:.8rem; letter-spacing:2px; background-color:#f0f0f0 !important;}
.ul-menu-child li.back span {display:none; position:absolute; background-color:#f0f0f0; cursor:pointer; inset:3px 0 3px auto; width:25px; border-left:4px solid #fff; 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:#4f4f4f; background:linear-gradient(to right, #f0f0f0, transparent); border-left:4px solid #a6a6a6; padding: 0.3rem 0.5rem; margin: 3px 0;}
.ul-menu-child li a:hover {background-color:#f0f0f0 !important;}
.ul-menu-child li.active a {background:linear-gradient(to right, #F2F7E7, transparent) !important; border-color:#0070ba;}
.ul-menu-child li.hide {opacity:0; height:0;}

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);}

main &gt; .section-height3:first-child .block-columns .__col .block-section {justify-content: flex-end;}
main &gt; .section-height3:first-child .block-columns .__col .block-section &gt; .block-section-container {justify-content: flex-end !important; padding-bottom: 0 !important;}


body:has(.widget-drop-placeholder) main .__base .full-width-all {padding:2rem !important;}

/*=============================RX-CUSTOM===========================*/



@media (max-height: 767px) {
    main &gt; .block-section[class*="vh-"]:not(.page-cover) {min-height:600px !important;}
}


@media (max-width: 1920px) {
    html, body {font-size: 1rem;} 
    .spacer {height: 23px;}
    .container, .block-section &gt; .block-section-container {max-width: 1050px;}
    main &gt; .block-section {padding: 100px 0 100px 0;}
    
    .news-card.news-block .news .list-group-item .list-header {top: 55% !important;}
    
    .block-section.sm-section &gt; .block-section-container {max-width: 750px;}
    
    .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 {min-height:450px;}
    .cards-4 .__col .block-image:nth-child(1) {height:250px;}
}


@media (max-width: 1680px) {
    .wide-margin .block-columns .__col .block-section .block-section-container {padding: 5rem !important;}

}


@media (max-width: 1440px) {
    html, body {font-size: 1rem;} 
    .wide-margin .block-columns .__col .block-section .block-section-container {padding: 4rem !important;}


}

@media (max-width: 1280px) {
    html, body {font-size: 0.95rem;} 
    h1 {font-size: 3rem;}
    h2 {font-size: 2.5rem;}
    h3 {font-size: 2rem;}
    h4 {font-size: 1.6rem;}
    h5 {font-size: 1.2rem;}
    h6 {letter-spacing: 2px;}
    main &gt; .block-section {padding: 75px 0 75px 0;}
    main p, .block-image .__content {margin: 13px 0 0 0;}
    main h1, main h2, main h3, main h4, main h5, main h6 {margin: 15px 0 0 0;}
    main ul {margin: 10px 0 0 0;}
    main ul li {margin: 3px 0;}
    main ul li:before {padding: 0 5px 0 0;}
    
    footer .btn-hollow-dark {width: 100%; font-size: 1rem; padding: 1rem !important;}
    
    .news-card.news-block .news .list-group-item .list-header {top: 60% !important;}

    .block-section.sm-section &gt; .block-section-container {max-width: 500px;}

    .spacer {height: 15px;}
    .container, .block-section &gt; .block-section-container {max-width: 900px;}
    .wide-margin .block-columns .__col .block-section .block-section-container {padding: 3.5rem !important;}

    .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 .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;}
    footer .col-sm-3 {padding: 25px 25px 40px 25px !important;}

}

@media (max-width: 1024px) {
    .hero-section h1 {font-size: 3rem;}
}

@media (max-width: 992px) {
    h1 {font-size: 3.5rem;}
    h2 {font-size: 2.5rem;}
    h3 {font-size: 2rem;}
    h4 {font-size: 1.6rem;}
    h5 {font-size: 1.2rem;}
    .hero-section {width: 100% !important;}
    .wide-margin .block-columns .__col .block-section .block-section-container {padding: 2rem !important;}

    .news-card.news-block .news .list-group-item .list-header {top: 55% !important;}

    .navbar .navbar-nav .dropdown-menu {top: auto !important; bottom: auto !important;}
    
    .video-wrapper:after {display: none !important;}
    .text-responsive {width: 100% !important;}
    .page-cover &gt; .block-section-container {padding-top:5rem;}
    .news .list-group-item .list-header {font-size: 1.6rem;}
    .container, .block-section &gt; .block-section-container {max-width: 100%;}
    main &gt; .block-section {padding: 60px 15px 60px 15px;}
    
    .pp-container {width:80%;}

    
}


@media (max-width: 768px) {
    @media (max-height:900px) {
        .main-slider, .home-cover {min-height:650px !important;}
    }
    .hero-section {width: 100% !important;}
    .hero-section h1 {font-size: 2.5rem;}
    .hero-section .btn-primary {font-size: 0.75rem; padding: 1rem 1.5rem; width: 100%; }

}


@media (max-width: 767px) {
    @media (max-height:700px) {
        .main-slider, .home-cover {min-height:600px !important;}
    }
    
    body, .block-section.bg-fixed {background-attachment:scroll;}
    h1 {font-size: 3rem !important;}
    h2 {font-size: 2rem !important;}
    h3 {font-size: 1.7rem !important;}
    
    .popup-form {width: 20rem;}
    
    .news-card.news-block .news .list-group-item .list-header {top: 45% !important; font-size: 1.3rem !important; }

    .card-inner2 &gt; .block-section-container:before {-webkit-clip-path: polygon(0% 0, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(0% 0, 100% 0%, 100% 100%, 0% 100%); opacity: 1 !important; content: '';position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: inherit; background-size: cover;  background-position: center; transition: 0.5s ease-in-out; z-index: 0; filter: brightness(70%);}
    .card-inner11 &gt; .block-section-container:before {-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); opacity: 1 !important; content: '';position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: inherit; background-size: cover;  background-position: center; transition: 0.5s ease-in-out; z-index: 0; filter: brightness(70%);}

    .adjust-padding {padding: 0 !important;}
    
    .mobile-hero {padding-top: 7rem !important;}
    .service-section p, .service-section .btn {opacity: 1 !important;}
    .service-section2 p, .service-section2 .btn {opacity: 1 !important;}

    .order-md .block-columns &gt; .__col:nth-child(1) {order:2;}
    .order-md .block-columns &gt; .__col:nth-child(2) {order:1;}
    
    .block-section.order-md .block-columns .__col:nth-child(1) {-ms-flex-order: 2; order:2;}
    .block-section.order-md .block-columns .__col:nth-child(2) {-ms-flex-order: 1; order:1;}

    .hero-section {margin-top: 0 !important;}
    .with-sigil img {width: 15%;}

    .text-responsive {width: 100% !important;}
    .pp-container { width: 90%; margin: 50px auto;}
    
    .btn-container .btn{padding: 1rem 2.5rem !important;}

    .btn {font-size:.9rem; padding: 1rem 1.5rem !important;}

    .border-col.left .block-columns .__col {border: none;}
    .border-col.right .block-columns .__col {border: none;}
    

    .page-cover, .page-cover &gt; .block-section-container {padding-left:.2rem !important; padding-right:.2rem !important;}
    .breadcrumbs {font-size: .7rem;     letter-spacing: 1px; margin-left:2px;}
    .breadcrumbs.sm {font-size: .5rem;}
    
    .block-list-group.accordion .card .card-body {padding: 15px 20px 15px 20px !important;}
     main &gt; .block-section {padding: 40px 0;}
     
     .block-section.sm-section &gt; .block-section-container {max-width: 100%;}
    
    .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: 2.5rem;}
    
    .block-section .block-columns .__col {flex:1 0 100%; max-width:100%;}
    
    .timeline-col &gt; .block-section-container &gt; .block-columns &gt; .__col  {padding-bottom:0 !important; padding-top:0 !important; flex:1 100%; max-width:100%;}
    .timeline-col &gt; .block-section-container &gt; .block-columns &gt; .__col:nth-child(1) .block-section-container {border-left:1px solid #0070ba !important; padding-left:3rem;}
    .timeline-col &gt; .block-section-container &gt; .block-columns &gt; .__col:nth-child(1) .block-section-container:before {content: "\2022" !important; color: #0070ba; font-size: 100px; position: absolute; left: -6px; margin-top:-70px; }
    .timeline-col &gt; .block-section-container &gt; .block-columns &gt; .__col:nth-child(2) .block-section-container:before {content: "" !important;}
    
    
    .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:-15px;}
    .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:0;}
    
    .text-left-center, .text-right-center {text-align: center !important;}  
    .text-right-left, .text-center-left {text-align: left !important;}
    .text-left-right, .text-center-right {text-align: right !important;}
    
	.contact-card .block-columns .__col .block-section {background: linear-gradient(to bottom, #fff 135px, #4f4f4f 135px);}
	.contact-box .block-columns .__col .block-section {background-size:cover !important; height:400px; background-position: 30% 50%;}
	.contact-box .block-columns .__col .block-section:before {background:linear-gradient(to bottom, transparent 70%, #181818);}

	.row-gutter-md .row  .__col, .row-gutter .row  .__col {padding: 15px !important;}
	.row-gutter-md .block-columns:not(:last-child) {padding-bottom: 0;}

    .pull-left-right {float:right;}
    .pull-left-none, .pull-right-none {float:none;} 
    .pull-right-left {float:left;}
    .pull-mb-flex { justify-content: flex-end !important; align-content: center; flex-direction: column; }
  
    
    .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-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;}
    
    
    .bg-half.fade-md {background:linear-gradient(to bottom, #f0f0f0, transparent);}
    .bg-half-top.fade-md {background:linear-gradient(to top, #f0f0f0, transparent);}
    .bg-half.primary.fade-md {background:linear-gradient(to bottom, #0070ba, transparent);}
    .bg-half-top.primary.fade-md {background:linear-gradient(to top, #0070ba, transparent);}
    .bg-half.secondary.fade-md {background:linear-gradient(to bottom, #cda266, transparent);}
    .bg-half-top.secondary.fade-md {background:linear-gradient(to top, #cda266, transparent);}
    .bg-half.light.fade-md {background:linear-gradient(to bottom, #fff, transparent);}
    .bg-half-top.light.fade-md {background:linear-gradient(to top, #fff, transparent);}
    .bg-half.dark.fade-md {background:linear-gradient(to bottom, #181818, transparent);}
    .bg-half-top.dark.fade-md {background:linear-gradient(to top, #181818, transparent);}
    
    .d-none-md {display:none !important;}
    .order-md .block-columns &gt; .__col:nth-child(1) {order:2;}
    .order-md .block-columns &gt; .__col:nth-child(2) {order:1;}
    
    
    .__col.order-1-md {order:1;}
    .__col.order-2-md {order:2;}
    .p-0-md {padding:0 !important;}
    .py-0-md {padding-top:0 !important; padding-bottom:0 !important;}
    .px-0-md {padding-left:0 !important; padding-right:0 !important;}
    .pl-0-md {padding-left:0 !important; }
    .pr-0-md {padding-right:0 !important;}
    .pt-0-md {padding-top:0 !important; }
    .pb-0-md {padding-bottom:0 !important;}
    
    .div-banner-roll {background-size:cover;}
    .ul-menu-child {width:100%;}
    .ul-menu-child li.back span {display:flex;} 
}

@media (max-width: 558px) {
    .div-loader img.bg {width:300px;}
    .div-loader img.logo {width:50px;}
    .slick.fade-x .slick-slider:before, .slick.fade-x .slick-slider:after {width:100px;}
    
    .cards-4 .__col .block-image:nth-child(1) {height:200px;}
    .cards-4 .__col .block-image:nth-child(1) img {width:60%;}
    
    
}

@media (max-width: 320px) {
    h1 {font-size: 2.5rem;}
}



.col-md-2\.4 &gt; .block-section &gt; .block-section-container {display: flex; align-items: center; flex-direction: column;}
.col-lg-2\.4, .col-md-2\.4, .col-sm-2\.4 {width:100%; display:inline-block;}
.col-2\.4 {width:calc(calc(100% / 5) - $col24); display:inline-block;}
@media (min-width: 768px) { .col-md-2\.4 {width:calc(calc(100% / 2) - $col24);} }
@media (min-width: 992px) { .col-md-2\.4 {width:calc(calc(100% / 3) - $col24);} }
@media (min-width: 1280px) { .col-lg-2\.4 {width:calc(calc(100% / 3) - $col24);} }
@media (min-width: 1440px) { .col-lg-2\.4 {width:calc(calc(100% / 5) - $col24);} }






/***************** menu-top *********************/
.div-anchor {height:200px; margin-top:-200px; position:relative; z-index:-1;}

.navbar.scrolled {background:#fff; box-shadow:0px 2px 10px rgba(0,0,0,0.1);}
.navbar {background: #fff !important; position:fixed; inset: 0 0 auto 0; height:180px; z-index:250; transition:.3s all;} /*background:rgba(255,255,255,0.5); backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px); */
.navbar .nav-inner {height:100%; width:100%; display: flex; flex-direction: row; justify-content: space-between;} 
.navbar .nav-inner .navbar-brand {display: flex; align-items: center; justify-content: center;}
.navbar .nav-inner .navbar-brand img { max-width: 500px; max-height: 90%; width: auto; margin-right:auto;}
.navbar .nav-inner .navbar-nav { margin-left:auto; width: auto; display: flex; flex-direction: row; justify-content: space-evenly; align-items: center;}
.navbar .nav-inner .navbar-nav .nav-link {color:#181818; text-transform:uppercase; transition:.3s all;}
.navbar .nav-inner .navbar-nav &gt; .nav-item &gt; .nav-link { font-size:1rem; color: #181818; letter-spacing: 1.15px !important; }
.navbar.scrolled .nav-inner .navbar-nav &gt; .nav-item &gt; .nav-link {color:#181818;}
.navbar .nav-inner .navbar-nav &gt; .nav-item {padding:0 2rem;display: flex; align-items: center;}
.navbar .nav-inner .navbar-nav .nav-item.nav-active &gt; .nav-link {font-weight:700;}
.navbar .nav-inner .navbar-nav .nav-item.dropdown {}
.navbar .nav-inner .navbar-nav .nav-link:hover {opacity:.5;}
.navbar .dropdown-toggle::after {margin-left:10px;}
.navbar .navbar-nav .dropdown-menu {transition:.3s all; position: absolute; border-radius: 5px; left: -5rem; right: 0; box-shadow:5px -5px 10px rgba(0,0,0,0.1);}
.navbar .navbar-nav .dropdown-menu:before {content:""; position:absolute; height:10px; width:10px; background:#fff; transform: rotate(45deg) translateX(-50%); right: 10%; top: 0;}
.navbar .navbar-nav .dropdown-menu.nav-level3 { right: 103%; left: -100%; top: 0; }
.navbar .navbar-nav .dropdown-menu.nav-level3::before { right: -8px; top: 20px; }
.navbar .navbar-nav .dropdown-menu li { }
.navbar .navbar-nav .dropdown-menu li a {padding:8px 15px;}
.navbar .nav-inner .socials {z-index:1; height:100%; display:flex; list-style:none; flex-direction: column; align-items: center; justify-content: space-evenly; align-content: center;}
.navbar:is(.no-socials, .socials-md) .nav-inner .socials {}
.navbar .nav-inner .socials li {height:100%;}
.navbar .nav-inner .socials a {height:100%; background: #0070ba; color: #fff !important; display: flex; border:none !important; text-decoration:none; transition:.3s all; width: 50px; justify-content: center;     align-items: center;}
.navbar .nav-inner .socials a:hover {background:linear-gradient(#181818, #181818);}
.navbar .nav-outer, .navbar .nav-outer .nav-title, .navbar .nav-outer .cta  {display:none;}

.navbar .navbar-brand.filtered img {filter:brightness(0) invert(1);}
.navbar.scrolled .navbar-brand.filtered img {filter:none;}

.navbar.dark.scrolled {background:#181818;}
.navbar.dark .nav-inner .navbar-nav .nav-item .nav-link {color:#fff;}
.navbar.dark .navbar-nav .dropdown-menu, .navbar.dark .navbar-nav .dropdown-menu:before {background:#2e2e2e;}

.nav-item.no-child:hover, .nav-item.no-child:hover .nav-link {background:none !important;}
.nav-item.no-child &gt; ul, .nav-item.no-child &gt; a:after {display:none;}

.navbar .ftr-only, footer .hdr-only, footer .nav-item .dropdown-toggle::after, footer .nav-item .children {display:none !important;}

@media (max-width: 2050px) {
    .div-anchor {height:150px; margin-top:-150px;}
    .navbar {height:120px;}
    .navbar .nav-inner .navbar-brand img { max-width: 400px;}
    .navbar .nav-inner .navbar-nav &gt; .nav-item &gt; .nav-link {font-size:1.2rem;}
}

@media (max-width: 1920px) {
    .navbar .nav-inner .navbar-brand img { max-width: 300px;}
}

@media (max-width: 1440px) {
    .div-anchor {height:120px; margin-top:-120px;}
    .navbar {height:100px;}
    .navbar .nav-inner .navbar-nav &gt; .nav-item {padding:0 1.5rem;}
    .navbar .nav-inner .socials a {width: 40px; }
}

@media (max-width: 992px) {
    .navbar .nav-inner .navbar-nav, .navbar .nav-inner .socials, .navbar .nav-outer:before, .navbar .nav-outer .nav-title, .navbar .nav-outer .cta {transition:.6s all; right:-101vw !important;}
    .navbar.open .nav-inner .navbar-nav, .navbar.open .nav-inner .socials, .navbar.open .nav-outer:before, .navbar.open .nav-outer .nav-title, .navbar.open .nav-outer .cta {right:0 !important;}
    .navbar {backdrop-filter:none; -webkit-backdrop-filter:none;}
    .navbar .nav-outer:before {color: #faf6f0 !important;}
    
    .navbar .nav-outer {background:secondary !important; }
    .navbar .navbar-brand {z-index: 10000 !important;}
    .navbar .nav-inner .navbar-nav { height:auto; position: fixed; width: 75%; inset: 100px 0px 50px 0; background: #fff; overflow-y: auto; padding:2rem 1rem; display: flex; flex-flow: column wrap; align-items: flex-start; justify-content: flex-start; flex-direction: column; flex-wrap: nowrap;}
    .navbar .nav-inner .navbar-nav li {width:100%; display: flex; flex-direction: column; align-content: flex-start; align-items: flex-start !important; flex-wrap: wrap;}
    .navbar .nav-inner .navbar-nav .nav-item .nav-link {color:#181818;}
    .navbar .nav-inner .navbar-nav &gt; li {border-bottom:1px solid #d9d9d9;}
    /* .navbar .nav-inner .navbar-nav &gt; li:first-child {border-top:1px solid #d9d9d9;} */
    .navbar .navbar-nav .dropdown-menu {margin-bottom: -1px; position: relative; left: -1.5rem; top: auto; width: calc(100% + 3rem); box-shadow:0px 5px 10px rgba(0,0,0,0.1); border-radius:0;}
    .navbar .navbar-nav .dropdown-menu li a {padding:8px 1.5rem;}
    .navbar .navbar-nav .dropdown-menu.nav-level2 {background: #f0f0f0;}
    .navbar .navbar-nav .dropdown-menu.nav-level3 {left: 0 !important; width: 100%; top: auto; position: relative; box-shadow: none; background: #d9d9d9;}
    .navbar .navbar-nav .nav-item.dropdown.show:not(.no-child) {border-left: 3px solid #0070ba; }
    .navbar .navbar-nav .dropdown-menu::before {display:none;}
    .navbar .nav-inner .socials {display: flex; position: fixed; inset: auto 0px 0px auto; flex-direction: row; height: 50px; width: 75%;}
    .navbar .nav-inner .socials li, .navbar .nav-inner .socials li a {width:100%;}
    .navbar .nav-inner .socials li a {background: #0070ba; font-size:2rem;}
    
    .navbar.no-socials .nav-inner .navbar-nav {bottom:0;}
    .navbar.dark .nav-inner .navbar-nav {background:#181818;}
    .navbar.dark .navbar-nav .dropdown-menu.nav-level2 {background:#2e2e2e;}
    .navbar.dark .navbar-nav .dropdown-menu.nav-level3 {background:#4f4f4f;}
    
    .navbar .nav-outer {display: flex; position: fixed; top: 0; right: 0; width: 75%; height: 100px; align-items: center; justify-content: space-between; padding: 1rem;}
    .navbar .nav-outer:before {background: #faf6f0; content:""; top: 0; bottom: 0; width: 100%; position:absolute; z-index:-1;}
    .navbar .nav-outer .nav-toggler {order:2; color:#0070ba;}
    .navbar.scrolled .nav-outer .nav-toggler {color:#0070ba;}
    .navbar.open .nav-outer .nav-toggler {background:transparent;}
    .navbar .nav-outer .nav-title {position:relative; order:1; display:flex; opacity: 0;}
    .navbar .nav-outer .nav-title a * {color:#cda266; font-weight:700;}
    .navbar .nav-outer .cta {}
    
    .navbar.socials-md .nav-inner .socials {display:flex;}
}

@media (max-width: 767px) {
    .navbar .nav-inner .navbar-nav li a { font-size:1rem;}
}

@media (max-width: 558px) {
    .navbar .nav-inner .navbar-brand img {width:80%;}
    .navbar .nav-inner .navbar-nav, .navbar .nav-inner .socials, .navbar .nav-outer {width: 100%;}
}

@media (max-width: 320px) {

}






/***************** FOOTER-CSS2 *********************/

.spacer-right {margin-right: 0.75rem;}

footer .row {margin: 0;}
footer .col-sm-3 {padding: 80px 75px; border-right: 1.5px solid #d9d9d9;}
footer .col-sm-3:last-child {border: none;}
footer img {margin: 0 auto; display: block; max-width: 75%;}
footer a {color: #181818; text-decoration: none;}
footer a:hover {color: #0070ba; text-decoration: none;}
footer h4 {font-size: 1.5rem; font-weight: 400;}
footer .btn-hollow-dark {width: 100%;}
footer .spacer-right {margin-right: 0.75rem;}

footer h2 a {margin: 0 30px 0 0;  display: inline-block;}
footer ul {padding: 10px 0 0 0; list-style: none;}
footer ul li {border-bottom: 1.5px solid #d9d9d9; font-size: .8rem; line-height: 1.9; letter-spacing: 1px; text-transform: uppercase;}
footer ul li a {padding-left: 0 !important; padding: 10px 0; color: #181818; border: none; display: block;}
footer ul li a:after {display: none !important; }

footer ul li a:hover {color: #0070ba; border: none; text-decoration: none; }

@media (max-width: 1920px) {
    footer .col-sm-3 {padding: 5rem 3rem !important;}
}
@media (max-width: 1280px) {
    footer .col-sm-3 {padding: 3.5rem 1.5rem !important;}
    footer ul li {font-size: .75rem; letter-spacing: 0 !important;}
    
}

@media (max-width: 1024px) {
    footer .col-sm-3 {padding: 3rem 3rem !important;}
}

@media (max-width: 767px) {
    footer .col-sm-3 {padding: 4rem 2.5rem !important;}
}

</pre></body></html>