/*
Theme Name: Base
Theme URI: https://mati.agency
Version: 1.0
Author: @matiagency
Author URI: https://mati.agency
*/

:root,
[data-bs-theme=light]{
   
	/* Defaults */
	--mati-header-mobile-min-height: 60px;
	--mati-header-desktop-min-height: 60px;

	/* Colors */
	--bs-heading-color: inherit; /* H1, H2 colors */

    --bs-body-color: #151515;
    --bs-body-bg: #fff;

    --bs-primary: #7C3AED;
    --bs-primary-rgb: 13,110,253;
    --bs-secondary: #f58426;
    --bs-secondary-rgb: 108,117,125;
    --bs-gray: #f5f5f5;
    --bs-light: #f2f6f8;
    --bs-dark: #151515;

	/* Links */
    --bs-link-color: #0d6efd;
    --bs-link-color-rgb: 13,110,253;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #0a58ca;
    --bs-link-hover-color-rgb: 10,88,202;

    /* BS Borders */
    --bs-border-width: 1px;
/*    --bs-border-color: #fc3f50;*/
    --bs-border-radius: 0;

}

/* Utilities */

.text-body{
	color: var(--bs-body) !important;
}

.has-primary-color{ 
	color: var(--bs-primary) !important; 
}

.has-secondary-color{ 
	color: var(--bs-secondary) !important; 
}

.has-primary-background-color{ 
	background: var(--bs-primary) !important; 
}

.has-secondary-background-color{ 
	background: var(--bs-secondary) !important; 
}

.has-white-background-color{
	background: var(--bs-white) !important; 
}

.has-dark-background-color{
	background: var(--bs-dark) !important; 
}

.has-black-background-color{
	background: var(--bs-black) !important; 
}

.bg-light{
	background: var(--bs-light) !important;
}
.bg-gray{
	background: var(--bs-gray) !important;
}

/* 3. Structure */

html{
	scroll-behavior: smooth;
}

body{
	font-size: 1rem;
	font-weight: 400;
	//font-family: "Poppins", Helvetica, sans-serif;
	font-family: 'Mark Pro';
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
}

body.header-fixed{
	padding-top: var(--mati-header-mobile-min-height);
}

@media screen and (min-width:992px){
	body{
		font-size: 16px;
	}
	body.header-fixed{
		padding-top: var(--mati-header-desktop-min-height);
	}
}

a{
	color: inherit;
	text-decoration: none;
	transition: 0.3s all;
}
a:hover{
	text-decoration: underline;
}


h1, h2, h3, h4, h5, h6{
	font-weight: 600;
	line-height: 1.2em;
}

h1 { font-size: 30px; }
h2 { font-size: 28px; }
h3 { font-size: 24px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }

@media screen and (min-width: 992px) {

	h1 { font-size: 34px; }
	h2 { font-size: 30px; }
	h3 { font-size: 26px; }
	h4 { font-size: 24px; }
	h5 { font-size: 20px; }
	h6 { font-size: 18px; }
}

b, strong {
    font-weight: 700;
}


/* 4. Structure > Framework */

.main {
	width: 100%;
	min-height: 80vh;
	overflow: hidden;
}

.container,
.container-fluid{
	width: 100%;
	max-width: 100%;
}
.container{
	max-width: 1600px;
}
.container-fluid{
	max-width: 1920px;
}

/*
[class^="col-"]{
	padding-left: 15px;
	padding-right: 15px;
}*/

@media screen and (min-width: 992px){
	.col-lg-5-2{
		-ms-flex: 0 0 20%;
	    flex: 0 0 20%;
	    max-width: 20%;
	}
}

@media screen and (min-width: 1440px){
	.container,
	.container-fluid{
		padding: 0 70px;
	}
}

/* Structure > extras */

.wow{
	visibility: hidden;
}

.overh{
	overflow: hidden;
}

#pageloader{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--bs-white);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2em;
	transition: opacity 0.5s ease-in-out;
	z-index: 1000;
	opacity: 0;
	pointer-events: none;
}
#pageloader.show{
	opacity: 1;
	pointer-events: all;
}

.grecaptcha-badge{
	opacity:0;
}


/* Components > buttons */

.btn{
	min-width: 150px;
	--bs-btn-padding-x: 30px;
	--bs-btn-padding-y: 10px;
	--bs-btn-font-weight: 500;
	border-radius: 30px;
	font-size: 16px;
	font-weight: 500;
}
.btn i{
	vertical-align: -1px;
	font-size: 18px;
	margin-right: 6px;
}

@media screen and (max-width: 576px){
	.btn-block-mobile{
		width: 100%;
	}
}

.btn-primary{
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-color: var(--bs-light);
    --bs-btn-border-color: var(--bs-primary);

    --bs-btn-hover-bg: var(--bs-light);
    --bs-btn-hover-color: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);

    --bs-btn-active-bg: var(--bs-light);
    --bs-btn-active-color: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
}
.btn-outline-primary{
    --bs-btn-bg: transparent;
    --bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);

    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-color: var(--bs-light);
    --bs-btn-hover-border-color: var(--bs-primary);

    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-color: var(--bs-light);
    --bs-btn-active-border-color: var(--bs-primary);
}

/* Btn Float */

.btn-float{
    position: fixed;
    right: 30px;
    bottom: 30px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 32px;
    text-align: center;
    z-index: 9999;
    border-radius: 50%;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);
    transition: 0.3s all;
}

