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

/** YELLOW **/

/** CHALK **/

/** BROWN-BEIGE **/

/** DARK GREEN **/

/** CREME **/



html, body {background-color: #ebf0e6; cursor: default; font-family: "soleil", Arial, Sans-serif; font-size: 20px; line-height: 1.9; font-weight: 300; letter-spacing: .025rem; color: #827d64; overflow-x: hidden;} 

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

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

h1 {font-family: "minion-3-display", Times, Serif; margin: 0; padding: 0; color: #827d64; font-size: 4rem; line-height: 1.15; font-weight: 400;}
h2 {font-family: "minion-3-display", Times, Serif; margin: 0; padding: 0; color: #827d64; font-size: 3rem; line-height: 1.15; font-weight: 400;}
h3 {font-family: "minion-3-display", Times, Serif; margin: 0; padding: 0; color: #827d64; font-size: 2rem; line-height: 1.15; font-weight: 400;}
h4 {font-family: "soleil", Arial, Sans-serif; margin: 0; padding: 0; color: #827d64; font-size: 1.5rem; line-height: 1.6; font-weight: 300;}
h5 {font-family: "soleil", Arial, Sans-serif; margin: 0; padding: 0; color: #827d64; font-size: 1.25rem; line-height: 1.6; font-weight: 300;}
h6 {font-family: "soleil", Arial, Sans-serif; margin: 0; padding: 0; color: #827d64; font-size: 1rem; line-height: 1.6; font-weight: 300; letter-spacing: .1rem; text-transform: uppercase;}

.fs-1, .fs-1 h1, .fs-1 h2, .fs-1 h3, .fs-1 h4, .fs-1 h5, .fs-1 h6, .fs-1 p {font-family: "soleil", Arial, Sans-serif; font-size: 1rem; line-height: 1.9; font-weight: 300; color: #827d64;}
.fs-2, .fs-2 h1, .fs-2 h2, .fs-2 h3, .fs-2 h4, .fs-2 h5, .fs-2 h6, .fs-2 p {font-family: "soleil", Arial, Sans-serif; font-size: 1rem; line-height: 1.6; font-weight: 300; color: #827d64; letter-spacing: .1rem; text-transform: uppercase;}
.fs-3, .fs-3 h1, .fs-3 h2, .fs-3 h3, .fs-3 h4, .fs-3 h5, .fs-3 h6, .fs-3 p {font-family: "soleil", Arial, Sans-serif; font-size: 1.25rem; line-height: 1.6; font-weight: 300; color: #827d64;}
.fs-4, .fs-4 h1, .fs-4 h2, .fs-4 h3, .fs-4 h4, .fs-4 h5, .fs-4 h6, .fs-4 p {font-family: "soleil", Arial, Sans-serif; font-size: 1.5rem; line-height: 1.6; font-weight: 300; color: #827d64;}
.fs-5, .fs-5 h1, .fs-5 h2, .fs-5 h3, .fs-5 h4, .fs-5 h5, .fs-5 h6, .fs-5 p {font-family: "minion-3-display", Times, Serif; font-size: 2rem; line-height: 1.15; font-weight: 400; color: #827d64;}
.fs-6, .fs-6 h1, .fs-6 h2, .fs-6 h3, .fs-6 h4, .fs-6 h5, .fs-6 h6, .fs-6 p {font-family: "minion-3-display", Times, Serif; font-size: 3rem; line-height: 1.15; font-weight: 400; color: #827d64;}
.fs-7, .fs-7 h1, .fs-7 h2, .fs-7 h3, .fs-7 h4, .fs-7 h5, .fs-7 h6, .fs-7 p {font-family: "minion-3-display", Times, Serif; font-size: 4rem; line-height: 1.15; font-weight: 400; color: #827d64;}
.fs-8, .fs-8 h1, .fs-8 h2, .fs-8 h3, .fs-8 h4, .fs-8 h5, .fs-8 h6, .fs-8 p {font-family: "minion-3-display", Times, Serif; font-size: 5rem; line-height: 1.15; font-weight: 400; color: #827d64;}

.lg-text, .lg-text h1, .lg-text h2, .lg-text h3, .lg-text h4, .lg-text h5, .lg-text h6, .lg-text p {font-family: "minion-3-display", Times, Serif; font-size: 10rem; line-height: 1; font-weight: 400; color: #827d64;}

.sm-lineheight.fs-1, .sm-lineheight.fs-1 h1, .sm-lineheight.fs-1 h2, .sm-lineheight.fs-1 h3, .sm-lineheight.fs-1 h4, .sm-lineheight.fs-1 h5, .sm-lineheight.fs-1 h6, .sm-lineheight.fs-1 p, .sm-lineheight p {line-height: 1.5;}
.sm-lineheight.fs-2, .sm-lineheight.fs-2 h1, .sm-lineheight.fs-2 h2, .sm-lineheight.fs-2 h3, .sm-lineheight.fs-2 h4, .sm-lineheight.fs-2 h5, .sm-lineheight.fs-2 h6, .sm-lineheight.fs-2 p, .sm-lineheight h6 {line-height: 1.3;}
.sm-lineheight.fs-3, .sm-lineheight.fs-3 h1, .sm-lineheight.fs-3 h2, .sm-lineheight.fs-3 h3, .sm-lineheight.fs-3 h4, .sm-lineheight.fs-3 h5, .sm-lineheight.fs-3 h6, .sm-lineheight.fs-3 p, .sm-lineheight h5 {line-height: 1.3;}
.sm-lineheight.fs-4, .sm-lineheight.fs-4 h1, .sm-lineheight.fs-4 h2, .sm-lineheight.fs-4 h3, .sm-lineheight.fs-4 h4, .sm-lineheight.fs-4 h5, .sm-lineheight.fs-4 h6, .sm-lineheight.fs-4 p, .sm-lineheight h4 {line-height: 1.3;}
.sm-lineheight.fs-5, .sm-lineheight.fs-5 h1, .sm-lineheight.fs-5 h2, .sm-lineheight.fs-5 h3, .sm-lineheight.fs-5 h4, .sm-lineheight.fs-5 h5, .sm-lineheight.fs-5 h6, .sm-lineheight.fs-5 p, .sm-lineheight h3 {line-height: 1;}
.sm-lineheight.fs-6, .sm-lineheight.fs-6 h1, .sm-lineheight.fs-6 h2, .sm-lineheight.fs-6 h3, .sm-lineheight.fs-6 h4, .sm-lineheight.fs-6 h5, .sm-lineheight.fs-6 h6, .sm-lineheight.fs-6 p, .sm-lineheight h2 {line-height: 1;}
.sm-lineheight.fs-7, .sm-lineheight.fs-7 h1, .sm-lineheight.fs-7 h2, .sm-lineheight.fs-7 h3, .sm-lineheight.fs-7 h4, .sm-lineheight.fs-7 h5, .sm-lineheight.fs-7 h6, .sm-lineheight.fs-7 p, .sm-lineheight h1 {line-height: 1;}
.sm-lineheight.fs-8, .sm-lineheight.fs-8 h1, .sm-lineheight.fs-8 h2, .sm-lineheight.fs-8 h3, .sm-lineheight.fs-8 h4, .sm-lineheight.fs-8 h5, .sm-lineheight.fs-8 h6, .sm-lineheight.fs-8 p, .sm-lineheight h1 {line-height: 1;}

p {padding: 0; margin: 0;}

a {text-decoration: underline; color: #827d64; moz-transition: all .1s; -webkit-transition: all .1s; -o-transition: all .1s; -ms-transition: all .1s; transition: all .1s;}
a:hover {color: #827d64; text-decoration: none;}

h1 a, .fs-7 a {text-decoration: none; color: #827d64;}
h2 a, .fs-6 a {text-decoration: none; color: #827d64;}
h3 a, .fs-5 a {text-decoration: none; color: #827d64;}
h1 a:hover, .fs-7 a:hover {text-decoration: underline; color: #827d64;}
h2 a:hover, .fs-6 a:hover {text-decoration: underline; color: #827d64;}
h3 a:hover, .fs-5 a:hover {text-decoration: underline; color: #827d64;}

strong {font-weight: 600;}

.fs-7 strong, .fs-7 h1 strong, .fs-7 h2 strong, .fs-7 h3 strong, .fs-7 h4 strong, .fs-7 h5 strong, .fs-7 h6 strong, .fs-7 p strong {font-weight: 400; text-transform: uppercase; letter-spacing: .5rem;}
.fs-8 strong, .fs-8 h1 strong, .fs-8 h2 strong, .fs-8 h3 strong, .fs-8 h4 strong, .fs-8 h5 strong, .fs-8 h6 strong, .fs-8 p strong {font-weight: 400; text-transform: uppercase; letter-spacing: .5rem;}

::-moz-selection {color: #827d64; background: #e1c057;}
::selection {color: #827d64; background: #e1c057;}

hr {width: 100%; margin: 2.5rem 0 1rem 0; height: 0; background-color: transparent; color: transparent; border: 0; border-top: .1rem solid #827d64;}

.spacer {height: 2.5rem;}
.sm-spacer {height: 5rem;}
.md-spacer {height: 7.5rem;}
.lg-spacer {height: 12.5rem;}

.border-radius {border-radius: 2.5rem;}

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

.btn {white-space: normal; border: none !important; font-size: 1rem; font-weight: 500; border-radius: 0; display: inline-block; text-align: left; padding: 1rem 3rem; border-radius: .2rem; text-transform: uppercase !important; letter-spacing: .1rem; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; font-style: normal; margin: 1.5rem 0 0 0; text-decoration: none !important; position: relative;}
.btn:hover, .btn:active, .btn:focus {outline: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; border: none !important; outline-style: none !important; border-color: transparent !important;}

.btn-sm {font-size: .8rem;}
.btn-lg {font-size: 1.25rem;}

.btn-primary {background-color: transparent !important; color: #827d64 !important; border: .1rem solid #e1c057 !important;}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {background-color: #e1c057 !important; color: #827d64 !important; border: .1rem solid #e1c057 !important;}

.btn-secondary {background-color: #173531 !important; color: #e1d5bf !important;}
.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {background-color: #e1c057 !important; color: #173531 !important;}

.btn-info {padding: 0 !important; background-color: transparent !important; color: #827d64 !important; display: flex; align-items: center;}
.btn-info:after {content: "\f105"; font-family: "Font Awesome 6 Free"; font-weight: 900; margin-left: 1rem; border: none; display: block; moz-transition: all .1s; -webkit-transition: all .1s; -o-transition: all .1s; -ms-transition: all .1s; transition: all .1s;}
.btn-info:hover:after, .btn-success:active:after, .btn-success:focus:after {margin-left: 1.5rem;}

.btn-success {background-color: #e1d5bf !important; color: #827d64 !important;}
.btn-success:hover, .btn-success:active, .btn-success:focus {background-color: #e1c057 !important; color: #827d64 !important;}

.btn-danger {background-color: transparent !important; color: #827d64 !important; border: .1rem solid #827d64!important;}
.btn-danger:hover, .btn-danger:active, .btn-danger:focus {background-color: #827d64 !important; color: #ebf0e6 !important; border: .1rem solid #827d64 !important;}

.btn-warning {background-color: transparent !important; color: #ebf0e6 !important; border: .1rem solid #ebf0e6 !important;}
.btn-warning:hover, .btn-warning:active, .btn-warning:focus {background-color: #ebf0e6 !important; color: #827d64 !important; border: .1rem solid #ebf0e6 !important;}

.btn-dark {background-color: #827d64 !important; color: #ebf0e6 !important;}
.btn-dark:hover, .btn-dark:active, .btn-dark:focus {background-color: #e1c057 !important; color: #827d64 !important;}

.btn-light {background-color: #ebf0e6 !important; color: #827d64 !important;}
.btn-light:hover, .btn-light:active, .btn-light:focus {background-color: #e1c057 !important; color: #827d64 !important;}

.btn-custom {width: 14rem; height: 14rem; border: .1rem solid #827d64 !important; line-height: 1.6; padding: 1.5rem; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 50% !important; background-color: transparent !important; color: #827d64 !important;}
.btn-custom:hover, .btn-custom:active, .btn-custom:focus {background-color: #827d64 !important; color: #ebf0e6 !important; border: .1rem solid #827d64 !important;}
.text-center .btn-custom {margin-left: auto; margin-right: auto;}
.text-right .btn-custom {margin-left: auto;}

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

.border, .border-top, .border-bottom, .border-left, .border-right {border-width: .1rem;}

.border-primary {border-color: #e1c057 !important;}

.border-light {border-color: #ebf0e6;}
.border-dark {border-color: #827d64;}

.border-custom1 {border-color: #173531;}
.border-custom2 {border-color: #e1d5bf;}
.border-custom3 {border-color: $custom3;}
.border-custom4 {border-color: $custom4;}
.border-custom5 {border-color: $custom5;}
.border-custom6 {border-color: $custom6;}
.border-custom7 {border-color: $custom7;}

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

/***************** lists *********************/

.block-list-group {margin: 1.5rem 0 0 0;}
.block-list-group .list-group-item {background-color: transparent; padding: 2rem; margin-bottom: .1rem; border: .1rem solid #827d64; 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 p {margin: 0 !important;}

.block-list-group.accordion .card {padding: 0; border: none; border-radius: 0; background: transparent; border: .1rem solid #827d64; margin-bottom: .1rem; -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 .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: 2rem; width: 100%; text-align: left; margin: 0; font-style: normal; text-transform: none; font-weight: 300; font-size: 1rem; line-height: 1.9; color: #827d64; display: block; border: none; text-decoration: none;}
.block-list-group.accordion .card .card-header h5 .btn:hover {text-decoration: underline !important;}
.block-list-group.accordion .card .card-header h5 .btn:after {content: "\f068"; font-family: "Font Awesome 6 Free"; font-weight: 900; float: right; color: #e1c057;}
.block-list-group.accordion .card .card-header h5 .btn.collapsed:after {content: "\f067";}
.block-list-group.accordion .card .card-body {padding: 2rem; padding-top: 0 !important;}
.block-list-group.accordion .card .card-body * {margin: 0 !important;}

.block-list-group.tabs .nav-tabs {border: none; height: auto; opacity: 1; padding: 0; background: transparent; position: relative; display: flex; flex-wrap: wrap;}
.block-list-group.tabs .nav-tabs .nav-item {background: #ebf0e6; margin-right: .1rem;}
.block-list-group.tabs .nav-tabs .nav-item .nav-link {padding: 2rem; border: none; background: transparent; margin: 0; border-radius: 0; color: #827d64; text-decoration: none;}
.block-list-group.tabs .nav-tabs .nav-item .nav-link:hover {text-decoration: underline;}
.block-list-group.tabs .nav-tabs .nav-item .nav-link.active {background: #827d64; color: #ebf0e6; font-weight: 500;}
.block-list-group.tabs .nav-tabs .nav-item:before {display: none;}
.block-list-group.tabs .tab-content {padding: 2rem; border: none; background: #827d64;}
.block-list-group.tabs .tab-content * {margin: 0 !important; color: #ebf0e6;}

.block-list-group.modal-list .list-group-item {padding: 0 !important;}
.block-list-group.modal-list .list-group-item h5 {margin: 0 !important;}
.block-list-group.modal-list .list-group-item h5 .btn {padding: 2rem; width: 100%; text-align: left; margin: 0; font-style: normal; text-transform: none; font-weight: 300; font-size: 1rem; line-height: 1.9; color: #827d64; display: block; border: none; text-decoration: none;}
.block-list-group.modal-list .list-group-item h5 .btn:hover {text-decoration: underline !important;}
.block-list-group.modal-list .list-group-item h5 .btn:after {content: "\f424"; font-family: "Font Awesome 6 Free"; font-weight: 900; float: right; color: #e1c057;}

.modal-backdrop {background-color: #173531;}
.modal-backdrop.show {opacity: .95;}
.modal-dialog {width: 100%; max-width: 100%; height: 100%; margin: 0; display: flex !important; align-items: center; justify-content: center;}
.modal-content {margin: 0; width: 52rem; padding: 0; background-color: #ebf0e6; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; border: none;}
.modal-header {border-bottom: .1rem solid #827d64;}
.modal-header, .modal-body {padding: 2rem; color: #827d64;}
.modal-header h5 {font-size: 2rem; font-family: "minion-3-display", Times, Serif; color: #827d64 !important; line-height: 1.2;}
.modal-header .btn-close {white-space: normal; border: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; background-color: transparent !important;}
.modal-header .btn-close:before {content: "\f00d"; font-family: "Font Awesome 6 Free"; font-size: 1.5rem; font-weight: 900; float: right; color: #827d64;}
.modal-header .btn-close:hover, .modal-header .btn-close:active, .modal-header .btn-close:focus {outline: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; border: none !important; outline-style: none !important; border-color: transparent !important; background-color: transparent !important;}
.modal-footer {display: none;}

.news {margin: 0;}
.news .list-group-item {margin: 1.5rem 0 0 0; padding: 2rem; border: .1rem solid #827d64; border-radius: 0; background: transparent !important;}
.news .list-group-item:hover {border-color: #e1c057 !important;}
.news .list-group-item .list-date {margin: 0; padding: 0; font-size: 1rem; line-height: 1.6; font-weight: 300; letter-spacing: .1rem; text-transform: uppercase;}
.news .list-group-item .list-header {font-size: 2rem; line-height: 1.2;}
.news .list-group-item .list-content {margin: 1.5rem 0 0 0;}

.pager {margin: 1.5rem 0 0 0; padding: 0 15px; width: 100%; border-radius: 0;}
.pager li {margin: 0 !important;}
.pager li:before {display: none;}
.pager li a {padding: 0; font-size: .05rem; margin-right: 1rem; color: transparent; background: transparent; border: .1rem solid #827d64; width: 1rem; height: 1rem; border-radius: 50% !important;}
.pager li a:hover, .pager li a.active {background: #827d64; color: #827d64;}

/***************** gallery *********************/

.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 .gallery-item .image-container a img {width: 100%;}
.block-gallery .gallery li:before {display: none;}

#block-gallery-modal .caption-container {position: relative; right: auto; bottom: 0; left: 0; padding: 2rem; width: 100%; text-align: left; color: #827d64; background: #173531; text-shadow: 0 0 0 rgba(0,0,0,0);}
#block-gallery-modal p {margin: .5rem 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 {width: auto; padding: 0 2rem; display: flex; align-items: center; text-decoration: none; text-shadow: 0 0 0 rgba(0,0,0,0); filter: alpha(opacity=0); border: none;}
#block-gallery-modal a.controls > i {position: relative; top: 0; font-size: 2rem; margin-top: 0;}
#block-gallery-modal .control-close {top: 2rem; right: 2rem; font-size: 2rem; line-height: .5; color: #e1c057; opacity: 1; text-shadow: 0 0 0 transparent;}
#block-gallery-modal.modal.fade .modal-dialog {-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}

.block-gallery .carousel {margin-top: 1.5rem !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 2rem; text-shadow: 0 0 0 rgba(0,0,0,0); border: none !important;}
.block-gallery .carousel .carousel-indicators li {margin: 0 .5rem; background: transparent; opacity: 1; border: .1rem solid #827d64; width: 1rem; height: 1rem; border-radius: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.block-gallery .carousel .carousel-indicators li.active {background: #827d64;}
.block-gallery .carousel .carousel-caption {left: 0; top: auto; bottom: 0; right: auto; width: 100%; margin: 0; padding: 2rem; background: rgba(0,0,0,0);}
.block-gallery .carousel .carousel-caption > h3 {padding: 0; font-size: 2rem; line-height: 1.15; color: #827d64; text-shadow: 0 0 0 transparent; margin-bottom: 0;}
.block-gallery .carousel .carousel-caption > p {margin: 0; font-size: 1rem; padding: .5rem 0 0 0; color: #827d64; text-shadow: 0 0 0 transparent;}
.block-gallery .carousel .carousel-caption > .btn {margin: 1rem 0 0 0;}

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

.navbar {height: 7.5rem; top: 0; padding: 0 2.5rem; flex-wrap: wrap; background-color: transparent; moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s; z-index: 699 !important;}
.navbar a {border: none; text-transform: none;}
.navbar .nav-logo a {width: 20rem; display: block; padding: 0;}

.navbar .nav-toggler {width: 3rem; height: 3rem; cursor: pointer; border-radius: 0; display: flex; align-items: center; justify-content: center; moz-transition: all .1s; -webkit-transition: all .1s; -o-transition: all .1s; -ms-transition: all .1s; transition: all .1s;}
.navbar .nav-toggler .figure {width: 100%; display: flex; flex-direction: column; justify-content: center; position: relative; moz-transition: all .1s; -webkit-transition: all .1s; -o-transition: all .1s; -ms-transition: all .1s; transition: all .1s;}
.navbar .nav-toggler .figure .line {width: 100%; border-bottom: .15rem solid #827d64; margin: .3rem 0; moz-transition: all .1s; -webkit-transition: all .1s; -o-transition: all .1s; -ms-transition: all .1s; transition: all .1s;}
.navbar .nav-toggler .figure .line-2 {width: 75%;}
.navbar .nav-toggler .figure .line-3 {width: 50%;}
.navbar .nav-toggler:hover .figure .line {width: 100%;}
.navbar.open .nav-toggler .figure .line {border-color: #ebf0e6;}
.navbar.open .nav-toggler .figure .line-1 {width: 3rem; -webkit-transform: rotate(45deg); left: 0; position: absolute;}
.navbar.open .nav-toggler .figure .line-2 {width: 0;}
.navbar.open .nav-toggler .figure .line-3 {width: 3rem; -webkit-transform: rotate(-45deg); left: 0; position: absolute;}

.navbar.navbar-start {top: -7.5rem;}
.navbar.open.navbar-start {top: 0 !important;}

.nav {width: 100%; height: 0; opacity: 0; padding: 0 2.5rem; background-color: rgba(23,53,49,.95); position: fixed; display: flex; align-items: center; justify-content: start; overflow: hidden; z-index: 698 !important; moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}
.nav .navbar-nav ul {list-style: none; list-style-position: inside; margin: 0; padding: 0;}
.nav .navbar-nav ul .nav-item .nav-link {border: none; text-decoration: none; display: flex; align-items: center; padding: 0; font-size: 1.5rem; font-family: "minion-3-display", Times, Serif; line-height: 1; margin-top: 1.5rem; color: #ebf0e6;}
.nav .navbar-nav ul .nav-item.has_childs .nav-link:after {content: "\f107"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 1rem; margin-left: .5rem; border: none; display: block;}
.nav .navbar-nav ul .nav-item.has_childs.show .nav-link:after {content: "\f106"; font-family: "Font Awesome 6 Free"; font-weight: 900;}
.nav .navbar-nav ul .nav-item.active .nav-link, .nav .navbar-nav ul .nav-item.parent .nav-link, .nav .navbar-nav ul .nav-item .nav-link:hover, .nav .navbar-nav ul .nav-item .nav-link:focus, .nav .navbar-nav ul .open>.nav-link, .nav .navbar-nav ul .open>.nav-link:focus, .nav .navbar-nav ul .open>.nav-link:hover, .nav .navbar-nav ul .nav-item:hover .nav-link {text-decoration: underline;}
.nav .navbar-nav ul .nav-item:hover .dropdown-menu .nav-link {color: #827d64;}
.nav .navbar-nav ul .nav-item .dropdown-menu .nav-link:after {display: none;}
.nav .navbar-nav ul .nav-item.active .dropdown-menu .nav-link, .nav .navbar-nav ul .nav-item:hover .dropdown-menu .nav-link {text-decoration: none;}
.nav .navbar-nav ul .nav-item.parent .dropdown-menu .nav-link {color: #e1d5bf; text-decoration: none;}
.nav .navbar-nav ul .nav-item.parent .dropdown-menu .nav-item.active .nav-link {font-weight: 700; color: #827d64;}
.nav .navbar-nav ul .nav-item.parent .dropdown-menu .nav-link:hover, .nav .navbar-nav ul .nav-item .dropdown-menu .nav-link:hover {text-decoration: underline; color: #827d64;}
.nav .navbar-nav ul .nav-item.parent .dropdown-menu .nav-item.active .nav-link:hover {text-decoration: none;}

.nav-img {background-image: none; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; opacity: 0; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 0; moz-transition: all .5s; -webkit-transition: opacity .5s; -o-transition: opacity .5s; -ms-transition: opacity .5s; transition: opacity .5s;}

.nav .navbar-nav.left ul .nav-item:not(.service-page), .nav .navbar-nav.right ul .nav-item.service-page, .nav .navbar-nav ul .nav-item.home {display: none !important;}

.nav .navbar-nav.left ul .nav-item .dropdown-menu, .nav .navbar-nav.left ul .nav-item .dropdown-menu .nav-item {display: block !important;}
.nav .navbar-nav.left ul .nav-item .dropdown-menu {background-color: transparent;}
.nav .navbar-nav.left ul .nav-item .nav-link {font-size: 3rem; margin-top: 3rem;}

.nav .navbar-nav.right .dropdown-menu.show {display: block !important;}
.nav .navbar-nav.right .dropdown-menu li a:after, .nav .navbar-nav.right .nav-item.active .dropdown-menu .nav-link:after {display: none !important;}
.nav .navbar-nav.right .dropdown-menu {padding: 1.25rem; background: $custom7; position: absolute;}
.nav .navbar-nav.right .dropdown-menu .nav-item {border: none !important;}
.nav .navbar-nav.right .dropdown-menu .nav-link, .nav .navbar-nav.right .nav-item.active .dropdown-menu .nav-link, .nav .navbar-nav.right .nav-item.parent .dropdown-menu .nav-link {border: none; text-decoration: none !important; border-radius: 0; font-size: 1rem; font-weight: 400; white-space: nowrap; color: $custom4 !important; padding: .75rem !important; margin: 0;}
.nav .navbar-nav.right .dropdown-menu .nav-item:last-child .nav-link {border-bottom: none !important;}
.nav .navbar-nav.right .dropdown-menu .nav-item.active .nav-link {font-weight: 700; color: #827d64 !important;}
.nav .navbar-nav.right .dropdown-menu .nav-item .nav-link:hover {color: $secondary !important;}

.nav .navbar-nav ul .nav-item.dropdown-d-none .dropdown-menu, .nav .navbar-nav ul .nav-item.has_childs.dropdown-d-none .nav-link:after {display: none !important;}

.nav .container {opacity: 0; moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}
.nav .container.visible {opacity: 1;}

.social-media {display: flex;}
.social-media a {background-color: transparent !important; color: #827d64; font-size: 2rem; margin-right: 1.5rem; height: auto; padding: 0 !important; display: flex; align-items: center; justify-content: center; text-decoration: none !important;}
.social-media a:hover, .social-media a:active, .social-media a:focus {color: #e1c057 !important;}

.dropdown-menu {display: none !important;}
.nav.open {height: 100%; opacity: 1;}

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

.container {width: 74rem; max-width: none; padding: 0; position: relative;}
.container-fluid {padding: 0;}

#section-404 {display: flex; align-items: center; justify-content: center; min-height: 45vh; width: 100% !important;}
#section-404 .block-error-404 {padding: 0 !important; margin-top: 1.5rem; font-size: 3rem; line-height: 1.15; text-align: center;}

.pp-container {margin-top: 5rem; margin-bottom: 6.5rem; padding: 0; min-height: 45vh; width: 52rem; display: flex; align-items: center; justify-content: center;}
.pp-container #form-pp {width: 100%;}
.pp-container #form-pp .row {display: block; margin: 0;}
.pp-container #form-pp .form-group {margin: 1.5rem 0 0 0;}
.pp-container #form-pp .form-group #input_pp_password {border: none; background: transparent; color: #827d64; border: .1rem solid #827d64; font-weight: 500; padding: 2rem 3rem; font-size: 1rem; border-radius: 0; height: auto; -webkit-appearance: none; -moz-appearance: none; appearance: none; moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
.pp-container #form-pp .form-group #input_pp_password:focus {background: #827d64; color: #ebf0e6;}
.pp-container #form-pp .form-group #input_pp_password::placeholder {color: #827d64; font-style: italic; font-weight: 300;}
.pp-container #form-pp .form-group #input_pp_password:-ms-input-placeholder {color: #827d64; font-style: italic; font-weight: 300;}
.pp-container #form-pp .form-group #input_pp_password::-ms-input-placeholder {color: #827d64; font-style: italic; font-weight: 300;;}
.pp-container #form-pp .form-group .btn {margin-top: 0; height: auto;}

.block-section > .block-section-container {padding: 0; width: 74rem; position: relative; z-index: 1;}
.block-section .block-section-container .block-columns .block-section-container {width: auto;}
.block-section {width: 100%; max-width: 100%; position: relative; padding: 5rem 0 6.5rem 0;}

.block-section.start-section {display: flex; align-items: center; justify-content: center; min-height: 75vh;}
.block-section.start-section .block-section-container {margin: 0 !important;}

.block-section.full-page-section {display: flex; align-items: center; justify-content: center; min-height: 90vh;}
.block-section.full-page-section .block-section-container, .block-section.full-page-section .container {margin: 0 !important;}

.block-section.sm-section .block-section-container, .block-section.sm-section .container {width: 52rem;}
.block-section.lg-section .block-section-container, .block-section.lg-section .container {width: 96rem;}

.block-section.grid-section .container {display: flex; flex-wrap: nowrap; justify-content: center;}
.block-section.grid-section .container.bg-padding {padding-top: 2.5rem; padding-bottom: 2.5rem;}
.block-section.grid-section .container .block-section {border-right: .1rem solid #827d64; padding: 0; margin: 0;}
.block-section.grid-section .container .block-section:last-child {border-right: none !important;}
.block-section.grid-section .container .block-section .block-section-container {width: 100% !important; padding: 0 4rem .5rem 4rem;}
.block-section.grid-section .container .block-section .block-section-container img {width: 100%; max-width: 5rem; margin-top: 0 !important; margin-left: auto; margin-right: auto; display: block; moz-transition: all .1s; -webkit-transition: all .1s; -o-transition: all .1s; -ms-transition: all .1s; transition: all .1s;}
.block-section.grid-section .container .block-section .block-section-container .block-header a {text-decoration: none; display: flex; align-items: center;}
.block-section.grid-section .container .block-section .block-section-container .block-header a:hover {text-decoration: underline;}
.block-section.grid-section.not-cms .container .block-section .block-section-container .block-header a:after {content: "\f35d"; font-family: "Font Awesome 6 Free"; font-size: 1rem; font-weight: 900; margin-left: auto; moz-transition: all .1s; -webkit-transition: all .1s; -o-transition: all .1s; -ms-transition: all .1s; transition: all .1s;}

.block-section.grid-section .container.bg-dark .block-section {border-color: #e1d5bf;}
.block-section.grid-section .container.bg-dark .block-section .block-section-container .block-header a:after {color: #e1d5bf;}

.block-section.sm-padding {padding-top: 1rem !important; padding-bottom: 2.5rem !important;}
.block-section.xs-padding {padding: 0 !important;}

.block-section.bg-image {background-position: center center;}
.block-section.bg-right {background-position: center right;}
.block-section.bg-left {background-position: center left;}
.block-section.bg-bottom {background-position: center bottom;}
.block-section.bg-top {background-position: top center;}

.block-section.bg-fixed {background-attachment: fixed;}
.block-section.bg-fixed.touchscreen {background-attachment: scroll !important;}

.block-section.bg-100 {-webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; background-repeat: no-repeat;}

.block-section.no-bottom {padding-bottom: 0 !important;}
.block-section.no-top {padding-top: 0 !important;}

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

.block-section.row-reverse.not-cms .block-columns:nth-child(odd) {flex-direction: row-reverse;}

.block-section.xs-box .block-columns .block-section {padding: 0 .75rem 1.5rem .75rem;}
.block-section.sm-box .block-columns .block-section {padding: 2.5rem 3.75rem 4rem 3.75rem;}
.block-section.md-box .block-columns .block-section {padding: 5rem 5rem 6.5rem 5rem;}
.block-section.lg-box .block-columns .block-section {padding: 10rem 10rem 11.5rem 10rem;}
.block-section.xl-box .block-columns .block-section {padding: 5rem 10rem; min-height: 100vh !important; display: flex; align-items: center; justify-content: center;}

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

.block-section.corner-primary:after {content: ""; width: 25rem; height: 25rem; position: absolute; z-index: 0; right: 0; top: 0; background-image: url('../../assets/images/corner-primary.png'); -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; background-repeat: no-repeat;}
.block-section.corner-light:after {content: ""; width: 25rem; height: 25rem; position: absolute; z-index: 0; right: 0; top: 0; background-image: url('../../assets/images/corner-light.png'); -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; background-repeat: no-repeat;}
.block-section.corner-dark:after {content: ""; width: 25rem; height: 25rem; position: absolute; z-index: 0; right: 0; top: 0; background-image: url('../../assets/images/corner-dark.png'); -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; background-repeat: no-repeat;}
.block-section.corner-custom1:after {content: ""; width: 25rem; height: 25rem; position: absolute; z-index: 0; right: 0; top: 0; background-image: url('../../assets/images/corner-custom1.png'); -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; background-repeat: no-repeat;}
.block-section.corner-custom2:after {content: ""; width: 25rem; height: 25rem; position: absolute; z-index: 0; right: 0; top: 0; background-image: url('../../assets/images/corner-custom2.png'); -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; background-repeat: no-repeat;}

.full-width-all .row, .full-width-all .__content, .full-width-all .__col {margin: 0; padding: 0;}
.block-section.full-width-all .block-section-container {overflow: visible !important;}

main p, main img {margin: 1.25rem 0 0 0;}
main h1, main h2, main h3, main h4, main h5, main h6 {margin: 1.5rem 0 0 0;}
main .fs-2 p, main .fs-3 p, main .fs-4 p, main .fs-5 p, main .fs-6 p, main .fs-7 p, main .fs-8 p {margin: 1.5rem 0 0 0;}

main .body-text p:nth-child(n+2):before {content: "\0009"; white-space: pre;} 

main ul {list-style: none; margin-top: 1.5rem; padding: 0;}
main ul li:before {content: "\f00c"; font-family: "Font Awesome 6 Free"; font-weight: 900; padding: 0 .5rem 0 0; color: #e1c057;}

main ol {list-style-position: inside; margin-top: 1.5rem; padding: 0;}

main .navbar-nav {height: 7.5rem; width: 52rem; display: flex; align-items: center; justify-content: center; left: 0; right: 0; margin-left: auto; margin-right: auto; position: absolute; z-index: 700;}
main .navbar-nav ul {margin: 0 !important; display: flex;}
main .navbar-nav ul > * {pointer-events: auto;}
main .navbar-nav ul .nav-item:before {display: none;}
main .navbar-nav ul .nav-item {font-size: 1rem; font-weight: 500; text-transform: uppercase; letter-spacing: .1rem; line-height: 1; border-right: .1rem solid #827d64; display: flex; flex-direction: column; justify-content: center;}
main .navbar-nav ul .nav-item .nav-link {text-decoration: none; padding: 0 1rem; display: flex; align-items: center;}
main .navbar-nav ul .nav-item.home .nav-link:before {content: url("../../assets/images/mark-dark.svg"); width: 2.5rem; line-height: 1; display: block;}
main .navbar-nav ul .nav-item.active .nav-link, main .navbar-nav ul .nav-item.parent .nav-link {text-decoration: underline;}
main .navbar-nav ul:hover .nav-item .nav-link, main .navbar-nav ul:hover .nav-item {text-decoration: none;}
main .navbar-nav ul .nav-item .nav-link:hover, main .navbar-nav ul .nav-item.nav-link:focus, main .navbar-nav ul .open>.nav-link, main .navbar-nav ul .open>.nav-link:focus, main .navbar-nav ul .open>.nav-link:hover, main .navbar-nav ul .nav-item:hover .nav-link {text-decoration: underline;}
main .navbar-nav ul .has_childs .nav-link:after {content: "\f107"; font-family: "Font Awesome 6 Free"; font-weight: 900; margin-left: .5rem; border: none; display: block;}
main .navbar-nav ul .has_childs.show .nav-link:after {content: "\f106"; font-family: "Font Awesome 6 Free"; font-weight: 900; transform: rotate(0);}

main .navbar-nav.open {z-index: 696;}

main .navbar-nav ul .nav-item.d-main-none {display: none !important;}

main .navbar-nav .dropdown-menu.show {display: block !important;}
main .navbar-nav .dropdown-menu li a:after, main .navbar-nav .nav-item.active .dropdown-menu .nav-link:after {display: none !important;}
main .navbar-nav .dropdown-menu {min-width: 100%; padding: 1.25rem; background: #ebf0e6; position: absolute;}
main .navbar-nav .dropdown-menu .nav-item {border: none !important;}
main .navbar-nav .dropdown-menu .nav-link, main .navbar-nav .nav-item.active .dropdown-menu .nav-link, main .navbar-nav .nav-item.parent .dropdown-menu .nav-link {border: none; text-decoration: none !important; border-radius: 0; font-size: 1rem; font-weight: 400; white-space: nowrap; color: $custom4 !important; padding: .75rem !important; margin: 0;}
main .navbar-nav .dropdown-menu .nav-item:last-child .nav-link {border-bottom: none !important;}
main .navbar-nav .dropdown-menu .nav-item.active .nav-link {font-weight: 700; color: #827d64 !important;}
main .navbar-nav .dropdown-menu .nav-item .nav-link:hover {color: $secondary !important;}

main .navbar-nav .nav-item.dropdown-d-none .dropdown-menu, main .navbar-nav ul .has_childs.dropdown-d-none .nav-link:after {display: none !important;}

.lg-arrow-down {width: 8rem;}

.col-6-container .__content {column-count: 2; column-gap: 3rem; padding-top: 1.5rem;}
.col-6-container .__content :first-child {margin-top: 0 !important; padding-top: 0 !important;}

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

.m0 h1, .m0 h2, .m0 h3, .m0 h4, .m0 h5, .m0 h6, .m0 p:first-child, .m0 img, img.m0, .m0 .block-list-group, .m0.btn {margin: 0 !important;}

.hidden {opacity: 0; display: none !important;}
.__base :is(.hidden, .d-md-none) {display: flex !important; opacity:0.75 !important; visibility:visible !important; position:relative;}
.__base :is(.hidden, .d-md-none):before {content: "";filter:invert(1); 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;}

.page-loader {width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center; position: fixed; left: 0; top: 0; background-color: #827d64; z-index: 999;}
.page-loader .loader-img {width: 15rem; margin-top: 0 !important; -webkit-animation: pulse .8s; animation: pulse .8s; animation-iteration-count: infinite;}
.page-loader.hidden {display: none !important;}

.btn-scroll.icon {width: 5rem; height: 5rem; bottom: -2.5rem; background-color: #173531; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; z-index: 100;}
.btn-scroll.icon .icon-scroll {width: 2.5rem; height: 2.5rem;}

#video-wrapper {position: absolute; left: 0; top: 0; width: 100% !important; height: 100% !important; overflow: hidden; z-index: 0;}
#video-wrapper video {width: 100% !important; height: 100% !important; object-fit: cover; overflow: hidden;}

.bg-gradient .block-section-container {position: relative; z-index: 3;}
.bg-gradient:before {content: ""; background: rgb(235,240,230); background: linear-gradient(0deg, rgba(235,240,230,1) 0%, rgba(235,240,230,0) 100%); width: 100%; height: 75%; position: absolute; bottom: 0; z-index: 2;}

#product {padding: 6.5rem;}
#product .container, #product .block-section-container {width: 100% !important;}
#product .container .row.custom-row {margin: 0; pointer-events: none; justify-content: center; flex-wrap: wrap;}
#product .container .row.custom-row > * {pointer-events: auto;}
#product .container .row.custom-row .block-section {margin: .75rem; width: calc(25% - 1.5rem); padding: 2.5rem; min-height: 55vh; display: flex; moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
#product .container .row.custom-row .block-section:before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: .25; z-index: 0; moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
#product .container .row.custom-row:hover .block-section {opacity: .3; -webkit-filter: blur(.2rem); filter: blur(.2rem);}
#product .container .row.custom-row .block-section:hover {opacity: 1; -webkit-filter: blur(0); filter: blur(0);}
#product .container .row.custom-row .block-section:hover:before {opacity: .6;}
#product .container .row.custom-row .block-section .block-section-container {width: 100% !important;}
#product .container .row.custom-row .block-section .block-section-container:before {content: url('../../assets/images/mark2-light.svg'); width: 3.5rem; bottom: 0; left: 0; right: 0; max-width: none; line-height: 0; position: absolute; z-index: 1;}
#product .container .row.custom-row .block-section .block-section-container .block-button {position: absolute; bottom: 0; right: 0;}

.main-slider {height: 90vh;}
.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-indicators {bottom: auto; top: 0;}
.main-slider .block-gallery .carousel .carousel-control {padding: 0; z-index: 690; text-decoration: none !important;}
.main-slider .block-gallery .carousel .carousel-control-prev {left: 2.5rem; bottom: 2.5rem; height: auto; width: auto; opacity: 1; top: auto;}
.main-slider .block-gallery .carousel .carousel-control-prev-icon {background-image: none; line-height: 1;}
.main-slider .block-gallery .carousel .carousel-control-prev-icon:before{content: "\f104"; font-family: "Font Awesome 6 Free"; color: #827d64; font-weight: 900; font-size: 2rem;}
.main-slider .block-gallery .carousel .carousel-control-next {left: 6rem; bottom: 2.5rem; height: auto; width: auto; opacity: 1; right: auto !important; top: auto;}
.main-slider .block-gallery .carousel .carousel-control-next-icon {background-image: none; line-height: 1;}
.main-slider .block-gallery .carousel .carousel-control-next-icon:before{content: "\f105"; font-family: "Font Awesome 6 Free"; color: #827d64; font-weight: 900; font-size: 2rem;}
.main-slider .block-gallery .carousel .slider-overlay {background: rgb(235,240,230); background: linear-gradient(0deg, rgba(235,240,230,1) 0%, rgba(235,240,230,0) 100%); width: 100%; height: 50%; position: absolute; bottom: 0; z-index: 2;}
.main-slider .block-gallery .carousel .carousel-caption {height: auto; width: 52rem; padding: 5rem; border-radius: 0 5rem 0 0; background-color: #ebf0e6; top: auto; bottom: 0; left: auto; right: 0; z-index: 3;}
.main-slider .block-gallery .carousel .carousel-caption > h3 {font-size: 3rem; line-height: 1.3; padding: 0; margin-top: 0 !important;}
.main-slider .block-gallery .carousel .carousel-caption > p {font-size: 1.25rem; line-height: 1.6; margin-top: 1.5rem; padding: 0;}
.main-slider .block-gallery .carousel .carousel-caption > .btn {margin-top: 0; position: absolute; bottom: 0; font-size: 1rem; right: 2.5rem; padding: 0 !important; background-color: transparent !important; color: #827d64 !important; border: none !important; display: flex; align-items: center;}
.main-slider .block-gallery .carousel .carousel-caption > .btn:after {content: "\f105"; font-family: "Font Awesome 6 Free"; font-weight: 900; margin-left: 1rem; border: none; display: block; moz-transition: all .1s; -webkit-transition: all .1s; -o-transition: all .1s; -ms-transition: all .1s; transition: all .1s;}
.main-slider .block-gallery .carousel .carousel-caption > .btn:hover:after {margin-left: 1.5rem;}
.main-slider .carousel-control-next-icon, .main-slider .carousel-control-prev-icon {width: 1rem; height: 2rem;}

.content-slider {position: relative;}

.content-slider .slider .slick-list {overflow: visible !important; padding: 0 !important;}
.content-slider .slider .slick-track {display: flex; flex-wrap: nowrap;}
.content-slider .slider .slick-track .slick-slide {flex: 0 0 auto; padding: 0 !important; width: 52rem; border-right: .1rem solid #827d64;}
.content-slider .slider .slick-track .slick-slide:last-child {border-right: none !important;}
.content-slider .slider .slick-track .slick-slide .block-section-container {width: 100%; height: 100%; padding: 0 7.5rem 2.5rem 7.5rem; min-height: 0; display: flex; flex-direction: column; justify-content: center;}
.content-slider .slider .slick-track .slick-slide > * {opacity: .4; moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
.content-slider .slider .slick-track .slick-slide:hover > * {opacity: .6;}
.content-slider .slider .slick-track .slick-slide.slick-current > * {opacity: 1;}

.slider-nav {position: absolute; bottom: 0; left: 0; padding: 2.5rem; width: 100%; display: flex;}
.slider-nav a {text-decoration: none; font-size: 2rem; line-height: 1;}
.slider-nav a.slick-disabled {display: none !important;}
.slider-nav a.slider-next {margin-left: auto;}
.slider-nav a.slider-next:before{content: "\f105"; font-family: "Font Awesome 6 Free"; color: #827d64; font-weight: 900;}
.slider-nav a.slider-prev:before{content: "\f104"; font-family: "Font Awesome 6 Free"; color: #827d64; font-weight: 900;}
.slider-nav a:hover img, .slider-nav a.touchscreen img {-webkit-animation: fadeInRight .8s; animation: fadeInRight .8s; animation-iteration-count: infinite;}
.slider-nav a.slider-next:hover img, .slider-nav a.slider-next.touchscreen img {-webkit-animation: fadeInLeft .8s; animation: fadeInLeft .8s; animation-iteration-count: infinite;}

.map-container {height: 45vh;}
.map-container .block-section-container, .map-container .row, .map-container .__content, .map-container .tiny-pageembed {height: 100%;}
.map-container iframe {opacity: .5; width: 100%; height: 100%; border: 0; -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; -webkit-filter: grayscale(0); filter: grayscale(0);}

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

.footer {padding: 7rem 0 3.5rem 0; position: relative; overflow: hidden;}
.footer ul {list-style: none; column-count: 2; column-gap: 1.5rem; padding: 0; margin: 0;}
.footer ul .nav-item.home {display: none !important;}
.footer ul .nav-item .nav-link {font-size: 1.5rem; color: #827d64; line-height: 2; text-decoration: none; padding: 0; display: inline-block; moz-transition: all .1s; -webkit-transition: all .1s; -o-transition: all .1s; -ms-transition: all .1s; transition: all .1s;}
.footer ul .nav-item .nav-link:hover {text-decoration: underline;}
.footer ul .has_childs .nav-link:after {display: none;}
.footer .logo-footer {width: 40%;}

/***************** offert *********************/

#offert .modal-dialog {justify-content: end;}
#offert .modal-content {width: 50%; height: 100%; overflow-y: scroll;}
#offert .modal-body {padding: 5rem; display: flex; flex-direction: column; justify-content: center;}
#offert .modal-body .btn-close {padding: 0; position: absolute; top: 5rem; right: 5rem; margin: 0; font-size: 4rem; font-weight: 300; line-height: .5; opacity: 1; color: #827d64; text-transform: uppercase; text-shadow: none !important;white-space: normal; border: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; background-color: transparent !important; z-index: 100;}
#offert .modal-body .btn-close:before {display: none;}
#offert .block-section-container {width: 100%;}
#offert hr {margin: 2.5rem 0;}

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

#modal-cc {background-color: rgba(23,53,49,.95); overflow: scroll;}
#modal-cc ::-webkit-scrollbar-thumb {background: #ebf0e6; border-radius:0;}
#modal-cc ::-webkit-scrollbar-track {background: ##ebf0e6;}
#modal-cc .modal-dialog {overflow: scroll; position: fixed; justify-content: flex-start; margin: 0; bottom:0;}
#modal-cc .modal-content {background: #ebf0e6; box-shadow: none !important; border-bottom: none !important; height: 100vh; max-width: 35%; border-radius: 0;}
#modal-cc .modal-header {align-items: center;}
#modal-cc .modal-header .btn-close {padding: 0; margin: 0; font-size: 2rem; font-weight: 300; line-height: 1; opacity: 1; color: #827d64; text-transform: uppercase;}
#modal-cc .modal-header .btn-close:before {display: none;}
#modal-cc .modal-title {line-height:initial; color: #827d64;}
#modal-cc .modal-body {overflow-y: auto; font-size: 1rem;}
#modal-cc .modal-body .nav {height: auto; position: relative; padding: 0; opacity: 1;}
#modal-cc hr {margin: 2.5rem auto 1rem auto;}
#modal-cc #cc-buttons button {margin-right: .5rem; background-color: transparent !important; color: #827d64 !important; border: .1rem solid #827d64 !important; letter-spacing: normal; text-transform: none; font-size: 1rem; padding: 1rem;}
#modal-cc #cc-buttons button:hover {background-color: #827d64 !important; color: #ebf0e6 !important;}

#cc-settings-container {bottom: 2em; left: auto; right: 2em; line-height: 0;}
#cc-settings-button {font-size: 1.5rem; border-bottom: none; color: #e1c057;}

#modal-cc .nav-pills {background-color: transparent !important;}
#modal-cc .nav-pills .nav-link {border-radius: .2rem;}
#modal-cc .nav-pills .nav-link.active, #modal-cc .nav-pills .show > .nav-link {background-color: #827d64; text-decoration: none;}
#modal-cc input.ios-checkbox::after {box-shadow: none;}

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

.block-form {margin-top: 1.5rem !important;}
.block-form .form-group {margin-bottom: 1rem; padding: 0 !important; position: relative}
.block-form .form-group label {margin: 0; font-size: 1.25rem; padding-right: .5rem; color: #827d64; background-color: #ebf0e6; position: absolute; top: -1rem; left: 0; z-index: 100;}
.block-form .form-group:has(.checkbox, .radio) {column-count: 2; border: .1rem solid #827d64; padding: 2.5rem !important;}
.block-form .form-group:has(.checkbox, .radio) label {left: -.1rem;}
.block-form .form-group .checkbox label, .block-form .form-group .radio label {position: relative; padding: 0; top: 0;}
.block-form .form-fields {margin: 0 -.5rem !important;}
.block-form .form-fields .col-md-12 {padding: 0 .5rem !important;}
.block-form .form-fields .col-md-12:nth-child(1), .block-form .form-fields .col-md-12:nth-child(2), .block-form .form-fields .col-md-12:nth-child(3) {-ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%;}
.block-form .form-control {border: .1rem solid #827d64; background: transparent; color: #827d64; font-weight: 700; padding: 1.5rem 2.5rem; font-size: 1rem; border-radius: 0; height: auto; -webkit-appearance: none; -moz-appearance: none; appearance: none; moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
.block-form .form-control:focus {background: #827d64; color: #ebf0e6;}
.block-form .form-control::placeholder {color: #827d64; font-style: italic; font-weight: 400;}
.block-form .form-control:-ms-input-placeholder {color: #827d64; font-style: italic; font-weight: 400;}
.block-form .form-control::-ms-input-placeholder {color: #827d64; font-style: italic; font-weight: 400;}
.block-form .input-group-text {border-radius: 0; padding: .75rem; font-size: .75rem; line-height: 1.5; background-color: #827d64; color: #ebf0e6; border: none;}
.block-form .btn-primary {padding: 0 !important; margin-top: 1.5rem; text-transform: uppercase; letter-spacing: .1rem; background-color: transparent !important; color: #827d64 !important; border: none !important; display: flex; align-items: center;}
.block-form .btn-primary:after {content: "\f0a9"; font-family: "Font Awesome 6 Free"; font-size: 1.5rem; color: #e1c057; font-weight: 900; margin-left: .5rem; border: none; display: block; moz-transition: all .1s; -webkit-transition: all .1s; -o-transition: all .1s; -ms-transition: all .1s; transition: all .1s;}
.block-form .btn-primary:hover:after {margin-left: 1rem;}
.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {margin-right: .5rem !important;}

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

.text-primary p, .text-primary h1, .text-primary h2, .text-primary h3, .text-primary h4, .text-primary h5, .text-primary h6, .text-primary ul li, .text-primary a, .text-primary a:hover {color: #e1c057;}
.text-dark p, .text-dark h1, .text-dark h2, .text-dark h3, .text-dark h4, .text-dark h5, .text-dark h6, .text-dark ul li, .text-dark a, .text-dark a:hover {color: #827d64;}
.text-light p, .text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6, .text-light ul li, .text-light a, .text-light a:hover {color: #ebf0e6;}
.text-custom1 p, .text-custom1 h1, .text-custom1 h2, .text-custom1 h3, .text-custom1 h4, .text-custom1 h5, .text-custom1 h6, .text-custom1 ul li, .text-custom1 a, .text-custom1 a:hover {color: #173531;}
.text-custom2 p, .text-custom2 h1, .text-custom2 h2, .text-custom2 h3, .text-custom2 h4, .text-custom2 h5, .text-custom2 h6, .text-custom2 ul li, .text-custom2 a, .text-custom2 a:hover {color: #e1d5bf;}

.filter-dark:before {position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: #000; opacity: .4; z-index: 0;}

.bg-primary {background-color: #e1c057;}

.bg-dark {background-color: #827d64;}
.bg-dark p, .bg-dark h1, .bg-dark h2, .bg-dark h3, .bg-dark h4, .bg-dark h5, .bg-dark h6, .bg-dark ul li, .bg-dark a, .bg-dark a:hover {color: #e1d5bf;}
.bg-dark hr {border-color: #e1d5bf;}
.bg-dark .btn-primary {color: #e1d5bf !important;}
.bg-dark .btn-primary:hover, .bg-dark .btn-primary:active, .bg-dark .btn-primary:focus {color: #827d64 !important;}
.bg-dark .btn-info {color: #e1d5bf !important;}
.bg-dark .btn-custom {border-color: #e1d5bf !important; color: #e1d5bf !important;}
.bg-dark .btn-custom:hover, .bg-dark .btn-custom:active, .bg-dark .btn-custom:focus {background-color: #e1d5bf !important; color: #827d64 !important; border-color: #e1d5bf !important;}
.bg-dark .block-list-group .list-group-item {border-color: #e1d5bf; color: #e1d5bf;}
.bg-dark .block-list-group.accordion .card {border-color: #e1d5bf;}
.bg-dark .block-list-group.accordion .card .card-header h5 .btn {color: #e1d5bf;}
.bg-dark .block-list-group.accordion .card .card-body {color: #e1d5bf;}
.bg-dark .block-list-group.tabs .nav-tabs .nav-item {background: #827d64;}
.bg-dark .block-list-group.tabs .nav-tabs .nav-item .nav-link {color: #e1d5bf;}
.bg-dark .block-list-group.tabs .nav-tabs .nav-item .nav-link.active {background: #e1d5bf; color: #827d64;}
.bg-dark .block-list-group.tabs .tab-content {background: #e1d5bf;}
.bg-dark .block-list-group.tabs .tab-content * {color: #827d64;}
.bg-dark .block-list-group.modal-list .list-group-item h5 .btn {color: #e1d5bf;}
.bg-dark .pager li a {border-color: #e1d5bf;}
.bg-dark .pager li a:hover, .bg-dark .pager li a.active {background: #e1d5bf; color: #e1d5bf;}
.bg-dark .block-section.grid-section .container .block-section {border-color: #e1d5bf;}
.bg-dark .block-form .form-group label {color: #e1d5bf; background-color: #827d64;}
.bg-dark .block-form .form-group:has(.checkbox, .radio) {border-color: #e1d5bf;}
.bg-dark .block-form .form-control {border-color: #e1d5bf; color: #e1d5bf;}
.bg-dark .block-form .form-control:focus {background: #e1d5bf; color: #827d64;}
.bg-dark .block-form .form-control::placeholder {color: #e1d5bf;}
.bg-dark .block-form .form-control:-ms-input-placeholder {color: #e1d5bf;}
.bg-dark .block-form .form-control::-ms-input-placeholder {color: #e1d5bf;}
.bg-dark .block-form .input-group-text {background-color: #e1d5bf; color: #827d64;}
.bg-dark .block-form .btn-primary {color: #e1d5bf !important;}

.bg-custom1 {background-color: #173531;}
.bg-custom1 p, .bg-custom1 h1, .bg-custom1 h2, .bg-custom1 h3, .bg-custom1 h4, .bg-custom1 h5, .bg-custom1 h6, .bg-custom1 ul li, .bg-custom1 a, .bg-custom1 a:hover {color: #ebf0e6;}
.bg-custom1 hr {border-color: #ebf0e6;}
.bg-custom1 .btn-primary {color: #ebf0e6 !important;}
.bg-custom1 .btn-primary:hover, .bg-custom1 .btn-primary:active, .bg-custom1 .btn-primary:focus {color: #173531 !important;}
.bg-custom1 .btn-info {color: #ebf0e6 !important;}
.bg-custom1 .btn-custom {border-color: #ebf0e6 !important; color: #ebf0e6 !important;}
.bg-custom1 .btn-custom:hover, .bg-custom1 .btn-custom:active, .bg-custom1 .btn-custom:focus {background-color: #ebf0e6 !important; color: #173531 !important; border-color: #ebf0e6 !important;}
.bg-custom1 .block-list-group .list-group-item {border-color: #ebf0e6; color: #ebf0e6;}
.bg-custom1 .block-list-group.accordion .card {border-color: #ebf0e6;}
.bg-custom1 .block-list-group.accordion .card .card-header h5 .btn {color: #ebf0e6;}
.bg-custom1 .block-list-group.accordion .card .card-body {color: #ebf0e6;}
.bg-custom1 .block-list-group.tabs .nav-tabs .nav-item {background: #173531;}
.bg-custom1 .block-list-group.tabs .nav-tabs .nav-item .nav-link {color: #ebf0e6;}
.bg-custom1 .block-list-group.tabs .nav-tabs .nav-item .nav-link.active {background: #ebf0e6; color: #173531;}
.bg-custom1 .block-list-group.tabs .tab-content {background: #ebf0e6;}
.bg-custom1 .block-list-group.tabs .tab-content * {color: #173531;}
.bg-custom1 .block-list-group.modal-list .list-group-item h5 .btn {color: #ebf0e6;}
.bg-custom1 .pager li a {border-color: #ebf0e6;}
.bg-custom1 .pager li a:hover, .bg-custom1 .pager li a.active {background: #ebf0e6; color: #ebf0e6;}
.bg-custom1 .block-section.grid-section .container .block-section {border-color: #ebf0e6;}
.bg-custom1 .block-form .form-group label {color: #ebf0e6; background-color: #173531;}
.bg-custom1 .block-form .form-group:has(.checkbox, .radio) {border-color: #ebf0e6;}
.bg-custom1 .block-form .form-control {border-color: #ebf0e6; color: #ebf0e6;}
.bg-custom1 .block-form .form-control:focus {background: #ebf0e6; color: #173531;}
.bg-custom1 .block-form .form-control::placeholder {color: #ebf0e6;}
.bg-custom1 .block-form .form-control:-ms-input-placeholder {color: #ebf0e6;}
.bg-custom1 .block-form .form-control::-ms-input-placeholder {color: #ebf0e6;}
.bg-custom1 .block-form .input-group-text {background-color: #ebf0e6; color: #173531;}
.bg-custom1 .block-form .btn-primary {color: #ebf0e6 !important;}

.bg-custom2 {background-color: #e1d5bf;}
.bg-custom2 p, .bg-custom2 h1, .bg-custom2 h2, .bg-custom2 h3, .bg-custom2 h4, .bg-custom2 h5, .bg-custom2 h6, .bg-custom2 ul li, .bg-custom2 a, .bg-custom2 a:hover {color: #173531;}
.bg-custom2 hr {border-color: #173531;}
.bg-custom2 .btn-primary {color: #173531 !important;}
.bg-custom2 .btn-primary:hover, .bg-custom2 .btn-primary:active, .bg-custom2 .btn-primary:focus {color: #173531 !important;}
.bg-custom2 .btn-info {color: #173531 !important;}
.bg-custom2 .btn-custom {border-color: #173531 !important; color: #173531 !important;}
.bg-custom2 .btn-custom:hover, .bg-custom2 .btn-custom:active, .bg-custom2 .btn-custom:focus {background-color: #173531 !important; color: #e1d5bf !important; border-color: #173531 !important;}
.bg-custom2 .block-list-group .list-group-item {border-color: #173531; color: #173531;}
.bg-custom2 .block-list-group.accordion .card {border-color: #173531;}
.bg-custom2 .block-list-group.accordion .card .card-header h5 .btn {color: #173531;}
.bg-custom2 .block-list-group.accordion .card .card-body {color: #173531;}
.bg-custom2 .block-list-group.tabs .nav-tabs .nav-item {background: #e1d5bf;}
.bg-custom2 .block-list-group.tabs .nav-tabs .nav-item .nav-link {color: #173531;}
.bg-custom2 .block-list-group.tabs .nav-tabs .nav-item .nav-link.active {background: #173531; color: #e1d5bf;}
.bg-custom2 .block-list-group.tabs .tab-content {background: #173531;}
.bg-custom2 .block-list-group.tabs .tab-content * {color: #e1d5bf;}
.bg-custom2 .block-list-group.modal-list .list-group-item h5 .btn {color: #173531;}
.bg-custom2 .pager li a {border-color: #173531;}
.bg-custom2 .pager li a:hover, .bg-custom2 .pager li a.active {background: #173531; color: #173531;}
.bg-custom2 .block-section.grid-section .container .block-section {border-color: #173531;}
.bg-custom2 .block-form .form-group label {color: #173531; background-color: #e1d5bf;}
.bg-custom2 .block-form .form-group:has(.checkbox, .radio) {border-color: #173531;}
.bg-custom2 .block-form .form-control {border-color: #173531; color: #173531;}
.bg-custom2 .block-form .form-control:focus {background: #173531; color: #e1d5bf;}
.bg-custom2 .block-form .form-control::placeholder {color: #173531;}
.bg-custom2 .block-form .form-control:-ms-input-placeholder {color: #173531;}
.bg-custom2 .block-form .form-control::-ms-input-placeholder {color: #173531;}
.bg-custom2 .block-form .input-group-text {background-color: #173531; color: #e1d5bf;}
.bg-custom2 .block-form .btn-primary {color: #173531 !important;}

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

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

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

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

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

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

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

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

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

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

@media (max-width: 1152px) {
    html, body {font-size: 9px;} 
    #modal-cc .modal-content {max-width: 40%;}
    #product .container .row.custom-row .block-section {min-height: 40vh; width: calc(50% - 1.5rem);}
}

@media (max-width: 991px) {
    html, body {font-size: 8px;} 
    
    p, main ul li, main ol li {font-size: 1.5rem;}
    
    h2 {font-size: 3.25rem;}
    h3 {font-size: 2.75rem;}
    h4 {font-size: 2rem;}
    h5 {font-size: 1.75rem;}
    h6 {font-size: 1.5rem !important;}
    
    .fs-1, .fs-1 h1, .fs-1 h2, .fs-1 h3, .fs-1 h4, .fs-1 h5, .fs-1 h6, .fs-1 p {font-size: 1.5rem;}
    .fs-2, .fs-2 h1, .fs-2 h2, .fs-2 h3, .fs-2 h4, .fs-2 h5, .fs-2 h6, .fs-2 p {font-size: 1rem;}
    .fs-3, .fs-3 h1, .fs-3 h2, .fs-3 h3, .fs-3 h4, .fs-3 h5, .fs-3 h6, .fs-3 p {font-size: 1.75rem;}
    .fs-4, .fs-4 h1, .fs-4 h2, .fs-4 h3, .fs-4 h4, .fs-4 h5, .fs-4 h6, .fs-4 p {font-size: 2rem;}
    .fs-5, .fs-5 h1, .fs-5 h2, .fs-5 h3, .fs-5 h4, .fs-5 h5, .fs-5 h6, .fs-5 p {font-size: 2.75rem;}
    .fs-6, .fs-6 h1, .fs-6 h2, .fs-6 h3, .fs-6 h4, .fs-6 h5, .fs-6 h6, .fs-6 p {font-size: 3.25rem;}

    .btn {font-size: 1.5rem; padding: 1.5rem 4.5rem; border-radius: .3rem; margin: 2.25rem 0 0 0;}
    
    .btn-sm {font-size: 1rem;}
    .btn-lg {font-size: 1.75rem;}
    
    .btn-primary {border-width: .15rem !important;}
    .btn-primary:hover, .btn-primary:active, .btn-primary:focus {border-width: .15rem !important;}

    .btn-info:after {margin-left: 1.5rem;}
    .btn-info:hover:after, .btn-info:active:after, .btn-info:focus:after {margin-left: 2.25rem;}
    
    .btn-danger {border-width: .15rem !important;}
    .btn-danger:hover, .btn-danger:active, .btn-danger:focus {border-width: .15rem !important;}
    
    .btn-warning {border-width: .15rem !important;}
    .btn-warning:hover, .btn-warning:active, .btn-warning:focus {border-width: .15rem !important;}
    
    .btn-custom {width: 21rem; height: 21rem; border-width: .15rem !important; padding: 2.25rem;}
    .btn-custom:hover, .btn-custom:active, .btn-custom:focus {border: .15rem !important;}
    
    .spacer {height: 3.75rem;}
    .lg-spacer {height: 18.75rem;}

    hr {border-top-width: .15rem margin: 3.75rem 0 1.5rem 0;}
    
    .border, .border-top, .border-bottom, .border-left, .border-right {border-width: .15rem;}
    
    .block-list-group {margin: 2.25rem 0 0 0;}
    .block-list-group .list-group-item {padding: 2.25rem; margin-bottom: .15rem; border-width: .15rem; font-size: 1.5rem;}
    
    .block-list-group.accordion .card {margin-bottom: .15rem; border-width: .15rem;}
    .block-list-group.accordion .card .card-header h5 .btn {padding: 2.25rem; font-size: 1.5rem;}
    .block-list-group.accordion .card .card-body {padding: 2.25rem; font-size: 1.5rem;}

    .block-list-group.tabs .nav-tabs .nav-item {margin-right: .15rem;}
    .block-list-group.tabs .nav-tabs .nav-item .nav-link {padding: 2.25rem;}
    .block-list-group.tabs .tab-content {padding: 2.25rem; font-size: 1.5rem;}

    .block-list-group.modal-list .list-group-item h5 .btn {padding: 2.25rem; font-size: 1.5rem;}

    .modal-header {border-bottom-width: .15rem;}
    .modal-header, .modal-body {padding: 2.25rem;}
    .modal-header h5 {font-size: 2.75rem;}
    .modal-header .btn-close:before {font-size: 2.25rem;}

    .news .list-group-item {padding: 2.25rem; border-width: .15rem !important; margin: 2.25rem 0 0 0;}
    .news .list-group-item .list-date {font-size: 1.5rem;}
    .news .list-group-item .list-header {font-size: 2.25rem;}
    
    .pager {margin: 2.25rem 0 0 0;}
    .pager li a {margin-right: 1.5rem;}
    .pager li a, .block-gallery .carousel .carousel-indicators li {width: 1.5rem; height: 1.5rem;}
    
    #block-gallery-modal a.controls, #block-gallery-modal a.controls:visited, #block-gallery-modal a.controls:active, #block-gallery-modal a.controls:hover {padding: 0 2.25rem;}
    #block-gallery-modal a.controls > i {font-size: 2.75rem;}
    #block-gallery-modal .control-close {top: 2.25rem; right: 2.25rem; font-size: 2.75rem;}
    
    .block-gallery .carousel {margin-top: 2.25rem !important;}
    .block-gallery .carousel .carousel-control {padding: 0 2.25rem;}
    .block-gallery .carousel .carousel-indicators li {margin: 0 .75rem; border-width: .15rem;}
    .block-gallery .carousel .carousel-caption {padding: 2.25rem;}
    .block-gallery .carousel .carousel-caption > h3 {font-size: 2.75rem;}
    .block-gallery .carousel .carousel-caption > p {font-size: 1.5rem;}
    
    .navbar {height: 12rem;}
    .navbar .nav-logo a {width: 30rem;}
    .navbar.navbar-start {top: -12rem;}
    
    .navbar .nav-toggler {width: 6rem; height: 6rem;}
    .navbar .nav-toggler .figure .line {border-bottom-width: .225rem; margin: .6rem 0;}
    .navbar.open .nav-toggler .figure .line-1 {width: 6rem;}
    .navbar.open .nav-toggler .figure .line-3 {width: 6rem;}
    
    .nav .navbar-nav ul .nav-item .nav-link {font-size: 2.25rem; margin-top: 2.25rem;}
    .nav .navbar-nav ul .nav-item.has_childs .nav-link:after {font-size: 1.5rem; margin-left: .75rem;}
    .nav .navbar-nav.left ul .nav-item .dropdown-menu .nav-link {font-size: 4.5rem; margin-top: 4.5rem;}
    
    .nav .navbar-nav.right .dropdown-menu {padding: 1.75rem;}
    .nav .navbar-nav.right .dropdown-menu .nav-link, .nav .navbar-nav.right .nav-item.active .dropdown-menu .nav-link, .nav .navbar-nav.right .nav-item.parent .dropdown-menu .nav-link {font-size: 1.5rem; padding: 1rem !important;}
    
    .footer {padding: 10.5rem 0 5.25rem 0;}
    .footer ul .nav-item .nav-link {font-size: 2.25rem;}
    
    .social-media a {margin-right: 2.25rem; font-size: 3rem;}

    #section-404 .block-error-404 {font-size: 3.25rem; margin-top: 2.25rem;}
    
    .pp-container #form-pp .form-group {margin: 2.25rem 0 0 0;}
    .pp-container #form-pp .form-group #input_pp_password { border-width: .15rem; padding: 3rem 4.5rem; font-size: 1.5rem;}
    
    .block-section {padding-bottom: 7.25rem;}
    .block-section.sm-padding {padding-bottom: 3.25rem !important;}
    
    .block-section.grid-section {padding-left: 5rem; padding-right: 5rem;}
    .block-section.grid-section .container {width: 100%; flex-wrap: wrap;}
    .block-section.grid-section .container.bg-padding {padding-left: 5rem; padding-right: 5rem; padding-top: 0; padding-bottom: 0;}
    .block-section.grid-section .container .block-section {width: 100%; border-right: none !important; border-bottom: .15rem solid #827d64;}
    .block-section.grid-section .container .block-section:last-child {border-bottom: none !important;}
    .block-section.grid-section .container .block-section .block-section-container {padding: 5rem 0;}
    .block-section.grid-section .container .block-section .block-section-container img {max-width: 7.5rem;}
    .block-section.grid-section .container .block-section .block-section-container .block-header a:after {font-size: 1.5rem;}
    
    .bg-dark .block-section.grid-section .container .block-section {border-bottom-color: #e1d5bf !important;}
    .bg-custom1 .block-section.grid-section .container .block-section {border-bottom-color: #ebf0e6 !important;}
    .bg-custom2 .block-section.grid-section .container .block-section {border-bottom-color: #173531 !important;}
    
    .block-section.xs-box .block-columns .block-section {padding-bottom: 2.25rem;}
    .block-section.sm-box .block-columns .block-section {padding-bottom: 4.75rem;}
    .block-section.md-box .block-columns .block-section {padding-bottom: 7.25rem;}
    .block-section.lg-box .block-columns .block-section {padding-bottom: 12.25rem;}
    .block-section.xl-box .block-columns .block-section {min-height: 75vh !important; padding: 5rem;}
    
    main p, main img {margin: 1.875rem 0 0 0;}
    main h1, main h2, main h3, main h4, main h5, main h6 {margin: 2.25rem 0 0 0;}
    main .fs-2 p, main .fs-3 p, main .fs-4 p, main .fs-5 p, main .fs-6 p, main .fs-7 p, main .fs-8 p {margin: 2.25rem 0 0 0;}
    main ul {margin-top: 2.25rem;}
    main ol {margin-top: 2.25rem;}
    
    main .navbar-nav {height: 12rem; display: none !important;}
    main .navbar-nav ul .nav-item {font-size: 1.5rem; border-right-width: .15rem;}
    main .navbar-nav ul .nav-item .nav-link {padding: 0 1.5rem;}
    main .navbar-nav ul .nav-item.home .nav-link:before {width: 3.75rem;}
    main .navbar-nav ul .has_childs .nav-link:after {width: 1.5rem; margin-left: .75rem;}
    main .navbar-nav .dropdown-menu {padding: 1.75rem;}
    main .navbar-nav .dropdown-menu .nav-link, main .navbar-nav .nav-item.active .dropdown-menu .nav-link, main .navbar-nav .nav-item.parent .dropdown-menu .nav-link {font-size: 1.5rem; padding: 1rem !important;}
    
    .col-6-container .__content {padding-top: 2.25rem;}
    
    .btn-scroll.icon {width: 7.5rem; height: 7.5rem; bottom: -3.75rem;}
    .btn-scroll.icon .icon-scroll {width: 3.75rem; height: 3.75rem;}
    
    #product {padding: 7.25rem;}
    #product .container .row.custom-row .block-section:before {opacity: .6;}
    #product .container .row.custom-row .block-section .block-section-container .block-header > * em {font-size: 1.75rem;}
    
    .main-slider .block-gallery .carousel .carousel-control-prev {left: 2.25rem;}
    .main-slider .block-gallery .carousel .carousel-control-next {right: 2.25rem;}
    .main-slider .block-gallery .carousel .carousel-control-prev-icon:before {font-size: 3rem;}
    .main-slider .block-gallery .carousel .carousel-control-next-icon:befor. {font-size: 3rem;}
    .main-slider .block-gallery .carousel .carousel-caption {border-radius: 0 7.5rem 0 0;}
    .main-slider .block-gallery .carousel .carousel-caption > h3 {font-size: 3.25rem;}
    .main-slider .block-gallery .carousel .carousel-caption > p {font-size: 1.75rem; margin-top: 2.25rem;}
    .main-slider .block-gallery .carousel .carousel-caption > .btn {font-size: 1.5rem;}
    .main-slider .block-gallery .carousel .carousel-caption > .btn:after {width: 1rem; margin-left: 1.5rem;}
    .main-slider .block-gallery .carousel .carousel-caption > .btn:hover:after {margin-left: 2.25rem;}
    .main-slider .carousel-control-next-icon, .main-slider .carousel-control-prev-icon {width: 1.5rem; height: 3rem;}
    
    .slider-nav a {font-size: 2.75rem;}
    
    .faq-container h2 a {padding: 2.25rem; margin-bottom: .15rem; font-size: 1.5rem;}
    .faq-container h2 a:after {width: 1rem;}
    
    #offert .modal-content {width: 75%;}
    #offert .modal-body .btn-close {font-size: 6rem;}
    
    #modal-cc .modal-content {max-width: 50%;}
    #modal-cc .modal-header .btn-close {font-size: 3rem;}
    #modal-cc .modal-body {font-size: 1.5rem;}
    #modal-cc hr {margin: 3.75rem auto 1rem auto;}
    #modal-cc #cc-buttons button {font-size: 1.5rem; padding: 1.5rem; border-width: .15rem !important;}
    #modal-cc .nav-pills .nav-link {border-radius: .3rem;}
    #cc-settings-container {bottom: 2.25em; left: auto; right: 2.25em;}
    #cc-settings-button {font-size: 2rem;}

    .block-form {margin-top: 2.25rem !important;}
    .block-form .form-group {margin-bottom: 1.5rem;}
    .block-form .form-group label {font-size: 1.875rem; padding-right: .75rem; top: -1.5rem;}
    .block-form .form-group:has(.checkbox, .radio) {border-width: .15rem; padding: 3.75rem !important;}
    .block-form .form-group:has(.checkbox, .radio) label {left: -.15rem;}
    .block-form .form-fields {margin: 0 -.75rem !important;}
    .block-form .form-fields .col-md-12 {padding: 0 .75rem !important;}
    .block-form .form-control {border-width: .15rem; padding: 2.25rem 3.75rem; font-size: 1.5rem;}
    .block-form .input-group-text {padding: 1.125rem; font-size: 1.125rem;}
    .block-form .btn-primary {margin-top: 2.25rem;}
    .block-form .btn-primary:after {font-size: 2.25rem; margin-left: .75rem;}
    .block-form .btn-primary:hover:after {margin-left: 1.5rem;}
    .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {margin-right: .75rem !important;}
}

@media (max-width: 767px) {
    html, body {font-size: 6px;}
    
    p, main ul li, main ol li {font-size: 1.75rem;}
    
    h2 {font-size: 3.5rem;}
    h3 {font-size: 3rem;}
    h4 {font-size: 2.25rem;}
    h5 {font-size: 2rem;}
    h6 {font-size: 1.75rem !important;}
    
    .fs-1, .fs-1 h1, .fs-1 h2, .fs-1 h3, .fs-1 h4, .fs-1 h5, .fs-1 h6, .fs-1 p {font-size: 1.75rem;}
    .fs-2, .fs-2 h1, .fs-2 h2, .fs-2 h3, .fs-2 h4, .fs-2 h5, .fs-2 h6, .fs-2 p {font-size: 1.25rem;}
    .fs-3, .fs-3 h1, .fs-3 h2, .fs-3 h3, .fs-3 h4, .fs-3 h5, .fs-3 h6, .fs-3 p {font-size: 2rem;}
    .fs-4, .fs-4 h1, .fs-4 h2, .fs-4 h3, .fs-4 h4, .fs-4 h5, .fs-4 h6, .fs-4 p {font-size: 2.25rem;}
    .fs-5, .fs-5 h1, .fs-5 h2, .fs-5 h3, .fs-5 h4, .fs-5 h5, .fs-5 h6, .fs-5 p {font-size: 3rem;}
    .fs-6, .fs-6 h1, .fs-6 h2, .fs-6 h3, .fs-6 h4, .fs-6 h5, .fs-6 h6, .fs-6 p {font-size: 3.5rem;}

    .btn {font-size: 1.75rem; padding: 1.75rem 5.25rem; border-radius: .35rem; margin: 2.6rem 0 0 0;}
    
    .btn-sm {font-size: 1.25rem;}
    .btn-lg {font-size: 2rem;}
    
    .btn-info:after {margin-left: 1.75rem;}
    .btn-info:hover:after, .btn-info:active:after, .btn-info:focus:after {margin-left: 2.6rem;}
    
    .btn-custom {width: 24.5rem; height: 24.5rem; padding: 2.6rem;}
    
    .spacer {height: 4.375rem;}
    .lg-spacer {height: 12.25rem;}

    hr {margin: 4.375rem 0 1.75rem 0;}
    
    .block-list-group {margin: 2.6rem 0 0 0;}
    .block-list-group .list-group-item {padding: 2.6rem; font-size: 1.75rem;}
    
    .block-list-group.accordion .card .card-header h5 .btn {padding: 2.6rem; font-size: 1.75rem;}
    .block-list-group.accordion .card .card-body {padding: 2.6rem; font-size: 1.75rem;}

    .block-list-group.tabs .nav-tabs .nav-item .nav-link {padding: 2.6rem;}
    .block-list-group.tabs .tab-content {padding: 2.6rem; font-size: 1.75rem;}

    .block-list-group.modal-list .list-group-item h5 .btn {padding: 2.6rem; font-size: 1.75rem;}

    .modal-content {width: calc(100% - 10rem);}
    .modal-header, .modal-body {padding: 2.6rem;}
    .modal-header h5 {font-size: 3rem;}
    .modal-header .btn-close:before {font-size: 2.6rem;}

    .news .list-group-item {padding: 2.6rem; margin: 2.6rem 0 0 0;}
    .news .list-group-item .list-date {font-size: 1.75rem;}
    .news .list-group-item .list-header {font-size: 2.6rem;}
    
    .pager {margin: 2.6rem 0 0 0;}
    .pager li a {margin-right: 1.75rem;}
    .pager li a, .block-gallery .carousel .carousel-indicators li {width: 1.75rem; height: 1.75rem;}
    
    #block-gallery-modal a.controls, #block-gallery-modal a.controls:visited, #block-gallery-modal a.controls:active, #block-gallery-modal a.controls:hover {padding: 0 2.6rem;}
    #block-gallery-modal a.controls > i {font-size: 3rem;}
    #block-gallery-modal .control-close {top: 2.6rem; right: 2.6rem; font-size: 3rem;}
    
    .block-gallery .carousel {margin-top: 2.6rem !important;}
    .block-gallery .carousel .carousel-control {padding: 0 2.6rem;}
    .block-gallery .carousel .carousel-indicators li {margin: 0 .875rem;}
    .block-gallery .carousel .carousel-caption {padding: 2.6rem;}
    .block-gallery .carousel .carousel-caption > h3 {font-size: 3rem;}
    .block-gallery .carousel .carousel-caption > p {font-size: 1.75rem;}
    
    .navbar {height: 15rem;}
    .navbar .nav-logo a {width: 35rem;}   
    .navbar.navbar-start {top: 0;}

    .navbar .nav-toggler {width: 7.5rem; height: 7.5rem;}
    .navbar .nav-toggler .figure .line {border-bottom-width: .26rem; margin: .75rem 0;}
    .navbar.open .nav-toggler .figure .line-1 {width: 7.5rem;}
    .navbar.open .nav-toggler .figure .line-3 {width: 7.5rem;}
    
    .nav {padding: 0;}
    .nav .navbar-nav {margin-top: 7rem;}
    .nav .navbar-nav ul .nav-item .nav-link {font-size: 3.5rem; line-height: 1.5; margin-top: 0;}
    .nav .navbar-nav ul .nav-item.has_childs .nav-link:after {font-size: 2rem; margin-left: .875rem;}
    .nav .navbar-nav.right ul .nav-item.service-page {display: block !important;}
    .nav .navbar-nav.right .dropdown-menu {width: 100%; padding: 0 1.75rem; background-color: transparent; position: relative;}
    .nav .navbar-nav.right .dropdown-menu .nav-link, .nav .navbar-nav.right .nav-item.active .dropdown-menu .nav-link, .nav .navbar-nav.right .nav-item.parent .dropdown-menu .nav-link {font-size: 2.25rem; line-height: 1.5; padding: 0;}
    
    .nav .social-media {justify-content: start;}
    .nav .social-media a {margin-right: 2.6rem; margin-left: 0;}
    
    .footer {padding: 7.6rem 0; text-align: center;}
    .footer ul {margin-bottom: 7.5rem; column-count: 1; column-gap: 0;}
    .footer ul .nav-item .nav-link {font-size: 2.6rem;}
    .footer .logo-footer {width: 25%;}
    
    .social-media {margin-bottom: 2.6rem; justify-content: center;}
    .social-media a {margin-right: 1.3rem; margin-left: 1.3rem; font-size: 3.5rem;}

    #section-404 {min-height: 60vh;}
    #section-404 .block-error-404 {font-size: 3.5rem; margin-top: 2.6rem;}
    
    .pp-container {min-height: 60vh; width: 100%; padding: 0 5rem;}
    .pp-container #form-pp .form-group {margin: 2.6rem 0 0 0;}
    .pp-container #form-pp .form-group #input_pp_password {padding: 3.5rem 5.25rem; font-size: 1.75rem;}
    
    .btn-scroll.icon {width: 8.75rem; height: 8.75rem; bottom: -4.375rem;}
    .btn-scroll.icon .icon-scroll {width: 4.375rem; height: 4.375rem;}
    
    .block-section {padding-bottom: 7.6rem;}
    .block-section.sm-padding {padding-bottom: 3.6rem !important;}
    
    .block-section.grid-section {padding-left: 5rem; padding-right: 5rem;}
    .block-section.grid-section .container {padding: 0 !important;}
    .block-section.grid-section .container.bg-padding {padding-left: 5rem !important; padding-right: 5rem !important;}
    .block-section.grid-section .container .block-section .block-section-container {padding: 5rem 0 !important;}
    .block-section.grid-section .container .block-section .block-section-container img {max-width: 8.75rem;}
    .block-section.grid-section .container .block-section .block-section-container .block-header a:after {font-size: 1.75rem;}
    
    .block-section.xs-box .block-columns .block-section {padding-bottom: 2.6rem;}
    .block-section.sm-box .block-columns .block-section {padding-bottom: 5.1rem;}
    .block-section.md-box .block-columns .block-section {padding-bottom: 7.6rem;}
    .block-section.lg-box .block-columns .block-section {padding-bottom: 12.6rem;}

    .navbar, .container, .block-section > .block-section-container, .block-section.sm-section .block-section-container, .block-section.sm-section .container, .block-section.lg-section .block-section-container, .block-section.lg-section .container, .cta-more .block-section-container {width: 100% !important; padding-left: 5rem !important; padding-right: 5rem !important;}
    .block-columns .block-section > .block-section-container, .block-section.full-width-all > .block-section-container {padding: 0 !important;}
    
    .block-section.full-page-section {min-height: 75vh;}
    
    .block-section.start-section {min-height: 85vh;}
    
    .block-section.xs-box .block-section-container, .block-section.sm-box .block-section-container, .block-section.md-box .block-section-container, .block-section.lg-box .block-section-container, .block-section.xl-box .block-section-container {width: 100%; padding-right: 0 !important; padding-left: 0 !important;}
    .block-section.xs-box .block-columns .block-section, .block-section.sm-box .block-columns .block-section, .block-section.md-box .block-columns .block-section, .block-section.lg-box .block-columns .block-section, .block-section.xl-box .block-columns .block-section {padding-left: 5rem !important; padding-right: 5rem !important;}
    .block-section.xs-box .block-columns .block-section.bg-image, .block-section.sm-box .block-columns .block-section.bg-image, .block-section.md-box .block-columns .block-section.bg-image, .block-section.lg-box .block-columns .block-section.bg-image, .block-section.xl-box .block-columns .block-section.bg-image {min-height: 30vh;}
    
    .block-section.xl-box .block-columns .block-section {min-height: 50vh !important;}
    
    main p, main img {margin: 2.1875rem 0 0 0;}
    main h1, main h2, main h3, main h4, main h5, main h6 {margin: 2.6rem 0 0 0;}
    main .fs-2 p, main .fs-3 p, main .fs-4 p, main .fs-5 p, main .fs-6 p, main .fs-7 p, main .fs-8 p {margin: 2.6rem 0 0 0;}
    main ul {margin-top: 2.6rem;}
    main ol {margin-top: 2.6rem;}
    main .navbar-nav {display: none !important;}
    
    .w-mob-75 {width: 75% !important;}
    
    .lg-arrow-down {width: 12rem;}
    
    .col-6-container .__content {column-count: 1; column-gap: 0; padding-top: 2.6rem;}
    
    #product {padding: 7.6rem 0; height: auto !important;}
    #product .container .row.custom-row {margin: 0; display: block;}
    #product .container .row.custom-row .block-section {margin: 1rem 0; width: 100%; padding: 5rem; min-height: 35vh;}
    #product .container .row.custom-row .block-section .block-section-container {width: 100% !important; padding: 0 !important;}
    #product .container .row.custom-row .block-section .block-section-container:before {width: 5rem; }
    #product .container .row.custom-row .block-section .block-section-container .block-header > * em {font-size: 2rem;}
    
    .main-slider {height: 75vh;}
    .main-slider .block-section-container {padding: 0 !important;}
    .main-slider .block-gallery .carousel .carousel-control-prev {left: 2.6rem;}
    .main-slider .block-gallery .carousel .carousel-control-next {right: 2.6rem;}
    .main-slider .block-gallery .carousel .carousel-control-prev-icon:before{font-size: 3.5rem;}
    .main-slider .block-gallery .carousel .carousel-control-next-icon:before{font-size: 3.5rem;}
    .main-slider .block-gallery .carousel .carousel-caption {width: 75%; padding: 5rem; border-radius: 0 8.75rem 0 0;}
    .main-slider .block-gallery .carousel .carousel-caption > h3 {font-size: 3.5rem;}
    .main-slider .block-gallery .carousel .carousel-caption > p {font-size: 2rem; margin-top: 2.6rem;}
    .main-slider .block-gallery .carousel .carousel-caption > .btn {font-size: 1.75rem; right: 5rem;}
    .main-slider .block-gallery .carousel .carousel-caption > .btn:after {width: 1.25rem; margin-left: 1.75rem;}
    .main-slider .block-gallery .carousel .carousel-caption > .btn:hover:after {margin-left: 2.6rem;}
    .main-slider .carousel-control-next-icon, .main-slider .carousel-control-prev-icon {width: 2rem; height: 2rem;}
    
    .content-slider .slider .slick-track .slick-slide {width: calc(100vw - 10rem);}
    .content-slider .slider .slick-track .slick-slide .block-section-container {padding-left: 5rem; padding-right: 5rem;} 
    
    .slider-nav {padding: 5rem;}
    .slider-nav a {font-size: 3rem;}
    
    #offert .modal-content {width: 100%;}
    #offert .modal-body {padding: 0;}
    #offert .modal-body .btn-close {font-size: 7rem;}
    
    #modal-cc .modal-dialog {justify-content: center;}
    #modal-cc .modal-content {max-width: calc(100% - 10rem); height: auto;}
    #modal-cc .modal-header .btn-close {font-size: 3.5rem;}
    #modal-cc .modal-body {font-size: 1.75rem;}
    #modal-cc hr {margin: 3.6rem auto 1rem auto;}
    #modal-cc #cc-buttons {display: block !important;}
    #modal-cc #cc-buttons button {margin-right: 0; font-size: 1.75rem; padding: 1.75rem;}
    #modal-cc .nav-pills .nav-link {border-radius: .35rem;}
    #cc-settings-container {bottom: 2em; left: auto; right: 5em;}
    #cc-settings-button {font-size: 3.5rem;}
    
    .block-form {margin-top: 2.6rem !important;}
    .block-form .form-group {margin-bottom: 1.75rem;}
    .block-form .form-group label {font-size: 2.1875rem; padding-right: .875rem; top: -1.75rem;}
    .block-form .form-group:has(.checkbox, .radio) {border-width: .175rem; padding: 4.375rem !important;}
    .block-form .form-group:has(.checkbox, .radio) label {left: -.175rem;}
    .block-form .form-fields {margin: 0 -.875rem !important;}
    .block-form .form-fields .col-md-12 {padding: 0 .875rem !important;}
    .block-form .form-fields .col-md-12:nth-child(1), .block-form .form-fields .col-md-12:nth-child(2), .block-form .form-fields .col-md-12:nth-child(3) {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
    .block-form .form-control {border-width: .175rem; padding: 2.6rem 4.375rem; font-size: 1.75rem;}
    .block-form .input-group-text {padding: 1.3125rem; font-size: 1.3125rem;}
    .block-form .btn-primary {margin-top: 2.6rem;}
    .block-form .btn-primary:after {font-size: 2.6rem; margin-left: .875rem;}
    .block-form .btn-primary:hover:after {margin-left: 1.75rem;}
    .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {margin-right: .875rem !important;}
    
    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
}

@media (max-width: 320px) {
    html, body {font-size: 5.5px;}
    
    h1 {font-size: 3.25rem;}
    h2 {font-size: 3.25rem;}
    h3 {font-size: 2.75rem;}
    
    .fs-5, .fs-5 h1, .fs-5 h2, .fs-5 h3, .fs-5 h4, .fs-5 h5, .fs-5 h6, .fs-5 p {font-size: 2.75rem;}
    .fs-6, .fs-6 h1, .fs-6 h2, .fs-6 h3, .fs-6 h4, .fs-6 h5, .fs-6 h6, .fs-6 p {font-size: 3.25rem;}
    .fs-7, .fs-7 h1, .fs-7 h2, .fs-7 h3, .fs-7 h4, .fs-7 h5, .fs-7 h6, .fs-7 p {font-size: 3.25rem;}
    
    .sm-spacer {height: 4rem;}
    
    .modal-content {width: calc(100% - 8rem);}
    
    .navbar, .container, .block-section > .block-section-container, .block-section.sm-section .block-section-container, .block-section.sm-section .container, .block-section.lg-section .block-section-container, .block-section.lg-section .container {padding-left: 4rem !important; padding-right: 4rem !important;}
    .block-columns .block-section > .block-section-container, .block-section.full-width-all > .block-section-container {padding: 0 !important;}
    
    .navbar {height: 12rem;}
    .navbar .navbar-brand img {margin-left: 4rem;}
    .navbar .navbar-toggler {margin-right: 4rem;}
    .navbar .navbar-nav .nav-link {padding: 0 4rem; font-size: 3.25rem;}
    .navbar .navbar-nav .dropdown-menu .nav-link, .navbar-nav .nav-item.active .dropdown-menu .nav-link, .navbar-nav .nav-item.parent .dropdown-menu .nav-link {padding: 1rem 4rem;}
    
    .navbar .navbar-nav .nav-contact {margin-top: 4rem;}
    .navbar .navbar-nav .nav-contact a {padding: 0 4rem; font-size: 2rem;}
    
    #section-404 .block-error-404 {font-size: 3.25rem;}
    
    .pp-container {padding: 0 4rem;}
    
    .block-section.grid-section {padding-left: 4rem; padding-right: 4rem;}
    .block-section.grid-section .container {padding: 0 !important;}
    .block-section.grid-section .container.bg-padding {padding-left: 4rem !important; padding-right: 4rem !important;}
    .block-section.grid-section .container .block-section .block-section-container {padding: 4rem 0 !important;}
    .block-section.grid-section .container.bg-padding .block-section .block-section-container {padding-left: 4rem; padding-right: 4rem;}
    
    .block-section.xs-box .block-columns .block-section, .block-section.sm-box .block-columns .block-section, .block-section.md-box .block-columns .block-section, .block-section.lg-box .block-columns .block-section, .block-section.xl-box .block-columns .block-section {padding-left: 4rem !important; padding-right: 4rem !important;}
    .block-section.xl-box .block-columns .block-section {padding: 4rem;}
    
    .block-section.full-page-section {min-height: 90vh;}
    .block-section.xl-box .block-columns .block-section {min-height: 75vh !important;}
    
    #product {padding: 8rem 0;}
    #product .container .row.custom-row .block-section {padding: 4rem;}
    
    .main-slider {height: 90vh;}
    .main-slider .block-section-container {padding: 0 !important;}
    .main-slider .block-gallery .carousel .carousel-caption {padding: 4rem;}
    .main-slider .block-gallery .carousel .carousel-caption > h3 {font-size: 3.25rem;}
    .main-slider .block-gallery .carousel .carousel-caption > .btn {right: 4rem;}
    
    .content-slider .slider .slick-track .slick-slide {width: calc(100vw - 8rem);}
    .content-slider .slider .slick-track .slick-slide .block-section-container {padding-left: 4rem; padding-right: 4rem;} 
    
    .slider-nav {padding: 4rem;}
    .slider-nav a {font-size: 2.75rem;}
    
    #offert .modal-body .btn-close {top: 4rem; right: 4rem;}
}