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







html, body {background-color: #fff; font-family: acumin-pro, sans-serif; font-size: 25px; line-height: 1.9; letter-spacing: .3px; font-weight: 400; color: #999 /* 40% Black */; overflow-x: hidden;} 

img {border: 0; max-width: 100%; vertical-align: middle !important;}

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

/*h1 {font-family: museo-sans, sans-serif; margin: 0; padding: 0; color: #0f161c /* 80% Black */; font-size: 5rem; line-height: 1.3;}*/
/*h2 {font-family: museo-sans, sans-serif; margin: 0; padding: 0; color: #0f161c /* 80% Black */; font-size: 3rem; line-height: 1.3;}*/
/*h3 {font-family: museo-sans, sans-serif; margin: 0; padding: 0; color: #0f161c /* 80% Black */; font-size: 2.5rem; line-height: 1.3;}*/
/*h4 {font-family: museo-sans, sans-serif; margin: 0; padding: 0; color: #0f161c /* 80% Black */; font-size: 2rem; line-height: 1.4;}*/
/*h5 {margin: 0; padding: 0; font-size: 1.5rem; line-height: 1.6;}*/
/*h6 {margin: 0; padding: 0; color: #b3b3b3 /* 30% Black */; font-size: .75rem; line-height: 1.9; letter-spacing: 3px; text-transform: uppercase;}*/

h1, h2, h3, h4, h5, h6 {font-family:acumin-pro, sans-serif; font-weight:500; margin:0; padding:0; color: inherit; letter-spacing:.8px; line-height:1.5;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0; color: inherit; letter-spacing:.8px; line-height:1.5;}
h1 {font-size: calc(400% + 0px); line-height:1.3; font-family:acumin-pro, sans-serif; font-weight:500;}
h2 {font-size: calc(300% + 0px); line-height:1.3; font-family:acumin-pro, sans-serif; font-weight:500;}
h3 {font-size: calc(250% + 0px); line-height:1.3; font-family:acumin-pro, sans-serif; font-weight:500;}
h4 {font-size: calc(200% + 0px); line-height:1.4; font-family:museo-sans, sans-serif; font-weight:300;}
h5 {font-size: calc(150% + 0px); line-height:1.5; font-family:museo-sans, sans-serif; font-weight:300;}
h6 {font-size: calc(90% + 0px); line-height:1.8; font-family:museo-sans, sans-serif; font-weight:700; letter-spacing:2px; text-transform: uppercase;}
p {font-size: calc(100% + 0px); line-height:1.9; font-family:museo-sans, sans-serif; font-weight:300;}