.btn-float-whatsapp{
    color: #fff;
    background: #25D366;
}
.btn-float-whatsapp:hover{
    background: #fff;
    color: #25D366;
}

@media screen and (min-width:768px){
	.btn-float{
	    width: 70px;
	    height: 70px;
	    line-height: 70px;
	    font-size: 40px;
	}
}

.btn-loading:before{
	content: '';
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 10px;
    width: 20px;
    height: 20px;
    border: 2px solid #fff;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spinner-border .75s linear infinite;
    -webkit-animation: spinner-border .75s linear infinite;
}

/* Components > forms */

label{
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 8px;
}
.bg-primary label,
.bg-dark label{
	color: var(--bs-white);
}

.required{
	color: #ff0000;
}

.form-select,
.form-control{
	line-height: 1.8em;
	padding: .55rem .75rem;
	border: 1px solid;
}

.form-select:focus,
.form-control:focus{
    box-shadow: none !important;
    border-color: var(--bs-dark);
}

/* Form checkbox */

.form-check-input:focus{
	box-shadow: none;
}
.form-check-input:checked{
	background-color: var(--bs-dark);
	border-color: var(--bs-dark);
}

input[type="checkbox"] ~ label,
input[type="radio"] ~ label{
	font-weight: 400;
}

/* Form files */

.input-file-group{
	position: relative;
	display: block;
	padding: 30px 15px;
	margin: 0;
	font-size: 1rem;
	font-weight: 400;
	text-align: center;
	background-color: var(--bs-body-bg);
	border: var(--bs-border-width) dashed var(--bs-border-color);
	border-radius: var(--bs-border-radius);
	cursor: pointer;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.input-file-group input{
	opacity: 0;
	width: 0;
}

.input-file-group .files{
	max-height: 100px;
	overflow: auto;
}
.input-file-group .files span{
	display: block;
	font-size: 12px;
	text-transform: uppercase;
}
.input-file-group:hover,
.input-file-group:focus{
	border-color: var(--bs-dark);
}

/* Forms > Show password */

.show_password{
	position: absolute;
	bottom: 0;
	right: 15px;
	padding: 15px;
}
.show_password.active,
.show_password:hover{
	color: #f58426;
}

/* Components > modals */

.modal{
	z-index: 99999;
}
.modal-backdrop{
	z-index: 9999;
}
.modal .modal-content{
	border: 0;
	border-radius: 0;
}

.modal .btn-close{
	position: absolute;
	top: -50px;
	right: 15px;
	width: 30px;
	height: 30px;
	padding: 0;
	background: url('assets/img/icons/icon-cross.svg') no-repeat center;
	background-size: contain;
	z-index: 10;
	opacity: 0.5;
}

@media screen and (min-width: 992px) {
	.modal .btn-close{
		top: 20px;
		right: -50px;
	}
}

#modalVideo .modal-content{
	background-color: #000;
}
#modalVideo .modal-body{
	padding: 0;
}
#modalVideo .btn-close{
	top: -40px;
	right: 0;
	color: #fff;
	font-size: 30px;
	filter: brightness(0) invert(1);
}

/* Components > tables */

@media screen and (max-width: 767px){
	.table-responsive{
		white-space: nowrap;
		overflow: auto;
	}
	.table-responsive .table{
		white-space: normal;
	}
}

/* Components > socialmedia */

.socialmedia h4{
	font-size: 18px;
	line-height: 24px;
}

ul.socialmedia{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding: 0;
	gap: 5px;
	list-style: none;
}
ul.socialmedia li{
	display: inline-block;
	vertical-align: middle;
}
ul.socialmedia li a{
	display: block;
	font-size: 26px;
	padding: 5px;
}
ul.socialmedia li a:hover{
	color: var(--bs-primary);
}

@media screen and (min-width: 992px){	
	ul.socialmedia{
		justify-content: flex-start;
	}
	ul.socialmedia li a{
		font-size: 24px;
	}
}

/* Components > Slick slider */

.slider {
	position: relative;
}
/*.slider .slides:not(.slick-initialized){
	overflow: hidden;
	white-space: nowrap;
}*/
.slider .slides:not(.slick-initialized) .slide{
	display: inline-block;
	vertical-align: top;
}

.slider .dots {
	position: absolute;
	width: 100%;
	z-index: 10;
}
.slider .dots .slick-dots {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}
.slider .dots .slick-dots li {
	display: inline-block;
	vertical-align: top;
	margin: 10px 6px;
}
.slider .dots .slick-dots li button {
	display: block;
	width: 10px;
	height: 10px;
	padding: 0;
    text-indent: -9999px;
	background: #d7d7d7;
    border: 0;
	border-radius: 50%;
    overflow: hidden;
    appearance: none;
    cursor: pointer;
}


/* Components > Swiper slider  */

.swiper:has(.swiper-pagination) {
    padding-bottom: 60px;
}
.swiper-pagination-bullet-active {
	background: var(--bs-primary);
}


