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

#F5F5F0: #F5F5F0; /*ivory */






html, body {background-color: #fff; font-family: Montserrat, Sans-serif; font-size: 20px; 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: Playfair Display, serif; margin: 0; padding: 0; color: #333 /* 80% Black */; font-size: 5rem; line-height: 1.3;}
h2 {font-family: Playfair Display, serif; margin: 0; padding: 0; color: #333 /* 80% Black */; font-size: 3rem; line-height: 1.3;}
h3 {font-family: Playfair Display, serif; margin: 0; padding: 0; color: #333 /* 80% Black */; font-size: 2.5rem; line-height: 1.3;}
h4 {font-family: Playfair Display, serif; margin: 0; padding: 0; color: #333 /* 80% Black */; font-size: 2rem; line-height: 1.4;}
h5 {font-family: Montserrat, Sans-serif; margin: 0; padding: 0; color: #333 /* 80% Black */; 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;}
h6:after {content: "\2014\2014\2014\2014\2014\2014"; letter-spacing: -2px; margin: 0 2em 0 2em;}
h6:before {content: "\2014\2014\2014\2014\2014\2014"; letter-spacing: -2px; margin: 0 2em 0 2em;}

p {margin: 0; padding: 0; font-family: Montserrat, Sans-serif; font-weight: 300;}

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 #586987; 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: #586987;}

strong {font-weight: 700;} 

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

::-moz-selection {color: #fff; background: #586987;}
::selection {color: #fff; background: #586987;}

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

.spacer {height: 30px;}

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

.btn {font-family: Montserrat, Sans-serif; font-weight: bold; white-space: normal; border: none !important; font-size: .75rem; letter-spacing: 2px; text-transform: uppercase; padding: 15px 50px; border-radius: 0px !important; font-style: normal; display: inline-block; margin: 30px 0 0 0; text-decoration: none;}

.btn-primary {background-color: #586987; color: #fff !important;}
.btn-primary:hover {background: #333 /* 80% Black */;}

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

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

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

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

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

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

.btn-dark {background-color: #333 /* 80% Black */; color: #fff !important;}
.btn-dark:hover {background-color: #fff; color: #333 /* 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: #586987 !important;}
.border-secondary {border-color: #D3E0EC;}

.border-dark {border-color: #333 /* 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: #586987;}
.border-secondary-col .block-columns .__col {border-color: #D3E0EC;}

.border-dark-col .block-columns .__col {border-color: #333 /* 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: #586987;}

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

.block-gallery .gallery .gallery-item {margin-bottom: 0;}
.block-gallery .gallery .gallery-item .image-container {margin-bottom: 0;}
.block-gallery .gallery .gallery-item .image-container a {border: none !important;}
.block-gallery .gallery li:before {display: none;}

#block-gallery-modal .caption-container {position: relative; right: auto; bottom: 0; left: 0; padding: 30px; width: 100%; color: #fff; text-align: left; background: #333 /* 80% Black */; text-shadow: 0 0 0 rgba(0,0,0,0);}
#block-gallery-modal h3 {font-size: 2rem; line-height: 1.4; color: #fff;}
#block-gallery-modal p {font-size: .75rem; letter-spacing: 3px; text-transform: uppercase; color: #fff; padding: 10px 0 0 0 !important;}
#block-gallery-modal a.controls, #block-gallery-modal a.controls:visited, #block-gallery-modal a.controls:active, #block-gallery-modal a.controls:hover {text-shadow: 0 0 0 rgba(0,0,0,0); filter: alpha(opacity=0); border: none;}

.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: #333 /* 80% Black */ !important; left: 0; top: auto; bottom: 0; right: auto; width: 800px; margin: 0; padding: 50px;}
.block-gallery .carousel .carousel-caption &gt; 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 &gt; 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 &gt; .btn {margin: 20px 0 0 0;}

/***************** cookies *********************/

.cookies-container {width: 100%; margin: 0; border-radius: 0; text-align: center; padding: 50px; position: fixed; bottom: 0; z-index: 250;}
.cookies-container a.control-accept-cookies {padding: 0 0 0 10px; border: none;}
.cookies-container a.control-accept-cookies:before {content: "\f30b"; font-family: "Font Awesome 5 Free"; font-weight: 900; padding: 0 10px 0 0; color: #586987;}
.cookies-container a.control-accept-cookies:hover {border: none; color: #586987;}

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

.navbar {height: 180px !important; padding: 75px 25px 25px 25px !important; background-color: #fff; 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: 150px;}
.navbar .navbar-toggler {font-size: 2.5rem;}
.navbar .navbar-nav .nav-link {text-transform: uppercase; font-weight: bold; font-size: 16px; letter-spacing: 1.25px; margin: 0 25px; padding: 0; color: #333;}
.navbar .navbar-nav .nav-link:hover {color: #586987 !important;}
.navbar .navbar-nav .nav-item.active .nav-link {border-bottom: 2px solid #586987;}
.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: #333 /* 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: #333 /* 80% Black */ !important; border: none; border-left: 4px solid #586987;}

.navbar.navbar-start {background: linear-gradient(to bottom, #586987, transparent);}

.navbar.navbar-start .navbar-nav .nav-link, .navbar.navbar-start .navbar-toggler {color: #fff;}
.navbar.navbar-start .navbar-nav .nav-item.active .nav-link {border-color: #fff;}


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

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

.block-section &gt; .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: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: #586987;}

.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 h1, .m0 h2, .m0 h3, .m0 h4, .m0 h5, .m0 h6, .m0 p, .m0 img {margin: 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 &gt; 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 {opacity: .5; 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;}
.map-container iframe:hover {opacity: 1;}


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

.divider-mobile {opacity: 0;}

.service-height {height: auto; min-height: 50vh;}
.margin-adjust {margin-top: 27em;}
.margin-adjust h1 {font-size: 4rem;}

.mobile-align1 h2 {text-align: right !important;}
.mobile-align2 h2 {text-align: left !important;}

.contact-team img {margin-top: 0 !important;}
.contact-team-div img {object-fit: cover; height: 35vh; width: 100%;}
.section-marker0 {letter-spacing: 2px; font-weight: 14px; }
.staff-page img {object-fit: contain;}
.section-header {height: 40vh;}
.bg-secondary {color: #333 /* 80% Black */ !important;}
.site-info h5 {font-size: 15px !important; padding-top: 7px; letter-spacing: 0.5px;}
.site-info {position: absolute; top: 0; left: -2em; right: -2em; margin-bottom: 2em;}
.bg-alter .block-form .form-control {border: none; background: #fff; color: #333 /* 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;}
.extra-section2 {margin-top: -30em;}

.extra-section {margin-top: -10em;}
.image-container {object-fit: cover;}
.change-color:hover .change-fill h2 {background: linear-gradient(to right, #333 /* 80% Black */ 0%, #586987 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, #333 /* 80% Black */ 0%, #586987 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;}

.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:$trans;}
.btn-cus:hover:after {margin-left:20px; }

.social-media-icons {float: none !important; color: #fff;}
.social-media-icons i {padding: 0 1em 0 1em;}
.social-media-icons a: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;}

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

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

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

.sweep-to-top {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 { 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:before, .sweep-to-top:focus:before, .sweep-to-top:active:before {-webkit-transform: scaleY(1);transform: scaleY(1);}

.sweep-to-top h5{color: #fff !important;}
.sweep-to-top p, .sweep-to-top a, .sweep-to-top em {opacity: 0 !important; color: #fff; }
.sweep-to-top:hover p, .sweep-to-top:hover a, .sweep-to-top:hover em {opacity: 1 !important;}



.animate-div: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:hover .first, .animate-div:hover .second, .animate-div: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:hover .first {
  animation-delay: .25s;
}

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

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

.contact-card .block-columns .__col .block-section {color: #fff; padding-bottom: 3em; text-align:center; background: linear-gradient(to bottom, #fff 190px, #586987 190px); border:1px solid #e6e6e6 /* 10% Black */; box-shadow:3px 3px 7px rgba(0,0,0,0.1); transition:$trans;}
.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: 250px; transition:0.3s all; filter:saturate(0);}
.contact-card .block-columns .__col .block-section .block-image:before {opacity:0; position:absolute; content:""; background-image:url('../../assets/avatar.png'); left:10%; top:10%; height:50px; width:50px; z-index: 1; background-size: contain; background-repeat: no-repeat;}
.contact-card .block-columns .__col .block-section .block-image:hover img {filter:saturate(1);}
.contact-card .block-columns .__col .block-section p {color: #e6e6e6 /* 10% Black */; font-size: 1rem;}
.contact-card .block-columns .__col .block-section h5 {color: #fff;}
.contact-card .block-columns .__col .block-section a { color: #e6e6e6 /* 10% Black */; font-size: 13px;}
.contact-card .block-columns .__col .block-section a:hover {border-bottom: 1px solid #e6e6e6 /* 10% Black */;}
/***************** footer *********************/

footer .container-fluid {}
footer ul.navi {list-style: none; margin-bottom: -5px; padding: 0; display: block;}
footer ul.navi li {border-right: 1px solid #41506b; border-bottom: 1px solid #41506b; flex-grow: 1;   display: inline-block; margin: 0; width: calc(100% / 4); border: none !important; padding:3px;     word-wrap: break-word; line-height: normal;}
footer ul.navi li a {border: none !important; color: #fff; display: block; padding: 20px 5px !important; background: #41506b; font-family: Playfair Display, serif; text-transform:uppercase;  letter-spacing:1px;}
footer ul.navi li a:hover {color: #41506b; background: #fff !important; text-decoration:none;}
footer ul.navi ul.children {display: none;}
footer ul.navi li:last-child {display:none !important;}
footer h5 a {margin: 0 25px 50px 25px; display: inline-block;}
footer h6 {margin-bottom: 50px;}

footer hr {background:#333;}
footer .contact {    border-color:#41506b !important; border-top: 1px solid; border-bottom: 1px solid; padding: 20px 0;}
footer .contact&gt;div {list-style: none; margin-bottom: -10px; padding: 0; display: block;}
footer .contact&gt;div {font-size: 12px; border-color: #41506b !important; border-right: 1px solid #41506b; border-bottom: none;   display: inline-block; margin: 0; width: calc(100% / 4);  padding:3px;}
footer .contact&gt;div i {color: #fff;}
footer .contact&gt;div a {color: #fff; padding-bottom:2px; text-decoration:none !important;}
footer .contact&gt;div a:hover {border-bottom: 1px solid #fff;}
footer .contact&gt;div:last-child {border-right: none !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: #333 /* 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 #586987; color: #333 /* 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;}

/***************** 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: #333 /* 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: #586987;}
.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: #D3E0EC;}

.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: #333 /* 80% Black */; opacity: .15; 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: #586987; opacity: .3; z-index: 0;}
.filter-secondary:before {position: absolute; content: " "; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: #D3E0EC; 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;}

.bg-primary {background-color: #586987;}
.bg-secondary {background-color: #D3E0EC;}
.bg-tertiary {background-color: #41506b;}
.bg-alter {background-color: #F5F5F0;}

.bg-dark {background-color: #333 /* 80% Black */;}
.bg-light {background-color: #fff;}

.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;}
    .margin-adjust h1 {font-size: 4rem;}
    .spacer {height: 23px;}
    .margin-adjust h5 {font-size: 1.25rem;}
    
    .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-modal .caption-container {padding: 23px;}
    #block-gallery-modal p {padding: 8px 0 0 0 !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 &gt; p {padding: 8px 0 0 0;}
    .block-gallery .carousel .carousel-caption &gt; .btn {margin: 15px 0 0 0;}
    
    .cookies-container {padding: 38px;}
    .cookies-container a.control-accept-cookies {padding: 0 0 0 8px;}
    .cookies-container a.control-accept-cookies:before {padding: 0 8px 0 0;}
    
    .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 &gt; .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 .block-section:first-child, .block-error-404 {margin-top: 75px;}
    
    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: 1440px) {
    .navbar {height: 150px;}
    .navbar .navbar-brand img {width: 120px;}
    .section-header {height: 45vh;}
    .extra-section {margin-top: -10em;}
    .margin-adjust h1 {font-size: 3rem;}
    .margin-adjust {margin-top: 20em;}
}

@media (max-width: 1280px) {
    html, body {font-size: 12px;} 
   .contact-card .block-columns .__col .block-section a {color: #e6e6e6 /* 10% Black */; font-size: 0.85rem;}
 
    h6 {letter-spacing: 2px;}
    
    a {border-width: 1px;}
    a:hover {border-width: 1px;}
    
    hr {margin: 30px auto 15px auto;}
    
    .spacer {height: 15px;}
    
    .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-modal .caption-container {padding: 15px;}
    #block-gallery-modal p {padding: 5px 0 0 0 !important; letter-spacing: 2px;}

    .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 &gt; p {padding: 5px 0 0 0; letter-spacing: 2px;}
    .block-gallery .carousel .carousel-caption &gt; .btn {margin: 10px 0 0 0;}
    
    .cookies-container {padding: 25px;}
    .cookies-container a.control-accept-cookies {padding: 0 0 0 5px;}
    .cookies-container a.control-accept-cookies:before {padding: 0 5px 0 0;}
    
    .navbar {height: 180px !important; padding: 70px 25px 25px 25px !important;}

    .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 &gt; .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: 1199px) {
    .navbar {height: 180px !important; padding: 40px 25px 25px 25px !important;}
    .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: #333 /* 80% Black */ !important;}
    .navbar .navbar-nav .nav-item.active .nav-link {background: #586987; color: #fff !important;}
    
}
@media (max-width: 1080px) {
    .block-section.bg-fixed {background-attachment: scroll;}
}

@media (max-width: 1024px) {
    .navbar {height: 180px !important; padding: 40px 25px 25px 25px !important;}
}


@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;}
    .contact-card .block-columns .__col .block-section h5 {color: #fff; padding-top: 2.5rem;}
    .contact-card .block-columns .__col .block-section a {font-size: 0.7rem;}

    #block-gallery-modal h3 {font-size: 1.6rem;}
    
    .block-gallery .carousel .carousel-caption {width: 350px;}
    .block-gallery .carousel .carousel-caption &gt; h3 {font-size: 1.6rem;}
    
    .navbar {padding: 0 15px;}
    .navbar .navbar-nav .nav-link {margin: 0 15px;}
    
    .container, .block-section &gt; .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 &gt; h3 {font-size: 3.5rem;}
}

@media screen and ( max-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;}
    .service-height {height: auto; min-height: 0;}
    .divider-mobile {opacity: 1;}
    .top-adjust {margin-top: -3.5rem !important;}
    .site-info h5 a {font-size: 1rem; padding-top: 5px; letter-spacing: 0px;}
    .spacer {margin:5px;}
    .animate-div .first, .animate-div .second, .animate-div .third  {opacity: 1;}
    .mobile-align1 h2 {display: block; text-align: center !important;}
    .mobile-align2 h2 {margin-top: -0.5em; text-align: center !important;}
    .extra-section {margin-top: 0 !important; }
    .special-case h1 {font-size: 2.75rem;}
    .text-responsive {width: 100% !important;}

    .border-left-col .block-columns .__col {border: none;}
    .border-right-col .block-columns .__col {border: none;}
    
    .news .list-group-item .list-header {font-size: 1.3rem;}
    .contact-card .block-columns .__col .block-section a {font-size: 1rem;}
 
    #block-gallery-modal h3 {font-size: 1.3rem;}
    .block-gallery .carousel .carousel-caption {width: 100%;}
    .block-gallery .carousel .carousel-caption &gt; h3 {font-size: 1.3rem;}
    
    .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: #333 /* 80% Black */ !important;}
    .navbar .navbar-nav .nav-item.active .nav-link {background: #586987; color: #fff !important;}
    
    .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 &gt; 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: 375px) {
    .mobile-align1 h2 {display: block; text-align: center !important;}
    .mobile-align2 h2 {margin-top: -0.5em; text-align: center !important;}
    .extra-section {margin-top: 0 !important; }


}

@media (max-width: 320px) {
    h1 {font-size: 2.5rem;}
    .spacer {margin: 2px;}
    .navbar {padding-top: 80px !important; height: 300px; }
    .mobile-align1 h2 {display: block; text-align: center !important;}
    .mobile-align2 h2 {margin-top: -0.5em; text-align: center !important;}
    .special-case h1 {font-size: 2rem;}

    .home-categ h5 {opacity:1 !important; }
    .home-categ a {opacity:1 !important; }
    .site-info h5 a {display: block !important; font-size: 1rem; padding-top: 5px; letter-spacing: 0px;}

    .text-responsive {width: 100% !important;}
    
    .navbar .navbar-brand img {width: 150px;}
    
    .main-slider .block-gallery .carousel .carousel-caption &gt; h3 {font-size: 2.5rem;}
}



/* ----- COOKIE BANNER STYLING ----- */
#modal-cc {background-color: rgba(26,26,26,.9); overflow: scroll;}
#modal-cc ::-webkit-scrollbar-thumb {background: #333; border-radius:0;}
#modal-cc ::-webkit-scrollbar-track {background:#333;}
#modal-cc .modal-dialog {background: #fff; overflow: scroll; position: fixed; margin: 0; bottom:0; max-width: 650px;}
#modal-cc .modal-content {box-shadow: none!important; border-bottom: none!important; height:100vh; border-radius: 0; background: #fff; color: #333;}
#modal-cc .modal-header {border-bottom:none; padding:3rem 3rem .5rem 3rem;}
#modal-cc .modal-header h4 {font-weight: 700; text-transform: uppercase;}
#modal-cc .modal-header .close {position: absolute; top: 1em; right: 1em;}
#modal-cc .modal-title {line-height:initial;}
#modal-cc .modal-body {font-size: 0.8em; padding: 1.5rem 3rem 3rem 3rem; overflow-y: auto;}
#modal-cc hr {margin: 30px auto 20px auto;}
#modal-cc #cc-buttons {margin-top: 1rem; display: flex; justify-content: space-between;}
#modal-cc #cc-buttons button {height: fit-content; font-size: 0.8rem!important; margin-top: 0!important; border-radius: 0.5rem; line-height:1!important; text-transform: none; letter-spacing:0; padding: 10px; margin-right: 10px;}
#modal-cc #cc-buttons button:after {float: none; margin-left: 15px;}
#modal-cc #cc-buttons button:hover {background-color: #1a1a1a !important; color: #fff !important;}
#modal-cc .tab-pane {overflow: auto;}
#cc-settings-button {font-size: 1.5em; border-bottom: none; }

#cookietabs .nav-link.active {background: transparent; color: #333!important; border-color: transparent; border-radius: 0; text-decoration: underline;}

@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;}
}
/* ----- END: COOKIE BANNER STYLING ----- */</pre></body></html>