p {font-size: calc(100% + 0px); line-height:1.9; font-family:museo-sans, sans-serif; font-weight:300;}
p, a, ul, ol, li {margin: 0; margin-bottom:0; padding: 0; font-family:inherit;}
b, strong {font-weight:800;}
h1 strong {font-size:5.5rem;}
p > strong > em {font-weight:normal;  font-size:.8rem; line-height:normal; display:block;}
s {text-decoration: none !important; color:#263a8a !important;}
:is(.bg-primary, .text-primary, .s-secondary) s {color:#ef7900 !important;}
:is(i,em):is(.fa,.fab,.fas) {font-style:normal;}


a {text-decoration: none; color: #333; moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}
a:hover {color: #333; border-bottom: 2px solid #263a8a; text-decoration: none;}

a img {opacity: 1; moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}
a img:hover {opacity: .5;}

h1 a, h2 a, h3 a, h4 a, h5 a {border: none !important; color: #333;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {color: #263a8a;}

strong {font-weight: 700;} 

blockquote {font-style: normal; padding: 0;}

::-moz-selection {color: #fff; background: #263a8a;}
::selection {color: #fff; background: #263a8a;}

hr {width: 100%; margin: 60px auto 30px auto; height: 2px; background-color: #f0f0f0 /* 5% Black */; color: #f0f0f0 /* 5% Black */; border: 0;}

.spacer {height: 30px;}

.font-100, .font-100 .__content *:not(strong) {font-weight:100 !important;}
.font-300, .font-300 .__content *:not(strong) {font-weight:300 !important;}
.font-400, .font-400 .__content *:not(strong) {font-weight:400 !important;}
.font-500, .font-500 .__content *:not(strong) {font-weight:500 !important;}
.font-600, .font-600 .__content *:not(strong) {font-weight:600 !important;}
.font-700, .font-700 .__content *:not(strong) {font-weight:700 !important;}
.font-800, .font-800 .__content *:not(strong) {font-weight:800 !important;}
.font-900, .font-900 .__content *:not(strong) {font-weight:900 !important;}
.font-normal, .font-normal .__content *:not(strong) {font-weight:normal !important;}
:is(.block-text,.block-header) .lh-normal, .lh-normal .__content * {line-height:normal;}
:is(.block-text,.block-header) .lh-xs, .lh-xs .__content * {line-height:1;}
:is(.block-text,.block-header) .lh-sm, .lh-sm .__content * {line-height:1.2;}
:is(.block-text,.block-header) .lh-md, .lh-md .__content * {line-height:1.5;}
:is(.block-text,.block-header) .lh-lg, .lh-lg .__content * {line-height:2;}
:is(.block-text,.block-header) .lh-xl, .lh-xl .__content * {line-height:2.5;}
:is(.block-text,.block-header) .lh-xxl, .lh-xxl .__content * {line-height:3;}
.fs-xxs, .fs-xxs .__content * {font-size: x-small;}
.fs-xs, .fs-xs .__content * {font-size: smaller;}
.fs-sm, .fs-sm .__content * {font-size: small;}
.fs-md, .fs-md .__content * {font-size: medium;}
.fs-lg, .fs-lg .__content * {font-size: large;}
.fs-xl, .fs-xl .__content * {font-size: larger;}
.fs-xxl, .fs-xxl .__content * {font-size: x-large;}
.fs-xxxl, .fs-xxxl .__content * {font-size: xx-large;}

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

.tag-btn a, .btn {white-space: normal; border: none !important; font-size: 0.9rem; letter-spacing: 2.5px; text-transform: uppercase; padding: 15px 50px; border-radius: 30px !important; font-style: normal; display: inline-block; margin: 30px 0 0 0; text-decoration: none;}

.tag-btn a, .btn-primary {background-color: #263a8a; color: #fff !important;}
.tag-btn a:hover, .btn-primary:hover {background: #0f161c /* 80% Black */;}

.btn-secondary {background-color: #ef7900; color: #fff !important;}
.btn-secondary:hover {background: #0f161c /* 80% Black */;}

.btn-info {background-color: #3C6EFF; color: #fff !important;}
.btn-info:hover {background-color: #0f161c /* 80% Black */;}

.btn-success {background-color: #00F08C; color: #fff !important;}
.btn-success:hover {background-color: #0f161c /* 80% Black */;}

.btn-warning {background-color: #FFEB00; color: #0f161c /* 80% Black */ !important;}
.btn-warning:hover {background-color: #0f161c /* 80% Black */; color: #fff !important;}

.btn-danger {background-color: #F03278; color: #fff !important;}
.btn-danger:hover {background-color: #0f161c /* 80% Black */;}

.btn-light {background-color: #fff; color: #0f161c /* 80% Black */ !important;}
.btn-light:hover {background-color: #0f161c /* 80% Black */; color: #fff !important;}

.btn-dark {background-color: #0f161c /* 80% Black */; color: #fff !important;}
.btn-dark:hover {background-color: #fff; color: #0f161c /* 80% Black */ !important;}

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

.border, .border-top, .border-bottom, .border-left, .border-right {border-width: 2px;}

.border-col .block-columns .__col {border-width: 2px; border-style: solid;}
.border-top-col .block-columns .__col {border-top-width: 2px; border-top-style: solid;}
.border-bottom-col .block-columns .__col {border-bottom-width: 2px; border-bottom-style: solid;}
.border-left-col .block-columns .__col {border-left-width: 2px; border-left-style: solid;}
.border-right-col .block-columns .__col {border-right-width: 2px; border-right-style: solid;}

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

.border-primary {border-color: #263a8a !important;}
.border-secondary {border-color: #ef7900;}

.border-dark {border-color: #0f161c /* 80% Black */;}
.border-light {border-color: #fff;}

.border-info {border-color: #3C6EFF;}
.border-success {border-color: #00F08C;}
.border-warning {border-color: #FFEB00;}
.border-danger {border-color: #F03278;}

.border-custom1 {border-color: #4d4d4d /* 70% Black */;}
.border-custom2 {border-color: #999 /* 40% Black */;}
.border-custom3 {border-color: #b3b3b3 /* 30% Black */;}
.border-custom4 {border-color: #ccc /* 20% Black */;}
.border-custom5 {border-color: #e6e6e6 /* 10% Black */;}
.border-custom6 {border-color: #f0f0f0 /* 5% Black */;}

.border-primary-col .block-columns .__col {border-color: #263a8a;}
.border-secondary-col .block-columns .__col {border-color: #ef7900;}

.border-dark-col .block-columns .__col {border-color: #0f161c /* 80% Black */;}
.border-light-col .block-columns .__col {border-color: #fff;}

.border-info-col .block-columns .__col {border-color: #3C6EFF;}
.border-success-col .block-columns .__col {border-color: #00F08C;}
.border-warning-col .block-columns .__col {border-color: #FFEB00;}
.border-danger-col .block-columns .__col {border-color: #F03278;}

.border-custom1-col .block-columns .__col {border-color: #4d4d4d /* 70% Black */;}
.border-custom2-col .block-columns .__col {border-color: #999 /* 40% Black */;}
.border-custom3-col .block-columns .__col {border-color: #b3b3b3 /* 30% Black */;}
.border-custom4-col .block-columns .__col {border-color: #ccc /* 20% Black */;}
.border-custom5-col .block-columns .__col {border-color: #e6e6e6 /* 10% Black */;}
.border-custom6-col .block-columns .__col {border-color: #f0f0f0 /* 5% Black */;}

table, tbody, tr, td {border: none;}

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

.block-list-group .list-group-item em {font-size: 12px;}
.block-list-group .list-group-item strong {float: right; color: #263a8a;}

.block-list-group {margin: 30px 0 0 0;}
.block-list-group .list-group-item {background-color: transparent; padding: 15px 30px; border: 2px solid #f0f0f0 /* 5% Black */; 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: 2px solid #f0f0f0 /* 5% Black */;}
.block-list-group .list-group-item:hover {background: #f0f0f0 /* 5% Black */;}
.block-list-group .list-group-item p {margin: 0 !important;}

.block-list-group.accordion .card {padding: 0; border: none; border-radius: 0; background: #f0f0f0 /* 5% Black */; margin-bottom: 5px; -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; background: transparent;}
.block-list-group.accordion .card .card-header h5 {margin: 0 !important;}
.block-list-group.accordion .card .card-header h5 .btn {padding: 20px 30px; width: 100%; text-align: left; margin: 0; font-style: normal; text-transform: none; font-weight: 700; font-size: 1rem; line-height: 1.9; color: #333; letter-spacing: .3px; display: block; border: none; text-decoration: none;}
.block-list-group.accordion .card .card-header h5 .btn:after {content: "\f0d7"; font-family: "Font Awesome 5 Free"; font-weight: 900; float: right; color: #263a8a;}
.block-list-group.accordion .card .card-body {padding: 0 30px 20px 30px;}
.block-list-group.accordion .card .card-body p {margin: 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;}
.block-list-group.tabs .nav-tabs .nav-item .nav-link {padding: 20px 30px; border: none; background: transparent; margin: 0; border-radius: 0; color: #999 /* 40% Black */; font-weight: 700;}
.block-list-group.tabs .nav-tabs .nav-item.active {background: #f0f0f0 /* 5% Black */;}
.block-list-group.tabs .nav-tabs .nav-item.active .nav-link {color: #333;}
.block-list-group.tabs .nav-tabs .nav-item:hover .nav-link {color: #263a8a;}
.block-list-group.tabs .nav-tabs .nav-item:before {display: none;}
.block-list-group.tabs .tab-content {padding: 40px 60px; border: none; background: #f0f0f0 /* 5% Black */;}
.block-list-group.tabs .tab-content p {margin: 0 !important;}

.news {margin: 0;}
.news .list-group-item {margin: 30px 0 0 0; padding: 40px 60px; border: 2px solid #f0f0f0 /* 5% Black */ !important; border-radius: 0; background: transparent;}
.news .list-group-item:hover {background: #f0f0f0 /* 5% Black */;}
.news .list-group-item .list-date {margin: 0; padding: 0; color: #b3b3b3 /* 30% Black */; 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;}
.news .list-group-item .list-content {margin: 30px 0 0 0;}
.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: #ccc /* 20% Black */; background: #ccc /* 20% Black */; border: none; width: 16px; height: 16px; border-radius: 8px !important;}
.pager li a:hover, .pager li a.active {background: #263a8a; color: #263a8a;}

.block-gallery .gallery .gallery-item {margin-bottom: 0; padding:7.5px;}
.block-gallery .gallery .gallery-item .image-container {margin-bottom: 0;}
.block-gallery .gallery .gallery-item .image-container a {border: none !important;}
.block-gallery .gallery .gallery-item img {margin:0; height:100%; width:100%; object-fit:cover;}
.block-gallery .gallery li:before {display: none;}
.full-width-all .block-gallery .gallery {padding:7.5px;}

#block-gallery-modal a.controls {border:none; text-decoration:none; top:5rem !important; bottom:5rem !important; height:auto !important;}
#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:rgba(0,0,0,0.8);}
#block-gallery-modal .caption-container {position:absolute; z-index:100; text-align:left; font-size:0; transition:.3s all; inset:auto 0 -1px 0; display: flex; align-items: flex-start; padding: 2rem; flex-direction: column; background-color: rgba(0,0,0,0.8);  opacity:1; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); }
#block-gallery-modal img:hover ~ .caption-container {opacity:.2; }
#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;}


.carousel.carousel-fade .carousel-item {display: block; opacity: 0; transition: opacity ease-out .7s;}
.carousel.carousel-fade .carousel-item.active {opacity: 1 !important;}

.block-gallery .carousel {margin-top: 30px !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 li {margin: 0 10px; background: transparent; opacity: 1; 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: #fff;}
.block-gallery .carousel .carousel-caption {background: #0f161c /* 80% Black */ !important; left: 0; top: auto; bottom: 0; right: auto; width: 800px; margin: 0; padding: 50px;}
.block-gallery .carousel .carousel-caption > h3 {padding: 0; color: #fff; font-size: 2rem; line-height: 1.4; text-shadow: 0 0 0 transparent; margin-bottom: 0;}
.block-gallery .carousel .carousel-caption > p {margin: 0; padding: 10px 0 0 0; color: #fff; font-size: .75rem; letter-spacing: 3px; text-transform: uppercase; text-shadow: 0 0 0 transparent;}
.block-gallery .carousel .carousel-caption > .btn {margin: 20px 0 0 0;}

.block-gallery.transparent {max-height:80vh;}
.block-gallery.transparent :is(.__content, .carousel, .carousel-inner, .carousel-item, img) {height:100%; width:100% !important; object-fit:contain; background:transparent !important;}
.block-gallery.transparent .carousel-caption:has(h3:empty) {display:none !important;}

/***************** menu *********************/

.navbar {min-height: 10rem; height: auto; padding: 0 25px; background-color: #fef1e9; moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}
.navbar a {border: none; padding: 0; text-transform: none;}
.navbar .navbar-brand img {width: 18rem;}
.navbar .navbar-toggler {font-size: 2.5rem;}
.navbar .navbar-nav .nav-link {text-transform: uppercase; margin: 0 25px; padding: 0; color: #263a8a; font-weight: bold; }
.navbar .navbar-nav .nav-link:hover {color: #263a8a !important;}
.navbar .navbar-nav .nav-item.active .nav-link {border-bottom: 2px solid #263a8a;}
.navbar .navbar-nav .has_childs .nav-link:after {content: "\f0d7"; font-family: "Font Awesome 5 Free"; font-weight: 900; padding: 0 0 0 10px; border: none; margin: 0; vertical-align: baseline;}
.navbar .navbar-nav .has_childs.show .nav-link:after {content: "\f0d8"; transform: rotate(0);}

.navbar .navbar-nav .dropdown-menu li a:after, .navbar .navbar-nav .nav-item.active .dropdown-menu .nav-link:after {display: none;}
.navbar .navbar-nav .dropdown-menu {min-width: 0;}
.navbar .navbar-nav .dropdown-menu .nav-link, .navbar-nav .nav-item.active .dropdown-menu .nav-link {border: none; border-radius: 0; background: #fff; border-left: 4px solid #ccc /* 20% Black */; white-space: nowrap; color: #b3b3b3 /* 30% Black */ !important; padding: 10px 40px 10px 30px; margin: 0;}
.navbar .navbar-nav .dropdown-menu .nav-link:hover, .navbar-nav .nav-item.active .dropdown-menu .nav-link:hover {background: #fff; color: #0f161c /* 80% Black */ !important; border: none; border-left: 4px solid #ccc /* 20% Black */;}
.navbar .navbar-nav .dropdown-menu .nav-item.active .nav-link {background: #fff; color: #0f161c /* 80% Black */ !important; border: none; border-left: 4px solid #263a8a;}

.navbar.navbar-start {background-color: transparent;}
.navbar.navbar-start .navbar-nav .nav-link, .navbar.navbar-start .navbar-toggler {color: #ef7900 !important;}
.navbar.navbar-start .navbar-nav .nav-item.active .nav-link {border-color: #ef7900;}



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

.container {max-width: 1400px; padding: 0;}
.container-fluid {padding: 0;}

.block-section > .block-section-container {padding: 0; width: 1400px;}
.block-section .block-section-container .block-columns .block-section-container {width: auto;}
.block-section {width: 100%; max-width: 100%; position: relative; padding: 100px 0 130px 0;}

.block-section.bg-image {background-position: center center;}
.block-section.bg-fixed {background-attachment: fixed;}

.block-section.d-flex-col .block-columns {display: flex !important;}
.block-section.d-flex-col .block-columns .block-section {height: 100%;}

.block-section.xs-box .block-columns .block-section {padding: 0 15px 30px 15px;}
.block-section.sm-box .block-columns .block-section {padding: 50px 50px 80px 50px;}
.block-section.md-box .block-columns .block-section {padding: 100px 100px 130px 100px;}
.block-section.lg-box .block-columns .block-section {padding: 200px 200px 230px 200px;}

.block-columns .block-section {padding: 0; margin: 0 !important;}

.full-width-all .row, .full-width-all .__content, .full-width-all .__col {margin: 0; padding: 0;}

main .block-section:not(.hero, .page-cover, .webshop):first-child, .block-error-404 {margin-top: 100px;}

main p, main img {margin: 25px 0 0 0;}
main h1, main h2, main h3, main h4, main h5, main h6 {margin: 30px 0 0 0;}

main ul {margin: 20px 0 0 0; padding: 0; list-style: none;}
main ul li {margin: 5px 0;}
main ul li:before {content: "\f0da"; font-family: "Font Awesome 5 Free"; font-weight: 900; padding: 0 10px 0 0; color: #263a8a;}

.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;}
.vh-10 {height: 10vh;}
.vh-15 {height: 15vh;}
.vh-20 {height: 20vh;}
.vh-25 {height: 25vh;}
.vh-30 {height: 30vh;}
.vh-35 {height: 35vh;}
.vh-40 {height: 40vh;}
.vh-45 {height: 45vh;}
.vh-50 {height: 50vh;}
.vh-55 {height: 55vh;}
.vh-60 {height: 60vh;}
.vh-65 {height: 65vh;}
.vh-70 {height: 70vh;}
.vh-75 {height: 75vh;}
.vh-80 {height: 80vh;}
.vh-85 {height: 85vh;}
.vh-90 {height: 90vh;}
.vh-95 {height: 95vh;}
.vh-100 {height: 100vh;}

.m0 .__content, .p0 .__content, .ms0 .__content *:not(:first-child) {margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important;}
.m1st .__content *:first-child, .m0 *:is(h1, h2, h3, h4, h5, h6, p, img, ul, li, ol), .mu0 ul, .mo0 ol, .ml0 li, .mul0 ul, .mul0 li,
.mh0 *:is(h1, h2, h3, h4, h5, h6), .mp0 p, .mi0 img, .mh60 h6 {margin-top: 0 !important; margin-bottom: 0 !important;}
.p1st .__content *:first-child, .p0 *:is(h1, h2, h3, h4, h5, h6, p, img, ul, li, ol), .pu0 ul, .pl0 li, .pul0 ul, .pul0 li,
.ph0 *:is(h1, h2, h3, h4, h5, h6), .pp0 p, .pi0 img {padding-top: 0 !important; padding-bottom: 0 !important;}
.pc0 .__content {padding:0 !important;}


.main-slider .block-section-container, .main-slider .block-gallery, .main-slider .__content, .main-slider .carousel, .main-slider .carousel-inner, .main-slider .item {height: 100%;}
.main-slider .carousel-item img {padding: 0; width: 100%; height: 100%; object-fit: cover;}
.main-slider .block-gallery .carousel {margin: 0 !important;}
.main-slider .block-gallery .carousel .carousel-control {padding: 0 100px;}
.main-slider .block-gallery .carousel .carousel-caption > h3 {font-size: 4rem; line-height: 1.3;}
.main-slider .block-gallery .carousel .carousel-caption {padding: 100px;}

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


/***************** custom classes  *********************/

.contact-section h5 a {font-weight: bold; color: #ef7900; }
.contact-section h5 a:hover {opacity: 0.5; color: #ef7900; }

.bg-faded .border-right {border-right: 2px solid #fef1e92 !important;}
.bg-faded .block-form {margin-top: 30px !important;}
.bg-faded .block-form .row {margin-right: -15px !important; margin-left: -15px !important;}
.bg-faded .block-form .__col, .block-form .__content {padding-right: 15px !important; padding-left: 15px !important;}
.bg-faded .block-form .form-control {border: 2px solid #263a8a; background: transparent; color: #263a8a; padding: 15px; font-size: 1rem; border-radius: 10px; height: auto; -webkit-appearance: none; -moz-appearance: none; appearance: none; moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
.bg-faded .block-form .form-control:focus {background: #fff; border: 2px solid #263a8a; color: #263a8a;}
.bg-faded .block-form .form-control::-webkit-input-placeholder {color: #263a8a;}
.bg-faded .block-form .form-control:-moz-placeholder {color: #263a8a;}
.bg-faded .block-form .form-control::-moz-placeholder {color: #263a8a;}
.bg-faded .block-form .form-control:-ms-input-placeholder {color: #263a8a;}
.bg-faded .block-form label {color: #263a8a;}
.bg-faded .block-form textarea {min-height:150px;}

.bg-faded .block-list-group.accordion .card .card-header h5 .btn {border-radius: 0 !important; border: none !important; background: #fff; color: #263a8a;}
.bg-faded .block-list-group.accordion .card .card-header h5 .btn:hover {background: #263a8a; color: #fff; }

.bg-faded .block-list-group.accordion .card {background: #fff; color: #263a8a;}
.bg-faded  .block-list-group.accordion .card .card-body p {margin-top: 1.5rem !important; }

.bg-faded .block-form .btn-primary {margin-top: 0;}
.bg-faded .block-form .input-group-addon {border-radius: 0; padding: 15px; font-size: .75rem; line-height: 1.5; background-color: #ccc /* 20% Black */; color: #263a8a; border: none;}

.section-marker0 {text-transform: uppercase; letter-spacing: 4px; }
.block-gallery .gallery .gallery-item .image-container img {height: 30vh; object-fit: cover; }

.menu-section .float-span {float: right !important; }
.menu-section hr {background-color: #263a8a; color: #263a8a;}
.menu-section h4 {color:#263a8a !important; text-transform: uppercase; letter-spacing: 4px; padding-top: 20px; padding-bottom: 25px !important; border-top: 2px solid #ef7900; border-bottom: 2px solid #ef7900; }
.menu-section h5 {text-transform: uppercase; letter-spacing: 2px; }

.section-divider {height: 30vh;}
.about-collage .block-columns .__col .block-section {height: auto; min-height: 40vh;}

.web-ad {width:100%; padding: 25%; border: 2px dotted #ef7900; display: flex; align-items: center; justify-content:center; color: #fff; background: #ef7900; border-radius: 50%; /*height: 20rem !important; width: 20rem !important;*/}
.web-ad:before {height: 2rem; width: 2rem; position: absolute; top: 50%; left: -50%; z-index: 1; margin-left: 3rem; content: "\f061"; font-weight: 700; font-family: "Font Awesome 5 Free"; color: #ef7900; background-color: #ef7900;border-radius: 50%;}
.web-ad p {font-size: 0.65rem;}

.extra-section {margin-top: -15rem;}
.animate-div:is(:hover,.hover) .animate {
  animation-duration: 0.75s;
  animation-delay: 0.5s;
  animation-name: animate-fade;
  animation-fill-mode: backwards;animation-timing-function: ease;

}

.animate-div .first, .animate-div .second, .animate-div .third  {
    opacity: 0;
}
.animate-div:is(:hover,.hover) .first, .animate-div:is(:hover,.hover) .second, .animate-div:is(:hover,.hover) .third {
    opacity: 1;
}

@keyframes animate-fade {
  0% {
    opacity: 0;
    transform: scale(0.5, 0.5);
  }
  100% {
    opacity: 1;
    transform: scale(1, 1);
  }
}

.animate-div:is(:hover,.hover) .first {
  animation-delay: .25s;
}

.animate-div:is(:hover,.hover).second {
  animation-delay: 1s;
}

.animate-div:is(:hover,.hover) .third {
  animation-delay: 1.15s;
}

.round-photos img {height: 15rem; width: 15rem; object-fit: cover !important; border-radius: 50% !important;}
.round-photos .photo1{height: 18rem; width: 18rem; }
.round-photos .photo3{height: 23rem; width: 23rem; }




main > div.__base .aos-init {opacity: 1 !important; transition-property: initial !important; transform: initial;}
.aos-init {opacity: 0;}
.home-categ .block-columns.row .__col .block-section:not(.aos-init) {transition: 0.3s all;}


.image-container {object-fit: cover;}
.change-color:hover .change-fill h2 {background: linear-gradient(to right, #0f161c /* 80% Black */ 0%, #263a8a 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent; background-position: -99.99% 0; background-size: 200% auto; text-decoration: none; transition: background-position 1.5s ease-out;}
.hero-section {opacity: 1; 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;}
.hero-section:hover {opacity: 1;width: 100%; height: 100%; -webkit-filter: grayscale(0); filter: grayscale(0); moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}

.section-marker h1 {font-weight: 900;font-size: 6.5rem; background: linear-gradient(to right, #ffffff 0%, transparent 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.section-marker-light h1 {margin-bottom: -0.75em; font-weight: 900;font-size: 6.5rem; background: linear-gradient(to bottom, #ebeef2 0%, transparent 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.section-marker-dark h1 {margin-bottom: -0.75em;font-weight: 900;font-size: 6.5rem; background: linear-gradient(to bottom, #e6e6e6 /* 10% Black */ 0%, transparent 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.hidden {display: none !important;}
.change-color:hover .change-fill h2 {background: linear-gradient(to right, #0f161c /* 80% Black */ 0%, #263a8a 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent; background-position: -99.99% 0; background-size: 200% auto; text-decoration: none; transition: background-position 1.5s ease-out;}

.video-container {object-fit:cover !important; overflow:hidden; height: inherit; overflow: hidden;}
.video-container video {object-fit:cover!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;}
.gradient-text2 h2, .gradient-text2 h1, .gradient-text2 h3 {background: linear-gradient(to right, #bbc475 0%, #7c824e 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.fb-icon {box-shadow: 2px 2px 5px rgba(0,0,0,0.1); position: fixed; left:0; bottom:50px; z-index:1001;  width: 60px; border-radius: 0 15px 15px 0; cursor:pointer; transition:.3s all;}
.fb-icon:hover {box-shadow: 5px 5px 15px rgba(0,0,0,0.5);}
.fb-icon.active {left:320px; box-shadow: 5px 5px 15px rgba(0,0,0,0.5);}
.fb-frame {position: fixed; left:-320px; bottom:50px; z-index:1000; width:320px; transition:.3s all;}
.fb-frame.active {left:0; box-shadow: 5px 5px 15px rgba(0,0,0,0.5); border-radius:  0 15px 0 0; }

.emdash {letter-spacing: -2px;}
.spacer {margin: 0 2em 0 2em;}
.uppercase-text {text-transform: uppercase;}

.service-gallery {margin: 0 0 0 0 !important; filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);}
.service-gallery:hover {filter: grayscale(0%);-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%); transition: 1s all;}

.image-zoom-container {overflow: hidden;}
.image-zoom {transform: scale(0.8) !important; transition: transform .25s ease;}
.image-zoom:hover {transform: scale(1) !important;}

.home-categ p {opacity: 0; }
.home-categ .btn-primary {opacity: 0; }
.home-categ:hover p {opacity: 1; transition: 0.3s all;}
.home-categ:hover .btn-primary {opacity: 1 !important; transition: 0.3s all;}

.card-template {background: #fff; padding: 2em !important;}

.btn-cus {border-radius:0 !important; background:transparent !important; font-size:1.1rem !important;}
.btn-cus:after {content: "\f30b"; font-family: "Font Awesome 5 Free"; font-weight: 700; margin-left:10px; transition:.3s all;}
.btn-cus:hover:after {margin-left:20px; }

.social-media-icons {float: right; color: #fff;}
.social-media-icons i {padding: 0 1em 0 1em;}
.social-media-icons:hover {opacity: 0.5;}

.block-gallery .gallery-masonry .gallery {column-count: 4; display: block; break-inside: avoid; column-gap:1rem; padding:1rem;}
.block-gallery .gallery-masonry .gallery .gallery-item { margin-bottom: 0; max-width: 100%; padding:0; }
.block-gallery .gallery-masonry .gallery .gallery-item .image-container { margin-bottom: 0;}


.icon-spacer {padding-right: 1em;}
.text-spacer {padding-left: 1em !important;}

/*****************************slick-slide*******************************/

.slick-slide { margin: 5px; } 
.slick-slide img { width: 100%; }
.slick-slider { 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; padding: 0; margin-bottom: 0 !important;}
.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-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: block; }

.slick-prev {margin-left: 1em; position: absolute; top: 50%; z-index: 10; display: flex; align-items: center; justify-content: center; color: #999 /* 40% Black */; font-size: 20px; background: #f0f0f0 /* 5% Black */; border: none !important; border-radius: 50%; height: 40px; width: 40px; font-weight: bold;}
.slick-next { margin-right: 1em; position: absolute; top: 50%; left: 95%;z-index: 10; display: flex; align-items: center; justify-content: center; color: #999 /* 40% Black */; font-size: 20px; background: #f0f0f0 /* 5% Black */; border: none !important; border-radius: 50%; height: 40px; width: 40px; font-weight: bold;}

/***************** video masking  *********************/

.sample-bg-body {background: #ffffff;}
.sample-bg { width: 100%; margin: 0 auto;position: relative; max-width:1100px;}
.sample-bg video { width: 100%; }
.sample-bg-body svg { width: 100%; position:absolute; top: 0;left: 0; height: 100%;}
.sample-bg-body svg text {font-family: museo-sans, sans-serif; text-transform: uppercase; font-size: 0.75rem;}
.sample-bg-body svg rect {fill: #ffffff;}
.sample-bg-body svg > rect {-webkit-mask: url(#mask); mask:url(#mask);}

/***************** carousel variants *********************/

.bg-vid .block-gallery .carousel { margin-top: 0 !important;}
.carousel-item video {height: 50vh; object-fit: cover !important;}
.bg-vid .block-gallery .carousel .carousel-caption {width: 800px !important; position: absolute; margin: 0; color: white; top: 50%; transform: translate(-50%, -50%);text-align: center;  margin: 0; padding: 20px; background: transparent !important;}
.bg-vid .block-gallery .carousel .carousel-caption > h3 {padding: 0; color: #fff; font-size: 6rem; line-height: 1.4; text-shadow: 0 0 0 transparent; margin-bottom: 0;}
.bg-vid .block-gallery .carousel .carousel-caption > p {width: 75%; margin-right: 0; padding: 10px 0 0 0; color: #fff; font-size: 1rem; letter-spacing: 1px; text-shadow: 0 0 0 transparent;}
.bg-vid .block-gallery .carousel .carousel-caption > .btn {margin: 20px 0 0 0;}

.carousel {background: #EEE;}
.carousel img {display: block; height: 200px;}

.block-gallery.gallery-partner .gallery .gallery-item {padding: 0 !important;}
.block-gallery.gallery-partner .gallery .gallery-item .image-container { height: 40vh !important; cursor:grab; object-fit:cover !important; overflow:hidden;}
.block-gallery.gallery-partner .gallery .gallery-item .image-container img {object-fit:cover !important; height:100%; margin-top:0;}


/***************** 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 {color: #fff !important; background: #ef7900; border-radius: 30px; 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;}
.shutter-out-horizontal:before {border-radius: 30px; background: #263a8a;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 {border-radius: 30px;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 {border-radius: 30px; 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: 30px; background: #d96821;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: 30px; color: #fff !important;}
.sweep-to-right:hover:before, .sweep-to-right:focus:before, .sweep-to-right:active:before {-webkit-transform: scaleX(1);transform: scaleX(1);}

.sweep-to-right2 {background: #ef7900; 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-right2:before { background: #d96821;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-right2:hover, .sweep-to-right2:focus, .sweep-to-right2:active {border-radius: 30px; color: #fff !important;}
.sweep-to-right2:hover:before, .sweep-to-right2:focus:before, .sweep-to-right2:active:before {-webkit-transform: scaleX(1);transform: scaleX(1);}

.sweep-to-top {border-radius: 30px; 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: 30px; 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 {color: #fff !important;}
.sweep-to-top:hover h4, .sweep-to-top:focus h4, .sweep-to-top:active h4 {color: #d96821 !important;}
.sweep-to-top:hover:before, .sweep-to-top:focus:before, .sweep-to-top:active:before {-webkit-transform: scaleY(1);transform: scaleY(1);}

/***************** footer *********************/

footer .container-fluid {padding-top: 100px !important; padding-bottom: 100px;}
footer ul {columns: 2; -webkit-columns: 2; -moz-columns: 2; list-style: none; margin-bottom: 50px; padding: 0; display: grid; grid-auto-flow: row; grid-template-columns: repeat(2, auto);}

footer ul li {display: block; flex-grow: 1;}
footer ul li:last-child {border-right: none;}
footer ul li a {font-family: acumin-pro, sans-serif; font-weight: 300 !important; transform: scale(1, .9); letter-spacing: 0.5px; font-size: 0.9rem; background-color: $alter; border: none !important; display: block; padding: 10px 0 !important;}

footer ul li a:hover:after {color: #fff !important; content: "";display: block; transform: scaleX(1);transform-origin: 0 50%;}
footer ul li a:after {width: 25%; padding-bottom: 0.5rem; content: "";display: block; border-bottom: 1px solid #fff !important; transform: scaleX(0) ;transform-origin: 50% 100%;transition: transform .25s ease-in-out;}

footer :is(h1,h2,h3,h4,h5,h6,p):not(:first-child) {margin-top:1rem;}
footer ul ul.children {display: none;}
footer .text-smaller p  {font-size: 0.9rem !important; padding: 10px 0 !important;}
footer p:hover  {color: $variantb1 !important;}

footer h5 {font-weight: bold; text-transform: uppercase;}
footer h5 a { display: inline-block;}
footer h5 a:hover {color: #fff !important;}
footer h6 {margin-bottom: 50px;}

footer p a:hover, footer h5 a:hover {color: #b3b3b3 /* 30% Black */ !important;}
footer .copyright-sec {border-top: 1px solid #fff;}
footer .esbs-socmed {margin-top: 1em; }
footer .esbs-socmed a:before {display:none;}
footer .esbs-socmed span:has(a[href='']) {display:none;}
footer .spacer-right {margin-right: 1em !important; }

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

.block-form {margin-top: 30px !important;}
.block-form .row {margin-right: -15px !important; margin-left: -15px !important;}
.block-form .__col, .block-form .__content {padding-right: 15px !important; padding-left: 15px !important;}
.block-form .form-control {border: none; background: #f0f0f0 /* 5% Black */; color: #0f161c /* 80% Black */; padding: 15px; font-size: .75rem; border-radius: 10px; height: auto; -webkit-appearance: none; -moz-appearance: none; appearance: none; moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
.block-form .form-control:focus {background: #fff; border: 1px solid #263a8a; color: #0f161c /* 80% Black */;}
.block-form .form-control::-webkit-input-placeholder {color: #999 /* 40% Black */;}
.block-form .form-control:-moz-placeholder {color: #999 /* 40% Black */;}
.block-form .form-control::-moz-placeholder {color: #999 /* 40% Black */;}
.block-form .form-control:-ms-input-placeholder {color: #999 /* 40% Black */;}
.block-form .btn-primary {margin-top: 0;}
.block-form .input-group-addon {border-radius: 0; padding: 15px; font-size: .75rem; line-height: 1.5; background-color: #ccc /* 20% Black */; color: #999 /* 40% Black */; border: none;}
.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {margin-right: 10px !important;}

.block-form form:has(.btn[type='submit'][disabled]):after {content: ""; background: url("../../assets/images/loader.gif") 50% 90% / 5rem no-repeat scroll transparent; position: absolute; inset: 0;}
.block-form form:has(.btn[type='submit'][disabled]) { cursor: wait; opacity: .5; }
.block-form form:has(.btn[type='submit'][disabled]) :is(input,textarea,select,.btn[type='submit']) {pointer-events:none;}


/***************** styling *********************/

.text-light p {color: #e6e6e6 /* 10% Black */;}
.text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light a, .text-light a:hover {color: #fff;}
.text-light hr {background-color: #fff; color: #fff;}

.text-dark p, .text-dark h1, .text-dark h2, .text-dark h3, .text-dark h4, .text-dark h5, .text-dark h6, .text-dark a, .text-dark a:hover {color: #0f161c /* 80% Black */;}

.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: #263a8a !important;}
.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: #ef7900 !important;}

.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: #00F08C;}
.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: #F03278;}
.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: #FFEB00;}
.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;}

.filter-dark:before {position: absolute; content: " "; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: #0f161c /* 80% Black */; opacity: .3; z-index: 0;}
.filter-light:before {position: absolute; content: " "; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: #fff; opacity: .3; z-index: 0;}
.filter-primary:before {position: absolute; content: " "; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: #263a8a; opacity: .3; z-index: 0;}
.filter-secondary:before {position: absolute; content: " "; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: #ef7900; opacity: .3; z-index: 0;}
.filter-success:before {position: absolute; content: " "; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: #00F08C; opacity: .3; z-index: 0;}
.filter-danger:before {position: absolute; content: " "; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: #F03278; opacity: .3; z-index: 0;}
.filter-warning:before {position: absolute; content: " "; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: #FFEB00; opacity: .3; z-index: 0;}
.filter-info:before {position: absolute; content: " "; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: #3C6EFF; opacity: .3; z-index: 0;}
.filter-custom1:before {position: absolute; content: " "; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: #4d4d4d /* 70% Black */; opacity: .3; z-index: 0;}
.filter-custom2:before {position: absolute; content: " "; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: #999 /* 40% Black */; opacity: .3; z-index: 0;}
.filter-custom3:before {position: absolute; content: " "; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: #b3b3b3 /* 30% Black */; opacity: .3; z-index: 0;}
.filter-custom4:before {position: absolute; content: " "; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: #ccc /* 20% Black */; opacity: .3; z-index: 0;}
.filter-custom5:before {position: absolute; content: " "; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: #e6e6e6 /* 10% Black */; opacity: .3; z-index: 0;}
.filter-custom6:before {position: absolute; content: " "; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: #f0f0f0 /* 5% Black */; opacity: .3; z-index: 0;}

.filter-opac1:before {opacity:.1 !important;} .filter-opac2:before {opacity:.2 !important;} .filter-opac3:before {opacity:.3 !important;} .filter-opac5:before {opacity:.5 !important;} .filter-opac6:before {opacity:.6 !important;} .filter-opac7:before {opacity:.7 !important;} .filter-opac8:before {opacity:.8 !important;} .filter-opac9:before {opacity:.9 !important;} .filter-opac95:before {opacity:.95 !important;} .filter-opac98:before {opacity:.98 !important;} .filter-opac:before {opacity:1 !important;} 
.filter-blur3:before {backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px);} .filter-blur5:before {backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px);}

.bg-primary {background-color: #263a8a;}
.bg-secondary {background-color: #ef7900;}
.bg-tertiary {background-color: #d96821;}
.bg-faded {background-color: #fef1e9;}

.bg-dark {background-color: #0f161c /* 80% Black */;}
.bg-light {background-color: #fff;}
.bg-modedark {background-color: #2e2e2e !important;}

.bg-info {background-color: #3C6EFF;}
.bg-success {background-color: #00F08C;}
.bg-danger {background-color: #F03278;}
.bg-warning {background-color: #FFEB00;}

.bg-custom1 {background-color: #4d4d4d /* 70% Black */;}
.bg-custom2 {background-color: #999 /* 40% Black */;}
.bg-custom3 {background-color: #b3b3b3 /* 30% Black */;}
.bg-custom4 {background-color: #ccc /* 20% Black */;}
.bg-custom5 {background-color: #e6e6e6 /* 10% Black */;}
.bg-custom6 {background-color: #f0f0f0 /* 5% Black */;}

.bg-custom6 hr {background-color: #fff; color: #fff;}
.bg-custom6 .block-list-group .list-group-item {border-color: #fff;}
.bg-custom6 .block-list-group .list-group-item:last-child {border-color: #fff;}
.bg-custom6 .block-list-group .list-group-item:hover {background: #fff;}
.bg-custom6 .block-list-group.accordion .card {background: #fff;}
.bg-custom6 .block-list-group.accordion .card:hover {background: #f0f0f0 /* 5% Black */;}
.bg-custom6 .block-list-group.tabs .nav-tabs .nav-item {background: #f0f0f0 /* 5% Black */;}
.bg-custom6 .block-list-group.tabs .nav-tabs .nav-item.active {background: #fff;}
.bg-custom6 .block-list-group.tabs .tab-content {background: #fff;}
.bg-custom6 .news .list-group-item {border-color: #fff !important;}
.bg-custom6 .news .list-group-item:hover {background: #fff;}
.bg-custom6 .block-form .form-control {background: #fff;}
.bg-custom6 .block-form .form-control:focus {background: #f0f0f0 /* 5% Black */;}


@media (max-width: 1920px) {
    html, body {font-size: 15px;} 
    
    hr {margin: 45px auto 23px auto;}
    
    .spacer {height: 23px;}
    
    .tag-btn a, .btn {padding: 11px 38px; border-radius: 23px; margin: 23px 0 0 0;}

    .block-list-group {margin: 23px 0 0 0;}
    .block-list-group .list-group-item {padding: 11px 23px;}
    
    .block-list-group.accordion .card {margin-bottom: 4px;}
    .block-list-group.accordion .card .card-header h5 .btn {padding: 15px 23px; }
    .block-list-group.accordion .card .card-body {padding: 0 23px 15px 23px;}

    .block-list-group.tabs .nav-tabs .nav-item .nav-link {padding: 15px 23px;}
    .block-list-group.tabs .tab-content {padding: 30px 45px;}

    .news .list-group-item {margin: 23px 0 0 0; padding: 30px 45px;}
    .news .list-group-item .list-content {margin: 23px 0 0 0;}
    .pager li a {margin: 0 8px !important; width: 12px; height: 12px; border-radius: 6px !important;}
    
    
    .block-gallery .carousel {margin-top: 23px !important;}
    .block-gallery .carousel .carousel-control {padding: 0 38px;}
    .block-gallery .carousel .carousel-indicators li {margin: 0 8px; width: 12px; height: 12px; border-radius: 6px;}
    .block-gallery .carousel .carousel-caption {width: 600px; padding: 38px;}
    .block-gallery .carousel .carousel-caption > p {padding: 8px 0 0 0;}
    .block-gallery .carousel .carousel-caption > .btn {margin: 15px 0 0 0;}
    
    
    .navbar {padding: 0 19px;}
    .navbar .navbar-nav .nav-link {margin: 0 19px;}
    .navbar .navbar-nav .has_childs .nav-link:after {padding: 0 0 0 8px;}
    
    .navbar .navbar-nav .dropdown-menu .nav-link, .navbar-nav .nav-item.active .dropdown-menu .nav-link {padding: 8px 30px 8px 23px;}
    
    .container, .block-section > .block-section-container {max-width: 1050px;}

    .block-section {padding: 75px 0 98px 0;}
    
    .block-section.xs-box .block-columns .block-section {padding: 0 11px 23px 11px;}
    .block-section.sm-box .block-columns .block-section {padding: 38px 38px 61px 38px;}
    .block-section.md-box .block-columns .block-section {padding: 75px 75px 98px 75px;}
    .block-section.lg-box .block-columns .block-section {padding: 150px 150px 173px 150px;}
    
    .block-section.banner .block-section-container {padding-bottom: 38px;}
    
    
    
    main p, main img {margin: 19px 0 0 0;}
    main h1, main h2, main h3, main h4, main h5, main h6 {margin: 23px 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-slider .block-gallery .carousel .carousel-control {padding: 0 75px;}
    .main-slider .block-gallery .carousel .carousel-caption {padding: 75px;}
    
    footer .container-fluid {padding-bottom: 38px;}
    footer ul {margin-bottom: 75px;}
    footer ul li a {padding: 38px 0;}
    footer h5 a {margin: 0 19px 38px 19px;}
    footer h6 {margin-bottom: 38px;}
    
    .block-form {margin-top: 23px !important;}
    .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;}
}

@media (max-width: 1680px) {
    .web-ad:before {margin-left: 5rem;}
}

@media (max-width: 1440px) {
    .extra-section {margin-top: -9rem; }
}

@media (max-width: 1280px) {
    html, body {font-size: 12px;} 
    
    h6 {letter-spacing: 2px;}
    
    a {border-width: 1px;}
    a:hover {border-width: 1px;}
    
    hr {margin: 30px auto 15px auto;}
    .web-ad:before {margin-left: 6rem;}
    
    .spacer {height: 15px;}
    
    .tag-btn a, .btn {padding: 8px 25px; border-radius: 15px; margin: 15px 0 0 0; letter-spacing: 1px;}
    
    .border, .border-top, .border-bottom, .border-left, .border-right {border-width: 1px;}

    .block-list-group {margin: 15px 0 0 0;}
    .block-list-group .list-group-item {padding: 8px 15px; border-width: 1px;}
    
    .block-list-group.accordion .card {margin-bottom: 3px;}
    .block-list-group.accordion .card .card-header h5 .btn {padding: 10px 15px; }
    .block-list-group.accordion .card .card-body {padding: 0 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 {margin: 15px 0 0 0; padding: 20px 30px; border-width: 1px !important;}
    .news .list-group-item .list-date {letter-spacing: 2px;}
    .news .list-group-item .list-content {margin: 15px 0 0 0;}

    
    .block-gallery .carousel {margin-top: 15px !important;}
    .block-gallery .carousel .carousel-control {padding: 0 25px;}
    .block-gallery .carousel .carousel-indicators li {border-width: 1px;}
    .block-gallery .carousel .carousel-caption {width: 480px; padding: 25px;}
    .block-gallery .carousel .carousel-caption > p {padding: 5px 0 0 0; letter-spacing: 2px;}
    .block-gallery .carousel .carousel-caption > .btn {margin: 10px 0 0 0;}
    
    
    .navbar .navbar-nav .nav-item.active .nav-link {border-width: 1px;}
    
    .navbar .navbar-nav .dropdown-menu .nav-link, .navbar-nav .nav-item.active .dropdown-menu .nav-link {padding: 5px 20px 5px 15px; border-width: 2px;}
    .navbar .navbar-nav .dropdown-menu .nav-link:hover, .navbar-nav .nav-item.active .dropdown-menu .nav-link:hover {border-width: 2px;}
    .navbar .navbar-nav .dropdown-menu .nav-item.active .nav-link {border-width: 2px;}
    
    .container, .block-section > .block-section-container {max-width: 900px;}

    .block-section {padding: 50px 0 65px 0;}
    
    .block-section.xs-box .block-columns .block-section {padding: 0 15px 15px 15px;}
    .block-section.sm-box .block-columns .block-section {padding: 25px 25px 40px 25px;}
    .block-section.md-box .block-columns .block-section {padding: 50px 50px 65px 50px;}
    .block-section.lg-box .block-columns .block-section {padding: 100px 100px 115px 100px;}
    
    .block-section.banner .block-section-container {padding-bottom: 25px;}

    main p, main img {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;}
    
    .main-slider .block-gallery .carousel .carousel-control {padding: 0 50px;}
    .main-slider .block-gallery .carousel .carousel-caption {padding: 50px;}
    
    footer .container-fluid {padding-bottom: 25px;}
    footer ul {margin-bottom: 50px;}
    footer ul li {border-width: 1px;}
    footer ul li a {padding: 25px 0;}
    footer h5 a {margin: 0 13px 25px 13px;}
    footer h6 {margin-bottom: 25px;}
    
    .block-form {margin-top: 15px !important;}
    .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;}
}

@media (max-width: 1080px) {
    .block-section.bg-fixed {background-attachment: scroll;}
    .web-ad:before {margin-left: 3.5rem;}

}

@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;}*/
    
    .news .list-group-item .list-header {font-size: 1.6rem;}
    
    
    
    .block-gallery .carousel .carousel-caption {width: 350px;}
    .block-gallery .carousel .carousel-caption > h3 {font-size: 1.6rem;}
    .animate-div .first, .animate-div .second, .animate-div .third  {opacity: 1 !important;} 
    .aos-init {opacity: 1 !important;}
    .extra-section {margin-top: -25rem; }
    
    .web-ad:before {height: 2rem; width: 2rem; position: absolute; top: 50%; left: -50%; z-index: 1; margin-left: 1rem; content: "\f061"; font-weight: 700; font-family: "Font Awesome 5 Free"; color: #ef7900; background-color: #ef7900;border-radius: 50%;}
    .web-ad p {font-size: 0.65rem;} 
    .web-ad {padding: 2rem;}
    .navbar {padding: 0;}
    .navbar .navbar-nav {margin-top: 15px;}
    .navbar .navbar-brand img {margin-left: 15px;}
    .navbar .navbar-toggler {margin-right: 15px;}
    .navbar .navbar-nav .nav-link {margin: 0; padding: 15px 20px; font-size: 1.3rem; border-bottom: 1px solid #f0f0f0 /* 5% Black */ !important; background: #fff; color: #0f161c /* 80% Black */ !important;}
    .navbar .navbar-nav .nav-item.active .nav-link {background: #263a8a; color: #fff !important;}
     
    .container, .block-section > .block-section-container {max-width: 100%;}

    .block-section {padding: 50px 15px 75px 15px;}
    
    .block-section.xs-box .block-columns .block-section {padding: 0 15px 15px 15px;}
    .block-section.sm-box .block-columns .block-section {padding: 25px 15px 40px 15px;}
    .block-section.md-box .block-columns .block-section {padding: 50px 25px 65px 25px;}
    .block-section.lg-box .block-columns .block-section {padding: 100px 50px 115px 50px;}
    
    .main-slider .block-gallery .carousel .carousel-control {padding: 0 25px;}
    .main-slider .block-gallery .carousel .carousel-caption {padding: 25px;}
    .main-slider .block-gallery .carousel .carousel-caption > h3 {font-size: 3.5rem;}
}

@media screen and ( min-width: 768px ) {
  .carousel img {
    height: 400px;
  }
}

@media (max-width: 767px) {
    /*h1 {font-size: 3rem;}*/
    /*h2 {font-size: 2rem;}*/
    /*h3 {font-size: 1.7rem;}*/
    /*h4 {font-size: 1.3rem;}*/
    /*h5 {font-size: 1rem;}*/
    .hero-mob {padding-top: 15rem !important; height:100% !important;}
    
    .block-columns:has(.web-ad) .__col {padding-block:1rem;}
    .block-columns .__col .block-section.web-ad {max-width:80vw; margin-inline:auto !important;}
    
    .extra-section {margin-top: 0 !important;}
    .animate-div .first, .animate-div .second, .animate-div .third  {opacity: 1 !important;} 
    .text-responsive {width: 100% !important;}
    .round-photos img {width: 15rem !important; height: 15rem !important;}
    .border-left-col .block-columns .__col {border: none;}
    .border-right-col .block-columns .__col {border: none;}
    .aos-init {opacity: 1 !important;}
    .section-divider {height: 10px !important;}
    .news .list-group-item .list-header {font-size: 1.3rem;}
    .block-gallery.gallery-partner .gallery .gallery-item .image-container { height:200px !important;}

    
    .block-gallery .carousel .carousel-caption {width: 100%;}
    .block-gallery .carousel .carousel-caption > h3 {font-size: 1.3rem;}
    
    .navbar {min-height:100px; height:100px; padding: 0;}
    .navbar .navbar-nav {margin-top: 0;}
    .navbar .navbar-brand {height: 100px; display: flex; align-items: center;}
    .navbar .navbar-brand img {width:12rem; margin-left: 15px;}
    .navbar .navbar-toggler {margin-right: 15px;}
    .navbar .navbar-nav .nav-link {margin: 0; padding: 15px 20px; font-size: 1.3rem; border-bottom: 1px solid #f0f0f0 /* 5% Black */ !important; background: #fff; color: #0f161c /* 80% Black */ !important;}
    .navbar .navbar-nav .nav-item.active .nav-link {background: #263a8a; color: #fff !important;}
    .navbar .collapse ul>li:hover>a {background-color:#fff;}
    
    .block-section {padding: 25px 15px 40px 15px;}
    
    .block-section.xs-box .block-columns .block-section {padding: 0 15px 15px 15px;}
    .block-section.sm-box .block-columns .block-section {padding: 0 15px 15px 15px;}
    .block-section.md-box .block-columns .block-section {padding: 25px 15px 40px 15px;}
    .block-section.lg-box .block-columns .block-section {padding: 50px 15px 65px 15px;}
    
    .main-slider .block-gallery .carousel .carousel-caption > h3 {font-size: 3rem;}
    
    table td {width: 100% !important; display: block;}
    
    footer .container-fluid {padding-bottom: 13px;}
    footer ul {margin-bottom: 25px; display: block;}
    footer ul li {width:100% !important; display:block !important;}
    footer ul li a {padding: 15px 0;}
    footer h5 a {margin: 0 13px 13px 13px;}
    footer h6 {margin-bottom: 13px;}
    
    .home-categ h5 {opacity:1 !important; }
    .home-categ a {opacity:1 !important; }
}

@media (max-width: 320px) {
    /*h1 {font-size: 2.5rem;}*/
    
    .home-categ h5 {opacity:1 !important; }
    .home-categ a {opacity:1 !important; }
    
    .text-responsive {width: 100% !important;}
    

    .main-slider .block-gallery .carousel .carousel-caption > h3 {font-size: 2.5rem;}
}



/************************COOKIES-v3*******************************/

body.modal-open.no-cookie #modal-cc {display:none !important;}
html:has(body.modal-open.no-cookie #modal-cc.d-none), body.modal-open.no-cookie:has(#modal-cc.d-none) {padding-right:0 !important; overflow-y:auto;}

.modal {background: rgba(0,0,0,0.8); backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px);}
.modal .modal-header {align-items:center !important;}
.modal .modal-header .close {order:2;}
.modal .modal-footer .btn {margin-top:0 !important;  padding-inline:0;}
html:has(body.dark) .modal .modal-content {background-color:#2e2e2e;}
html:has(body.dark) .modal :is(.modal-header .close, .modal-footer .btn) {color:#fff !important;}

#modal-cc {font-size:18px;}
#modal-cc .modal-dialog {width:auto; display:block !important; height:auto !important; position:fixed; inset: auto auto 2em 2em; margin: 2em 2em 0 0; max-width:50em;}
#modal-cc .modal-content {background-color:#fff; color:#0f161c /* 80% Black */; border-radius:calc(30px/2); padding:3em;}
#modal-cc .modal-content * {color:inherit;}
#modal-cc .modal-header:before, #modal-cc .modal-header:after {display:none;}
#modal-cc .modal-header {justify-content: space-between; margin-bottom:1.5em; border:none; padding:0; display: flex; align-items: center;}
#modal-cc .modal-header .close {display: flex; align-items: center; justify-content: center; right:3em; top:3em; opacity:1; background-color:transparent; border:1px solid #0f161c /* 80% Black */ !important; color:inherit; font-size:0; letter-spacing:0; line-height:0; width: 3em; height: 3em; border-radius: 50%;}
#modal-cc .modal-header .close:before {content:"\f00d"; font:600 1rem "Font Awesome 5 Free","Font Awesome 5 Brands"; font-family:600 1rem "Font Awesome 5 Free","Font Awesome 5 Brands"; font-size:12px;}
#modal-cc .modal-header .modal-title {font-size:1.2em;}
#modal-cc .modal-body {background-color:transparent; padding:0;}
#modal-cc .modal-content .nav-pills {gap:1em; display:flex;}
#modal-cc .modal-content .nav-pills .nav-item {float:none; flex:1;}
#modal-cc .modal-content .nav-pills .nav-link:hover {opacity:1;}
#modal-cc .modal-content .nav-pills .nav-link {text-transform: uppercase; letter-spacing: 2px; transition:.3s all; opacity:.5; text-align: left; background: transparent; border-bottom: solid 1px rgba(0,0,0,0.2); border-radius: 0; padding-inline: 2.5px;}
#modal-cc .modal-content .nav-pills .nav-link.active {opacity:1;}
#modal-cc .modal-content .nav-pills:before {display:none;}
#modal-cc .modal-content .nav-pills:after {display:none;}
#modal-cc .modal-body p:empty {display:none;}
#modal-cc .modal-body p {font-size:.8em;}
#modal-cc .modal-body a {text-decoration:none !important;}
#modal-cc .modal-body p + p {margin-top:1em; padding-top:0;}
#modal-cc .modal-body hr {display:none;}
#modal-cc .modal-body .tab-pane {max-height:60vh; padding-top:1em;}
#modal-cc .modal-body .tab-pane a {color:inherit; border-bottom:1px dashed;}
#modal-cc .modal-body .tab-pane h5 {font-size:1.1em; margin-bottom:.5em;}
#modal-cc #cc-buttons {display: flex; justify-content: center; gap:.5em; margin-inline:-2px; padding-top:.5em;}
#modal-cc #cc-buttons .btn {font-weight:300; margin:0 !important; background:transparent !important; font-size:.8em; display: flex; justify-content: center; align-items: center; border:1px solid #0f161c /* 80% Black */ !important; color:#0f161c /* 80% Black */ !important; line-height:normal; text-transform:uppercase; letter-spacing:1px; border-radius:30px; padding:1em !important; }
#modal-cc #cc-buttons .btn:before {display:none;}
#modal-cc #cc-buttons .btn:after {display:none !important; color:inherit !important;}
#cc-settings-container i {font-style: normal;}
#cc-settings-container a {color:#ef7900; border:none !important; text-decoration:none !important;}
#cc-settings-container {left:2em; bottom:2em; z-index:2000;}
html:not(.cms):has(.modal.show) #cc-settings-container {z-index:-1;}

html:has(body.dark, body.modal-dark) #modal-cc .modal-content {background-color:#0f161c /* 80% Black */ !important; color:#fff; }
html:has(body.dark, body.modal-dark) #modal-cc .modal-header .close {border-color: #fff !important; }
html:has(body.dark, body.modal-dark) #modal-cc .modal-content :is(.nav-pills .nav-link, #cc-buttons .btn) {border-color: rgba(255,255,255,0.2) !important; }
html:has(body.dark, body.modal-dark) #modal-cc #cc-buttons .btn {color:#fff !important;}

@media (max-width:1920px) {
    #modal-cc {font-size:16px;}
} @media (max-width:1280px) {
    #modal-cc {font-size:14px;}
} @media (min-width:768px) {
    #modal-cc .modal-dialog {transform-origin:left bottom; transform:scale(.8);}
} @media (max-width:767px) {
    #modal-cc {font-size:12px;}
    #modal-cc .modal-body .tab-pane {max-height:40vh; padding-right:1rem;}
    #modal-cc #cc-buttons {flex-direction: column-reverse;}
    #cc-settings-container {left:1.5em; bottom:1.5em;}
    #modal-cc .modal-body p {font-size:.9em;}
    #modal-cc .modal-content .nav-pills .nav-link {font-size:.7em;}
}




/*RX*/


img.rounded-circle {object-fit:cover;}

main {transition:.3s all;}
html:not(.cms) body:not(.load) main {opacity:0;}
body.ss :is(.aos-init) {opacity:1 !important; transform:none !important;}
html.cms :is(.aos-init, .animate) {opacity:1 !important; transform:none !important;}

html.cms :is(.navbar, .nav-top, footer) {opacity:.5; cursor:no-drop !important; }
html.cms :is(.navbar, .nav-top, footer) * {pointer-events:none !important;}
html.cms footer:before {content:"FOOTER BÖRJAR HÄR. ÄNDRA INNEHÅLLET MED TAG-WIDGET ELLER KONTAKTA SUPPORT."; display:block; border-top: 2px dashed red; padding:1rem; text-align:center;}

.block-section-container .block-columns .__section-controls {top:20px !important;}
.__base > .block-section > .block-section-container.shown > .__section-controls { top: 10px !important; }
.__base .block-section .block-section-container .__section-controls { top: 60px !important; left: 40%; text-align:left !important;}
.__base .full-width-all.block-section .block-section-container .__section-controls { top: 0px !important;  width:auto;}
.hidden {opacity: 0; transition:.3s all;}
html:not(.cms) .hidden {display:none !important;}
.block-section.empty {display:none;}
.__base .block-section.empty {display:block;}
.__base :is(.hidden).block-section:after {position:absolute; inset:auto 0 -1px 0; height:20vh; background:linear-gradient(to bottom, transparent, white); z-index:10; content:""; display:block;}
.__base :is(.hidden).block-section.bg-dark:after {background:linear-gradient(to bottom, transparent, black);}
.__base :is(.hidden) {max-height:50vh; overflow:hidden;}
.__base :is(.hidden, .d-md-none) {display: block !important; opacity:0.5 !important; visibility:visible !important; position:relative;}
.__base :is(.hidden, .d-md-none):before {content: ""; position: absolute; background-image: url('../../assets/images/hidden.png') !important;  left: 0; top: 0; width: 100% !important; height: 100%; background-size: 100px; z-index: 0;}
.__base .bg-dark .hidden:before {filter:invert(1); }

body.dark {
    background-color:#0f161c /* 80% Black */ !important; color:#fff !important;
    
    .navbar:not(.navbar-start) {background-color:#263a8a;}
    .navbar :is(.navbar-toggler, .navbar-nav .nav-link) {color:#ef7900 !important;}
    
    h1,h2,h3,h4,h5,h6 {color:#fff;}
    .text-primary :is(h1,h2,h3,h4,h5,h6,p) {color:#ef7900 !important;}
    
    .bg-faded {background-color:#0f161c /* 80% Black */ !important;}
    .bg-faded .block-form .form-control:focus {background-color:rgba(255,255,255,0.1) !important;}
    .bg-faded .block-form .form-control::placeholder {color:rgba(255,255,255,0.3) !important;}
    .bg-faded .block-form .form-control::-webkit-input-placeholder {color:rgba(255,255,255,0.3) !important;}
    .bg-faded .block-form .form-control::-ms-input-placeholder {color:rgba(255,255,255,0.3) !important;}
    .bg-faded .block-form .form-control::-moz-placeholder {color:rgba(255,255,255,0.3) !important;}
    .bg-faded .block-form label, .bg-faded .block-form .form-control {color:#fff;}
    
    .sweep-to-right, .sweep-to-right2 {background-color:#0f161c /* 80% Black */;}
    
    .menu-section hr {background-color: #ef7900; color: #ef7900;}
    .menu-section h4 {color:#ef7900 !important;}
    
}


.hero {margin-top:0 !important;}

.page-cover {text-align:center; cposition:relative; overflow:hidden; color:#fff; min-height:30rem; margin-top:0 !important; display: flex; flex-direction: column; justify-content: flex-end;}
.page-cover:before {content:""; position:absolute; transition:.3s all; background:black; opacity:.4; inset:0;}
.page-cover > .block-section-container {position:relative; z-index:3;}


.block-columns .__col .block-form {margin-inline:-15px;}

.block-button:has([class*='push-justify-']), .text-justify-center, .text-justify-left, .text-justify-right {text-align:justify;}
.block-button:has([class*='push-left-']), .text-left-center, .text-left-right, .text-left-justify {text-align: left;} 
.block-button:has([class*='push-right-']), .text-right-center, .text-right-left, .text-right-justify {text-align: right;}
.block-button:has([class*='push-center-']), .text-center-right, .text-center-left, .text-center-justify {text-align:center !important;}


.bgy-0 {background-position-y: 0% !important;}
.bgy-5 {background-position-y: 5% !important;}
.bgy-10 {background-position-y: 10% !important;}
.bgy-20 {background-position-y: 20% !important;}
.bgy-30 {background-position-y: 30% !important;}
.bgy-40 {background-position-y: 40% !important;}
.bgy-50 {background-position-y: 50% !important;}
.bgy-60 {background-position-y: 60% !important;}
.bgy-70 {background-position-y: 70% !important;}
.bgy-80 {background-position-y: 80% !important;}
.bgy-90 {background-position-y: 90% !important;}
.bgy-95 {background-position-y: 95% !important;}
.bgy-100 {background-position-y: 100% !important;}

.bgx-0 {background-position-x: 0% !important;}
.bgx-5 {background-position-x: 5% !important;}
.bgx-10 {background-position-x: 10% !important;}
.bgx-20 {background-position-x: 20% !important;}
.bgx-30 {background-position-x: 30% !important;}
.bgx-40 {background-position-x: 40% !important;}
.bgx-50 {background-position-x: 50% !important;}
.bgx-60 {background-position-x: 60% !important;}
.bgx-70 {background-position-x: 70% !important;}
.bgx-80 {background-position-x: 80% !important;}
.bgx-90 {background-position-x: 90% !important;}
.bgx-95 {background-position-x: 95% !important;}
.bgx-100 {background-position-x: 100% !important;}

:is(.bg-video, .bg-video-md).bgx-0 video {object-position:0%;}
:is(.bg-video, .bg-video-md).bgx-10 video {object-position:10%;}
:is(.bg-video, .bg-video-md).bgx-20 video {object-position:20%;}
:is(.bg-video, .bg-video-md).bgx-30 video {object-position:30%;}
:is(.bg-video, .bg-video-md).bgx-40 video {object-position:40%;}
:is(.bg-video, .bg-video-md).bgx-60 video {object-position:60%;}
:is(.bg-video, .bg-video-md).bgx-70 video {object-position:70%;}
:is(.bg-video, .bg-video-md).bgx-80 video {object-position:80%;}
:is(.bg-video, .bg-video-md).bgx-90 video {object-position:90%;}
:is(.bg-video, .bg-video-md).bgx-100 video {object-position:100%;}


.object-center, .object-center :is(video, img) {object-position:50% 50%;}
.object-top, .object-top :is(video, img) {object-position:50% 20%;}
.object-full-top, .object-full-top :is(video, img) {object-position:top;}
.object-bottom, .object-bottom :is(video, img) {object-position:50% 80%;}
.object-full-bottom, .object-full-bottom :is(video, img) {object-position:bottom;}
.object-left, .object-left :is(video, img) {object-position:20% 50%;}
.object-left-30, .object-left-30 :is(video, img) {object-position:30% 50%;}
.object-left-40, .object-left-40 :is(video, img) {object-position:40% 50%;}
.object-full-left, .object-full-left :is(video, img) {object-position:left;}
.object-right, .object-right :is(video, img) {object-position:80% 50%;}
.object-full-right, .object-full-right :is(video, img) {object-position:right;}
.object-cover, .object-cover :is(video, img) {object-fit: cover; width: 100%;}
.object-contain, .object-contain :is(video, img) {object-fit: contain; width: 100%;}

.bg-bottom, .bg-bottom video {object-position:50% 80% !important;}
.bg-full-bottom, .bg-full-bottom video {object-position:bottom !important;}
.bg-top, .bg-top video {object-position:50% 30% !important;}
.bg-full-top, .bg-full-top video {object-position:top !important;}

:is(main, .__base) > :is(.pull-middle, .pull-middle-bottom).block-section > .block-section-container:not(:has(.block-columns)) {display: flex; flex-wrap:nowrap; flex-direction: column; align-items: stretch !important; justify-content: center !important;}
.p-middle, .p-middle-bottom, :is(.pull-middle, .pull-middle-bottom).block-section .__col .block-section-container, .__col :is(.pull-middle, .pull-middle-bottom).block-section .block-section-container {display: flex; flex-direction: column; align-items: stretch !important; justify-content: center !important;}
:is(main, .__base) > :is(.pull-bottom, .pull-bottom-middle).block-section > .block-section-container:not(:has(.block-columns)) {display: flex; flex-wrap:nowrap; flex-direction: column; align-items: stretch !important; justify-content: flex-end !important;}
.p-bottom, .p-bottom-middle, :is(.pull-bottom, .pull-bottom-middle).block-section .__col .block-section-container, .__col :is(.pull-bottom, .pull-bottom-middle).block-section .block-section-container {display: flex; flex-direction: column; align-items: stretch !important; justify-content: flex-end !important;}
:is(.pull-middle, .pull-bottom, .pull-middle-bottom, .pull-bottom-middle).block-section :is(.block-section-container, .block-section-container > .block) {/*width:100%;*/}

:is(.pull-middle, .pull-middle-bottom).block-section .__col:has(.block-section.h-auto) {display: flex; align-items: center;}
:is(.pull-middle, .pull-middle-bottom).block-section .__col.pm-bs-h-auto {display: flex; align-items: center;}
:is(.pull-bottom, .pull-bottom-middle).block-section .__col:has(.block-section.h-auto) {display: flex; align-items: flex-end;}
:is(.pull-bottom, .pull-bottom-middle).block-section .__col.pb-bs-h-auto {display: flex; align-items: flex-end;}

a[href*='facebook.com']:before, a.fblink:before {content:"\f082";}
a[href*='instagram.com']:before {content:"\f16d";}
a[href*='twitter.com']:before {content:"\f099";}
a[href*='linkedin.com']:before {content:"\f08c";}
a[href*='youtube.com']:before {content:"\f431";}
a[href*='tiktok.com']:before {content:"\e07b";}


main > .block-section[class*='pull-'] :is(.block-section, .block-section-container, .block-columns, .__col) {height: 100%;}

html.cms :is(.tag, .js, [class*='tag-'], [class*='js-to-']):before {content:"[javascript plugin - do not edit]"; text-align:left; width:100%; font-family:monospace; display:block; padding-block:1rem; font-size:1rem !important;}
html.cms :is(.js.empty,  [class*='js-to-']):before {display:flex; position:absolute; inset:0; align-items:center;     justify-content: center;}
html.cms :is(.tag, [class*='tag-']):before {content:"[tag widget]" !important;}
html:not(.cms) .js.empty {background:url('../../assets/images/loader.gif') 50% 50% / contain no-repeat scroll transparent;}

[class*='tag-'] a:empty {display:none !important;}
[class*='tag-'] p:has(a:empty) {display:none !important;}
[class*='tag-'] :is(a[href*='orgnr']):before {content:"\f1ad";}
[class*='tag-'] :is(a[href*='tel:'], a[href*='mailto:'], a[href*='goo.gl'], a[href*='orgnr']):before {font:600 1rem "Font Awesome 5 Free","Font Awesome 5 Brands";}
[class*='tag-'] :is(a[href*='facebook.com'], a.fblink, a[href*='instagram.com'], a[href*='linkedin.com'], a[href*='youtube.com']):before {font:600 1rem "Font Awesome 5 Free","Font Awesome 5 Brands"; font-size:1.5rem; width:3rem; height:3rem; background-color:#263a8a; color:#fff !important;}
[class*='tag-'] p:has(a[href*='facebook.com'], a.fblink, a[href*='instagram.com'], a[href*='linkedin.com'], a[href*='youtube.com']) {font-size:0; display:inline-block;}
[class*='tag-'] p :is(a[href*='facebook.com'], a.fblink, a[href*='instagram.com'], a[href*='linkedin.com'], a[href*='youtube.com']) {font-size:0;}
[class*='tag-'] .socials p {font-size:0; display:inline-block;}
[class*='tag-'] {margin-top:1.5rem;}
[class*='tag-'] p {margin-top:0; font-size:1.1rem; margin-block:5px;}
[class*='tag-'] .info a {letter-spacing:.5px; margin-inline:0;}
[class*='tag-'] a {margin-left:0 !important; letter-spacing:0; display: inline-flex; flex-direction: row; align-content: center; align-items: center; position:relative; border:none; text-decoration:none;}
[class*='tag-'] a:before {color:#263a8a; background-color:#e6e6e6 /* 10% Black */; margin-right:5px; height:3rem; width:3rem; border-radius:$boyadius; display:flex; align-items: center; justify-content: center; font-size: 1rem;}
[class*='tag-'] .socials p {display:inline-block; }
.text-light [class*='tag-'] .info a:before, .text-light[class*='tag-'] .info a:before {color:#263a8a;}
[class*='tag-'] .text-center a {justify-content: center;}
.tag-cta {margin-top:0;}

@media (max-width: 2060px) {
    html, body {font-size: 18px;}
}

@media (max-width: 1920px) {
    html, body {font-size: 16px;} 
}

@media (max-width: 1440px) {
    html, body {font-size: 14px;} 
}

@media (max-width: 1280px) {
    html, body {font-size: 12px;} 
}

@media (max-width:767px) {
    
    .row-gutter-md .row  .__col, .row-gutter .row  .__col {padding: 1rem !important;}
	.row-gutter-md .block-columns:not(:last-child) {padding-bottom: 0;}
	.no-gutter-md .__col .block-section > .block-section-container {padding:0;}
	.no-gutter .row :is(.__col) {padding:0 !important;}

    .w-md-auto {width:auto !important;}
    .w-md-100 {width:100% !important;}
    .w-md-95 {width:95% !important;}
    .w-md-90 {width:90% !important;}
    .w-md-85 {width:85% !important;}
    .w-md-80 {width:80% !important;}
    .w-md-75 {width:75% !important;}
    .w-md-70 {width:70% !important;}
    .w-md-65 {width:65% !important;}
    .w-md-60 {width:60% !important;}
    .w-md-55 {width:55% !important;}
    .w-md-50 {width:50% !important;}
    .w-md-45 {width:45% !important;}
    .w-md-40 {width:40% !important;}
    .w-md-35 {width:35% !important;}
    .w-md-30 {width:30% !important;}
    .w-md-25 {width:25% !important;}
    .w-md-20 {width:20% !important;}
    .vh-md-auto {height:auto !important;}
    .vh-md-100 {height:100vh !important;}
    .vh-md-90 {height:90vh !important;}
    .vh-md-80 {height:80vh !important;}
    .vh-md-70 {height:70vh !important;}
    .vh-md-60 {height:60vh !important;}
    .vh-md-50 {height:50vh !important;}
    .vh-md-40 {height:40vh !important;}
    .vh-md-30 {height:30vh !important;}
    .vh-md-20 {height:20vh !important;}
    
    .d-none-md {display:none !important;}
    .order-md .block-columns > .__col:nth-child(1) {order:2;}
    .order-md .block-columns > .__col:nth-child(2) {order:1;}
    
    .__col.order-1-md {order:1;}
    .__col.order-2-md {order:2;}
    
    .__col:has(>.order-1-md) {order:1;}
    .__col:has(>.order-2-md) {order:2;}
    .__col:has(>.order-3-md) {order:3;}
    .__col:has(>.order-4-md) {order:4;}
    .__col:has(>.order-5-md) {order:5;}
    .__col:has(>.order-6-md) {order:6;}
    
    .p-0-md {padding:0 !important;}
    .p-1-md {padding:.5rem !important;}
    .p-2-md {padding:1rem !important;}
    .p-3-md {padding:1.5rem !important;}
    .p-4-md {padding:2rem !important;}
    .p-5-md {padding:3rem !important;}
    .pl-0-md {padding-left:0 !important;}
    .pl-5-md {padding-left:3rem !important;}
    .pr-0-md {padding-right:0 !important;}
    .pr-5-md {padding-right:3rem !important;}
    .pt-0-md {padding-top:0 !important;}
    .pt-5-md {padding-top:3rem !important;}
    .pb-0-md {padding-bottom:0 !important;}
    .pb-5-md {padding-bottom:3rem !important;}
    .px-0-md {padding-inline:0rem !important;}
    .px-1-md {padding-inline:.5rem !important;}
    .px-2-md {padding-inline:1rem !important;}
    .px-3-md {padding-inline:1.5rem !important;}
    .px-4-md {padding-inline:2rem !important;}
    .px-5-md {padding-inline:3rem !important;}
    .py-0-md {padding-block:0 !important;}
    .py-1-md {padding-block:.5rem !important;}
    .py-2-md {padding-block:1rem !important;}
    .py-3-md {padding-block:1.5rem !important;}
    .py-4-md {padding-block:2rem !important;}
    .py-5-md {padding-block:3rem !important;}
    
    .m-0-md {margin:0 !important;}
    .m-1-md {margin:.5rem !important;}
    .m-2-md {margin:1rem !important;}
    .m-3-md {margin:1.5rem !important;}
    .m-4-md {margin:2rem !important;}
    .m-5-md {margin:3rem !important;}
    .ml-0-md {margin-left:0 !important;}
    .ml-5-md {margin-left:3rem !important;}
    .mr-0-md {margin-right:0 !important;}
    .mr-5-md {margin-right:3rem !important;}
    .mt-0-md {margin-top:0 !important;}
    .mt-5-md {margin-top:3rem !important;}
    .mb-0-md {margin-bottom:0 !important;}
    .mb-5-md {margin-bottom:3rem !important;}
    .mx-0-md {margin-inline:0 !important;}
    .mx-1-md {margin-inline:.5rem !important;}
    .mx-2-md {margin-inline:1rem !important;}
    .mx-3-md {margin-inline:1.5rem !important;}
    .mx-4-md {margin-inline:2rem !important;}
    .mx-5-md {margin-inline:3rem !important;}
    .my-0-md {margin-block:0 !important;}
    .my-1-md {margin-block:.5rem !important;}
    .my-2-md {margin-block:1rem !important;}
    .my-3-md {margin-block:1.5rem !important;}
    .my-4-md {margin-block:2rem !important;}
    .my-5-md {margin-block:3rem !important;}
    
        
    .bgy-0-md {background-position-y: 0% !important;}
    .bgy-5-md {background-position-y: 5% !important;}
    .bgy-10-md {background-position-y: 10% !important;}
    .bgy-20-md {background-position-y: 20% !important;}
    .bgy-30-md {background-position-y: 30% !important;}
    .bgy-40-md {background-position-y: 40% !important;}
    .bgy-50-md {background-position-y: 50% !important;}
    .bgy-60-md {background-position-y: 60% !important;}
    .bgy-70-md {background-position-y: 70% !important;}
    .bgy-80-md {background-position-y: 80% !important;}
    .bgy-90-md {background-position-y: 90% !important;}
    .bgy-100-md {background-position-y: 100% !important;}
    
    .bgx-0-md {background-position-x: 0% !important;}
    .bgx-5-md {background-position-x: 5% !important;}
    .bgx-10-md {background-position-x: 10% !important;}
    .bgx-20-md {background-position-x: 20% !important;}
    .bgx-30-md {background-position-x: 30% !important;}
    .bgx-40-md {background-position-x: 40% !important;}
    .bgx-50-md {background-position-x: 50% !important;}
    .bgx-60-md {background-position-x: 60% !important;}
    .bgx-70-md {background-position-x: 70% !important;}
    .bgx-80-md {background-position-x: 80% !important;}
    .bgx-90-md {background-position-x: 90% !important;}
    .bgx-100-md {background-position-x: 100% !important;}
    
    :is(main, .__base) > :is(.pull-middle-bottom).block-section > .block-section-container:not(:has(.block-columns)) {align-items: flex-end !important; justify-content: flex-end !important;}
    .p-middle-bottom, :is(.pull-middle-bottom).block-section .__col .block-section-container, .__col :is(.pull-middle-bottom).block-section .block-section-container {align-items: flex-end !important; justify-content: flex-end !important;}
    :is(main, .__base) > :is(.pull-bottom-middle).block-section > .block-section-container:not(:has(.block-columns)) {align-items: center !important; justify-content: center !important;}
    .p-bottom-middle, :is(.pull-bottom-middle).block-section .__col .block-section-container, .__col :is(.pull-bottom-middle).block-section .block-section-container {align-items: center !important; justify-content: center !important;}
    
    .pull-left-none, .pull-right-none {float:none;}
    .pull-left-right {float:right;} 
    .pull-right-left {float:left;}
    
    .block-button:has(.push-left-justify,.push-center-justify,.push-right-justify), .text-left-justify, .text-right-justify, .text-center-justify {text-align: justify !important;}  
    .block-button:has(.push-left-center,.push-justify-center,.push-right-center), .text-left-center, .text-right-center, .text-justify-center {text-align: center !important;}  
    .block-button:has(.push-justify-left,.push-center-left,.push-right-left), .text-right-left, .text-center-left, .text-justify-left {text-align: left !important;}
    .block-button:has(.push-left-right,.push-center-right,.push-justify-right), .text-left-right, .text-center-right, .text-justify-right {text-align: right !important;}
    :is(.text-left-center, .text-right-center) .block-list.socials .block-list-group {justify-content: center;}
    
    .block-gallery .gallery .gallery-item {flex:1 50%;}
}

@media (max-width:558px) {
    h1 strong {font-size:4rem;}
}


/*RX*/