.slider .arrows button {
	position: absolute;
	top: calc(50% - 20px);
	left: 30px;
	width: 15px;
	height: 27px;
	padding: 0;
	line-height: 300px;
	text-align: center;
	font-size: 50px;
	color: #fff;
	background: transparent;
	border: 0;
	border-radius: 50%;
	transition: 0.3s all;
	cursor: pointer;
	overflow: hidden;
}
.slider .arrows button:focus {
	outline: 0;
}
.slider .arrows button:after {
	content: '';
	position: absolute;
	top: 0;
	left: -1px;
	width: 15px;
	height: 27px;
	line-height: 27px;
	color: #000;
	background: url('assets/img/icons/icon-arrow-left.svg') no-repeat center;
	background-size: contain;
}
.slider .arrows button.slick-next {
	left: auto;
	right: 30px;
}
.slider .arrows button.slick-next:after {
	content: '';
	background: url('assets/img/icons/icon-arrow-right.svg') no-repeat center;
	background-size: contain;
}

/* Components > Tab Menu */

.module-tabs .tabs {
	min-height: 55px;
	/*box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);*/
}
.module-tabs .tabs ul {
    margin: 0 -15px;
    padding: 0 15px;
    white-space: nowrap;
    overflow: auto;
    display: flex;
    justify-content: center;
    border-bottom: solid 1px #CACACA;
}
.module-tabs .tabs ul li a {
    display: block;
    padding: 15px 12px;
    position: relative;
}
.module-tabs .tabs ul li a.active,
.module-tabs .tabs ul li a:hover{
	color: var(--bs-primary);
}

.module-tabs .tabs ul li a:before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 1px;
    background: var(--bs-primary);
    transition: 0.3s all;
}
.module-tabs .tabs ul li.current-menu-item a:before,
.module-tabs .tabs ul li a.active:before,
.module-tabs .tabs ul li a:hover:before{
    left: 10%;
    width: 80%;
}
.module-tabs .tabs.fixed{
	position: fixed;
	top: 70px;
	width: 100%;
	z-index: 1;
	box-shadow: 0px 5px 5px 0 rgb(0 0 0 / 0.05);
}


/* Categories Filter */

.categories-filter ul {
    margin: 0 -15px;
    padding: 0 15px;
    white-space: nowrap;
    overflow: auto;
    display: flex;
    gap: 16px;
}
.categories-filter ul li a {
    display: block;
    padding: 8px 22px;
    border: solid 1px var(--bs-primary);
    border-radius: 50px;
    position: relative;
}
.categories-filter ul li a.active,
.categories-filter ul li a:hover{
	background: var(--bs-primary);
	color: var(--bs-white);
}


/* Components > Title */

.title{
	position: relative;
	margin-bottom: 30px;
}

.title h1,
.title h2,
.title h3,
.title h4,
.title h5{
	margin: 0;
}

.title h1{
	font-size: 30px;
}
.title h2{
	font-size: 36px;
}
.title h3{
	font-size: 32px;
}
.title h4{
	font-size: 22px;
}
.title h5{
	font-size: 20px;
}
.title span{
	color: var(--bs-primary);
}
.title p{
	margin: 0;
	margin-top: 8px;
}

.title .btn{
	margin-top: 20px;
}
.title .subtitle{
	margin: 0;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 16px;
}

.title .description {
	font-size: 18px;
}
.title.lined{
	padding-bottom: 15px;
	border-bottom: 1px solid #262626;
}
.title.max-width{
	max-width: 768px;
}
.title.max-width-lg{
	max-width: 992px;
}

@media screen and (min-width: 992px){
	.title{
		margin-bottom: 50px;
	}
	.title h1{
		font-size: 66px;
	}
	.title h2{
		font-size: 48px;
	}
	.title h3{
		font-size: 48px;
		line-height: 50px;
	}
	.title h4{
		font-size: 24px;
	}
	.title h5{
		font-size: 22px;
	}
	.title p{
		margin-top: 12px;
	}

	.title .description {
		font-size: 20px;
	}
	.title .btn{
		margin-top: 30px;
	}

}

/* Components > Video Player */

.video-player{
	position: relative;
	width: 100%;
	padding: 25% 0;
	background: #000 no-repeat center;
	background-size: cover;
}
.video-player .play{
	display: none;
	position: absolute;
	top: calc(50% - 30px);
	left: calc(50% - 30px);
	width: 75px;
	height: 75px;
	font-size: 24px;
	line-height: 80px;
	text-align: center;
	background: var(--bs-primary);
	color: #fff;
	border-radius: 50%;
	transition: 0.3s all;
	cursor: pointer;
}
.video-player.active .play,
.video-player:hover .play{
	background: var(--bs-primary);
	color: #fff;
}
.video-player .play:hover{
	transform: scale(1.1);
}
.video-player .play i{
	margin-left: 4px;
}

.video-player.allowed{
	cursor: pointer;
}
.video-player.allowed .play{
	display: block;
}
/*@media screen and (min-width: 1200px){

	.video-player .play{
		top: calc(50% - 28px);
		left: calc(50% - 28px);
		width: 56px;
		height: 56px;
		font-size: 24px;
		line-height: 58px;
	}
	.video-player .play i{
		margin-left: 5px;
	}
}*/

/* Components > Pagination */

.pagination {
	justify-content: center;
	width: 100%;
	padding: 60px 0 0;
	text-align: center;
}
.pagination .screen-reader-text {
	display: none;
}
.pagination .page-numbers {
	display: inline-block;
	vertical-align: middle;
	padding: 6px 12px;
	font-size: 18px;
}
.pagination .page-numbers:hover{
	color: var(--bs-primary);
}
.pagination .page-numbers.current{
	font-weight: bold;
	color: var(--bs-primary);
}

@media screen and (min-width: 992px) {
	.pagination .page-numbers {
		font-size: 22px;
	}
}


