/***************** variables *********************/



#c0aa8d: #c0aa8d;r


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

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







html {scroll-behavior: smooth !important; word-wrap:break-word;}
body {font-family: manrope, 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: #f0d5b0; color: #181818; overflow-x:unset;} 

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

h1, h2, h3, h4, h5 {font-weight: 700 !important; font-family:montserrat, 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;}
h6 {font-size: .8rem; letter-spacing: 3px; text-transform: uppercase; line-height: 1.9;}
p {color: #2e2e2e;}
p, a, ul, ol, li {margin: 0; margin-bottom:0; padding: 0; font-family: manrope, sans-serif !important;}

main a, main a * {transition:.3s all; text-decoration:none; border:none;} 
main a {color: #21694c; font-weight: 700; transition: .3s all;text-decoration:none !important; cursor:pointer;}
main a:hover {color: #21694c;}
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: #21694c;}

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:montserrat, sans-serif !important; }
.font2, .font2 h1, .font2 h2, .font2 h3, .font2 h4, .font2 h5, .font2 h6, .font2 p { font-family:manrope, sans-serif !important; }
.font3, .font3 h1, .font3 h2, .font3 h3, .font3 h4, .font3 h5, .font3 h6, .font3 p { font-family:finalsix, 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:#21694c; 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);}
/*#modal-cc #cc-buttons button#cc-decline:after {filter:none !important; color:#181818 !important;}*/
#cc-settings-container a {color:#21694c;}
#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: 10px !important; font-style: normal; display: inline-block; margin: 30px 0 0 0; text-decoration: none;}

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

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

.btn-info {background-color: #3C6EFF; color: #fff !important;}
.btn-info:hover {background-color: #181818;}

.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-back {background: transparent !important;}
.btn-back:hover {background: transparent !important;}

.btn-dark {background-color: #181818; color: #fff !important;}
.btn-dark:hover {background-color: #fff; color: #181818 !important;}
/***************** 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: #21694c !important;}
.border-secondary, .border-secondary.border-col .block-columns .__col {border-color: #d4803e;}
.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: #21694c;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 {border-radius: 10px; background: #1c4433; 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 {border-radius: 10px; color: #fff !important;}
.sweep-to-right:hover:before, .sweep-to-right:focus:before, .sweep-to-right:active:before {border-radius: 10px; -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: #1c4433 !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 > [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: #21694c; 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:montserrat, 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: #21694c; 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:#21694c !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: #21694c; 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 > button) {margin:0;}
.block-list-group.modal-list .list-group-item h5 > button { font-family:montserrat, sans-serif; text-transform:none;}
.block-list-group.modal-list .list-group-item h5 > button:before {background:#21694c;}
.block-list-group.modal-list .list-group-item h5 > button:after {content:"\f067" !important;}


.block-list.btn-video .block-list-group.modal-list .list-group-item h5 > 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 > button:hover {opacity:.7;}
.block-list.btn-video .block-list-group.modal-list .list-group-item h5 > button:before,
.block-list.btn-video .block-list-group.modal-list .list-group-item h5 > 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: #21694c; color: #21694c;}



.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 > 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 > 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:#d4803e !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:#d4803e !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 #21694c; 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: 55% !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:1470px) {
    .news-card.news-block .news .list-group-item .list-header {padding-bottom: 2rem !important; top: 60% !important; font-size: 1.3rem !important; }
    
} @media (max-width:1440px) {
    :root {--newslist:25vw;}
    .news-pop .list-group-item .div-anchor {height:180px; margin-top:-180px;}
} @media (max-width: 1280px) {
    .news-card.news-block .news .list-group-item .list-header {top: 60% !important;}
} @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: 55% !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: 50% !important; font-size: 1.3rem !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: #21694c !important;}
.news-share .share-inner.row:not(:first-child) .btn:hover {background: #21694c !important;}
.news-share .share-inner.row:not(:first-child) .btn:hover p {color: #fff !important;}

.news-share .share-inner.row > div:first-child {}
.news-share .share-inner a {padding:0; background:transparent; border:1px solid #21694c; 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:#21694c;}
.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:#21694c;}
.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 > 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 > .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: #21694c; 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 > h3 {font-size:2rem; margin:0 !important; line-height:normal;}
.block-gallery .carousel .carousel-caption > p { font-size:1rem; margin:0 !important; line-height:normal;}
.block-gallery .carousel .carousel-caption > .btn {color:#fff !important;}
.block-gallery.text-left.custom1 .carousel .slider-overlay {opacity:1; background:linear-gradient(to right, #d4803e 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 > 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:10px;}
.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 > div { flex: 1 0 50%; position: relative; overflow: hidden;}
.__base .block-gallery.zoom > div { flex: 1 0 100%;}
.block-gallery.zoom .gallery.row {overflow-y:scroll; padding-top:0 !important; padding-bottom:0 !important; align-content: flex-start;}
.block-gallery.zoom .gallery.row:before, .block-gallery.zoom .gallery.row:after {content:""; position:absolute; inset:0 0 auto 0; height: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 > .div-zoom { flex: 1 0 70%;}
    .block-gallery.zoom > .__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 > 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:#21694c;}
.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, #21694c, transparent);}
.bg-secondary .slick.fade-x .slick-slider:before, .bg-secondary .slick.fade-x .slick-slider:after {background:linear-gradient(to right, #d4803e, 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 > .block-section-container {max-width: 1440px;}
.container {padding: 0;}
.container-fluid {padding: 0;}

main > .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 > .block-section .block-columns .block-section > .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 > *:first-child:not(.div-anchor) {margin-top:0 !important;}
.full-width-all .row, .full-width-all .__content, .full-width-all .__col {margin: 0; padding: 0;}
.full-width-all.block-section > .block-section-container > .block:is(.block-header, .block-text) > .__content {padding:0 15px;}

main.full-width-all > .block-section:not(.page-cover), main.full-width-all > .block-section:not(.page-cover) .block-section-container {width: 100%; max-width: 100%; padding: 0;}
main.full-width-all > .block-section:not(.page-cover) :is(.row, .__content, .__col) {margin:0; padding:0;}

.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 {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:#21694c; 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: 15rem; width:15rem;}
.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: #f5f5f5; transition:.3s all; border-left: 4px solid #d9d9d9; color: #181818; padding: 15px;  border-radius: calc(10px / 2); 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: #f0f0f0; border-left: 4px solid #181818; color: #181818;}
.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 .form-fields.row label, .bg-secondary .form-fields.row label {color: #fff !important;}
.bg-primary .form-group label, .bg-secondary .form-group label {color: #fff !important;}
.bg-primary .btn {background: #d4803e !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 #d4803e;}
.bg-secondary .block-form .form-control:focus {border-left: 4px solid #21694c;}
.bg-primary .btn:hover, .bg-secondary .btn:hover {color:#181818 !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 > 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: #21694c !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: #d4803e;}
.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: #1c4433 !important;}

.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-special:before {mix-blend-mode: multiply; opacity: 0.9 !important; background-color: #1c4433 !important;}

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

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

.filter-gradient1:before, .bg-gradient1 {background:linear-gradient(315deg, #21694c, #F2F7E7);}
.filter-gradient2:before, .bg-gradient2 {background:linear-gradient(315deg, #d4803e, #DEE1D7);}
.filter-gradient3:before, .bg-gradient3 {background:linear-gradient(135deg, #21694c 0%, #d4803e 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 > .block-error-404 {position:relative; background:linear-gradient(to bottom, #21694c, transparent); padding: 3rem; min-height: 75vh; display: flex; align-content: center; flex-direction: column; justify-content: center; align-items: center; text-align:center;}
main > .block-error-404 h5 {transition:.3s all; cursor:pointer; border-bottom:1px dotted #f0f0f0;}
main > .block-error-404 h5:hover {color:#21694c;}

.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:#21694c !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: 35vh;}
.spacer-md {height: 20vh;}
.spacer-sm {height: 5vh;}
.spacer-xs {height: 4rem;}

.spacer1 {height: 10vh;}
.spacer2 {height: 20vh;}
.spacer3 {height: 30vh;}
.spacer4 {height: 25vh;}

/***************** 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: 50vh;}
.section-height4 {height: 100%; min-height: 25vh;}
.section-height5 {height: 100%; min-height: 25vh;}


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


.__base .bg-clip-icon {scale:1 !important; filter:none !important; -webkit-mask: none !important; overflow: hidden !important; }
.__base .bg-clip-icon.bg-video:after {content:"[background-video | background-clip-video]" !important;}
.__base .bg-clip-icon:not(.bg-video):after {content:"[background-image | background-clip-video]"; position: absolute; bottom: 20%; text-align:left; width:100%; font-family:monospace; display:block;}
.bg-clip-icon {-webkit-mask-image: url(../../files/icon.svg);-webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: contain; scale: 1.5; }
.bg-clip-icon.bg-video:before {display:none;}


:is(.card-inner2, .card-inner2> .block-section-container) {background-size:0 !important;}
.card-inner2 > .block-section-container {background-image:inherit;}
.card-inner2 > .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-sec:hover .card-inner2 > .block-section-container:before{ -webkit-clip-path: polygon(50% 0, 100% 1%, 100% 100%, 0 100%); clip-path: polygon(50% 0, 100% 1%, 100% 100%, 0 100%); opacity: 1!important;} */

.col-md-2\.4 {flex: 1 1 350px !important;}


.__base .fancy-section h3 {background-image: url();background-size: cover;color: #181818;-moz-background-clip: text;-webkit-background-clip: text; margin: 10px 0;}
.fancy-section { display: flex;flex-direction: column;align-items: center; justify-content: center; height: 100vh; letter-spacing: 1px; line-height:2;}

/*************** text masking animation ********************/

.fancy-section { display: flex;flex-direction: column;align-items: center; justify-content: center; height: 100vh; letter-spacing: 1px; line-height:2;}
.fancy-section h1 {font-size: 7rem !important; font-weight: 700; background-image: url(https://i.giphy.com/media/3bc8pP1rVdfgN1uoMV/200w.gif);background-size: cover;color: transparent;-moz-background-clip: text;-webkit-background-clip: text; margin: 10px 0;}
.fancy-section h4 {font-weight: 500; background-image: url(https://media0.giphy.com/media/v1.Y2lkPTc5MGI3NjExNDhhZWUxZWExOWM5N2UzODkwOTVhODVkZTQwMDJmNzRiMjEwZWFkZCZjdD1n/t2aAdTgnU9Ie6jvG0W/giphy.gif);background-size: cover;color: transparent;-moz-background-clip: text;-webkit-background-clip: text;}
.fancy-section h3 {font-weight: 500; background-image: url(https://media0.giphy.com/media/v1.Y2lkPTc5MGI3NjExNDhhZWUxZWExOWM5N2UzODkwOTVhODVkZTQwMDJmNzRiMjEwZWFkZCZjdD1n/t2aAdTgnU9Ie6jvG0W/giphy.gif);background-size: cover;color: transparent;-moz-background-clip: text;-webkit-background-clip: text;}

@media (max-width:1280px) {
    .fancy-section h1 {font-size:6rem !important;}
} @media (max-width:992px) {
    .fancy-section h1 {font-size:5rem !important;}
} @media (max-width:558px) {
    .fancy-section h1 {font-size:4rem !important;}
}

.text-light .testimonials .list-group-item {background:#181818; }
.text-light .testimonials .slick-dots li button {background-color: $basecolor;}
.testimonials :is(.block-list-group, .slick-track) {display: flex; height:100%; padding-block:4rem;}
.testimonials .slick-track {gap: 2rem; padding-top:2rem !important;}
.testimonials .list-group-item {position:relative; flex:1; margin:0; color:#181818; display: flex; flex-direction: column; justify-content: flex-end; }
.testimonials .list-group-item .list-date {display:none;}
.testimonials .list-group-item > h6 {order: 3; margin:0; font-size: .7rem; line-height: 1.5;}
.testimonials .list-group-item .list-header {order:2; border:none; font-size:1.3rem;}
.testimonials .list-group-item .list-content {color: #f0f0f0 !important; order:1; position:relative; border-bottom:1px solid #d9d9d9; padding-bottom: 0.5rem; margin-block: 0 0.5rem;  height:100%;}
.testimonials .list-group-item .list-content img {position: relative; float:right; width: 5rem; height: 5rem; border-radius: 50%; object-fit: cover; margin-left:1rem;}
.testimonials .slick-dots {bottom: 0; left: 50%; transform: translateX(-50%); justify-content: center;}
.testimonials.questions .list-group-item .list-content:before {content:"\f128"; inset:auto -1rem -1rem auto !important;}
.testimonials.questions .list-group-item .list-header {order:1;}
.testimonials.questions .list-group-item .list-content {order:2; border-bottom:none; border-top:1px solid #d9d9d9; margin:0;}

.testimonials .news .list-group-item {color: #fff !important; border: none !important; background: transparent !important;}

.testimonials .news .list-group-item p {color: #f0f0f0 !important;}
@media (max-width:767px) {
    .testimonials .slick-track {gap: 1rem; }
    .testimonials .list-group-item {box-shadow:none !important;}
    .full-width-all .testimonials :is(.block-list-group) {margin-inline:-1rem !important;}
}

.map-area {background-size: 100% !important; transition: 2s all !important;  }
.name-sec:hover .map-area {background-position: center center; background-size:175% !important; transition: 2s all !important; }

.map-area .sec-zoom:before{opacity: 1; transition: .3s all;-webkit-clip-path: circle(0% at 69% 23%); clip-path: circle(0% at 69% 23%); content: '';position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #2fa736; z-index: 0; mix-blend-mode: multiply;}
.name-sec:hover .map-area .sec-zoom:before{-webkit-clip-path: circle(15% at 69% 23%);clip-path: circle(15% at 69% 23%); opacity: 1!important; transition: .3s all;}

.about svg {margin-left: 4rem;}
.about img {margin-top: -17.5rem; width: 30%; margin-left: 4rem;}
.about .circle {cy: 100; cx: 100; r: 95;}
.circle {transition: .3s all; opacity: 0;}
.about:hover .circle {opacity: 1; stroke-dasharray: 1000; stroke-dashoffset: 1000; animation: stroke 2s ease-out forwards; stroke: #fff;}
.animated-icons {margin-top: -3em; }

@media (max-width:1920px){
    .about img {width: 30%; margin-left: 4.25rem; margin-top: -17rem;}

}
@media (max-width:1680px){
    .about img {width: 30%; margin-left: 4.5rem;}
}

@media (max-width:1440px){
    .about img {width: 30%; margin-left: 5.25rem; margin-top: -17rem;}

}

@media (max-width:1280px){
    .about img {width: 30%; margin-left: 6rem; margin-top: -17rem;}

}

@media (max-width:1024px){
    .about svg {margin-left: 3rem;}

}


@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes fadeIn {
	to {
		opacity: 1;
	}
}

@keyframes popp {50% {transform:scale(.95); opacity:.7;}}
.unmute video { object-fit:cover;}
.unmute video + a.pp.pause {animation:popp 1s linear infinite;}
.unmute video + a.pp { position: absolute; cursor:pointer; color:#fff; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius:50%; border:2px solid; width: 150px; height: 150px; z-index: 5; bottom: 5rem; right: 5rem; display: flex; align-items: center; justify-content: center; transition:.3s all;}
.unmute video + a.pp:before {content: "\f04b"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size:90px; transition:.3s all; color: #fff; width: 150px; height: 150px; display: flex !important; justify-content: center; align-content: center; align-items: center; border-radius: 50%; border: 1px solid #21694c;}
.unmute video + a.pp.play:before {content: "\f04c";}
.unmute video + a.pp:is(:hover, .play) {opacity:.5;}


@media (max-width: 767px) {
    .unmute video {height:75vh;}
    .unmute video + a.pp { width: 100px; height: 100px; right:3rem; bottom:3rem;}
    .unmute video + a.pp:before {width: 100px; height: 100px; }
    .unmute video + a.pp:before {font-size:50px;}
}

.tjan-section {overflow: hidden !important;}
.tjan-section .label-h4 {width: 100% !important; text-align: left !important;}


:is(.card-serv, .card-serv > .block-section-container) {background-size:0 !important;}
.card-serv > .block-section-container {background-image:inherit;}
.card-serv > .block-section-container:before { -webkit-clip-path: circle(0% at 50% 40%); clip-path: circle(0% at 50% 40%);  opacity: 1 !important; content: '';position: absolute; top: 0; left: 0; width: 180%; height: 150%; background-image: inherit; background-size: cover;  background-position: center; transition: 0.5s ease-in-out; z-index: 0; filter: brightness(70%);}
.card-serv:hover > .block-section-container:before{-webkit-clip-path: circle(40% at 50% 40%); clip-path: circle(40% at 50% 40%); opacity: 1!important;}

@media (max-width:1024px){
    .card-serv > .block-section-container:before { width: 200%; height: 150%; }
}

:is(.card-serv2, .card-serv2 > .block-section-container) {background-size:0 !important;}
.card-serv2 > .block-section-container {background-image:inherit;}
.card-serv2 > .block-section-container:before { -webkit-clip-path: circle(0% at 100% 0%);  clip-path: circle(0% at 100% 0%);  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%);}
.testi:hover .card-serv2 > .block-section-container:before{-webkit-clip-path: circle(100% at 100% 0%);  clip-path: circle(100% at 100% 0%);  opacity: 1!important;}

.hero {color: #fff !important;}


.video-wrapper2:after {position: absolute;content: "";top: 0;left: 0;width: 100%;height: 100%;display: block;background: transparent url(../../files/hero_bg-01.svg)center center;z-index:1;-webkit-background-size: 100%;-moz-background-size: 100%;-o-background-size: 100%;background-size: 100%;background-repeat: no-repeat;}

.hero .card-inner0:before{ -webkit-clip-path: polygon(0 0, 0% 0, 0% 100%, 0% 100%); clip-path: polygon(0 0, 0% 0, 0% 100%, 0% 100%);z-index: 0; opacity: 1 !important; mix-blend-mode: multiply !important;  content: '';position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(/files/herom-01.svg); background-size: cover;  background-position: center; transition: 0.5s ease-in-out; }
.hero:hover .card-inner0:before{ -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); mix-blend-mode: multiply !important; transition: 0.5s ease-in-out; }

.about .about-inner:before{ -webkit-clip-path: polygon(0 0, 100% 0, 100% 0%, 0 0%); clip-path: polygon(0 0, 100% 0, 100% 0%, 0 0%); z-index: 0; opacity: 1 !important; content: '';position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(/files/about1-01.svg); background-size: cover;  background-position: center; transition: 0.5s ease-in-out; }
.about:hover .about-inner:before{-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); mix-blend-mode: multiply; transition: 0.5s ease-in-out; }

@media (max-width: 992px) {
    .about .about-inner:before{ display: none; }
    .hero .card-inner0:before{ display: none; }
    .testi .card-serv2 > .block-section-container:before{-webkit-clip-path: circle(100% at 100% 0%);  clip-path: circle(100% at 100% 0%);  opacity: 1!important;}
    .service-section .block-columns .__col .block-section p {color: #fff !important; transition: .3s all; letter-spacing: 0 !important;}


}

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


/*.hero.bg-fixed + .block-section {margin-top:-50vh;}*/

.contact-hr hr {width: 100%; margin: 60px auto 30px auto; height: 4px; background-color: #21694c; color: #21694c; 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:#d4803e; 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: #21694c 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: #21694c; 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: #21694c; mix-blend-mode: multiply;  background-size: cover;  background-position: center; transition: 0.5s ease-in-out; }

.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 #d4803e; position:relative; background:#fff; overflow:unset;}
.flow .__col:nth-child(even) lord-icon {border-color: #d4803e;} /*.flow .__col:nth-child(3) lord-icon {border-color:#d4803e;}*/
.flow lord-icon:after {content:""; background-color:#21694c; 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: #21694c;}

.flow .number {min-height:120px; height: 300px !important;} .flow .number *, .flow .title *:first-child { margin-top:0; }
.flow .number .__content * {background-color:#d4803e; 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:#d4803e;} /*.flow :nth-child(3) lord-icon:after, .flow .__col:nth-child(3) .number .__content * {background-color:#d4803e;}*/
.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, #d4803e);}
/*.flow .__col:nth-child(3) .number .__content:before {background: linear-gradient(to right, #d4803e, #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, #21694c, #d4803e, #21694c, 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:#d4803e;}
.bg-primary .flow2 .__col .block-image .__content:before {background-color:#21694c;}
.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-columns .__col {padding: 1.5rem; transition: .3s all;}
.service-section .block-columns .__col .block-section {padding: 2rem; border: 1px solid #4f4f4f !important; border-radius: 15px; display: flex; align-items: center; justify-content: flex-start; height: 100%; min-height: 50vh;}
.service-section .block-columns .__col .block-section .block-section-container {justify-content: center !important;}
.service-section .block-columns .__col .bg-video video {opacity: 0 !important;  transition: 1s ease all; }
.service-section .block-columns .__col:hover .bg-video video {opacity: 1 !important; transition: 1s ease all; }
.service-section .block-columns .__col .bg-video:not(.no-ov):before {opacity: 0;}
.service-section .block-columns .__col:hover .bg-video:not(.no-ov):before {opacity: 1;}
.service-section .block-columns .__col .block-section:hover h3 {color: #fff;}
.service-section .block-columns .__col .block-section p {color: #2e2e2e; transition: .3s all; letter-spacing: 0 !important;}
.service-section .block-columns .__col .block-section:hover p {color: #fff; transition: .3s all;}
.service-section .block-columns .__col .block-section .btn {opacity: 0; transition: .3s all;}
.service-section .block-columns .__col .block-section:hover .btn {opacity: 1; color: #fff; transition: .3s all;}
.service-section .border-right {border-right: 2px solid #1c4433; }

.service-section .block-columns .__col .block-section h6 {color: #21694c !important;}
.service-section .block-columns .__col .block-section:hover h6 {color: #123685 !important;}

.service-section .block-columns .__col .block-section h5 {color: #21694c !important;}
.service-section .block-columns .__col .block-section:hover h4 {color: #fff !important;}

.text-color strong {color: #21694c !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: #d4803e; color: #fff; transition: .3s all; }
.staff-section .block-columns .__col .block-section h5 {color: #21694c;}

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

.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: #21694c; 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: #21694c; 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;}
.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.65; 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: .75; 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: #f0d5b0;}
.bg-dark1 {background: #242b20;}

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

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


main > div.__base .div-anchor {height:30px; margin-top:0px;}
main > 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 > .block-section > .block-section-container.shown > .__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;}
.__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 > .block-section-container, .pull-bottom-flex > .block-section-container, .pull-mb-flex > .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 > .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:montserrat, 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%, #d4803e 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 > .block-section-container > .block-columns > .__col .block-section-container { margin-left:8px; padding: 10px 2rem 10px 10px;}
.timeline-col > .block-section-container > .block-columns > .__col:nth-child(2) .block-section-container {padding:10px 10px 10px 3rem; border-left:1px solid #21694c !important;}
.timeline-col > .block-section-container > .block-columns:not(:last-child) > .__col:nth-child(2) .block-section-container {padding-bottom:3rem;}
.timeline-col > .block-section-container > .block-columns > .__col:nth-child(2) .block-section-container:before {content: "\2022"; color: #21694c; 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 > 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 > div {background: #181818; }
.card-contact ul {margin-top: 0 !important;}
.card-contact li:before {color:#21694c !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 > h5 > .btn {background: transparent; color: #fff !important; padding: 2px;}
[class*="contact-"] .block-columns .__col .block-section .block-list-group.modal-list .list-group-item > h5 > .btn:hover {color: #d4803e !important;}
[class*="contact-"] .block-columns .__col .block-section .block-list-group.modal-list .list-group-item > h5 > .btn:is(:hover, :focus, :active) {background: transparent !important;}
[class*="contact-"] .block-columns .__col .block-section .block-list-group.modal-list .modal {text-align:left;}
[class*="contact-"] .block-columns .__col .block-section .block-list-group.modal-list .modal-body > *:first-child {margin-top:0;}

main > div.__base .contact-box .block-columns .__col .block-section > .block-section-container .block-image {position:relative;}
main > div.__base .contact-box .block-columns .__col .block-section {height:auto !important; min-height:auto !important;}
.contact-box .block-columns .__col .block-section {background-color:#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 > .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 > .block-section-container .block-image {position:absolute; top: 0; left: 0; right: 0; bottom: 0;}
.contact-box .block-columns .__col .block-section > .block-section-container .block-image:before {position:absolute; content:""; left:0; top: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 > .block-section-container .block-image * { padding:0; object-fit: cover; height: 100%; object-position:center; transition:.3s all;}
.contact-box .block-columns .__col .block-section > .block-section-container .block:not(.block-image) { }
.contact-box .block-columns .__col .block-section:hover > .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 > .block-section {min-height:200px;}
[class*="cards-"].cards .__col > .block-section {border-radius:10px; overflow:hidden;}
[class*="cards-"].cards-ptop .__col > .block-section {padding-top:7rem !important;}
[class*="cards-"] .__col > .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 > .block-section.bg-image, [class*="cards-"] .__col > .block-section.bg-image .btn-primary {color:#fff !important;}
.cards-1 .__col > .block-section {border:1px solid #f0f0f0;}
.cards-2 .block-columns:nth-child(3n+1) .__col:nth-child(3n+1) > .block-section,  .cards-2 .block-columns:nth-child(3n+2) .__col:nth-child(3n+2) > .block-section, .cards-2 .block-columns:nth-child(3n+3) .__col:nth-child(3n+3) > .block-section {background:#d9d9d9;}
.cards-2 .block-columns:nth-child(3n+2) .__col:nth-child(3n+1) > .block-section,  .cards-2 .block-columns:nth-child(3n+3) .__col:nth-child(3n+2) > .block-section, .cards-2 .block-columns:nth-child(3n+1) .__col:nth-child(3n+3) > .block-section {background:#a6a6a6;}
.cards-2 .block-columns:nth-child(3n+3) .__col:nth-child(3n+1) > .block-section,  .cards-2 .block-columns:nth-child(3n+1) .__col:nth-child(3n+2) > .block-section, .cards-2 .block-columns:nth-child(3n+2) .__col:nth-child(3n+3) > .block-section {background:#f0f0f0;}
.cards-3 .block-columns:nth-child(3n+1) .__col:nth-child(3n+1) > .block-section,  .cards-3 .block-columns:nth-child(3n+2) .__col:nth-child(3n+2) > .block-section, .cards-3 .block-columns:nth-child(3n+3) .__col:nth-child(3n+3) > .block-section {background:#4f4f4f;}
.cards-3 .block-columns:nth-child(3n+2) .__col:nth-child(3n+1) > .block-section,  .cards-3 .block-columns:nth-child(3n+3) .__col:nth-child(3n+2) > .block-section, .cards-3 .block-columns:nth-child(3n+1) .__col:nth-child(3n+3) > .block-section {background:#2e2e2e;}
.cards-3 .block-columns:nth-child(3n+3) .__col:nth-child(3n+1) > .block-section,  .cards-3 .block-columns:nth-child(3n+1) .__col:nth-child(3n+2) > .block-section, .cards-3 .block-columns:nth-child(3n+2) .__col:nth-child(3n+3) > .block-section {background:#7a7a7a;}
div:is(.cards-prices-1, .cards-prices-2) .__col > .block-section {background-image:url('../../assets/images/price.png'); background-repeat:no-repeat;}
div:is(.cards-prices-1, .cards-prices-2) .__col > .block-section h6 {margin-top:0;}
.cards-prices-2 .__col > .block-section { background-position: 95% 5%; background-size: 100px;}
.cards-prices-2 .__col > .block-section > .block-section-container {}

.cards-4 .__col > .block-section {background:linear-gradient(to bottom, transparent 190px, #2e2e2e 0);  overflow:hidden;}
.cards-4 .__col > .block-section > .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 > .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, #21694c, #d4803e, #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, #21694c, #d4803e, #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, #21694c, #d4803e, #FFDA16, #2e2e2e) #21694c 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 > 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 > .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 > div.__base div.divider:after, main > 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, #21694c); 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, #d4803e);}
.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 > .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, #21694c 50%, transparent 50%);}
.bg-half-top.primary {background:linear-gradient(to top, #21694c 50%, transparent 50%);}
.bg-half.secondary {background:linear-gradient(to bottom, #d4803e 50%, transparent 50%);}
.bg-half-top.secondary {background:linear-gradient(to top, #d4803e 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:#21694c;}
.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);}

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



@media (max-height: 767px) {
    main > .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 > .block-section-container {max-width: 1050px;}
    main > .block-section {padding: 100px 0 100px 0;}
    .card-serv > .block-section-container:before {width: 185%;}
    
    .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;}
    .col-md-2\.4 {flex: 1 1 200px !important;}
    .card-serv > .block-section-container:before {width: 220%;}


}


@media (max-width: 1440px) {
    html, body {font-size: 1rem;} 
    .wide-margin .block-columns .__col .block-section .block-section-container {padding: 4rem !important;}
    .card-serv > .block-section-container:before {width: 210%;}
    .card-serv:hover > .block-section-container:before{-webkit-clip-path: circle(35% at 50% 40%); clip-path: circle(35% at 50% 40%);}
}

@media (max-width: 1280px) {
    html, body {font-size: 0.95rem;} 
    h1 {font-size: 3.5rem !important;}
    h2 {font-size: 2.5rem !important;}
    h3 {font-size: 2rem !important;}
    h4 {font-size: 1.6rem !important;}
    h5 {font-size: 1.2rem;}
    h6 {letter-spacing: 2px;}
    main > .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;}

    .spacer {height: 15px;}
    .container, .block-section > .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;}
    .col-md-2\.4 {flex: 1 1 150px !important;}
    .card-serv > .block-section-container:before {width: 185%;}
    .card-serv:hover > .block-section-container:before{-webkit-clip-path: circle(25% at 50% 40%); clip-path: circle(25% at 50% 40%);}
}

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

    .tjan-section .block-columns .__col {flex:1 0 50% !important; max-width:100% !important;}

    .service-section .block-columns .__col .block-section {height: auto; min-height: 65vh;}
    .service-section .block-columns .__col {flex:1 0 100% !important; max-width:100% !important;}

    .service-section .block-columns .__col .bg-video video {opacity: 1 !important;  transition: 1s ease all; }
    .service-section .block-columns .__col .bg-video:not(.no-ov):before {opacity: 1;}
    .service-section .block-columns .__col:hover .bg-video:not(.no-ov):before {opacity: 1;}
    .service-section .block-columns .__col:hover .bg-video video {opacity: 1 !important; transition: 1s ease all; }
    
    .service-section .block-columns .__col .block-section {color: #fff !important;}
    .service-section .block-columns .__col .block-section p {opacity: 1; transition: .3s all;}
    .service-section .block-columns .__col .block-section .btn {opacity: 1; transition: .3s all;}
    
    .name-sec .map-area {background-position: center center; background-size:200% !important; transition: 1s all !important; }
    .name-sec .map-area .sec-zoom:before{-webkit-clip-path: circle(10% at 35% 75%); clip-path: circle(10% at 35% 75%); opacity: 0.65!important; transition: .3s all;}

    .text-responsive {width: 100% !important;}
    .page-cover > .block-section-container {padding-top:5rem;}
    .news .list-group-item .list-header {font-size: 1.6rem;}
    .container, .block-section > .block-section-container {max-width: 100%;}
    main > .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;}
    h2 {font-size: 2rem;}
    h3 {font-size: 1.7rem;}
    
    body, .block-section.bg-fixed {background-attachment:scroll;}

    .mobile-h1 h1 {font-size: 1.65rem !important;}

    .mobile-adjust {padding-top: 5rem; }
    .mobile-adjust2 .d-bottom {display: flex; justify-content: flex-start !important; flex-direction: column !important;   -webkit-align-content: flex-end; align-content: flex-start !important; }


    .tjan-section .block-columns .__col {flex:1 0 100% !important; max-width:100% !important;}

    .adjust-padding {padding: 0 !important;}
    
    .card-inner2 {height: 50vh !important;}
    .card-inner2 > .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%);}

    
    .order-md .block-columns > .__col:nth-child(1) {order:2;}
    .order-md .block-columns > .__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 {font-size:.9rem;}

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

    .page-cover, .page-cover > .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 > .block-section {padding: 40px 0;}
    
    .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 > .block-section-container > .block-columns > .__col  {padding-bottom:0 !important; padding-top:0 !important; flex:1 100%; max-width:100%;}
    .timeline-col > .block-section-container > .block-columns > .__col:nth-child(1) .block-section-container {border-left:1px solid #21694c !important; padding-left:3rem;}
    .timeline-col > .block-section-container > .block-columns > .__col:nth-child(1) .block-section-container:before {content: "\2022" !important; color: #21694c; font-size: 100px; position: absolute; left: -6px; margin-top:-70px; }
    .timeline-col > .block-section-container > .block-columns > .__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, #21694c, transparent);}
    .bg-half-top.primary.fade-md {background:linear-gradient(to top, #21694c, transparent);}
    .bg-half.secondary.fade-md {background:linear-gradient(to bottom, #d4803e, transparent);}
    .bg-half-top.secondary.fade-md {background:linear-gradient(to top, #d4803e, 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 > .__col:nth-child(1) {order:2;}
    .order-md .block-columns > .__col:nth-child(2) {order:1;}
    
    
    .__col.order-1-md {order:1;}
    .__col.order-2-md {order:2;}
    .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 > .block-section > .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-right *********************/

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

.navbar {position:fixed; z-index:10; width:100%;}
.navbar .nav-inner {padding: 3rem; width:100%;}
.navbar.scrolled .nav-inner {background: #f0d5b0; transition: .3s all;}
.navbar .nav-inner:before {content:""; position:fixed; inset:0 0 0 auto; width:0; transition:.3s all; backdrop-filter:blur(10px);}
.navbar.open .nav-inner:before {width:100%;}
.navbar .nav-inner .navbar-brand {padding: 0;}
.navbar .nav-inner .navbar-brand img { width:100%; height:100%; padding:1rem; max-width:300px;}
.navbar .nav-inner .navbar-nav {border-radius: 20px; position: fixed; inset:0 0 0 auto; overflow:hidden; width:0; transition:.3s all; text-align: left !important; justify-content: center; background: #21694c;}
.navbar.open .nav-inner .navbar-nav {border-radius: 1.5rem; width:35%; right:1rem; top: 1rem; bottom: 1rem; box-shadow:-2rem 0rem 5rem rgba(0,0,0,0.3);}
.navbar .nav-inner .navbar-nav .nav-link {font-weight: 700; color: #fff; font-size: 2vw; transition:.3s all; }
.navbar .nav-inner .navbar-nav .nav-link:hover {letter-spacing:5px; color: #d4803e;}

.navbar .nav-inner .navbar-nav > li {transform:translateX(50vw); opacity:0; transition:1s all; margin-left: 4rem !important;}
.navbar.open .nav-inner .navbar-nav > li {transform:translateX(0); opacity:1;}
.navbar-nav .dropdown-menu {background: #21694c;}
.navbar-nav .dropdown-menu > li a {font-size: 1.25rem !important; padding: 0.5rem 1rem; }

.navbar .nav-outer {}
.navbar .nav-outer .nav-toggler {color: #fff !important; right: 3rem; top: 50%; padding:.7rem 1rem .5rem 1rem; cursor:pointer; position: absolute; transform: translateY(-50%); color:#fff; transition:.3s all; border-radius:10px;}
.navbar.scrolled:not(.open) .nav-outer .nav-toggler {background: #21694c !important;}
.navbar .nav-outer .nav-toggler i {transition:.3s all;}
.navbar .nav-outer .nav-title {display:none;}
.navbar.scrolled .socials {opacity: 0; }
.navbar.open .socials {opacity: 1 !important;}
.navbar .socials {transition:.3s all;  position: absolute; right: 6rem; top: 50%; transform: translateY(-50%); height: 40%; display: flex; list-style: none; align-items: center; font-size: 2rem; padding-right: 1rem;}
.navbar .socials a {transition:.3s all; color:#fff;}
.navbar .socials a:hover {color:#d4803e;}
.navbar .cta {display:none;}


.nav-item.no-child:hover, .nav-item.no-child:hover .nav-link {background:none !important;}
.nav-item.no-child > ul, .nav-item.no-child > 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) {
    .navbar .nav-inner .navbar-brand img {max-width:220px;}
}

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

@media (max-width: 1440px) {
    .navbar .nav-inner .navbar-nav .nav-link {font-size: 1.5rem;}

}

@media (max-width: 1280px) {
    .navbar .nav-inner .navbar-nav .nav-link { font-size: 1.25rem;}

}

@media (max-width: 992px) {
    .navbar .nav-inner .navbar-brand img {background:transparent !important; max-width: 50%;}
    .navbar .nav-outer .nav-toggler {right: .5rem;}
    .navbar.open .nav-inner .navbar-nav {border-radius:0%; width:100%;}
    .navbar .socials {opacity: 0;}
    .navbar .nav-inner:before {display:none; }
    .navbar.open .nav-inner .navbar-nav {border-radius: 1.5rem; width: 100%; left: 0; right:0; top: 0; bottom: 0;}

}

@media (max-width: 767px) {
    .navbar .nav-inner {padding: 0 !important; width:100%;}
    .navbar.open .nav-inner .navbar-nav {border-radius: 0; width: 100%; left: 0; right:0; top: 0; bottom: 0;}
    .navbar .socials {right: 3rem;}
}

@media (max-width: 558px) {
    
}

@media (max-width: 320px) {

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

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

footer .row {color: #f0d5b0 !important; margin: 0;}
footer p {color: #c0aa8d !important;}

footer .col-sm-3 {padding: 80px 75px; border-right: 1.5px solid #335747;}
footer .col-sm-3:last-child {border: none;}
footer img {margin: 0 auto; display: block; max-width: 75%;}
footer a {color: #f0d5b0; text-decoration: none;}
footer a:hover {color: #d4803e; 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 #335747; 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: #f0d5b0; border: none; display: block;}
footer ul li a:after {display: none !important; }

footer ul li a:hover {color: #d4803e; 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;}
}