/*!
 |-----------------------------------------------------------------------------------------------------------
 |
 |
 |
 | Root Variables
 |
 |
 |
 |-----------------------------------------------------------------------------------------------------------


font-family: "Inter", sans-serif;
font-family: "lektorat-text-variable", sans-serif;


*/
:root {
  /*
   |-----------------------------------------------------------
   |
   | Colors
   |
   |-----------------------------------------------------------
  */
  /*
   |--------------------------------
   | Monochrome
   |--------------------------------
  */
  --gray-1: #f8f9fa;
  --gray-2: #e9ecef;
  --gray-3: #dee2e6;
  --gray-4: #ced4da;
  --gray-5: #adb5bd;
  --gray-6: #6c757d;
  --gray-7: #495057;
  --gray-8: #343a40;
  --gray-9: #212529;
  --gray-10: #181818;
  --white: #ffffff;
  --black: #000000;
  --light: var(--gray-2);
  --gray: var(--gray-5);
  --dark: var(--gray-10);
  /*
   |--------------------------------
   | Basic System Colors
   |--------------------------------
  */
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --type-page: #60C4B3;
  --type-post: #7CAAC7;
  --type-event: #AA89B9;
  --type-form: #D999B7;
  --type-gallery: #E88686;
  --type-image: #E5AF36;
  --type-video: #B5AC82;
  --type-doc: #83B583;
  --type-unknown: var(--gray);
  --info-1: #A6D1FF;
  --info-2: #6FB4FF;
  --info-3: #3798FF;
  --info-4: #007BFF;
  --info-5: #0060C8;
  --info-6: #004691;
  --info-7: #002B59;
  --info: var(--info-4);
  --success-1: #B4E0BE;
  --success-2: #85CD96;
  --success-3: #57BA6D;
  --success-4: #28a745;
  --success-5: #1F8336;
  --success-6: #175F27;
  --success-7: #0E3A18;
  --success: var(--success-4);
  --warning-1: #FFF0CA;
  --warning-2: #FFE7A9;
  --warning-3: #FFDE89;
  --warning-4: #FFD568;
  --warning-5: #C8A752;
  --warning-6: #91793B;
  --warning-7: #594B24;
  --warning: var(--warning-4);
  --danger-1: #F3B8BE;
  --danger-2: #EB8D96;
  --danger-3: #E4616D;
  --danger-4: #dc3545;
  --danger-5: #AC2A36;
  --danger-6: #7D1E27;
  --danger-7: #4D1318;
  --danger: var(--danger-4);
  /*
   |--------------------------------
   | Primary colors
   |--------------------------------
  */
  --primary-1: #D1A8F0;
  --primary-2: #7E96BA;
  --primary-3: #4D6D9F;
  --primary-4: #1C4585;
  --primary-5: #163668;
  --primary-6: #10274B;
  --primary-7: #0A182F;
  --primary: var(--primary-4);
  /*
   |--------------------------------
   | Secondary colors
   |--------------------------------
  */
  --secondary-1: #FFD5AC;
  --secondary-2: #FFBC78;
  --secondary-3: #FFA245;
  --secondary-4: #FF8811;
  --secondary-5: #C86B0D;
  --secondary-6: #914D0A;
  --secondary-7: #593006;
  --secondary: var(--secondary-4);
  /*
   |--------------------------------
   | Third colors
   |--------------------------------
  */
  --third-1: #E1F6F4;
  --third-2: #C8EAE6;
  --third-3: #B2E1DC;
  --third-4: #9DD9D2;
  --third-5: #7BAAA5;
  --third-6: #597B77;
  --third-7: #374C4A;
  --third: var(--third-4);
  /*
   |--------------------------------
   | Fourth colors
   |--------------------------------
  */
  --fourth-1: #FBEFCD;
  --fourth-2: #F9E4AD;
  --fourth-3: #F6DA8E;
  --fourth-4: #F4D06F;
  --fourth-5: #BFA357;
  --fourth-6: #8A763F;
  --fourth-7: #554927;
  --fourth: var(--fourth-4);
	
	
/*
   |--------------------------------
   | fifth colors
   |--------------------------------
  */
  --fifth-1: #EFE1FA;
  --fifth-2: #E5CEF7;
  --fifth-3: #DBBBF3;
  --fifth-4: #D1A8F0;
  --fifth-5: #A484BC;
  --fifth-6: #765F88;
  --fifth-7: #493B54;
  --fifth: var(--fifth-4);
	
	
/*
   |--------------------------------
   | sixth colors
   |--------------------------------
  */
  --sixth-1: #C1EBFE;
  --sixth-2: #9BDFFD;
  --sixth-3: #75D3FD;
  --sixth-4: #4FC7FC;
  --sixth-5: #3E9CC5;
  --sixth-6: #2D718F;
  --sixth-7: #1C4658;
  --sixth: var(--sixth-4);
  --seventh:#FAEAD8;
	
	
  /*
   |-----------------------------------------------------------
   |
   | Typography
   |
   |-----------------------------------------------------------
  */
  /*
   |--------------------------------
   | Font families
   |--------------------------------
  */
  --font-family-sans-serif: "Inter", sans-serif;
  --font-family-serif: "lektorat-text-variable", sans-serif;
  --font-family-display: var(--font-family-sans-serif);
  --font-family-icon: "Font Awesome 6 Free";
  --font-family-brand: "Font Awesome 6 Brands";
  /*
   |--------------------------------
   | Font sizes
   |--------------------------------
  */
  --font-size: 16px;
  /*
   |--------------------------------
   | Font weights
   |--------------------------------
  */
  --font-weight-light: 100;
  --font-weight-thin: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semi-bold: 600;
  --font-weight-bold: 700;
  --font-weight-extra-bold: 800;
  --font-weight-black: 900;
  /*
   |--------------------------------
   | Text colors
   |--------------------------------
  */
  --text-color: var(--primary-6);
  --text-color-light: var(--gray-7);
  /*
   |--------------------------------
   | Line heights
   |--------------------------------
  */
  --line-height: 1.5;
  /*
   |-----------------------------------------------------------
   |
   | Heading
   |
   |-----------------------------------------------------------
  */
  --heading-color: #10274B;
  --heading-font-weight: 100;
  --heading-font-family: var(--font-family-sans-serif);
  --heading-text-transform: none;
  --heading-line-height: 1.2;
  --h1-font-size: 82px;
  --h1-font-size-mobile: calc(var(--h1-font-size) * 0.85);
  --h1-color: var(--heading-color);
  --h1-font-weight: 900;
  --h1-font-family: "lektorat-text-variable", sans-serif;
  --h2-font-size: 80px;
  --h2-font-size-mobile: calc(var(--h2-font-size) * 0.55);
  --h2-color: var(--heading-color);
  --h2-font-weight: var(--heading-font-weight);
  --h2-font-family: "lektorat-text-variable", sans-serif;
  --h3-font-size: 58px;
  --h3-font-size-mobile: calc(var(--h3-font-size) * 0.65);
  --h3-color: var(--heading-color);
  --h3-font-weight: var(--heading-font-weight);
  --h3-font-family:  "lektorat-text-variable", sans-serif;
  --h4-font-size: 40px;
  --h4-font-size-mobile: calc(var(--h4-font-size) * 0.85);
  --h4-color: var(--heading-color);
  --h4-font-weight: var(--heading-font-weight);
  --h4-font-family:  "lektorat-text-variable", sans-serif;
  --h5-font-size: 32px;
  --h5-font-size-mobile: 20px;
  --h5-color: var(--heading-color);
  --h5-font-weight: var(--heading-font-weight);
  --h5-font-family:  "lektorat-text-variable", sans-serif;
  --h6-font-size: 22px;
  --h6-font-size-mobile: 18px;
  --h6-color: var(--heading-color);
  --h6-font-weight: var(--heading-font-weight);
  --h6-font-family: "lektorat-text-variable", sans-serif;
  /*
   |-----------------------------------------------------------
   |
   | Border
   |
   |-----------------------------------------------------------
  */
  --border-color-light: rgba(255, 255, 255, 50%);
  --border-color-dark: rgba(0, 0, 0, 20%);
  --border-radius: 4px;
  --border-radius-md: 8px;
  --border-radius-lg: 16px;
  /*
   |-----------------------------------------------------------
   |
   | Outline
   |
   |-----------------------------------------------------------
  */
  --outline-color: #6f0;
  --outline: var(--outline-color) solid 2px;
  /*
   |-----------------------------------------------------------
   |
   | Links
   |
   |-----------------------------------------------------------
  */
  --link-color: var(--primary);
  --link-color-hover: var(--primary-6);
  /*
   |-----------------------------------------------------------
   |
   | List
   |
   |-----------------------------------------------------------
  */
  --ul-padding-left: 20px;
  --li-margin-top: 0;
  --li-margin-bottom: 5px;
  /*
   |--------------------------------
   | Nested List
   |--------------------------------
  */
  --nested-ul-margin-top: 15px;
  --nested-ul-margin-bottom: 15px;
  --nested-li-margin-top: 0;
  --nested-li-margin-bottom: 10px;
  /*
   |-----------------------------------------------------------
   |
   | Table
   |
   |-----------------------------------------------------------
  */
  --table-border-color: var(--border-color-dark);
  --table-accent-bg: rgba(0,0,0, 0.1);
  /*
   |-----------------------------------------------------------
   |
   | Buttons
   |
   |-----------------------------------------------------------
  */
  --btn-letter-spacing: 0;
  --btn-border-width: 1px;
  --btn-border-style: solid;
  --btn-border-radius: var(--border-radius);
  --btn-border-radius-rounded: 100px;
  --btn-text-transform: none;
  --btn-font-weight: var(--font-weight-bold);
  --btn-font-family: var(--font-family-sans-serif);
  --btn-sm-font-size: 12px;
  --btn-sm-padding-y: 5px;
  --btn-sm-padding-x: 15px;
  --btn-md-font-size: 16px;
  --btn-md-padding-y: 10px;
  --btn-md-padding-x: 25px;
  --btn-lg-font-size: 18px;
  --btn-lg-padding-y: 15px;
  --btn-lg-padding-x: 35px;
  /*
   |-----------------------------------------------------------
   |
   | Form
   |
   |-----------------------------------------------------------
  */
  /*
   |--------------------------------
   | Font
   |--------------------------------
  */
  --form-font-size: 16px;
  --form-font-family: var(--font-family-sans-serif);
  --form-line-height: var(--line-height);
  /*
   |--------------------------------
   | Color
   |--------------------------------
  */
  --form-text-color: var(--text-color);
  --form-text-color-hover: var(--text-color);
  --form-placeholder-color: var(--gray-6);
  --form-bg: var(--white);
  --form-bg-hover: var(--white);
  --form-subcontrol-color: var(--white);
  --form-subcontrol-color-hover: var(--white);
  --form-subcontrol-bg: var(--primary);
  --form-subcontrol-bg-hover: var(--primary);
  /*
   |--------------------------------
   | Size
   |--------------------------------
  */
  --form-input-height: 46px;
  --form-checkbox-size: 26px;
  --form-checkbox-icon-size: 15px;
  /*
   |--------------------------------
   | Spacing
   |--------------------------------
  */
  --form-gutter: 8px;
  --form-input-padding: 15px;
  /*
   |--------------------------------
   | Border
   |--------------------------------
  */
  --form-border-radius: 3px;
  /*
   |--------------------------------
   | Shadow
   |--------------------------------
  */
  --form-shadow: inset 0 1px 3px rgba(0,0,0, 0.08), 0 0 0 1px var(--border-color-dark);
  --form-shadow-focus: inset 0 1px 3px rgba(0,0,0, 0.08), 0 0 0 2px var(--primary), 0 0 0 5px rgba(67, 207, 214, 0.25);
  --form-shadow-error: inset 0 1px 3px rgba(0,0,0, 0.08), 0 0 0 1px var(--danger);
  --form-shadow-error-focus: inset 0 1px 3px rgba(0,0,0, 0.08), 0 0 0 2px var(--danger), 0 0 0 5px rgba(220, 53, 69, 0.25);
  --form-checkbox-shadow: inset 0 1px 3px rgba(0,0,0, 0.08), inset 0 0 0 1px var(--border-color-dark);
  --form-checkbox-shadow-focus: inset 0 1px 3px rgba(0,0,0, 0.08), inset 0 0 0 1px var(--primary), 0 0 0 1px var(--primary), 0 0 0 4px rgba(67, 207, 214, 0.25);
  --form-checkbox-shadow-error: inset 0 1px 3px rgba(0,0,0, 0.08), 0 0 0 1px var(--danger);
  --form-checkbox-shadow-error-focus: inset 0 1px 3px rgba(0,0,0, 0.08), inset 0 0 0 1px var(--danger), 0 0 0 1px var(--danger), 0 0 0 45px rgba(220, 53, 69, 0.25);
  /*
   |-----------------------------------------------------------
   |
   | Content Area
   |
   |-----------------------------------------------------------
  */
  /*
   |--------------------------------
   | Medium / Default
   |--------------------------------
  */
  --content-area-p-x: 45px;
  --content-area-p-x-tablet: 25px;
  --content-area-p-x-phone: 0px;
  /*
   |--------------------------------
   | Small
   |--------------------------------
  */
  --content-area-sm-p-t: 45px;
  --content-area-sm-p-b: 30px;
  --content-area-sm-p-t-tablet: 45px;
  --content-area-sm-p-b-tablet: 30px;
  --content-area-sm-p-t-phone: 45px;
  --content-area-sm-p-b-phone: 30px;
  /*
   |--------------------------------
   | Medium
   |--------------------------------
  */
  --content-area-md-p-t: 60px;
  --content-area-md-p-b: 30px;
  --content-area-md-p-t-tablet: 60px;
  --content-area-md-p-b-tablet: 30px;
  --content-area-md-p-t-phone: 60px;
  --content-area-md-p-b-phone: 30px;
  /*
   |--------------------------------
   | Large
   |--------------------------------
  */
  --content-area-lg-p-t: 90px;
  --content-area-lg-p-b: 60px;
  --content-area-lg-p-t-tablet: 90px;
  --content-area-lg-p-b-tablet: 60px;
  --content-area-lg-p-t-phone: 90px;
  --content-area-lg-p-b-phone: 60px;
  /*
   |--------------------------------
   | Extra Large
   |--------------------------------
  */
  --content-area-xl-p-t: 120px;
  --content-area-xl-p-b: 90px;
  --content-area-xl-p-t-tablet: 120px;
  --content-area-xl-p-b-tablet: 90px;
  --content-area-xl-p-t-phone: 120px;
  --content-area-xl-p-b-phone: 60px;
  /*
   |-----------------------------------------------------------
   |
   | Social Media
   |
   |-----------------------------------------------------------
  */
  --sns-color: var(--link-color);
  --sns-color-hover: var(--link-color-hover);
  --sns-font-size-sm: 14px;
  --sns-font-size-md: 16px;
  --sns-font-size-lg: 20px;
  --sns-font-size-huge: 25px;
  --sns-margin-sm: 16px;
  --sns-margin-md: 20px;
  --sns-margin-lg: 26px;
  --sns-margin-huge: 30px;
  /*
   |--------------------------------
   | Circle
   |--------------------------------
  */
  --sns-circle-color: var(--white);
  --sns-circle-color-hover: var(--white);
  --sns-circle-bg: var(--link-color);
  --sns-circle-bg-hover: var(--link-color-hover);
  --sns-circle-font-size-sm: var(--sns-font-size-sm);
  --sns-circle-font-size-md: var(--sns-font-size-md);
  --sns-circle-font-size-lg: var(--sns-font-size-lg);
  --sns-circle-font-size-huge: var(--sns-font-size-huge);
  --sns-circle-size-sm: 28px;
  --sns-circle-size-md: 36px;
  --sns-circle-size-lg: 50px;
  --sns-circle-size-huge: 60px;
  --sns-circle-margin-sm: 15px;
  --sns-circle-margin-md: 18px;
  --sns-circle-margin-lg: 25px;
  --sns-circle-margin-huge: 30px;
  /*
   |--------------------------------
   | Square
   |--------------------------------
  */
  --sns-square-color: var(--white);
  --sns-square-color-hover: var(--white);
  --sns-square-bg: var(--link-color);
  --sns-square-bg-hover: var(--link-color-hover);
  --sns-square-font-size-sm: var(--sns-font-size-sm);
  --sns-square-font-size-md: var(--sns-font-size-md);
  --sns-square-font-size-lg: var(--sns-font-size-lg);
  --sns-square-font-size-huge: var(--sns-font-size-huge);
  --sns-square-size-sm: 28px;
  --sns-square-size-md: 36px;
  --sns-square-size-lg: 50px;
  --sns-square-size-huge: 60px;
  --sns-square-margin-sm: 15px;
  --sns-square-margin-md: 18px;
  --sns-square-margin-lg: 25px;
  --sns-square-margin-huge: 30px;
  /*
   |-----------------------------------------------------------
   |
   | Spacer
   |
   |-----------------------------------------------------------
  */
  --mwSpacer-height-sm: 30px;
  --mwSpacer-height-sm-mobile: 30px;
  --mwSpacer-height-md: 60px;
  --mwSpacer-height-md-mobile: 60px;
  --mwSpacer-height-lg: 90px;
  --mwSpacer-height-lg-mobile: 90px;
  /*
   |-----------------------------------------------------------
   |
   | Transition
   |
   |-----------------------------------------------------------
  */
  --transition-style-1: cubic-bezier(.25, .46, .45, .94);
  --transition-200: var(--transition-style-1) 200ms;
  --transition-300: var(--transition-style-1) 300ms;
  --transition-360: var(--transition-style-1) 360ms;
  --transition-400: var(--transition-style-1) 400ms;
  --transition-500: var(--transition-style-1) 500ms;
  /*
   |-----------------------------------------------------------
   |
   | Shadow
   |
   |-----------------------------------------------------------
  */
  --shadow-0: 0 0 0 0 rgba(0, 0, 0, 0);
  --shadow-0-hover: 0 8px 17px 2px rgba(0, 0, 0, 0.06), 0 3px 14px 2px rgba(0, 0, 0, 0.04), 0 5px 5px -3px rgba(0, 0, 0, 0.06);
  --shadow-1: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
  --shadow-1-hover: 0 8px 15px 2px rgba(0, 0, 0, 0.2);
  --shadow-2: 0 4px 5px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.04), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-2-hover: 0 16px 24px 2px rgba(0, 0, 0, 0.08), 0 6px 30px 5px rgba(0, 0, 0, 0.06), 0 8px 10px -7px rgba(0, 0, 0, 0.08);
  --shadow-3: 0 8px 17px 2px rgba(0, 0, 0, 0.06), 0 3px 14px 2px rgba(0, 0, 0, 0.04), 0 5px 5px -3px rgba(0, 0, 0, 0.06);
  --shadow-3-hover: 0 24px 38px 3px rgba(0, 0, 0, 0.08), 0 9px 46px 8px rgba(0, 0, 0, 0.06), 0 11px 15px -7px rgba(0, 0, 0, 0.08);
  --shadow-4: 0 16px 24px 2px rgba(0, 0, 0, 0.08), 0 6px 30px 5px rgba(0, 0, 0, 0.06), 0 8px 10px -7px rgba(0, 0, 0, 0.08);
  --shadow-4-hover: 0 8px 17px 2px rgba(0, 0, 0, 0.06), 0 3px 14px 2px rgba(0, 0, 0, 0.04), 0 5px 5px -3px rgba(0, 0, 0, 0.06);
  --shadow-5: 0 24px 38px 3px rgba(0, 0, 0, 0.08), 0 9px 46px 8px rgba(0, 0, 0, 0.06), 0 11px 15px -7px rgba(0, 0, 0, 0.08);
  --shadow-5-hover: 0 8px 17px 2px rgba(0, 0, 0, 0.06), 0 3px 14px 2px rgba(0, 0, 0, 0.04), 0 5px 5px -3px rgba(0, 0, 0, 0.06);
  --shadow-6: 0 10px 30px rgba(0,0,0, 0.08);
  --shadow-6-hover: 0 20px 30px rgba(0,0,0, 0.12);
  --shadow-7: 0 10px 30px rgba(0,0,0, 0.2);
  --shadow-7-hover: 0 20px 30px rgba(0,0,0, 0.3);
  --shadow-carousel: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
  --shadow-carousel-hover: 0 7px 8px 0 rgba(0, 0, 0, 0.15);
  --shadow-dropdown: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.15);
  /*
   |-----------------------------------------------------------
   |
   | Gradient
   |
   |-----------------------------------------------------------
  */
  --linear-gradient-white: linear-gradient(#fff, #f2f2f2, #e6e6e6, #d9d9d9);
  h1,h2,h3 {text-transform: uppercase !important;}
  h1,h2,h3, .h1,.h2,.h3 {
  font-family: "lektorat-display-variable",sans-serif !important;
  font-variation-settings: 'wght' 700, 'wdth' 87  !important;
}
  h4,h5,h6, .h4,.h5,.h6 {
  font-family: "lektorat-display-variable",sans-serif !important;
  font-variation-settings: 'wght' 600, 'wdth' 87 !important;
}
}