/* Components > Share */

.share  {
	margin: 40px 0;
    padding: 20px 0;
    border-top: solid 1px #36373A;
    border-bottom: solid 1px #36373A;
}
.share ul {
	display: flex;
	align-items: center;
	margin: 0;
}
.share ul li a{
	display: block;
	padding: 8px;
	font-size: 26px;
	color: var(--bs-primary);
}
.share ul li a:hover{
	color: var(--bs-secondary);
}

@media screen and (min-width: 992px){
	.share ul li a{
		font-size: 32px;
	}
}

/* Components > Errors */

.errors {
	text-align: center;
	padding: 30px 0;
}
.errors.error-nologued {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 60dvh;
}

.errors .smile {
	margin: 0;
	font-size: 50px;
	transform: rotate(90deg);
	color: var(--bs-primary);
}
@media screen and (min-width: 992px){
	.errors .smile {
		font-size: 80px;
	}
}


/* Structure */

.section{
	position: relative;
	padding: 50px 0;
}

@media screen and (min-width: 992px){
	.section{
		padding: 100px 0;
	}
}

/* Structure > Header */

.header{
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	min-height: var(--mati-header-mobile-min-height);
	background: #000;
	transition: 0.3s all;
	z-index: 999;
}
.header .container{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.header .logo{
	display: inline-block;
	max-width: 150px;
	margin: 10px 0;
}

.header-fixed .header{
	position: fixed;
	background: #000;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
	z-index: 9998;
    -webkit-animation: slideInDown 0.3s ease-out;
    -moz-animation: slideInDown 0.3s ease-out;
}

/* Header > Navigation */

.header .nav-menu {
	position: relative;
	float: right;
	width: 35px;
	padding: 15px 0;
	cursor: pointer;
	z-index: 21;
	overflow: hidden;
}
.header .nav-menu .menu-line {
	float: right;
	display: block;
	width: 100%;
	height: 2px;
	margin: 4px 0;
	background: #fff;
	transition: 0.3s;
	border-radius: 6px;
}
.header .nav-menu.active .menu-line:nth-child(1) { transform: rotate(45deg); width: 40px; margin-top: 14px; }
.header .nav-menu.active .menu-line:nth-child(3) { transform: rotate(-45deg); width: 40px; margin-top: -16px; }
.header .nav-menu.active .menu-line:nth-child(2) { opacity: 0; }

.header .navigation {
	display: none;
	position: absolute;
	top: 60px;
	left: 0;
	width: 100%;
	margin: 0;
	text-align: center;
	background: var(--bs-white);
}
.header .navigation.active {
	display: block;
	background-color: #000;
}
.header .navigation .menu {
	position: relative;
}
.header .navigation .menu li a {
	display: block;
	position: relative;
	padding: 10px 12px;
	font-size: 18px;
	font-weight: 500;
	color: #fff;

}
.header .navigation .menu li.current-menu-item a,
.header .navigation .menu li a:hover{
	color: var(--bs-primary);
}

.header .navigation .menu li.menu-contact a{
	padding: 8px 32px;
	color: var(--bs-white);
	background: var(--bs-primary);
	border: solid 1px var(--bs-primary);
	transition: 0.3s all;
}

.header .navigation .menu li .sub-menu{
	display: none;
	margin: 0;
	padding: 0;
	list-style: none;
}
.header .navigation .menu li.open-submenu > ul{
	display: block;
}

.header .navigation .language{

}
.header .navigation .language li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 -2px;
}
.header .navigation .language li a{
	text-transform: uppercase;
	padding-left: 10px;
	padding-right: 10px;
}
.header .navigation .language li a:after{
	content: '';
	position: absolute;
	top: 40%;
	right: 0;
	width: 1px;
	height: 20%;
	background: var(--bs-gray);
}
.header .navigation .language li:last-child a:after{
	content: none;
}
.header .navigation .language li.current-lang a{
	text-decoration: underline;
}

