:root {
	--default-background-color: var(--first-background-color);
	--first-background-color: rgba(var(--tint-1), 1);
	--second-background-color: rgba(var(--tint-2), 1);
	--third-background-color: rgba(var(--tint-3), 1);
	--fourth-background-color: rgba(var(--tint-4), 1);
	--fifth-background-color: rgba(var(--tint-5), 1);
	--sixth-background-color: rgba(var(--tint-6), 1);
	--seventh-background-color: rgba(var(--tint-7), 1);
	--eighth-background-color: rgba(var(--tint-8), 1);
	--ninth-background-color: rgba(var(--tint-9), 1);
	--tenth-background-color: rgba(var(--tint-10), 1);
	--default-border-color: var(--first-border-color);
	--first-border-color: rgba(var(--tint-1), 1);
	--second-border-color: rgba(var(--tint-2), 1);
	--third-border-color: rgba(var(--tint-3), 1);
	--fourth-border-color: rgba(var(--tint-4), 1);
	--fifth-border-color: rgba(var(--tint-5), 1);
	--sixth-border-color: rgba(var(--tint-6), 1);
	--seventh-border-color: rgba(var(--tint-7), 1);
	--eighth-border-color: rgba(var(--tint-8), 1);
	--ninth-border-color: rgba(var(--tint-9), 1);
	--tenth-border-color: rgba(var(--tint-10), 1);
	--default-text-color: var(--first-text-color);
	--first-text-color: rgba(var(--tint-1), 1);
	--second-text-color: rgba(var(--tint-2), 1);
	--third-text-color: rgba(var(--tint-3), 1);
	--fourth-text-color: rgba(var(--tint-4), 1);
	--fifth-text-color: rgba(var(--tint-5), 1);
	--sixth-text-color: rgba(var(--tint-6), 1);
	--seventh-text-color: rgba(var(--tint-7), 1);
	--eighth-text-color: rgba(var(--tint-8), 1);
	--ninth-text-color: rgba(var(--tint-9), 1);
	--tenth-text-color: rgba(var(--tint-10), 1);
	--white: #ffffff;
	--white-10: rgba(255, 255, 255, 0.1);
	--white-20: rgba(255, 255, 255, 0.2);
	--white-30: rgba(255, 255, 255, 0.3);
	--white-40: rgba(255, 255, 255, 0.4);
	--white-50: rgba(255, 255, 255, 0.5);
	--white-60: rgba(255, 255, 255, 0.6);
	--white-70: rgba(255, 255, 255, 0.7);
	--white-80: rgba(255, 255, 255, 0.8);
	--white-90: rgba(255, 255, 255, 0.9);
	--black: #000000;
	--black-shadow: rgba(0, 0, 0, 1) 0 0 0 3px;
	--black-10: rgba(0, 0, 0, 0.1);
	--black-10-shadow: rgba(0, 0, 0, 0.1) 0 0 0 3px;
	--black-20: rgba(0, 0, 0, 0.2);
	--black-20-shadow: rgba(0, 0, 0, 0.2) 0 0 0 3px;
	--black-30: rgba(0, 0, 0, 0.3);
	--black-30-shadow: rgba(0, 0, 0, 0.3) 0 0 0 3px;
	--black-40: rgba(0, 0, 0, 0.4);
	--black-40-shadow: rgba(0, 0, 0, 0.4) 0 0 0 3px;
	--black-50: rgba(0, 0, 0, 0.5);
	--black-50-shadow: rgba(0, 0, 0, 0.5) 0 0 0 3px;
	--black-60: rgba(0, 0, 0, 0.6);
	--black-60-shadow: rgba(0, 0, 0, 0.6) 0 0 0 3px;
	--black-70: rgba(0, 0, 0, 0.7);
	--black-70-shadow: rgba(0, 0, 0, 0.7) 0 0 0 3px;
	--black-80: rgba(0, 0, 0, 0.8);
	--black-80-shadow: rgba(0, 0, 0, 0.8) 0 0 0 3px;
	--black-90: rgba(0, 0, 0, 0.9);
	--black-90-shadow: rgba(0, 0, 0, 0.9) 0 0 0 3px;
	--shadow: 0 0 5px var(--black-10);
	--custom-shadow-1: rgba(var(--tint-1), 0.3) 0 0 0 3px;
	--custom-shadow-2: rgba(var(--tint-2), 0.3) 0 0 0 3px;
	--custom-shadow-3: rgba(var(--tint-3), 0.3) 0 0 0 3px;
	--custom-shadow-4: rgba(var(--tint-4), 0.3) 0 0 0 3px;
	--custom-shadow-5: rgba(var(--tint-5), 0.3) 0 0 0 3px;
	--custom-shadow-6: rgba(var(--tint-6), 0.3) 0 0 0 3px;
	--custom-shadow-7: rgba(var(--tint-7), 0.3) 0 0 0 3px;
	--custom-shadow-8: rgba(var(--tint-8), 0.3) 0 0 0 3px;
	--custom-shadow-9: rgba(var(--tint-9), 0.3) 0 0 0 3px;
	--custom-shadow-10: rgba(var(--tint-10), 0.3) 0 0 0 3px;
	--text-shadow: 0px 0px 20px var(--white);
	--default-font-family: "Figtree", sans-serif;
	--default-font-size: var(--third-font-size);
	--smallest-font-size: 10px;
	--first-font-size: 12px;
	--second-font-size: 14px;
	--third-font-size: 16px;
	--fourth-font-size: 18px;
	--fifth-font-size: 20px;
	--sixth-font-size: 22px;
	--seventh-font-size: 24px;
	--eighth-font-size: 26px;
	--ninth-font-size: 28px;
	--tenth-font-size: 30px;
	--eleventh-font-size: 32px;
	--twelfth-font-size: 34px;
	--thirteenth-font-size: 36px;
	--fourteenth-font-size: 38px;
	--fifteenth-font-size: 40px;
	--transition: all .2s;
	--button-radius: 6px;
	--general-radius: 6px;
	--radius-percent-50: 50%;
	--radius-percent-100: 100%;
	--default-grid-item-width: 50%;
	--default-grid-item-width-33: 33.33333333%;
	--default-grid-item-width-25: 25%;
	--default-grid-item-width-20: 20%;
	--default-grid-item-width-100: 100%;
	--zero-padding: 0;
	--first-padding: 5px;
	--grid-ultra-small-padding: 2.5px;
	--grid-mid-small-padding: 5px;
	--grid-small-padding: 7.5px;
	--grid-default-padding: 15px;
	--second-padding: 10px;
	--third-padding: 15px;
	--fourth-padding: 20px;
	--fifth-padding: 25px;
	--sixth-padding: 30px;
	--seventh-padding: 35px;
	--eighth-padding: 40px;
	--ninth-padding: 45px;
	--tenth-padding: 50px;
	--zero-gap: 0;
	--auto-gap: auto;
	--first-gap: 5px;
	--grid-ultra-small-minus-gap: -2.5px;
	--grid-mid-small-minus-gap: -5px;
	--grid-small-minus-gap: -7.5px;
	--grid-default-minus-gap: -15px;
	--second-gap: 10px;
	--third-gap: 15px;
	--fourth-gap: 20px;
	--fifth-gap: 25px;
	--sixth-gap: 30px;
	--seventh-gap: 35px;
	--eighth-gap: 40px;
	--ninth-gap: 45px;
	--tenth-gap: 50px;
	--first-padding-set: 5px 10px;
	--second-padding-set: 10px 15px;
	--third-padding-set: 15px 20px;
	--fourth-padding-set: 25px 30px;
	--fifth-padding-set: 30px 35px;
	--first-vertical-padding-set: 5px 0;
	--second-vertical-padding-set: 10px 0;
	--third-vertical-padding-set: 15px 0;
	--fourth-vertical-padding-set: 20px 0;
	--fifth-vertical-padding-set: 25px 0;
	--sixth-vertical-padding-set: 30px 0;
	--seventh-vertical-padding-set: 35px 0;
	--first-horizontal-padding-set: 0 5px;
	--second-horizontal-padding-set: 0 10px;
	--third-horizontal-padding-set: 0 15px;
	--fourth-horizontal-padding-set: 0 20px;
	--fifth-horizontal-padding-set: 0 25px;
	--sixth-horizontal-padding-set: 0 30px;
	--seventh-horizontal-padding-set: 0 35px;
	--first-gap-set: 5px 10px;
	--second-gap-set: 10px 15px;
	--third-gap-set: 15px 20px;
	--fourth-gap-set: 25px 30px;
	--fifth-gap-set: 30px 35px;
	--first-vertical-gap-set: 5px 0;
	--second-vertical-gap-set: 10px 0;
	--third-vertical-gap-set: 15px 0;
	--fourth-vertical-gap-set: 20px 0;
	--fifth-vertical-gap-set: 25px 0;
	--sixth-vertical-gap-set: 30px 0;
	--seventh-vertical-gap-set: 35px 0;
	--first-horizontal-gap-set: 0 5px;
	--second-horizontal-gap-set: 0 10px;
	--third-horizontal-gap-set: 0 15px;
	--fourth-horizontal-gap-set: 0 20px;
	--fifth-horizontal-gap-set: 0 25px;
	--sixth-horizontal-gap-set: 0 30px;
	--seventh-horizontal-gap-set: 0 35px;
	--select-background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6bm9uZTt9LmNscy0ye2ZpbGw6IzAwMDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+);
	--select-background-white: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJMYXllcl8xIiBkYXRhLW5hbWU9IkxheWVyIDEiIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6bm9uZTt9LmNscy0ye2ZpbGw6I2ZmZmZmZjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+);
	--fw-100: 100;
	--fw-200: 200;
	--fw-300: 300;
	--fw-400: 400;
	--fw-500: 500;
	--fw-600: 600;
	--fw-700: 700;
	--fw-800: 800;
	--fw-900: 900;
	--tint-1: 32, 47, 68;
	--tint-1-shadow: var(--custom-shadow-1);
	--tint-2: 189, 151, 85;
	--tint-2-shadow: var(--custom-shadow-2);
	--tint-3: 255, 243, 211;
	--tint-3-shadow: var(--custom-shadow-3);
	--tint-4: 228, 228, 228;
	--tint-4-shadow: var(--custom-shadow-4);
	--tint-5: 57, 77, 93;
	--tint-5-shadow: var(--custom-shadow-5);
	--tint-6: 248, 249, 250;
	--tint-6-shadow: var(--custom-shadow-6);
    --tint-7: 255, 0, 0;
    --tint-7-shadow: var(--custom-shadow-7);
    --tint-8: 187, 4, 4;
    --tint-8-shadow: var(--custom-shadow-8);
	--tint-9: 77, 166, 231;
	--tint-9-shadow: var(--custom-shadow-9);
	--tint-10: 78, 141, 213;
	--tint-10-shadow: var(--custom-shadow-10);
	--social-facebook: #4167b2;
	--social-x: var(--black);
	--social-youtube: #fe0200;
	--social-instagram: #a81299;
	--social-google: #4285f4;
	--social-linked-in: #007bb6;
	--social-pinterest: #e60124;
	--social-tumblr: #36465c;
	--social-flickr: #0062dc;
	--social-blog: #ff5721;
	--social-rss: #f79939;
    --social-whatsapp: #4bae4f;
	--form-element-height: 50px;
	--form-element-textarea-height: 100px;
	--form-element-background-color: var(--white);
	--form-element-hover-background-color: var(--second-background-color);
	--form-element-checked-background-color: var(--first-background-color);
	--form-element-padding: var(--fourth-horizontal-padding-set);
	--form-element-textarea-padding: var(--fourth-padding);
	--form-element-text-color: var(--default-text-color);
	--form-element-checked-text-color: var(--white);
	--form-element-hover-text-color: var(--white);
	--form-element-transition: var(--transition);
	--form-element-radius: 6px;
	--form-element-font-weight: var(--fw-600);
	--form-element-font-family: var(--default-font-family);
	--form-element-font-size: var(--default-font-size);
	--form-element-border-color: var(--fourth-border-color);
	--form-element-focus-border-color: var(--second-border-color);
	--form-element-hover-border-color: var(--second-border-color);
	--form-element-checked-border-color: var(--first-border-color);
	--form-element-focus-shadow: var(--custom-shadow-2);
	--form-element-captcha-width: 50px;
	--form-element-captcha-height: var(--form-element-height);
}
::after{
	--block-title-default-after: #000000;
	--block-title-1-after: #343f52;
	--block-title-2-after: #60697b;
	--block-title-3-after: #6d02d6;
	--block-title-4-after: #f2f2f7;
	--block-title-5-after: #e4e4e4;
}
*:focus,
*:focus-visible{
	outline: 0;
}
*{
	-webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: var(--fifth-background-color) transparent;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html {
    scroll-behavior: smooth;
}
body {
	margin: 0;
    font-family: var(--default-font-family);
    font-weight: var(--fw-500);
    font-optical-sizing: auto;
	font-style: normal;
    font-size: var(--default-font-size);
    color: var(--default-text-color);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    /*letter-spacing: .02em;*/
	overflow-x: hidden;
}
body.lock{
    overflow: hidden;
    position: relative;
    height: 100vh;
    -webkit-overflow-scrolling: touch;
}
header{
}
.page-container{}
.page-container:not(.p0){
	padding-bottom: var(--sixth-padding);
}
footer{
	width: 100%;
	background-color: var(--first-background-color);
}
a{
	color: var(--default-text-color);
	text-decoration: none;
    transition: var(--transition);
}
a:hover{
	outline: 0;
}
ul,
ol{
	list-style-type: none;
}
p{
	margin-top: var(--zero-gap);
	margin-bottom: var(--third-gap);
	line-height: 1.5;
}
p:last-child{
	margin-bottom: var(--zero-gap);
}
h1,
h2,
h3,
h4,
h5,
h6{
	margin-top: 0;
	margin-bottom: 0;
	font-weight: var(--fw-700);
	/*
    -webkit-letter-spacing: -0.016em;
    -moz-letter-spacing: -0.016em;
    -ms-letter-spacing: -0.016em;
    letter-spacing: -0.016em;
	*/
}
div.block-title{
	font-weight: var(--fw-700);
}
h1,
div.block-title{
    line-height: 1.3;
}
h2 {
    line-height: 1.35;
}
h3 {
    line-height: 1.4;
}
h4 {
    line-height: 1.45;
}
h5 {
    line-height: 1.5;
}
h6 {
    line-height: 1.55;
}
.pt-0{
	padding-top: var(--zero-padding)!important;
}
.pb-0{
	padding-bottom: var(--zero-padding)!important;
}
.pl-0{
	padding-left: var(--zero-padding)!important;
}
.mb-0{
	margin-bottom: var(--zero-gap)!important;
}
.mr-5{
	margin-right: var(--first-gap);
}
.p-sticky{
	position: sticky;
	z-index: 2;
}
.p-sticky-0{
	top: var(--zero-gap);
}
.p-sticky-10{
	top: var(--second-gap);
}
.vw100{
	width: 100vw;
}
.vh100{
	height: 100vh;
}
.centered{
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
}
button,
.button{
    font-family: var(--default-font-family);
    font-weight: var(--fw-600);
    font-optical-sizing: auto;
	font-style: normal;
    font-size: var(--default-font-size);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
	letter-spacing: .02em;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.concept-noimage{
	width: 100%;
	height: 100%;
	background: var(--white) url(/*relative-path*/../files/no-photo.png) no-repeat 50% 50%;
	background-size: 85px;
}
img.lazy {
	max-width: 100%;
	border-top-left-radius: var(--general-radius);
	border-top-right-radius: var(--general-radius);
	height: 100%;
	background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
	background-size: 200% 100%;
	animation: 1.5s shine linear infinite;
	width: 100%;
}
@keyframes shine {
  to {
    background-position-x: -200%;
  }
}
/* TITLE  */
.block-title{
    font-size: var(--fifteenth-font-size);
    margin: 0 0 var(--fourth-gap);
}
.block-title.center{
    text-align: center;
}
.block-title-1,
.block-title-2,
.block-title-3,
.block-title-4,
.block-title-5{
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: var(--fourth-border-color);
    padding-bottom: var(--first-padding);
    position: relative;
}
.block-title-1::after,
.block-title-2::after,
.block-title-3::after,
.block-title-4::after,
.block-title-5::after{
	content: '';
	display: block;
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 200px;
	height: 2px;
}
.block-title-1{
    color: var(--first-text-color);
}
.block-title-1::after{
	background-color: var(--block-title-1-after);
}
.block-title-2{
    color: var(--second-text-color);
}
.block-title-2::after{
	background-color: var(--block-title-2-after);
}
.block-title-3{
    color: var(--third-text-color);
}
.block-title-3::after{
	background-color: var(--block-title-3-after);
}
.block-title-4{
    color: var(--fourth-text-color);
}
.block-title-4::after{
	background-color: var(--block-title-4-after);
}
.block-title-5{
    color: var(--fifth-text-color);
}
.block-title-5::after{
	background-color: var(--block-title-5-after);
}
.detail-content-title{
	/*
    font-size: var(--fourth-font-size);
    position: relative;
    border-bottom: 2px solid var(--fourth-border-color);
    font-weight: var(--fw-600);
    padding-bottom: var(--second-padding);
    margin: 0 0 var(--third-gap);
    */
    font-size: var(--tenth-font-size);
    margin: 0 0 var(--third-gap);
}
/*
.detail-content-title:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -2px;
    left: var(--zero-gap);
    width: 200px;
    height: 2px;
    background-color: var(--second-background-color);
}
*/
.detail-content-text-wrapper{
    width: 100%;
}
.detail-content-text{
	width: 100%;
	font-size: var(--fourth-font-size);
	line-height: 1.8;
}
.detail-content-text h2{
    font-size: var(--eighth-font-size);
    margin: var(--fifth-gap) 0 var(--fourth-gap);
    padding-top: var(--third-gap);		
}
.detail-content-text h3{
    font-size: var(--seventh-font-size);
    margin: var(--fourth-gap) 0 var(--third-gap);
    padding-top: var(--second-gap);
}
.detail-content-text h4{
    font-size: var(--sixth-font-size);
    margin: var(--fourth-gap) 0 var(--second-gap);
    padding-top: var(--second-gap);
}
.detail-content-text p{
    margin-bottom: var(--fourth-gap);
    margin-top: var(--third-gap);
    line-height: 1.9;
}
.detail-content-text .detail-img-wrapper{
    margin: var(--fourth-gap) 0;
}
.detail-content-text .detail-img-wrapper > img{
	width: 100%;
	border-radius: var(--general-radius);
	box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}
/* Blog içeriğindeki tüm resimler için stil */
.detail-content-text img{
	display: block;
	max-width: 100%;
	height: auto;
	margin: var(--fourth-gap) auto;
	border-radius: var(--general-radius);
	box-shadow: 0 8px 20px rgba(0,0,0,0.1);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.detail-content-text img:hover{
	transform: translateY(-2px);
	box-shadow: 0 12px 30px rgba(0,0,0,0.15);
}
/* Yan yana gelen resimler için */
.detail-content-text img + img{
	margin-top: var(--fourth-gap);
}
/* Resim başlıkları için */
.detail-content-text .wp-caption,
.detail-content-text figure{
	margin: var(--fourth-gap) 0;
}
.detail-content-text .wp-caption-text,
.detail-content-text figcaption{
	font-size: var(--second-font-size);
	color: var(--third-text-color);
	text-align: center;
	margin-top: var(--second-gap);
	font-style: italic;
}
/* Galeriler için */
.detail-content-text .gallery{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: var(--third-gap);
	margin: var(--fourth-gap) 0;
}
.detail-content-text .gallery img{
	margin: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.detail-content-text ul,
.detail-content-text ol{
    padding-left: var(--sixth-padding);
    margin: var(--fifth-gap) 0;
    list-style-type: disc;
}
.detail-content-text ul li,
.detail-content-text ol li{
    margin-bottom: var(--third-gap);
    line-height: 1.8;
}
.detail-content-text ul li:last-child,
.detail-content-text ol li:last-child{
    margin-bottom: 0;
}
.detail-content-text blockquote{
    border-left: 4px solid var(--primary-color);
    padding: var(--fourth-padding);
    margin: var(--fifth-gap) 0;
    font-style: italic;
    color: var(--third-text-color);
    background-color: rgba(0,0,0,0.02);
    border-radius: var(--general-radius);
}
.detail-content-text a:hover{
	text-decoration: underline;
}
.detail-content-text *:last-child{
	margin-bottom: 0;
}

/* Blog Detay Sayfası Ek Stiller */
.blog-detail-page .post-excerpt{
    font-size: var(--fifth-font-size);
    line-height: 1.8;
    color: var(--second-text-color);
    margin-bottom: var(--fifth-gap);
    padding-bottom: var(--fourth-gap);
    border-bottom: 1px solid var(--fourth-border-color);
}
.blog-detail-page .post-meta{
    margin-top: var(--fifth-gap);
    padding-top: var(--fourth-gap);
    border-top: 1px solid var(--fourth-border-color);
}
.blog-detail-page .post-meta .post-info{
    display: flex;
    flex-wrap: wrap;
    gap: var(--fourth-gap);
    color: var(--third-text-color);
    font-size: var(--third-font-size);
}
.blog-detail-page .post-meta .post-info span{
    display: flex;
    align-items: center;
}
.blog-detail-page .post-meta .post-info span i{
    margin-right: var(--second-gap);
}
/* İlk paragraf için özel stil */
.detail-content-text > p:first-child{
    font-size: var(--fifth-font-size);
    line-height: 1.9;
    margin-top: 0;
}
.button{
    font-size: var(--default-font-size);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    outline: 0;
    color: var(--white);
    cursor: pointer;
    transition: var(--transition);
    border-radius: var(--button-radius);
}
.button.w-100{
	width: 100%;
}
.button:not(.small){
    height: 50px;
	padding: var(--fourth-horizontal-padding-set);
}
.button.small{
    height: 36px;
	padding: var(--second-horizontal-padding-set);
}
button:disabled,
button[disabled],
.button:disabled,
.button[disabled]{
	cursor: not-allowed;
	opacity: 0.5;
}
.button:not(:disabled):not([disabled]):hover{
	cursor: pointer;
	text-shadow: var(--text-shadow);
}
.button i:not(.right-icon):not(.no-margin-right){
	margin-right:5px;
}
.button i.right-icon{
	margin-left: 5px;
}
.button.button-1{
	background-color: var(--first-background-color);
}
.button:not(:disabled):not([disabled]).button-1:hover,
.button:not(:disabled):not([disabled]).button-1:focus{
	background-color: var(--second-background-color);
	box-shadow: var(--tint-2-shadow);
}
.button.button-2{
	background-color: var(--second-background-color);
}
.button:not(:disabled):not([disabled]).button-2:hover,
.button:not(:disabled):not([disabled]).button-2:focus{
	background-color: var(--second-background-color);
	box-shadow: var(--tint-2-shadow);
}
.button.button-3{
	background-color: var(--third-background-color);
}
.button:not(:disabled):not([disabled]).button-3:hover,
.button:not(:disabled):not([disabled]).button-4:focus{
	background-color: var(--third-background-color);
	box-shadow: var(--tint-3-shadow);
}
.button.button-4{
	background-color: var(--fourth-background-color);
}
.button:not(:disabled):not([disabled]).button-4:hover,
.button:not(:disabled):not([disabled]).button-4:focus{
	background-color: var(--fourth-background-color);
	box-shadow: var(--tint-4-shadow);
}
.button.button-5{
	background-color: var(--fifth-background-color);
}
.button:not(:disabled):not([disabled]).button-5:hover,
.button:not(:disabled):not([disabled]).button-5:focus{
	background-color: var(--fifth-background-color);
	box-shadow: var(--tint-5-shadow);
}
.button.button-6{
	background-color: var(--sixth-background-color);
}
.button:not(:disabled):not([disabled]).button-6:hover,
.button:not(:disabled):not([disabled]).button-6:focus{
	background-color: var(--sixth-background-color);
	box-shadow: var(--tint-6-shadow);
}
.button.button-7{
	background-color: var(--seventh-background-color);
}
.button:not(:disabled):not([disabled]).button-7:hover,
.button:not(:disabled):not([disabled]).button-7:focus{
	background-color: var(--eighth-background-color);
	box-shadow: var(--tint-8-shadow);
}
.button.button-8{
	background-color: var(--eighth-background-color);
}
.button:not(:disabled):not([disabled]).button-8:hover,
.button:not(:disabled):not([disabled]).button-8:focus{
	background-color: var(--eighth-background-color);
	box-shadow: var(--tint-8-shadow);
}
.button.button-9{
	background-color: var(--ninth-background-color);
}
.button:not(:disabled):not([disabled]).button-9:hover,
.button:not(:disabled):not([disabled]).button-9:focus{
	background-color: var(--tenth-background-color);
	box-shadow: var(--tint-10-shadow);
}
.button.button-10{
	background-color: var(--tenth-background-color);
}
.button:not(:disabled):not([disabled]).button-10:hover,
.button:not(:disabled):not([disabled]).button-10:focus{
	background-color: var(--tenth-background-color);
	box-shadow: var(--tint-10-shadow);
}
.see-all-wrapper {
    display: flex;
    justify-content: center;
}
.vertical-center{
    display: -ms-flexbox;
    display: flex;
	align-items:center;
}
/* FORM ELEMENT */
.form-row-items{
	display: flex;
    flex-wrap: wrap;
    margin-left: var(--grid-default-minus-gap);
    margin-right: var(--grid-default-minus-gap);	
}
.form-row-items .form-row-item{
	padding-left: var(--grid-default-padding);
	padding-right: var(--grid-default-padding);
}
.form-row-items:not(.full) .form-row-item{
	width: var(--default-grid-item-width);
}
.form-row-items.full .form-row-item{
	width: var(--default-grid-item-width-100);
}
.form-row-items .form-row-item:not(.no-mb){
	margin-bottom: var(--third-gap);
}
.form-row-items .form-row-item .password-wrapper{
    width: 100%;
    position: relative
}
.form-row-items .form-row-item .password-wrapper .toggle-password{
    position: absolute;
    right: var(--third-gap);
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    cursor: pointer;
}
.form-data{}
.form-title{
	margin-bottom: var(--second-gap);
	display: inline-flex;
	vertical-align: top;
	font-size: var(--default-font-size);
	color: var(--default-text-color);
}
.form-title sup{
	margin-right: 2px;
}
.form-title-1{color: var(--first-text-color)}
.form-title-2{color: var(--second-text-color)}
.form-title-3{color: var(--third-text-color)}
.form-title-4{color: var(--fourth-text-color)}
.form-title-5{color: var(--fifth-text-color)}
.form-input{
    outline: 0;
    width: 100%;
    height: var(--form-element-height);
    background-color: var(--form-element-background-color);
    border: 1px solid var(--form-element-border-color);
    padding: var(--form-element-padding);
    color: var(--form-element-text-color);
    transition: var(--form-element-transition);
    border-radius: var(--form-element-radius);
    font-weight: var(--form-element-font-weight);
    font-family: var(--form-element-font-family);
    font-size: var(--form-element-font-size);
}
.form-input::placeholder {
	opacity: .5;
	color: var(--form-element-text-color);
	font-weight: var(--form-element-font-weight);
}
.form-input:-ms-input-placeholder {
	color: var(--form-element-text-color);
	font-weight: var(--form-element-font-weight);
}
.form-input::-ms-input-placeholder {
	color: var(--form-element-text-color);
	font-weight: var(--form-element-font-weight);
}
.form-file{
    width: 100%;
    height: var(--form-element-height);
    background-color: var(--form-element-background-color);
    border: 1px solid var(--form-element-border-color);
    padding: var(--form-element-padding);
    padding-top: 13.5px;
    padding-bottom: 13.5px;
    transition: var(--form-element-transition);
    border-radius: var(--form-element-radius);
}
.form-html-value{
	width: 100%;
    height: var(--form-element-height);
    background-color: var(--form-element-background-color);
    border: 1px solid var(--form-element-border-color);
    padding: var(--form-element-padding);
    color: var(--form-element-text-color);
    border-radius: var(--form-element-radius);
    font-weight: var(--form-element-font-weight);
    font-family: var(--form-element-font-family);
    font-size: var(--form-element-font-size);
    display: flex;
    align-items: center;
}
.form-html-value::selection{
	background-color: transparent;
}
.phone-input{
    outline: 0;
    width: 100%;
    height: var(--form-element-height);
    background-color: var(--form-element-background-color);
    border: 1px solid var(--form-element-border-color);
    padding: var(--form-element-padding);
    color: var(--form-element-text-color);
    transition: var(--form-element-transition);
    border-radius: var(--form-element-radius);
    font-weight: var(--form-element-font-weight);
    font-family: var(--form-element-font-family);
    font-size: var(--form-element-font-size);
}
.phone-input.phone-cc,
.phone-input.phone-ac{
	text-align: center;
	padding: var(--first-horizontal-padding-set);
}
.form-gsm-items-outer{
	width: 100%;
}
.form-gsm-items{
    display: flex;
    flex-wrap: wrap;
}
.form-gsm-items:not(.small-minus-gap){
    margin-left: var(--grid-mid-small-minus-gap);
    margin-right: var(--grid-mid-small-minus-gap);
}
.form-gsm-items.small-minus-gap{
    margin-left: var(--grid-ultra-small-minus-gap);
    margin-right: var(--grid-ultra-small-minus-gap);
}
.form-gsm-items:not(.small-minus-gap) .form-gsm-item{
	padding-left: var(--grid-mid-small-padding);
	padding-right: var(--grid-mid-small-padding);
}
.form-gsm-items.small-minus-gap .form-gsm-item{
	padding-left: var(--grid-ultra-small-padding);
	padding-right: var(--grid-ultra-small-padding);
}
.form-gsm-items:not(.small-minus-gap) .form-gsm-item-1{
	width: 70px;
}
.form-gsm-items.small-minus-gap .form-gsm-item-1{
	width: 55px;
}
.form-gsm-items:not(.small-minus-gap) .form-gsm-item-2{
	width: calc(100% - 70px);
}
.form-gsm-items.small-minus-gap .form-gsm-item-2{
	width: calc(100% - 55px);
}
.form-radio-data{
    display: flex;
}
.form-radio-data.vertical{
	flex-direction: column;
	align-items: flex-start;
}
.form-radio-data:not(.vertical){
    flex-wrap: wrap;
    margin-left: var(--grid-default-minus-gap);
    margin-right: var(--grid-default-minus-gap);
}
.form-radio {}
.form-radio-data:not(.vertical) .form-radio{
	padding-left: var(--grid-small-padding);
	padding-right: var(--grid-small-padding);
}
.form-radio-data.vertical .form-radio:not(:last-child){
	margin-bottom: var(--third-gap);
}
.form-radio input {
	background: transparent;
	width: inherit;
	display: none;
	margin: 0;
}
.form-radio input + label {
    width: 100%;
    height: var(--form-element-height);
    background-color: var(--form-element-background-color);
    border: 1px solid var(--form-element-border-color);
    padding-left: var(--sixth-padding);
    padding-right: var(--sixth-padding);
    transition: var(--form-element-transition);
    border-radius: var(--form-element-radius);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-bottom: var(--zero-gap);
}
.form-radio input + label span.radio-span{
    cursor: pointer;
    background-color: var(--second-background-color);
    height: 20px;
    width: 20px;
    display: none;
    vertical-align: top;
    align-items: center;
    justify-content: center;
    margin-right: var(--first-gap);
	color: var(--primary-text-color);
}
.form-radio input:hover + label{
    background-color: var(--form-element-hover-background-color);
    color: var(--form-element-hover-text-color);
    border-color: var(--form-element-hover-border-color);
}
.form-radio input:checked + label{
    background-color: var(--form-element-checked-background-color);
    color: var(--form-element-checked-text-color);
    border-color: var(--form-element-checked-border-color);
}
.form-radio input:checked + label span.radio-span{
	display: inline-flex;
}
.form-checkbox-data{
    display: flex;
}
.form-checkbox-data.vertical{
	flex-direction: column;
	align-items: flex-start;
}
.form-checkbox-data:not(.vertical){
    flex-wrap: wrap;
    margin-left: var(--grid-default-minus-gap);
    margin-right: var(--grid-default-minus-gap);
}
.form-checkbox-data:not(.vertical) .checkbox-container{
	padding-left: var(--grid-small-padding);
	padding-right: var(--grid-small-padding);
}
.form-checkbox-data.vertical .checkbox-container:not(:last-child){
	margin-bottom: var(--third-gap);
}
.checkbox-container{
    display: inline-flex;
    vertical-align: top;
    margin: 0;
    position: relative;
    cursor: pointer;
}
.checkbox-container.small{
	align-items: center;
}
.checkbox-container input{
	position: absolute;
	opacity: 0;
	left: 0;
	top: 0;
	margin: 0;
	cursor: pointer;
}
.checkbox-container:not(.small) input{
	width: 30px;
	height: 30px;
}
.checkbox-container.small input{
	width: 20px;
	height: 20px;
}
.form-checkbox-data:not(.vertical) .checkbox-container input{
	left: 7.5px;
}
.checkbox-container .checkbox-span {
    cursor: pointer;
	background-color: var(--form-element-background-color);
	border: 1px solid var(--form-element-border-color);
    display: flex;
    align-items: center;
    justify-content: center;
	transition: var(--form-element-transition);
	border-radius: var(--form-element-radius);
}
.checkbox-container:not(.small) .checkbox-span {
    height: 30px;
    width: 30px;
}
.checkbox-container.small .checkbox-span {
    height: 20px;
    width: 20px;
    font-size: var(--first-font-size);
}
.checkbox-container input:checked + .checkbox-span{
    background-color: var(--form-element-checked-background-color);
    border-color: var(--form-element-checked-border-color);
    color: var(--form-element-checked-text-color);
}
.checkbox-container input:checked + .checkbox-span-1{
    background-color: var(--first-background-color);
    border-color: var(--first-border-color);
}
.checkbox-container input:checked + .checkbox-span-2{
    background-color: var(--second-background-color);
    border-color: var(--second-border-color);
}
.checkbox-container input:checked + .checkbox-span-3{
    background-color: var(--third-background-color);
    border-color: var(--third-border-color);
}
.checkbox-container input:checked + .checkbox-span-4{
    background-color: var(--fourth-background-color);
    border-color: var(--fourth-border-color);
    color: var(--default-text-color);
}
.checkbox-container input:checked + .checkbox-span-5{
    background-color: var(--fifth-background-color);
    border-color: var(--fifth-border-color);
    color: var(--default-text-color);
}
.checkbox-container .checkbox-span i{
	display: none;
}
.checkbox-container input:checked + .checkbox-span i{
	display: block;
}
.checkbox-container .checkbox-text {padding-left: 10px;}
.checkbox-container .checkbox-text-1{color: var(--first-text-color)}
.checkbox-container .checkbox-text-2{color: var(--second-text-color)}
.checkbox-container .checkbox-text-3{color: var(--third-text-color)}
.checkbox-container .checkbox-text-4{color: var(--fourth-text-color)}
.checkbox-container .checkbox-text-5{color: var(--fifth-text-color)}
.checkbox-container:not(.small) .checkbox-text {
	width: calc(100% - 30px);
}
.checkbox-container.small .checkbox-text {
	width: calc(100% - 20px);
}
.checkbox-container .checkbox-text.no-width {
	width: auto;
}
.checkbox-container .checkbox-text a{
	color: var(--second-text-color);
}
.checkbox-container .checkbox-text a:hover{
	text-decoration: underline;
}
.form-select{
	display: block;
	outline: 0;
    width: 100%;
    height: var(--form-element-height);
    background-color: var(--form-element-background-color);
    border: 1px solid var(--form-element-border-color);
    padding: var(--form-element-padding);
    color: var(--form-element-text-color);
    transition: var(--form-element-transition);
    border-radius: var(--form-element-radius);
    font-weight: var(--form-element-font-weight);
    font-family: var(--form-element-font-family);
    font-size: var(--form-element-font-size);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: var(--select-background);
    background-repeat: no-repeat;
    background-position: right 10px top 50%;
}
.form-select.phone-ac{
	padding-left: var(--first-padding);
	padding-right: var(--first-padding);
}
.form-textarea{
	display: block;
    outline: 0;
    width: 100%;
    height: var(--form-element-textarea-height);
    max-height: var(--form-element-textarea-height);
    background-color: var(--form-element-background-color);
    border: 1px solid var(--form-element-border-color);
    padding: var(--form-element-textarea-padding);
    color: var(--form-element-text-color);
    transition: var(--form-element-transition);
    border-radius: var(--form-element-radius);
    font-weight: var(--form-element-font-weight);
    font-family: var(--form-element-font-family);
    font-size: var(--form-element-font-size);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    resize: none;
}
.form-textarea::placeholder {
	opacity: .5;
	color: var(--form-element-text-color);
	font-weight: var(--form-element-font-weight);
}
.form-textarea:-ms-input-placeholder {
	color: var(--form-element-text-color);
	font-weight: var(--form-element-font-weight);
}
.form-textarea::-ms-input-placeholder {
	color: var(--form-element-text-color);
	font-weight: var(--form-element-font-weight);
}
.form-input:not(:read-only):focus,
.form-file:focus,
.form-select:focus,
.form-textarea:focus,
.phone-input:not(:read-only):focus{
	border-color: var(--form-element-focus-border-color);
	box-shadow: var(--form-element-focus-shadow);
}
/*404 Page*/
.p404-section{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 50px;
}
.p404-title {
    font-size: 200px;
    color: #fff;
    line-height: 200px;
    font-weight: 700;
    text-shadow: 0 1px 20px rgba(0,0,0,.15);
}
.p404-not{
	color: #949799;font-size: 20px;
}
.p404-messages{
    display: inline-block;
    font-weight: 700;
    font-style: normal;
    color: #949799;
    font-size: 20px;
    margin-bottom: auto;
    margin-top: 50px;
}
/*BREADCRUMB*/
.breadcrumb-items-wrapper {
    background-color: var(--first-background-color);
    margin-bottom: var(--sixth-gap); 
    padding: var(--fourth-vertical-padding-set)
}
ul.styled-breadcrumb-items{
    display: flex;
    flex-direction: row;
    padding: var(--zero-padding);
    margin: var(--zero-gap);
    position: relative;
}
ul.styled-breadcrumb-items li a{
	color: var(--default-text-color);
}
ul.styled-breadcrumb-items li.breadcrumb-item{
    display: flex;
    align-items: center;
	font-weight: var(--fw-600);
	line-height: 1;
}
ul.styled-breadcrumb-items li.breadcrumb-item span.seperator{
	margin-right: var(--second-gap);
    margin-left: var(--second-gap);
    color: var(--white);
}
ul.styled-breadcrumb-items li.breadcrumb-item a{
	display: block;
    color: var(--white);
}
ul.styled-breadcrumb-items li.breadcrumb-item:last-child a span:not(.seperator),
ul.styled-breadcrumb-items li.breadcrumb-item.active span:not(.seperator),
ul.styled-breadcrumb-items li.breadcrumb-item:last-child span:not(.seperator){
    color: var(--second-text-color);
}
.breadcrumb-items-wrapper .page-title {
    color: var(--white);
    margin-top: var(--third-gap);
}
.hide-breadcrumb {
    box-shadow: rgba(9, 30, 66, 0.28) 0 4px 8px -2px, rgba(9, 30, 66, 0.3) 0 0 1px;
    width: calc(100% - 30px);
    padding: var(--third-padding);
    background-color: var(--white);
    position: fixed;
    left: var(--third-gap);
    z-index: 1000;
    border-radius: var(--general-radius);
    margin-top: -17px;
}
.hide-this {
	display: none;
}
ul.hide-breadcrumb li:first-child {
	font-weight: var(--fw-600);
	position: relative;
	font-size: var(--third-font-size);
}
ul.hide-breadcrumb li:not(:last-child) {
	margin-bottom: var(--second-gap);
}
ul.hide-breadcrumb li {
	width: 100%;
	position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
ul.hide-breadcrumb li i.breadcrumb-menu-icon{
	margin-right: var(--first-gap);
}
ul.hide-breadcrumb li button {
    border: 0;
    background-color: var(--second-background-color);
    color: var(--white);
    width: 23px;
    height: 23px;
    position: absolute;
    top: var(--zero-gap);
    right: var(--zero-gap);
    padding: var(--zero-padding);
    border-radius: var(--general-radius);
    transition: var(--transition);
}
ul.hide-breadcrumb li button:hover,
ul.hide-breadcrumb li button:focus{
	background-color: var(--first-background-color);
}
ul.hide-breadcrumb li a {
	display: inline-flex;
	vertical-align: top;
	align-items: center;
}
ul.hide-breadcrumb li:last-child,
ul.hide-breadcrumb li:last-child > a,
ul.hide-breadcrumb li a:hover{
	color: var(--third-text-color);
}
ul.hide-breadcrumb li.breadcrumb-item a{
    color: var(--default-text-color);
}
/*  S : LEFT MENÜ */
.left-menu-panel-wrapper{
	width: 100%;
	border: 1px solid var(--fourth-border-color);
	border-radius: var(--general-radius);
	background-color: var(--white);
}
.vertical-menu-leftmenu-title{
	font-size: var(--fifth-font-size);
	font-weight: var(--fw-700);
	line-height: 1;
	color: var(--first-text-color);
	padding: var(--sixth-padding) var(--sixth-padding) var(--fourth-padding) var(--sixth-padding);
}
ul.vertical-menu-leftmenu{
    display: flex;
    flex-direction: column;
	padding: var(--zero-padding);
    margin: var(--zero-gap) var(--zero-gap) var(--sixth-gap) var(--zero-gap);
}
ul.vertical-menu-leftmenu li{
    width: 100%;
}
ul.vertical-menu-leftmenu li a{
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: var(--second-padding) var(--sixth-padding);
    font-weight: var(--fw-700);
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}
ul.vertical-menu-leftmenu li.active a{
	background-color: var(--second-background-color);
    color: var(--white);
}
ul.vertical-menu-leftmenu li:not(.active) a:hover{
	color: var(--second-text-color);
}
ul.vertical-menu-leftmenu li a i{
	margin-right: var(--first-gap);
}
/*  E : LEFT MENÜ */
/*  S : FOOTER MENÜ */
.vertical-menu-footer-title{
    font-size: var(--seventh-font-size);
    margin-bottom: var(--third-gap);
    color: var(--white);
    font-weight: var(--fw-700);
}
ul.vertical-menu-footer{
    display: flex;
    flex-direction: column;
	padding: var(--zero-padding);
    margin: var(--zero-gap);
    gap: var(--second-gap);
}
ul.vertical-menu-footer li{}
ul.vertical-menu-footer li:not(:first-child){}
ul.vertical-menu-footer li a{
    cursor: pointer;
    display: inline-flex;
    vertical-align: top;
    align-items: center;
    font-size: var(--fourth-font-size);
    color: var(--white);
}
ul.vertical-menu-footer li.active a,
ul.vertical-menu-footer li a:hover{
    color: var(--second-text-color);
}
ul.vertical-menu-footer li a i{
	margin-right: var(--first-gap);
}
body.opened-left {
	height: 100%;
	overflow: hidden;
	width: 100%;
	position: fixed
}
.background-shadow {
	width: 100%;
	height: 100%;
	background-color: var(--black-70);
	position: fixed;
	z-index: 9998;
	display: none;
	top: var(--zero-gap);
	left: var(--zero-gap);
	backdrop-filter: blur(5px);
}
.left-menu-panel-button{
    box-shadow: var(--custom-shadow-2);
    width: 50px;
    height: 50px;
    border-radius: var(--general-radius);
    background-color: var(--second-background-color);
    font-size: var(--third-font-size);
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
	position: fixed;
	z-index: 500;
	bottom: var(--third-gap);
	left: var(--third-gap);	
}
.left-menu-panel-button:hover{

}
/* MODAL */
body.modal-open .modal.centered-modal.in {
    display: flex!important;
    align-items: center !important;
}
.modal-header{
    display: flex;
    align-items: center !important;
    justify-content: space-between;
}
.modal-title{
	font-weight: var(--fw-600);
}
.modal-footer{
    display: flex;
    justify-content: flex-start;
    text-align: left;
}
/* MODAL */
/* PAGING */
.paging{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: var(--sixth-padding);
    border-top: 1px solid var(--fourth-border-color);
    margin-top: var(--sixth-gap);
}
.paging.smaller{
	margin-top: var(--third-gap);
	padding-top: var(--third-padding);
}
.paging span{
	margin-right: var(--first-gap);
}
.paging span:last-child{
	margin-right: var(--zero-gap);
}
.paging a{
	background-color: var(--fourth-background-color);
	width: 30px;
	height: 30px;
    display: flex;
	justify-content: center;
    align-items: center;
    border-radius: var(--general-radius);
}
.paging a:hover,
.paging a.active{
	background-color: var(--second-background-color);
	color: var(--white);
}
/* PAGING */
.alert-message{
	border-radius: var(--general-radius);
	font-size: var(--default-font-size);
	padding: var(--second-padding);
}
.alert-message:not(.no-mb){
	margin-bottom: var(--third-gap);
}
html.fixed,
body.fixed{
	overflow: hidden;
}
.loading-wrapper{
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 9999;
	top: var(--zero-gap);
	left: var(--zero-gap);
	right: var(--zero-gap);
	bottom: var(--zero-gap);
	color: var(--white);
	font-size: var(--fifteenth-font-size);
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
    background-color: var(--black-70);
    backdrop-filter: blur(5px);
}
.loading-wrapper i{
	margin-right: 15px;
}
/* S: ACCORDION */
.accordion-item-wrapper .accordion-item{
    border-radius: var(--general-radius);
	border: 1px solid var(--fourth-border-color);
}
.accordion-item-wrapper .accordion-item.active{
	border-color: var(--second-border-color);
}
.accordion-item-wrapper .accordion-item:not(:first-child){
	margin-top: var(--third-gap);
}
.accordion-item-wrapper .accordion-item .accordion-item-title-wrapper{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: var(--third-padding);
    cursor: pointer;
    font-size: var(--fifth-font-size);	
}
.accordion-item-wrapper .accordion-item.active .accordion-item-title-wrapper{
	color: var(--second-text-color);	
}
.accordion-item-wrapper .accordion-item .accordion-item-title-wrapper .accordion-item-title{
    font-weight: var(--fw-600);
    width: calc(100% - 30px);
    padding-right: var(--third-padding);
	transition: var(--transition);	
}
.accordion-item-wrapper .accordion-item .accordion-item-title-wrapper .accordion-item-icon{
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
	transition: var(--transition);	
}
.accordion-item-wrapper .accordion-item.active .accordion-item-title-wrapper .accordion-item-icon{
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.accordion-item-wrapper .accordion-item .accordion-item-hidden{
	display: none;
    padding: 0 var(--third-padding) var(--third-padding);
}
.accordion-item-wrapper .accordion-item .accordion-item-hidden ol,
.accordion-item-wrapper .accordion-item .accordion-item-hidden ul{
	list-style-type: auto;
	margin-bottom: var(--third-gap);
	padding-left: var(--third-padding);
}
.accordion-item-wrapper .accordion-item .accordion-item-hidden img{
    max-width: 100%;
    height: auto;
    max-height: 100%;
}
/* E: ACCORDION */
@media (max-width: 991px){
	header{
		box-shadow: var(--shadow);
	}
	.left-menu-panel-wrapper{
		position: fixed;
		top: var(--zero-gap);
		left: -85%;
		width: 85%;
		height: 100%;
		margin: var(--zero-gap);
		z-index: 9999;
		transition: var(--transition);
		overflow-y: auto;
		border: 0;
		border-radius: unset;
	}
	.left-menu-panel-wrapper.opened{
		left: var(--zero-gap);
	}
	.left-menu-panel-wrapper .vertical-menu-leftmenu-title{
        padding-top: var(--fourth-padding);
	}
	.left-menu-panel-wrapper ul.vertical-menu-leftmenu{
		margin-bottom: var(--zero-gap);
	}	
}
@media (max-width:767px){
	.page-container:not(.p0){
		padding-bottom: var(--third-padding);
	}
	.page-container.p0{
		padding-top: var(--zero-padding);
	}
	ul.styled-breadcrumb-items{
		margin-bottom: var(--third-gap);
        white-space: nowrap;
        overflow-x: auto;
		overflow-y: hidden;
	}
	.checkbox-container:not(.small) .checkbox-text,
	.checkbox-container.small .checkbox-text{
		line-height: normal;
	}
	.breadcrumb-items-wrapper{
		margin-bottom: var(--third-gap);
	}
	.breadcrumb-items-wrapper .page-title{
		font-size: var(--sixth-font-size);
	}
}
@media (max-width:767px){
	.d-block{
		display: block;
		align-items: unset;
	}
	.d-flex{
	    display: -ms-flexbox;
	    display: flex;
	}
	.d-flex-end{
		justify-content:flex-end;
	}
	.d-flex-start{
		justify-content:flex-start;
	}
	.d-flex-center{
		justify-content:center;
	}
	.w-auto{
		width: auto;
	}
	.mobile-mt-15{
		margin-top: 15px;
	}
	.paging{
	    padding-top: var(--third-padding);
	    margin-top: var(--third-gap);
	}
	.block-title,
	.detail-content-title{
		font-size: var(--seventh-font-size);
	}
}
@media (min-width:992px){
	.left-menu-panel-button{
		display: none;
	}
}
@media (min-width:768px){
	.sm-d-flex{
	    display: -ms-flexbox;
	    display: flex;
	}
	.sm-d-flex-end{
		justify-content:flex-end;
	}
	.sm-d-flex-start{
		justify-content:flex-start;
	}
	.sm-d-flex-center{
		justify-content:center;
	}
}