@media screen and (min-width: 1200px) {

	.header {
		min-height: var(--mati-header-desktop-min-height);
	}
	.header .logo {
		max-width: 164px;
		margin: 26px 0;
	}

	.header .nav-menu {
		display: none;
	}

	.header .navigation{
		display: flex;
		align-items: center;
		position: relative;
		top: auto;
		left: auto;
		width: auto;
		background: transparent;
	}
	.header .navigation ul,
	.header .navigation ul li {
		position: relative;
		display: inline-block;
		vertical-align: middle;
	}
	.header .navigation ul{
		margin: 0;
	}

	.header .navigation .menu {
		
	}

	.header .navigation .menu li:not(.menu-contact) a {
		padding: 25px 15px;
	}

	.header .navigation .menu li a {
		font-size: 16px;
	}

	.header .navigation .menu li a {
		text-align: left;
	}
	.header .navigation .menu li.menu-contact{
		margin-left: 5px;
	}
	.header .navigation .menu li.menu-contact a{
		border-radius: 50px;
	}
	.header .navigation .menu li.menu-contact a:hover{
		background: transparent;
		color: var(--bs-primary);
	}

	.header .navigation .socialmedia {
		margin-left: 25px;
	}
	.header .navigation .socialmedia li a{
		font-size: 20px;
	}

	/* Submenu */

	.header .navigation .menu li .sub-menu{
		display: none;
		position: absolute;
		top: var(--mati-header-desktop-min-height);
		left: 0;
		width: 150px;
		background: var(--bs-white);
		box-shadow: 0 5px 5px 0 rgba(0,0,0,0.1);
		animation: fadeInDown 300ms ease-in-out forwards;
    	transform-origin: top center;
	}
	.header .navigation ul li:hover > .sub-menu{
		display: block;
	}
	.header .navigation .menu li .sub-menu li{
		display: block;
		margin: 0;
	}
	.header .navigation .menu li .sub-menu li a{
		display: block;
		padding: 10px 15px;
		font-size: 15px;
		color: var(--bs-dark);
		border-bottom: 1px solid #eee;
	}
	.header .navigation .menu li .sub-menu li:last-child a{
		border-bottom: 0;
	}
	.header .navigation .menu li .sub-menu li.current-menu-item > a,
	.header .navigation .menu li .sub-menu li a:hover{
		background: var(--bs-primary);
		color: var(--bs-white);
		border-bottom-color: var(--bs-primary); 
	}

	.header .navigation .menu li .sub-menu li ul{
		top: 0;
		left: 150px;
		width: 200px;
	}
	.header .navigation .menu li .sub-menu li ul ul{
		left: 200px;
	}

	/* Fixed */
	.header-fixed .header{
		min-height: var(--mati-header-mobile-min-height);
	}
	.header-fixed .header .logo{
		margin: 16px 0;
	}
	.header-fixed .header .navigation .menu li .sub-menu{
		top: var(--mati-header-mobile-min-height);
	}

}

@media screen and (max-width: 1199px){
	.header .navigation{
		box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
	}
	.header .navigation .menu li.active a,
	.header .navigation .menu li a:hover{
		background: var(--bs-primary);
		color: var(--bs-white);
	}

	.header .navigation ul li.open-submenu > ul{
		background: rgba(0,0,0,0.05);
	}
	.header .navigation ul li ul li a{
		padding-top: 6px;
		padding-bottom: 6px;
		font-size: 16px;
	}
}




/*
	Modules
*/

/* Module > Presentation */

.presentation{
	position: relative;
	display: flex;
	align-items: center;
	height: calc(456px - var(--mati-header-mobile-min-height));
	min-height: 456px;
	padding: 30px 0;
	background: var(--bs-dark) no-repeat bottom;
	background-size: cover;
}

.presentation .slider .slide{
	display: flex;
	align-items: center;
	height: calc(100vh - var(--mati-header-mobile-min-height));
	min-height: 600px;
	padding: 30px 0;
	background:  #eee no-repeat bottom;
	background-size: cover;
}

.presentation .title {
	max-width: 680px;
	color: var(--bs-white);
}

.presentation .arrow-down{
	display: block;
	position: absolute;
	left: calc(50% - 20px);
	bottom: 0;
	width: 40px;
	height: 60px;
	background: url('assets/img/icons/icon-arrow-down.svg') no-repeat center;
	background-size: contain;
	animation: bounce 3s infinite;
	z-index: 3;
}

.presentation .arrows button{
	filter: brightness(0) invert(1);
}

.presentation video{
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	height: 100%;
	width: 100%;
}

@media screen and (min-width: 992px) {
	.presentation .slider .slide{
		height: calc(100vh - var(--mati-header-desktop-min-height));
		max-height: 855px;
		padding: 50px 0;
	}

    .presentation .title p:not(.subtitle){
    	font-size: 24px;
    }
	.presentation .arrow-down{
		bottom: 50px;
	}
}


/* Modules > Banner */

.banner{
	position: relative;
	display: flex;
	align-items: center;
	background-color: var(--bs-dark);
	padding: 50px 0;
	min-height: 350px;
	overflow: hidden;
}
.banner .bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--bs-dark) no-repeat center;
	background-size: cover;	
	z-index: 1;
}
.banner .title{
	position: relative;
	max-width: 650px;
	margin: 0;
	color: var(--bs-white);
	z-index: 2;
}

.banner .arrow-down{
    display: block;
    position: absolute;
    left: calc(50% - 10px);
    bottom: 5%;
    width: 45px;
    height: 25px;
    background: url('assets/img/icons/icon-arrow-down.svg') no-repeat center;
    background-size: contain;
    animation: bounce 3s infinite;
}

@media screen and (min-width: 992px){
	.banner{
		min-height: 400px;
	}

	.banner .title p:not(.subtitle) {
    	font-size: 21px;
    }
}

/* Module > CTA */

.module-cta{
	position: relative;
}
.module-cta .image .img{
	background-repeat: no-repeat;
	background-size: cover;
	background-size: cover;
    padding: 32% 0%;
}
.module-cta .image img {
	aspect-ratio: 16 / 9;
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.module-cta .text {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.module-cta .text > .data {
	/*margin: 0 auto;*/
	padding: 40px 20px;
	max-width: 720px;
}

.module .text .title {
	margin-bottom: 0;
}
@media screen and (min-width: 992px) {
	
	.module-cta .text {
	    justify-content: center;
	}
    .module-cta .text > .data {
    	padding: 60px 70px 60px 110px;
    }
    .module-cta.even .image{
        order: 1;
    }
    .module-cta.even .text{
        order: 2;
    }
}


/* Module > Team */
.module-team .items article .thumbnail img{
	aspect-ratio: 1 / 1;
	object-fit: cover;
	width: 56px;
	border-radius: 50%;
	margin: 0 auto;
	background: var(--bs-gray);
}

/* Module > Testimonial */

.module-testimonial .items article {
	text-align: center;
}
.module-testimonial .items article .avatar .thumbnail img{
	aspect-ratio: 1 / 1;
	object-fit: cover;
	width: 56px;
	border-radius: 50%;
	margin: 0 auto;
}
.module-testimonial .items article .name{
	font-size: 21px;
}


/* Module > Newsletter */

.module-newsletter{
	
}


/* Module > Stats */

.module-stats .items article .number {
	font-size: 64px;
	font-weight: 700;
}

/* Modules > Faqs */

.module-accordion .items{

}
.module-accordion .items .item{
	position: relative;
	margin-bottom: 3px;
	border-bottom: solid 1px var(--bs-primary);
	padding: 20px 0;
}

.module-accordion .items .item .question{
	position: relative;
	display: block;
	font-size: 18px;
	font-weight: 600;
	padding-right: 50px;

}
.module-accordion .items .item .question:after {
    content: '+';
    position: absolute;
    top: calc(50% - 10px);
    right: 0px;
    width: 20px;
    height: 20px;
    line-height: 20px;
}
.module-accordion .items .item .question[aria-expanded="true"]{
	
}
.module-accordion .items .item .question[aria-expanded="true"]:after{
	content: '-';
}

.module-accordion .items .item .answer{
	margin-top: 15px;
	font-size: 15px;
}

.module-accordion .items .item .answer a {
	text-decoration: underline;
}

.module-accordion .items .item .answer a:hover {
	color: var(--bs-primary);
}

.module-accordion .items .item .answer .data {
	max-width: 980px;
}

@media screen and (min-width: 992px) {
	.module-accordion .items .item .question:after {
		right: 20px;
	}
}

/* Module > Clients */

.module-clients .slider .slides .slide article{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 120px;
    padding: 30px;
    background: var(--bs-gray);
}
.module-clients .slider .slides .slide article img {
	aspect-ratio: 1.8 / 1;
	object-fit: contain;
	filter: grayscale(1);
}


/* Module > Contact */

.module-contact{
	
}

/* Module > Tabs */

.module-tabs .tab-content article {
	display: flex;
	flex-direction: column;
	align-items: center;	
}

@media screen and (min-width: 992px) {
	.module-tabs .tab-content article {
		flex-direction: row;
	}

	.module-tabs .tab-content article .thumbnail {
		min-width: 50%;
	}

	.module-tabs .tab-content article .data {
		padding: 0 25px;
	}
}


/* Modules > Filter */

.module-filter .view{
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.module-filter .view ul{
	display: flex;
	margin: 0;
}
.module-filter .view ul li{
	position: relative;
	border: solid 1px var(--bs-primary);
	width: 40px;
	height: 34px;
	display: flex;
    align-items: center;
    justify-content: center;
}
.module-filter .view ul li:first-child{
	border-radius: 7px 0 0 7px;
	margin-right: -1px;
}
.module-filter .view ul li:last-child{
	border-radius: 0 7px 7px 0;
}

.module-filter .view label{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 34px;
    margin: 0;
    color: #C8C8C8;
    cursor: pointer;
}
.module-filter .view label input{
	display: none;
}

.module-filter .view label i{
	display: block;
	font-weight: 500;
	width: 15px;
	height: 15px;
	background: no-repeat center;
	filter: grayscale() opacity(0.5);
}
.module-filter .view label i.icon-grid{
	background-image: url('assets/img/icons/icon-grid.svg');
}

.module-filter .view label:hover i.icon-grid,
.module-filter .view label input:checked ~ i.icon-grid{
	filter: none;
}

.module-filter .view label i.icon-list{
	background-image: url('assets/img/icons/icon-list.svg');
}
.module-filter .view label:hover i.icon-list,
.module-filter .view label input:checked ~ i.icon-list{
	filter: none;
}

.module-filter .view label:hover i,
.module-filter .view label input:checked ~ i{
	color: #008BEE;
}

.module-filter .view ul li:has(label input:checked) {
	background: rgb(9 104 245 / 10%);
}


/*
	Pages
*/


/* Page > Home */

.page.home {

}

/* Page > About */

.page.about{

}

/* Page > Properties */


/* Page > Portfolio */


/* Page > Products */


/* Page > Blog */

.page.blog{

}

@media screen and (min-width:992px){

	.page.blog .featured .feed-blog article{
		display: flex;
		align-items: center;
	}
	.page.blog .featured .feed-blog article .thumbnail{
		width: 50%;
	}
	.page.blog .featured .feed-blog article .data{
		width: 50%;
		padding: 50px;
	}
	.page.blog .featured .feed-blog article .title{
		margin: 0;
	}

}

/* Pages > Contact */

.page.contact .map{
	position: relative;
	background-color: #eee;
	width: 100%;
	height: 400px;
}
.page.contact .map .maparea{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Pages > Thanks */

.page.page-thanks .content{
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	min-height: 80vh;
}

/* Pages > Internal */

.page.internal .content .title{
	text-align: center;
}
.page.internal .content article {
	max-width: 850px;
	margin-left: auto;
	margin-right: auto;
}

/* Pages > Page 404 */

.page.page-404 .content,
.page.page-maintenance .content{
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	min-height: 80vh;
}

.page.page-maintenance .content{
	min-height: 100vh;
}

/*
	CPT Feed
*/


/* Feed > Blog */

.feed-blog article{
	position: relative;
}
.feed-blog article a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.feed-blog article .thumbnail{
	display: block;
	aspect-ratio: 1.6 / 1;
	width: 100%;
	height: 100%;
	background-color: #eee;
	overflow: hidden;
}
.feed-blog article .thumbnail .img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	background: no-repeat center;
	background-size: cover;
	transition: 0.3s all;
}
.feed-blog article:hover .thumbnail .img{
    transform: scale(1.1);
}
.feed-blog article .data {
	padding: 30px 15px;
}
.feed-blog article .data h2{
	margin: 0 0 15px;
}
.feed-blog article .data p{

}
.feed-blog article .meta {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 12px;
}
.feed-blog article .meta .terms li{
	display: inline-block;
	vertical-align: middle;
}
.feed-blog article .meta .terms li a{
	padding: 3px;
	text-transform: uppercase;
	background: #cacaca;
}


/* Feed > Product */

.feed-products article{
	position: relative;
}
.feed-products article a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.feed-products article .thumbnail{
	display: block;
	aspect-ratio: 1.6 / 1;
	width: 100%;
	height: 100%;
	background-color: #eee;
	overflow: hidden;
}
.feed-products article .thumbnail .img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	background: no-repeat center;
	background-size: cover;
	transition: 0.3s all;
}
.feed-products article:hover .thumbnail .img{
    transform: scale(1.1);
}
.feed-products article .data {
	padding: 30px 15px;
}
.feed-products article .data h2{
	margin: 0 0 15px;
}
.feed-products article .data p{

}
.feed-products article .meta {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 12px;
}
.feed-products article .meta .terms li{
	display: inline-block;
	vertical-align: middle;
}
.feed-products article .meta .terms li a{
	padding: 3px;
	text-transform: uppercase;
	background: #cacaca;
}

/* Feed > Portfolio */

.feed-portfolio article{
	position: relative;
}
.feed-portfolio article a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.feed-portfolio article .thumbnail{
	display: block;
	overflow: hidden;
	aspect-ratio: 1.25 / 1;
	background-color: #eee;
}
.feed-portfolio article .thumbnail .img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	background: no-repeat center;
	background-size: cover;
	transition: 0.3s all;
}
.feed-portfolio article:hover .thumbnail .img{
    transform: scale(1.1);
}
.feed-portfolio article .data {
	padding: 30px 15px;
}
.feed-portfolio article .data h2{
	margin: 0 0 15px;
}
.feed-portfolio article .data p{
	font-size: 16px;
	line-height: 24px;
}
.feed-portfolio article .meta {
	font-size: 12px;
}
.feed-portfolio article .meta .terms li{
	display: inline-block;
	vertical-align: middle;
}
.feed-portfolio article .meta .terms li a{
	padding: 3px;
	text-transform: uppercase;
	background: #cacaca;
}

@media screen and (min-width:992px){
	.feed-portfolio article{
		display: flex;
		align-items: center;
	}
	.feed-portfolio article .thumbnail{
		width: 50%;
	}
	.feed-portfolio article .data{
		width: 50%;
		padding: 30px 50px;
	}
	.feed-portfolio .item:nth-child(even) article{
		flex-direction: row-reverse;
	}
}

/* Feed > Properties */

.feed-properties article{
	position: relative;
}
.feed-properties article a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.feed-properties article .thumbnail{
	display: block;
	aspect-ratio: 1.6 / 1;
	width: 100%;
	height: 100%;
	background: #eee no-repeat center;
	overflow: hidden;
}
.feed-properties article .thumbnail .img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	background: #eee no-repeat center;
	background-size: cover;
	transition: 0.3s all;
}
.feed-properties article:hover .thumbnail .img{
    transform: scale(1.1);
}
.feed-properties article .data {
	padding: 30px 15px;
}
.feed-properties article .data h2{
	margin: 0 0 15px;
}
.feed-properties article .data p{

}
.feed-properties article .meta {
	font-size: 12px;
}
.feed-properties article .meta .terms li{
	display: inline-block;
	vertical-align: middle;
}
.feed-properties article .meta .terms li a{
	padding: 3px;
	text-transform: uppercase;
	background: #cacaca;
}


/*
	CPT Single
*/

/* CPT > Single */

.single{
	
}

.single .content article.post-content{

}
.single .content article.post-content img{
	max-width: 100%;
	height: auto;
}

.single .content article.post-content .wp-block-quote{
	border-left: solid 2px var(--bs-dark);
	padding-left: 30px;
}


/* CPT > Single > Blog */

.single.blog{
	
}

.single.blog .tags {
	margin: 40px 0;
    padding: 20px 0;
}
.single.blog .tags h4{
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
}
.single.blog .tags ul{
	display: flex;
	padding: 0;
	margin: 0;
	list-style: none;
	gap: 16px;
}
.single.blog .tags ul li a{
	display: block;
	background: var(--bs-gray);
	color: var(--bs-white);
	border: solid 1px var(--bs-gray);
	border-radius: 20px;
	padding: 5px 20px;
}

.single.blog .tags ul li a:hover{
	background: transparent;
	color: var(--bs-dark);
}


/* CPT > single > Portfolio */

.single.portfolio{
	
}


/* Page > Portfolio */

.page.portfolio{

}




/* Structure > Footer */

.footer a:hover{
	color: var(--bs-primary);
}

.footer .widgets{
	padding: 50px 0;
	text-align: center;
}
.footer .widgets h4{
	margin: 0;
	font-size: 15px;
	line-height: 28px;
	font-weight: 600;
	text-transform: uppercase;
}
.footer .widgets .logo{
	display: block;
	width: 200px;
	margin: 0 auto 30px;
}

/*.footer .widgets .logo {
	filter: invert(1) brightness(5);
}*/

.footer .widgets .menu{
	margin: 0 0 30px;
}
.footer .widgets .menu li a{
	display: block;
	padding: 3px;
}


.footer .copyright {
	padding: 0 0 25px;
}
.footer .copyright p{
	margin: 0;
	font-size: 14px;
}

@media screen and (min-width: 992px){
	.footer .widgets{
		padding: 80px 0;
		text-align: left;
	}
	.footer .widgets .logo{
		margin: 0;
	}
	
}

/* Extras */

/*.filter-layer{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #00000080;
	z-index: 1;
}*/

.presentation:after, .benefits:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #00000080;
	z-index: 1;
}

.benefits{
	background-position: center;
	background-size: cover;
}

.presentation .container, .benefits .title{
	z-index: 2;
}

.presentation .data{
	width: 345px;
	background: #00000099;
	border-radius: 24px;
	padding: 20px;
}

.bg-offwhite{
	background-color: #F2F2F2;
}

.directed .item img{
	height: 360px;
	border-radius: 15px;
	object-fit: cover;
}

.issues .item img{
	height: 265px;
	border-radius: 10px;
	object-fit: cover;
}

.swiper-button-next,.swiper-button-prev {    
	width: 48px;
	height: 48px;
    color: transparent;  
    border: solid;
}

.swiper-button-prev:after {
  	background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 7H3.83L9.42 1.41L8 0L0 8L8 16L9.41 14.59L3.83 9H16V7Z' fill='%23ffffff'/%3E%3C/svg%3E ");
  	background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
   	background-size: contain;
   	width: 16px;
}

.swiper-button-next:after {
  	background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0L6.59 1.41L12.17 7H0V9H12.17L6.59 14.59L8 16L16 8L8 0Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
  	background-size: contain;
  	background-repeat: no-repeat;
  	background-position: center center;
  	background-size: contain;
  	width: 16px;
}

.circle.swiper-button-next,.circle.swiper-button-prev {
	border: solid 1px var(--bs-primary);
	border-radius: 50%;
	background-color: var(--bs-primary);
	transform: translateY(75%);
}

.about img{
	height: 640px;
	object-fit: cover;
	border-radius: 24px;
	object-position: left;
}

input.form-control{
	border-radius: 30px;
}

textarea.form-control{
	border-radius: 15px;
}

.bg-lightdark{
	background-color: #181818;
}

.module-faqs .item{
	border: 1px solid #fff;
	border-radius: 50px;
	padding: 22px;
}

.module-faqs .items .item .question:after {
    content: '';
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><path d="M25.3336 15.667V16.3336C25.3336 16.7018 25.0352 17.0003 24.667 17.0003H17.0003V24.667C17.0003 25.0351 16.7018 25.3336 16.3336 25.3336H15.667C15.2988 25.3336 15.0003 25.0351 15.0003 24.667V17.0003H7.33366C6.96547 17.0003 6.66699 16.7018 6.66699 16.3336V15.667C6.66699 15.2988 6.96547 15.0003 7.33366 15.0003H15.0003V7.33365C15.0003 6.96546 15.2988 6.66699 15.667 6.66699H16.3336C16.7018 6.66699 17.0003 6.96546 17.0003 7.33365V15.0003H24.667C25.0352 15.0003 25.3336 15.2988 25.3336 15.667Z" fill="white"/></svg>');
    position: absolute;
    top: calc(50% - 10px);
    right: 0px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
}

.module-faqs .items .item .question {
    position: relative;
    display: block;
    font-size: 18px;
    font-weight: 600;
    padding-right: 50px;
}

.module-faqs .items .item .question[aria-expanded="true"]:after {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><path d="M8 16L25 16" stroke="white" stroke-width="2" stroke-linecap="round"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
}

@media screen and (min-width: 992px) {
    .module-faqs .items .item .question:after {
        right: 20px;
    }

    .presentation .data p{
    	font-size: 24px;
    	line-height: 28.8px;
    }

    .management p.description{
    	font-size: 18px;
    	max-width: 460px;
    }

    .module-contact .title .description{
    	font-size: 24px;
    }

    .module-contact form .btn {
	    padding: 10px 70px;
	}
}

@media screen and (max-width: 992px) {
	.management .video .video-player, .about img, .directed .item img {
	    height: 320px !important;
	}
}

@media screen and (max-width: 1200px) {
	.benefits .swiper article{
    	text-align: center;
    	padding: 0 70px;
    }

    .footer .widgets .logo {
        margin: 0 auto 30px;
    }
}

@media screen and (min-width: 1660px) {
	.circle.swiper-button-next{
    	right: 50px;
	}

	.circle.swiper-button-prev{
		left: 50px;
	}
}

.management .video .video-player{
	height: 640px;
    border-radius: 24px;
}

.benefits .slider article{
	padding: 0 15px;
}

.benefits .slider{
	margin: 0 50px;
	z-index: 2;
}

.color-gray{
	color: #858585 !important;
}

html[lang="en-US"] .section.benefits .slider article h4 {
  min-height: 60px;
}