@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

:root {
  --color-primary: #c82127;
  --color-secondary: #000000;
  --color-tertiary: #9c9c9c;
  --color-light-shade: #ffffff;
  --color-dark-shade: #000000;
  --color-primary--rgb: 200, 33, 39;
  --color-secondary--rgb: 0, 171, 216;
  --color-tertiary--rgb: 107, 107, 107;
  --color-light-shade--rgb: 230, 230, 230;
  --color-dark-shade--rgb: 34, 34, 34;
  --font-headline: "Noto Serif", serif;
  --font-body: "Open Sans", sans-serif;
  --font-weight-normal: 400;
  --font-weight-bold: 700;
  --gap-base: 0.938rem;
  --gap-small: 0.438rem;
  --line-height-base: 1.2;
  --filter-color: brightness(0) saturate(100%) invert(34%) sepia(21%)
    saturate(3468%) hue-rotate(324deg) brightness(99%) contrast(94%);
}


/*! ---------------------------------------------------------

	* VARIABLES

------------------------------------------------------------*/@-webkit-keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes fade-in-top{from{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fade-in-top{from{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slide-in-bottom{from{opacity:0;-webkit-transform:translateY(10%);transform:translateY(10%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-in-bottom{from{opacity:0;-webkit-transform:translateY(10%);transform:translateY(10%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}/*! ---------------------------------------------------------

	* Filename:			  bootsrap.scss
	* Description: 		Imports bootstrap styles from node_modules

------------------------------------------------------------ */.container{max-width:1230px!important;padding-inline:.938rem;width:100%}.container-xl{max-width:1400px!important}.container,.container-xl{margin-inline:auto}.container-fluid{padding-left:0;padding-right:0}@media screen and (min-width:575px)and (max-width:991px){.container,.container-xl{max-width:100%}}.row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.row>*{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;max-width:100%;padding-right:15px;padding-left:15px}.col{-webkit-box-flex:1;-webkit-flex:1 0 0%;-ms-flex:1 0 0%;flex:1 0 0%}.col-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-1{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:8.33333333%}.col-2{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:16.66666667%}.col-3{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.col-4{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:33.33333333%}.col-5{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:41.66666667%}.col-6{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.col-7{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:58.33333333%}.col-8{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:66.66666667%}.col-9{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:75%}.col-10{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:83.33333333%}.col-11{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:91.66666667%}.col-12{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}@media(min-width:36rem){.col-sm{-webkit-box-flex:1;-webkit-flex:1 0 0%;-ms-flex:1 0 0%;flex:1 0 0%}.col-sm-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-sm-1{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:8.33333333%}.col-sm-2{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:16.66666667%}.col-sm-3{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.col-sm-4{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:33.33333333%}.col-sm-5{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:41.66666667%}.col-sm-6{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.col-sm-7{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:58.33333333%}.col-sm-8{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:66.66666667%}.col-sm-9{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:75%}.col-sm-10{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:83.33333333%}.col-sm-11{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:91.66666667%}.col-sm-12{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}}@media(min-width:48rem){.col-md{-webkit-box-flex:1;-webkit-flex:1 0 0%;-ms-flex:1 0 0%;flex:1 0 0%}.col-md-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-md-1{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:8.33333333%}.col-md-2{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:16.66666667%}.col-md-3{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.col-md-4{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:33.33333333%}.col-md-5{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:41.66666667%}.col-md-6{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.col-md-7{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:58.33333333%}.col-md-8{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:66.66666667%}.col-md-9{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:75%}.col-md-10{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:83.33333333%}.col-md-11{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:91.66666667%}.col-md-12{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}}@media(min-width:62rem){.col-lg{-webkit-box-flex:1;-webkit-flex:1 0 0%;-ms-flex:1 0 0%;flex:1 0 0%}.col-lg-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-lg-1{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:8.33333333%}.col-lg-2{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:16.66666667%}.col-lg-3{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.col-lg-4{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:33.33333333%}.col-lg-5{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:41.66666667%}.col-lg-6{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.col-lg-7{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:58.33333333%}.col-lg-8{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:66.66666667%}.col-lg-9{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:75%}.col-lg-10{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:83.33333333%}.col-lg-11{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:91.66666667%}.col-lg-12{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}}@media(min-width:75rem){.col-xl{-webkit-box-flex:1;-webkit-flex:1 0 0%;-ms-flex:1 0 0%;flex:1 0 0%}.col-xl-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-xl-1{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:8.33333333%}.col-xl-2{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:16.66666667%}.col-xl-3{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.col-xl-4{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:33.33333333%}.col-xl-5{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:41.66666667%}.col-xl-6{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.col-xl-7{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:58.33333333%}.col-xl-8{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:66.66666667%}.col-xl-9{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:75%}.col-xl-10{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:83.33333333%}.col-xl-11{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:91.66666667%}.col-xl-12{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}}@media(min-width:87.5rem){.col-xxl{-webkit-box-flex:1;-webkit-flex:1 0 0%;-ms-flex:1 0 0%;flex:1 0 0%}.col-xxl-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-xxl-1{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:8.33333333%}.col-xxl-2{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:16.66666667%}.col-xxl-3{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.col-xxl-4{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:33.33333333%}.col-xxl-5{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:41.66666667%}.col-xxl-6{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.col-xxl-7{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:58.33333333%}.col-xxl-8{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:66.66666667%}.col-xxl-9{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:75%}.col-xxl-10{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:83.33333333%}.col-xxl-11{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:91.66666667%}.col-xxl-12{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-grid{display:grid!important}.d-flex{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-webkit-inline-box!important;display:-webkit-inline-flex!important;display:-ms-inline-flexbox!important;display:inline-flex!important}.d-none{display:none!important}.flex-fill{-webkit-box-flex:1!important;-webkit-flex:1 1 auto!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-webkit-flex-direction:row!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-webkit-flex-direction:row-reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-webkit-flex-direction:column-reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.order-first{-webkit-box-ordinal-group:0!important;-webkit-order:-1!important;-ms-flex-order:-1!important;order:-1!important}.order-last{-webkit-box-ordinal-group:7!important;-webkit-order:6!important;-ms-flex-order:6!important;order:6!important}@media(min-width:36rem){.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-grid{display:grid!important}.d-sm-flex{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-webkit-inline-box!important;display:-webkit-inline-flex!important;display:-ms-inline-flexbox!important;display:inline-flex!important}.d-sm-none{display:none!important}.flex-sm-fill{-webkit-box-flex:1!important;-webkit-flex:1 1 auto!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-webkit-flex-direction:row!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-webkit-flex-direction:row-reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-webkit-flex-direction:column-reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.order-sm-first{-webkit-box-ordinal-group:0!important;-webkit-order:-1!important;-ms-flex-order:-1!important;order:-1!important}.order-sm-last{-webkit-box-ordinal-group:7!important;-webkit-order:6!important;-ms-flex-order:6!important;order:6!important}}@media(min-width:48rem){.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-grid{display:grid!important}.d-md-flex{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-webkit-inline-box!important;display:-webkit-inline-flex!important;display:-ms-inline-flexbox!important;display:inline-flex!important}.d-md-none{display:none!important}.flex-md-fill{-webkit-box-flex:1!important;-webkit-flex:1 1 auto!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-webkit-flex-direction:row!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-webkit-flex-direction:row-reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-webkit-flex-direction:column-reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.order-md-first{-webkit-box-ordinal-group:0!important;-webkit-order:-1!important;-ms-flex-order:-1!important;order:-1!important}.order-md-last{-webkit-box-ordinal-group:7!important;-webkit-order:6!important;-ms-flex-order:6!important;order:6!important}}@media(min-width:62rem){.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-grid{display:grid!important}.d-lg-flex{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-webkit-inline-box!important;display:-webkit-inline-flex!important;display:-ms-inline-flexbox!important;display:inline-flex!important}.d-lg-none{display:none!important}.flex-lg-fill{-webkit-box-flex:1!important;-webkit-flex:1 1 auto!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-webkit-flex-direction:row!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-webkit-flex-direction:row-reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-webkit-flex-direction:column-reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.order-lg-first{-webkit-box-ordinal-group:0!important;-webkit-order:-1!important;-ms-flex-order:-1!important;order:-1!important}.order-lg-last{-webkit-box-ordinal-group:7!important;-webkit-order:6!important;-ms-flex-order:6!important;order:6!important}}@media(min-width:75rem){.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-grid{display:grid!important}.d-xl-flex{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-webkit-inline-box!important;display:-webkit-inline-flex!important;display:-ms-inline-flexbox!important;display:inline-flex!important}.d-xl-none{display:none!important}.flex-xl-fill{-webkit-box-flex:1!important;-webkit-flex:1 1 auto!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-webkit-flex-direction:row!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-webkit-flex-direction:row-reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-webkit-flex-direction:column-reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.justify-content-xl-start{-webkit-box-pack:start!important;-webkit-justify-content:flex-start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.order-xl-first{-webkit-box-ordinal-group:0!important;-webkit-order:-1!important;-ms-flex-order:-1!important;order:-1!important}.order-xl-last{-webkit-box-ordinal-group:7!important;-webkit-order:6!important;-ms-flex-order:6!important;order:6!important}}@media(min-width:87.5rem){.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-grid{display:grid!important}.d-xxl-flex{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}.d-xxl-inline-flex{display:-webkit-inline-box!important;display:-webkit-inline-flex!important;display:-ms-inline-flexbox!important;display:inline-flex!important}.d-xxl-none{display:none!important}.flex-xxl-fill{-webkit-box-flex:1!important;-webkit-flex:1 1 auto!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xxl-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-webkit-flex-direction:row!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-xxl-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-xxl-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-webkit-flex-direction:row-reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xxl-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-webkit-flex-direction:column-reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.order-xxl-first{-webkit-box-ordinal-group:0!important;-webkit-order:-1!important;-ms-flex-order:-1!important;order:-1!important}.order-xxl-last{-webkit-box-ordinal-group:7!important;-webkit-order:6!important;-ms-flex-order:6!important;order:6!important}}.justify-content-center{-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important}.align-items-center{-webkit-box-align:center!important;-webkit-align-items:center!important;-ms-flex-align:center!important;align-items:center!important}.text-center{text-align:center!important}.position-relative{position:relative;z-index:2}.position-absolute{position:absolute}.bg-img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;object-fit:cover}.transform-center{-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.p-0,.row.p-0>*{padding:0}.row.p-0{margin-left:0;margin-right:0}.tile-link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3}/*! ---------------------------------------------------------

	* BASE

------------------------------------------------------------*/*,:after,:before{box-sizing:border-box}body{font-size:1rem;font-weight:400;line-height:1.2;margin:0;padding:0;overflow-x:hidden;font-family:var(--font-body);background-color:#fff;-webkit-font-smoothing:antialiased}body>form{overflow-x:hidden}h1,h2,h3,h4,h5{text-wrap:balance;font-family:var(--font-headline)}h1{font-size:3rem;line-height:1.0833333333;margin:0 0 .25em 0}h2{font-size:2.375rem;line-height:1.2631578947;margin:0 0 .3157894737em 0}h3{font-size:1.625rem;line-height:1.3846153846;margin:0 0 .4615384615em 0}h4{font-size:1.375rem;line-height:1.2727272727;margin:0 0 .5454545455em 0}h5{font-size:1.125rem;line-height:1.3333333333;margin:0 0 .6666666667em 0}p{margin:0 0 1.5rem}blockquote,ol,pre,table,ul{margin-bottom:1.5rem}ol ol,ol ul,ul ol,ul ul{margin:0}ul{list-style:disc}ol{list-style:decimal}b,code,em,small,strong{line-height:1}sub,sup{vertical-align:baseline;position:relative;top:-.4em}sub{top:.4em}a{color:var(--color-primary);text-decoration:none;-webkit-transition:.3s ease-in-out all;transition:.3s ease-in-out all}a:hover{text-decoration:none}header a{color:#fff}hr{display:block;height:2px;width:25%;border:0;border-top:2px solid var(--color-primary);margin-block:.25rem;padding:0}pre{background:var(--color-primary);padding:10px 15px}.content-area img{max-width:100%;height:auto}.icon-white{-webkit-filter:invert(100%) sepia(0) saturate(7464%) hue-rotate(100deg) brightness(101%) contrast(108%);filter:invert(100%) sepia(0) saturate(7464%) hue-rotate(100deg) brightness(101%) contrast(108%)}/*! ---------------------------------------------------------

	* COMPONENTS

------------------------------------------------------------*/.banner{position:relative;width:100%;height:750px}@media screen and (max-width:767px){.banner{height:40vh;min-height:450px;max-height:500px}}.banner-image{width:100%;height:100%;z-index:0;position:absolute}.banner-image img{width:100%;height:100%;object-fit:cover;object-position:center}.banner-area__buttons{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--gap-base)}.button{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#fff;padding:12px 15px;text-transform:uppercase;font-size:1.042rem;font-weight:700;border:none;min-height:50px;-webkit-transition:all .3s ease;transition:all .3s ease}.button.button--primary{background:var(--color-primary)}.button.button--primary:hover{background:var(--color-secondary)}.button.button--secondary{background:var(--color-secondary)}.button.button--secondary:hover{background:var(--color-primary)}.button.button--tertiary{background:var(--color-tertiary)}.button.button--tertiary:hover{background:var(--color-dark-shade);color:var(--color-primary)}.feature{position:relative}.feature .container,.feature .row{height:100%}.feature .row{row-gap:1.875rem}.feature .feature__title{font-size:clamp(1.5rem,5vw,2.5rem);line-height:1.2;margin:0 0 .35rem}.feature .feature__buttons{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--gap-base);-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (min-width:992px){.feature .feature__buttons{-webkit-box-pack:start;-webkit-justify-content:start;-ms-flex-pack:start;justify-content:start}}.feature .feature__content{text-align:center}@media screen and (min-width:992px){.feature .feature__content{text-align:left}}.footer{background:var(--color-light-shade)}.footer .upper{padding-block:3.75rem 3.5rem}.footer .footer-column{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}@media screen and (max-width:991px){.footer .footer-column{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}}.footer .footer-column .title{font-family:var(--font-headline)}.footer .footer-column .title a:hover{color:var(--color-secondary)}.footer .footer-column .list{list-style:none;padding-left:0;margin:0 0 1rem}.footer .footer-column .list.list--inline li{display:inline-block}.footer .footer-column .list.list--col-2{-webkit-columns:2;-moz-columns:2;columns:2}.footer .footer-column .list.list--col-3{-webkit-columns:3;-moz-columns:3;columns:3}.footer .footer-column .list li{margin-bottom:3px;font-size:1.05rem}.footer .footer-column .list li a{color:var(--color-dark-shade)}.footer .footer-column .list li a:hover{color:var(--color-primary);text-decoration:underline}.footer .footer-column .logo img{max-width:100%;height:auto}.footer .footer-row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}@media screen and (max-width:991px){.footer .footer-row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}}@media screen and (max-width:991px){.footer #footer-one-pane,.footer #footer-three-pane,.footer #footer-two-pane{margin-bottom:1.25rem}}.footer-copyright-bar{padding:1rem 0;background:var(--color-secondary)}.footer-copyright-bar .col-12{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:767px){.footer-copyright-bar .col-12{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:7px}}.footer-copyright-bar .col-12 .left,.footer-copyright-bar .col-12 .right{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.footer-copyright-bar .col-12 ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:0;padding:0;list-style:none}.footer-copyright-bar .col-12 ul li{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center;color:#fff}.footer-copyright-bar .col-12 ul li a,.footer-copyright-bar .col-12 ul li span{color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:var(--gap-small);-webkit-transition:all .15s ease;transition:all .15s ease}.footer-copyright-bar .col-12 ul li a:hover{color:rgba(255,255,255,.7)}.footer-copyright-bar .col-12 ul.social li{margin:0 .25rem}.footer-copyright-bar .col-12 ul.social li:last-of-type{margin-right:0}.footer-copyright-bar .col-12 ul.links li{margin:0 .25rem}.footer-copyright-bar .col-12 ul.links li:last-of-type{margin-right:0}.footer-copyright-bar .col-12 ul.powered li{margin:0 .25rem}.footer-copyright-bar .col-12 ul.powered li img{position:relative;top:-1px}.header{z-index:100;box-sizing:border-box}.header .logo img{width:215px;height:auto}.header.is-sticky{box-shadow:0 12px 12px 0 rgba(0,0,0,.2)}.header.is-sticky.notification-banner.notification-banner--relative{top:0!important}.header.is-sticky .logo img{width:150px}.header .mobile{display:grid;grid-template-columns:repeat(3,1fr)}.header .mobile .mobile__grid-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.header .mobile .mobile__grid-item:first-of-type{-webkit-box-pack:start;-webkit-justify-content:start;-ms-flex-pack:start;justify-content:start}.header .mobile .mobile__grid-item:last-of-type{-webkit-box-pack:end;-webkit-justify-content:end;-ms-flex-pack:end;justify-content:end}.header .mobile .button{min-width:3.125rem;min-height:3.125rem}.dnnEditState .header-placeholder,form[action="/Login?returnurl=%2fadmin"] .header-placeholder,form[action="/admin"] .header-placeholder{height:0!important}.menu.menu--desktop ul{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;width:100%}.menu.menu--desktop ul li[data-depth="0"]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.menu.menu--desktop ul li[data-depth="0"] a{color:var(--color-dark-shade)}.menu.menu--desktop ul li[data-depth="0"] a:hover{color:var(--color-primary)}.menu.menu--desktop ul li[data-depth="0"].parent:hover ul[data-depth="0"]{display:block;-webkit-animation:slide-in-bottom .3s ease-in-out forwards;animation:slide-in-bottom .3s ease-in-out forwards}.menu.menu--desktop ul li[data-depth="0"]:last-of-type a{padding-right:0}.menu.menu--desktop ul li[data-depth="0"] .icon{margin-left:4px;font-size:inherit}.menu.menu--desktop ul li[data-depth="0"] ul[data-depth="0"]{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:absolute;z-index:10;top:100%;left:0;width:240px;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);background:var(--color-light-shade,#e6e6e6);border-top:2px solid var(--color-primary,#9e2065);padding:0}.menu.menu--desktop ul li[data-depth="0"] ul[data-depth="0"].active{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.menu.menu--desktop ul li[data-depth="0"] ul[data-depth="0"].display-left{right:0;left:initial}.menu.menu--desktop ul li[data-depth="0"] ul[data-depth="0"] li{position:relative;margin:0}.menu.menu--desktop ul li[data-depth="0"] ul[data-depth="0"] li a{font-size:1rem}.menu.menu--desktop ul li[data-depth="0"] ul[data-depth="0"] li:hover ul[data-depth="1"]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-animation:slide-in-bottom .3s ease-in-out forwards;animation:slide-in-bottom .3s ease-in-out forwards}.menu.menu--desktop ul li[data-depth="0"] ul[data-depth="0"] li ul[data-depth="1"]{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:absolute;top:0;right:-100%;width:100%}.menu.menu--desktop ul li[data-depth="0"] ul[data-depth="0"] li ul[data-depth="1"].display-left{right:initial;left:-100%}.menu.menu--desktop ul li[data-depth="1"] a:hover{padding-left:15px;color:var(--color-primary)}.menu.menu--desktop ul li[data-depth="1"] li[data-depth="0"]:first-of-type>a{padding-left:0}.menu.menu--desktop ul li:last-of-type ul{right:0;left:initial}.menu.menu--mobile{position:fixed;z-index:100;top:0;right:0;height:100%;width:280px;padding:10px;background:#fff;-webkit-transform:translateX(101%);-ms-transform:translateX(101%);transform:translateX(101%);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;box-shadow:-6px 0 12px rgba(0,0,0,.05);overflow-y:scroll}.menu.menu--mobile.active{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.menu.menu--mobile ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:0}.menu.menu--mobile ul li{position:relative;margin:0}.menu.menu--mobile ul li a{font-size:.9375rem}.menu.menu--mobile ul li .icon{position:absolute;top:7px;right:10px;width:1.563rem;height:1.563rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.menu.menu--mobile ul li .icon.active{-webkit-transform:rotateZ(90deg);-ms-transform:rotate(90deg);transform:rotateZ(90deg)}.menu.menu--mobile ul li ul{opacity:0;max-height:0;overflow:hidden;position:relative;bottom:unset;left:unset;width:100%;padding-left:1rem;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);border:none;box-shadow:none;-webkit-transition:all .3s linear;transition:all .3s linear}.menu.menu--mobile ul li ul.active{opacity:1}.menu ul{margin:0;padding:0;list-style:none}.menu ul li{position:relative;margin:0 5px}.menu ul li a{display:block;padding:10px;color:var(--color-dark-shade);font-size:1.125rem;font-weight:700}.mobile__toggle{text-align:right;font-size:1.5rem;cursor:pointer}.mobile__toggle.mobile__toggle--mobile{padding:20px 20px 0 0;margin-bottom:20px}body.dnnEditState .notification-banner{position:relative!important}.notification-banner{opacity:0;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);position:relative;background:gray;padding:1.5rem 0;color:#fff;text-align:center;-webkit-animation:slide-in-bottom .6s ease-in-out 1s forwards;animation:slide-in-bottom .6s ease-in-out 1s forwards}@media screen and (max-width:767px){.notification-banner{padding-top:2.5rem}}.notification-banner.notification-banner--top[data-sticky=true]{position:fixed;z-index:100;top:0;left:0;width:100%}.notification-banner.notification-banner--bottom[data-sticky]{position:fixed;z-index:100;bottom:0;left:0;width:100%}.notification-banner [data-banner-close]{position:absolute;top:1rem;right:1rem}.notification-banner p:last-of-type{margin-bottom:0}.uvp{margin:0 0 1.5rem 0;padding:1rem;background:#f0f0f0;list-style:none}.uvp li{font-weight:700;font-size:1.5rem;line-height:1;color:#349df3}.uvp li span{color:#000;font-size:1rem}.video-background{position:absolute;z-index:-1;width:100%;height:100%;object-fit:cover;left:0;top:0;display:none}.formwrap{max-width:350px;margin-inline:auto;background:var(--color-secondary);padding:2.25rem 0 1.5rem;min-height:485px;color:#fff;text-align:center}@media screen and (min-width:992px){.formwrap{margin:0 0 2.5rem auto}}.formwrap .form-title{font-size:clamp(2.25rem,4vw,2.875rem);margin:0 0 1.25rem;line-height:1;text-align:center}/*! === CLEAN ACCORDION === */[data-accordion-group] [data-accordion] [data-content]{max-height:0;overflow:hidden;-webkit-transition:max-height 350ms ease;transition:max-height 350ms ease}[data-accordion] [data-content] p:first-of-type{margin-top:1rem}[data-accordion-group]{margin-bottom:1.5rem}[data-accordion-group] [data-accordion]{margin-bottom:5px}[data-accordion-group] [data-accordion]:last-of-type{margin:0}[data-accordion] [data-control]{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;cursor:pointer;z-index:3;padding:.5rem 1rem .5rem 2.85rem;min-height:50px;color:#fff;background:var(--color-tertiary);max-width:600px;font-weight:700;font-family:var(--healine-font);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;font-size:1.125rem}[data-accordion] [data-control] img{position:absolute;margin-right:15px;left:15px;top:50%;-webkit-transform:translateY(-50%) rotate(90deg);-ms-transform:translateY(-50%) rotate(90deg);transform:translateY(-50%) rotate(90deg);z-index:-1;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out, -webkit-transform .3s ease-in-out;width:1.438rem;height:1.25rem;margin-top:0}[data-accordion].open [data-control],[data-accordion]:hover [data-control]{background:var(--color-primary)}[data-accordion].open [data-control] img{-webkit-transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg)}[data-accordion-group].read-more{margin-bottom:1.5rem}[data-accordion-group].read-more>[data-accordion]>[data-control]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;max-width:200px;margin:0 auto;text-align:center}[data-accordion-group].read-more>[data-accordion]>[data-control]::before{display:none}/*! === SWIPER JS === */.swiper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:hidden;--swiper-theme-color:var(--color-dark-shade);--swiper-navigation-size:2rem}@media(max-width:768px){swiper-container::part(button-next),swiper-container::part(button-prev){display:none}}@media(min-width:769px){swiper-container::part(pagination){display:none}}/*! === fSLIGHTBOX === */html.fslightbox-open{overflow:initial}.fslightbox-fade-in-strong iframe{display:block!important}.fslightbox-source{display:block!important;height:auto!important;max-width:900px}/*! === LAZYLOAD === */.lazyload,.utm-form{opacity:0;-webkit-transition:opacity 1s ease-in-out;transition:opacity 1s ease-in-out}.loaded{opacity:1}.lazyload[data-was-processed=true]{opacity:1}header .user-controls{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:0;margin-left:-1rem;margin-right:-1rem}header .user-controls li{padding:0 1rem}footer .disclaimer{font-size:12px;font-size:.75rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:0;margin-left:-1rem;margin-right:-1rem}footer .disclaimer li{position:relative;padding:0 1rem}footer .disclaimer li+li:before{content:"";position:absolute;top:0;left:0;bottom:0;width:1px;background-color:#fff}.content-area img{max-width:100%;height:auto}.content-area h1{color:var(--color-primary)}.content-area h2{margin:4.375rem 0 1.875rem;color:var(--color-secondary)}.content-area h3{margin:1.125rem 0 1.25rem}.content-area li{margin-bottom:.7rem}.content-area li a,.content-area p a{color:var(--color-primary);text-decoration:underline;font-weight:var(--font-weight-bold)}.content-area li a:hover,.content-area p a:hover{color:var(--color-secondary)}
/*!
* MODIFY ONLY COLORS AND FONTS SIZES ABOVE. 
* Add all custom styyles below.
*/

/* ---------------------------------------------------------
  
  * Filename:       header-9.scss
  
------------------------------------------------------------*/
.header.header--9 { position: absolute; top: 0; left: 0; width: 100%; -webkit-animation: fade-in 0.5s ease; animation: fade-in 0.5s ease; }

.header.header--9.is-sticky { position: fixed; -webkit-animation: fade-in-top 0.5s ease; animation: fade-in-top 0.5s ease; }

.header.header--9.is-sticky .top { display: none; }

.header.header--9.is-sticky .bottom .col-12 { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.header.header--9.is-sticky .bottom .logo { display: block; }

@media screen and (max-width: 991px) { .header.header--9.is-sticky .bottom .logo { display: none; } }

.header.header--9 .top { background-color: #9e2166; }

.header.header--9 .top .col-12 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

@media screen and (max-width: 991px) { .header.header--9 .top .col-12 { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } }

.header.header--9 .top .logo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: absolute; z-index: 10; top: 0; left: 0; width: 400px; height: 170px; background: white; }

@media screen and (max-width: 1199px) { .header.header--9 .top .logo { width: 300px; } }

@media screen and (max-width: 991px) { .header.header--9 .top .logo { position: relative; top: initial; left: initial; width: auto; background: none; } }

.header.header--9 .top .buttons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.header.header--9 .bottom { background: grey; }

.header.header--9 .bottom .col-12 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.header.header--9 .bottom .logo { display: none; }

.header.header--9 .bottom .mobile { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.header.header--9 .bottom .mobile .mobile__toggle i { color: black; }

.header.header--9 .bottom .mobile .button { -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; }

.dnnEditState .header.header--9 { position: relative !important; }

form[action="/Login?returnurl=%2fadmin"] .header.header--9, form[action*="/admin"] .header.header--9, form[action*="/Admin"] .header.header--9 { position: relative !important; }

/** BEGIN COMPONENT OVERRIDES HERE **/

.header.header--9{
  background: var(--color-light-shade);
  padding: 10px 0;
}

.header.header--9 .top,
.header.header--9 .bottom{
  background: transparent;
}

.header .container{
  position: relative;
}

.header.header--9 .top .logo{
  width: auto;
  height: auto;
}

.header .logo img{
  width: 154px;
}

.menu.menu--desktop ul li[data-depth="0"] a{
  font-size: 1.171875rem;
  font-weight: 600;
  font-family: var(--font-headline);
}

#top-right-pane .button{
  margin-left: 1rem;
  font-size: 1.041875rem;
}

.header.header--9 .bottom .menu{
  margin-top: 10px;
}

.header.header--9.is-sticky .logo img{
  height: 45px;
  width: auto;
}

.menu.menu--desktop ul li[data-depth="0"] ul[data-depth="0"]{
  background: #ebebeb;
}

.menu.menu--desktop ul li[data-depth="1"] a{
  font-family: var(--font-body);
  font-size: 0.9375rem;
}

.menu.menu--desktop ul li[data-depth="1"]{
  border-bottom: 1px solid #1f1f1f;
}


/* ---------------------------------------------------------
  
  * Filename:       banner-area-5.scss
  * Description:    Define the layout styles for banner-area-5
  * Version:        1.0.1
  * Last Modified:  4.11.2019
  
------------------------------------------------------------*/
.banner { position: relative; width: 100%; height: 650px; background-size: cover; background-position: center; background-repeat: no-repeat; }

@media screen and (max-width: 767px) { .banner { height: 500px; } }

.banner-area.banner-area--5 { position: absolute; top: 50%; left: 50%; width: 75%; -webkit-transform: translateY(-75%) translateX(-50%); -ms-transform: translateY(-75%) translateX(-50%); transform: translateY(-75%) translateX(-50%); padding: 10px; background: rgba(0, 0, 0, 0.5); text-align: center; }

.banner-area.banner-area--5 .banner-area__title { color: white; }

.banner-area.banner-area--5 .banner-area__text { margin-bottom: 0; color: #13a6cd; }

/** BEGIN COMPONENT OVERRIDES HERE **/

.banner-area.banner-area--5{
  text-align: left;
  left: -50px;
  transform: translateX(0);
  background: transparent;
  top: 20%;
}

.banner-area.banner-area--5 img{
  /* margin-bottom: 10px; */
}

.banner-area.banner-area--5 .banner-area__title{
  font-size: 2.734375rem;
}

.banner-area.banner-area--5 .banner-area__title span{
  color: var(--color-primary);
}

.banner-area.banner-area--5 .banner-area__title span img{
  margin: 0 0 0 8px;
}

.banner-area.banner-area--5 .banner-area__text{
  font-size: 1.301875rem;
  color: var(--color-light-shade);
  margin-bottom: 1rem;
}




/* ---------------------------------------------------------
  
  * Filename:       grid-icon-1x3-1.scss
  * Description:    Define the layout for grid-icon-1x3--1
  * Version:        1.0.0
  * Last Modified:  6.27.2019
  
------------------------------------------------------------*/
.grid-icon.grid-icon-1x3--1 { background: #f0f0f0; }

.grid-icon.grid-icon-1x3--1 .grid-icon__title { text-align: center; }

.grid-icon.grid-icon-1x3--1 .grid-icon__icon { text-align: center; }

.grid-icon.grid-icon-1x3--1 .grid-icon__icon i { font-size: 3rem; }

.grid-icon.grid-icon-1x3--1 .grid-icon__icon .icon__title { color: #9e2065; }

.grid-icon.grid-icon-1x3--1 .grid-icon__icon .icon__text { margin-bottom: 0; }

.grid-icon.grid-icon-1x3--1 .grid-icon__icon .icon__button { color: #00abd8; }

/** BEGIN COMPONENT OVERRIDES HERE **/

.grid-icon.grid-icon-1x3--1{
  background: transparent;
}

.grid-icon.grid-icon-1x3--1 .grid-icon__icon{
  padding-left: 2%;
  padding-right: 2%;
}

.grid-icon.grid-icon-1x3--1 .grid-icon__icon .icon__title{
  font-size: 1.171875rem;
  font-weight: 400;
  color: var(--color-secondary);
  min-height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.grid-icon.grid-icon-1x3--1 .grid-icon__icon span{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 65px;
  margin-bottom: 10px;
}


/* ---------------------------------------------------------
  
  * Filename:       feature-1.scss
  * Description:    Define the layout for feature-1
  * Version:        1.0.1
  * Last Modified:  3.28.2019
  
------------------------------------------------------------*/
.feature.feature--1 .feature__title { text-align: center; }

.feature.feature--1 .feature__subtitle { text-align: center; }

.feature.feature--1 .feature__text { text-align: center; }

.feature.feature--1 .feature__buttons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

@media screen and (max-width: 575px) { .feature.feature--1 .feature__buttons { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } }

/** BEGIN COMPONENT OVERRIDES HERE **/

.feature.feature--1 .feature__title{
  font-size: 2.21375rem;
  font-weight: 600;
  margin-bottom: 10px;
}

.feature.feature--1 .feature__title span{
   color: var(--color-primary);
}

.feature.feature--1 .feature__text{
  display: block;
  width: 85%;
  margin: 0 auto 1.5rem;
}


/* ---------------------------------------------------------
  
  * Filename:       grid-1x3-b.scss

------------------------------------------------------------*/
.grid.grid-1x3-b .cards { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0 2.5%; }

.grid.grid-1x3-b .cards .card { position: relative; width: 30%; /* height: 576px; */ height: 0; padding-top: 52%; background-size: cover; background-position: center; background-repeat: no-repeat; background-color: #646464; }

.grid.grid-1x3-b .cards .card .action { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; position: absolute; width: 183px; height: 183px; padding: 1rem; background: rgba(37, 37, 37, 0.8); font-size: 1.5625rem; /* 25px */ text-transform: uppercase; text-align: left; line-height: 1.2; color: white; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.grid.grid-1x3-b .cards .card .action:hover { background: #464646; }

.grid.grid-1x3-b .cards .card .action:hover span { color: rgba(0, 0, 0, 0.7); opacity: 1; max-height: 100px; margin-top: 2rem; }

.grid.grid-1x3-b .cards .card .action span { opacity: 0; width: 100%; max-height: 0; overflow: hidden; font-size: 1.125rem; /* 18px */ font-weight: 500; text-align: right; color: black; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

.grid.grid-1x3-b .cards .card .action a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.grid.grid-1x3-b .cards .card:nth-of-type(1) .action { bottom: 3rem; left: -2rem; }

.grid.grid-1x3-b .cards .card:nth-of-type(2) .action { top: 3rem; right: -2rem; }

.grid.grid-1x3-b .cards .card:nth-of-type(3) .action { bottom: 3rem; right: -2rem; }

/** BEGIN COMPONENT OVERRIDES HERE **/
@media screen and (max-width: 1199px) { .grid.grid-1x3-b .cards .card:nth-of-type(1) .action { left: -1rem; }
  .grid.grid-1x3-b .cards .card:nth-of-type(2) .action { right: -1rem; }
  .grid.grid-1x3-b .cards .card:nth-of-type(3) .action { left: -1rem; } }

@media screen and (max-width: 767px) { .grid.grid-1x3-b .cards { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .grid.grid-1x3-b .cards .card { width: 100%; padding-top: 55%; }
  .grid.grid-1x3-b .cards .card:nth-of-type(2) { margin: 2rem 0; }
  .grid.grid-1x3-b .cards .card .action { background: #5a5a5a; }
  .grid.grid-1x3-b .cards .card .action span { opacity: 1; max-height: 100px; margin-top: 2rem; } }

@media screen and (max-width: 575px) { .grid.grid-1x3-b .cards .card { padding-top: 65%; }
  .grid.grid-1x3-b .cards .card .action { top: 50% !important; width: 160px; height: 160px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
  .grid.grid-1x3-b .cards .card:nth-of-type(3) { background-position: 100% 22%; } }



.grid.grid-1x3-b{
  background-color: #e6e6e6;
  background-repeat: no-repeat;
  background-size: auto 105%;
  background-position: 119% center;
  padding: 70px 0;
}  

.grid.grid-1x3-b h2{
  text-align: center;
  margin-bottom: 2rem;
}

.grid.grid-1x3-b .cards .card .action{
  font-size: 1.5625rem;
  font-family: var(--font-headline);
  font-weight: 600;
  text-transform: none;

}

.grid.grid-1x3-b .cards .card .action:hover{
  background-color: var(--color-primary);
}


.grid.grid-1x3-b .cards .card .action img{
  position: absolute;
  margin: auto;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.grid.grid-1x3-b .cards .card .action:hover img{
  opacity: 1;
}

.grid.grid-1x3-b .cards .card .action a,
.grid.grid-1x3-b .cards .card .action:hover span{
  color: var(--color-light-shade);
}

/* ---------------------------------------------------------
  
  * Filename:       reviews-full-1.scss
  * Description:    Define the layout for reviews-full
  * Version:        1.0.1
  * Last Modified:  3.28.2019
  
------------------------------------------------------------*/
.reviews.reviews-full--1 { position: relative; height: 500px; }

.reviews.reviews-full--1 .reviews-full__image { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.reviews.reviews-full--1 .reviews-full__content { position: absolute; top: 50%; left: 0; right: 0; width: 90%; margin: 0 auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; }

/** BEGIN COMPONENT OVERRIDES HERE **/


.reviews.reviews-full--1{
  background: var(--color-primary);
  margin-bottom: 85px;
  margin-top: 100px;
}

.reviews.reviews-full--1 .reviews-full__content{
  text-align: left;
  color: #fff;
  right: auto;
  width: 70%;
  
}

.reviews.reviews-full--1 .main-img img{
  height: 100%;
}

.reviews.reviews-full--1 .main-img .imgwrap{
  position: relative;
  display: inline-block;
  width: auto;
  height: auto;
  transform: translateY(-12%);
}

.reviews.reviews-full--1 .reviews-full__content{
  top: 38%;
}

.reviews.reviews-full--1 .reviews-full__content .reviews{
  margin-bottom: 1.5rem;
}

.reviews.reviews-full--1 .reviews-full__content img{
  margin-right: 2rem;
}

.reviews.reviews-full--1 .reviews-full__content h2{
  color: #fff;
  margin-bottom: 1rem;
  text-transform: none!important;
  font-weight: 400;
}

.reviews.reviews-full--1 .reviews-full__content h2 span{
  display: block;
  color: #fff;
}

.reviews.reviews-full--1 .button{
  margin-right: 1rem;
}

.reviews.reviews-full--1 .button.button--secondary{
  background: #fff;
  color: #000;
}

.reviews.reviews-full--1 .button.button--secondary:hover{
  background: var(--coor-secondary);
  color: var(--color-light-shade);
}

.reviews.reviews-full--1 .col-md-6{
  position: relative;
}

.reviews.reviews-full--1 .reviews-full__content:before{
  content: "";
  width: 81px;
  height: 70px;
  position: absolute;
  left: -40px;
  top: 35%;
  background: url(../images/quote.png) no-repeat 100%;
}


/* ---------------------------------------------------------
  
  * Filename:       gallery-1x4-2.scss
  * Description:    Sets default styles for the gallery-1x4-2 component.
  * Version:        1.0.0
  * Last Modified:  4.22.2019

------------------------------------------------------------*/
.gallery.gallery-1x4--2 .gallery__image { position: relative; overflow: hidden; height:95%; }

.gallery.gallery-1x4--2 .gallery__image:hover .image__content { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

.gallery.gallery-1x4--2 .gallery__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.gallery.gallery-1x4--2 .gallery__image .image__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 171, 216, 0.8); opacity: 0; -webkit-transform: translateX(-105%); -ms-transform: translateX(-105%); transform: translateX(-105%); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; pointer-events: none; }

.gallery.gallery-1x4--2 .gallery__image .image__content .content__title { color: white; }

/** BEGIN COMPONENT OVERRIDES HERE **/




/* ---------------------------------------------------------
  
  * Filename:       Swiper-1-full.scss
  
------------------------------------------------------------*/

.swiper-1-full swiper-container {
  padding-inline:3rem;
}
.swiper-1-full swiper-slide {
  height: 150px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.swiper-1-full swiper-slide img {
  max-width: 100%;
  height: 100%;
  object-fit: contain;
}

.swiper-1-full .swiper-button {
  position:absolute;
  top:50%;
  left:50%;
  left:0;
  background:0;
  outline:none;
  border:none;
  cursor:pointer;
  transition:all .3s ease;
  z-index:3;
}

.swiper-1-full .swiper-button.swiper-full-button-next {
  left:auto;
  right:0;
}

swiper-slide .image__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(200, 33, 39, 0.66);
  opacity: 0;
  -webkit-transform: translateX(-105%);
  -ms-transform: translateX(-105%);
  transform: translateX(-105%);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  pointer-events: none;
}

swiper-slide:hover .image__content { 
  opacity: 1; 
  -webkit-transform: translateX(0); 
  -ms-transform: translateX(0); 
  transform: translateX(0); 
}


.gallery__buttons{
  margin-top: 2rem;
}

.gallery__buttons .button{
  margin: 0 0.5rem;
}


/* ---------------------------------------------------------
  
  * Filename:       swiper-cards-1.scss
  
------------------------------------------------------------*/
.swiper-cards {position:relative;z-index:2;}
.swiper-cards swiper-slide {height:475px;}
swiper-slide .card__image {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;}
.swiper-cards .swiper-button {
  position:absolute;
  bottom:-65px;
  right:20%;
  top:auto;
  left:auto;
  border-radius:50%;
  width:50px;
  height:50px;
  background:#000;
  outline:none;
  border:none;
  cursor:pointer;
  transition:all .3s ease;
  z-index:3;
}

.swiper-cards .swiper-button.swiper-cards-button-next {
  right:15%;
}

.swiper-cards .swiper__card::after {
  content:'';
  position:absolute;
  inset:0;
  background:rgb(158, 32, 101,.9);
  opacity:0;
  transition:all .3s ease;
}

.swiper-cards .swiper__card:hover::after {opacity:1;}

.swiper-cards .swiper__card .content__hover {
  position:absolute;
  z-index:2;
  width:100%;
  bottom:10%;
  transform:translateY(10%);
  text-align:center;
  color:#fff;
  opacity:0;
  visibility:hidden;
  transition:all .3s ease-in;
}

.swiper-cards .swiper__card:hover .content__hover {
  opacity:1;
  visibility:visible;
  transform:translateY(0)
}

.swiper-cards .swiper-button{
  background: transparent;
}

.swiper-cards .swiper-button img{
  width: 100%;
  height: auto;
}

#teamslider{
  margin-top: -60px;
}

.swiper-cards .swiper-button.swiper-cards-button-next{
  right: 5%;
}

.swiper-cards .swiper-button{
  right: 10%;
}

.swiper-cards .swiper__card::after{
  background: rgba(200, 33, 39, 0.66);
}

.swiper-cards .swiper__card .content__hover h4{
  margin-bottom: 5px;
  font-size: 1.5625rem;
  font-weight: 600;
}

.swiper-cards .swiper__card .content__hover span{
  text-transform: uppercase;
}

.swiper.swiper-brands{
  align-items: center;
}

/* ---------------------------------------------------------
  
  * Filename:       footer-1.scss
  * Description:    Define the layout for footer-1

------------------------------------------------------------*/
/** BEGIN COMPONENT OVERRIDES HERE **/


/* ---------------------------------------------------------
  
  * Filename:       footer-copyright-bar-2.scss
  
------------------------------------------------------------*/
.footer-copyright-bar.footer-copyright-bar-2 .left, .footer-copyright-bar.footer-copyright-bar-2 .center, .footer-copyright-bar.footer-copyright-bar-2 .right { width: 33.333%; }

@media screen and (max-width: 767px) { .footer-copyright-bar.footer-copyright-bar-2 .left, .footer-copyright-bar.footer-copyright-bar-2 .center, .footer-copyright-bar.footer-copyright-bar-2 .right { width: 100%; } }

.footer-copyright-bar.footer-copyright-bar-2 .left { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; }

@media screen and (max-width: 767px) { .footer-copyright-bar.footer-copyright-bar-2 .left { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } }

.footer-copyright-bar.footer-copyright-bar-2 .right { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; }

@media screen and (max-width: 767px) { .footer-copyright-bar.footer-copyright-bar-2 .right { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } }

/** BEGIN COMPONENT OVERRIDES HERE **/

.footer{
  background: #e6e6e6;
  margin-top: 100px;
}

.footer-copyright-bar{
  background: var(--color-primary);
  padding: 10px 0;
}

.footer-copyright-bar .col-12 ul li a, 
.footer-copyright-bar .col-12 ul li span,
.footer-copyright-bar .col-12 ul.powered li{
  font-size: 0.875rem;
}

.footer-copyright-bar .col-12 ul.powered li img{
  position: relative;
  top: 1px;
  margin-left: 5px;
}

#footer-one-pane .logo img{
  width: 120px;
}

#footer-one-pane .logo{
  margin-bottom: 1rem;
}

#footer-one-pane .phone-number,
#footer-one-pane .address{
  position: relative;
  display: flex;
  align-items: start;
  margin-bottom: 10px;
}

#footer-one-pane .phone-number img,
#footer-one-pane .address img{
  margin-right: 10px;
  position: relative;
  top: 3px;
}

#footer-one-pane .phone-number a,
#footer-one-pane .address a address{
  font-family: var(--font-headline);
  color: var(--color-secondary);
  font-size: 1.125rem;
  font-weight: 600;
  font-style: normal;
}

#footer-one-pane .social-icons{
  display: flex;
  align-items: center;
  margin-top: 10px;
}

#footer-one-pane .social-icons img{
  margin-right: 0.5rem;
}

.footer .footer-column .title{
  font-size: 1.301875rem;
  font-weight: 600;
  margin-bottom: 5px;
}

.footer .upper{
  padding: 2rem 0 0;
}

#footer-four-pane{
  padding-left: 10%;
}

#footer-four-pane .button{
  margin-bottom: 10px;
}

#footer-four-pane .reco{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1rem;
}

#footer-four-pane .reco img{
  margin: 0 10px;
}


/* ---------------------------------------------------------
  
  * Filename:       page-title-normal.scss
  
------------------------------------------------------------*/
.inner-banner { position: relative; height: 500px; background-position: center; background-size: cover; background-repeat: no-repeat; }

.inner-banner .container, .inner-banner .container > .row { height: 100%; }

@media screen and (max-width: 767px) { .inner-banner { height: 400px; } }

.page-title.page-title-normal { position: absolute; top: 50%; left: 0; padding-left:15px; }

.page-title.page-title-normal .page-title__text { color: white; }

/** BEGIN COMPONENT OVERRIDES HERE **/

.inner-banner{
  height: 300px;
  margin-top: 123px;
}

.page-title.page-title-normal{
  top: 60%;
}

.page-title.page-title-normal .page-title__text{
  font-size: 3.255rem;
  font-family: var(--font-headline);
  /* font-weight: 600; */
}

.page-title.page-title-normal p{
  color: var(--color-light-shade);
  font-weight: 600;
  font-size: 1.5625rem;
}

.inner-banner .imgarea{
  position: relative;
}

.inner-banner .imgarea img{
  position: absolute;
  top: 63%;
  right: 0;
}

/* ---------------------------------------------------------
  
  * Filename: uvp-bar-2.scss
  
------------------------------------------------------------*/
.uvp.uvp-bar-2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; text-align: center; }

@media screen and (max-width: 991px) { .uvp.uvp-bar-2 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } }

/** BEGIN COMPONENT OVERRIDES HERE **/

.uvp.uvp-bar-2{
  background: var(--color-primary);
}

.uvp.uvp-bar-2 li{
  display: flex;
  align-items: center;
  text-align: left;
  width: 23%;
  font-size: 1.041875rem;
  color: var(--color-light-shade);
  font-weight: 600;
}

.uvp.uvp-bar-2 li img{
  margin-right: 10px;
  width: 35px;
}

.uvp.uvp-bar-2 li .button{
  font-size: 1.041875rem;
}

.uvp-red{
  margin-bottom: 100px;
}

/* ---------------------------------------------------------
  
  * Filename:       block-tiles.scss
  * Description:    Define the layout for block-tiles
  * Version:        1.0.0
  * Last Modified:  6.25.2019
  
------------------------------------------------------------*/
.top-level-tiles.block-tiles .block-tiles__tile { position: relative; width: 100%; height: 0; padding-top: 100%; overflow: hidden; }

.top-level-tiles.block-tiles .block-tiles__tile::after { position: absolute; z-index: 1; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: rgba(158, 32, 101, 0.7); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

.top-level-tiles.block-tiles .block-tiles__tile:hover::after { opacity: 0; }

.top-level-tiles.block-tiles .block-tiles__tile:hover .tile__content { width: 80%; height: 80%; padding: 16px; background: rgba(0, 0, 0, 0.7); }

.top-level-tiles.block-tiles .block-tiles__tile:hover .tile__content .content__title { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.top-level-tiles.block-tiles .block-tiles__tile:hover .tile__content .button { opacity: 1; }

.top-level-tiles.block-tiles .block-tiles__tile .tile__image { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; }

.top-level-tiles.block-tiles .block-tiles__tile .tile__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); z-index: 10; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

.top-level-tiles.block-tiles .block-tiles__tile .tile__content .content__title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-height: 72px; margin: 0; text-align: center; color: white; -webkit-transform: translateY(25%); -ms-transform: translateY(25%); transform: translateY(25%); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

.top-level-tiles.block-tiles .block-tiles__tile .tile__content .button { opacity: 0; -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; }

/** BEGIN COMPONENT OVERRIDES HERE **/

.top-level-tiles.block-tiles h1{
  text-align: center;
  font-size: 1.823125rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
}

.top-level-tiles.block-tiles .block-tiles__tile .content__hover {
  max-height: 0;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  opacity: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.top-level-tiles.block-tiles .block-tiles__tile:hover .tile__content{
  background: rgba(200, 33, 39, 0.75);
}

.top-level-tiles.block-tiles .block-tiles__tile:hover .content__hover {
  max-height: 200px;
  opacity: 1;
}

.top-level-tiles.block-tiles .block-tiles__tile .tile__content .content__title{
  transform: translateY(0);
  font-size: 1.5625rem;
  font-weight: 400;
}

.top-level-tiles.block-tiles .block-tiles__tile .content__hover p{
  color: var(--color-light-shade);
  opacity: 0;
}

.top-level-tiles.block-tiles .block-tiles__tile:hover .content__hover p{opacity: 1;}

.top-level-tiles.block-tiles .block-tiles__tile .button.button--tertiary{
  background: var(--color-light-shade);
  color: var(--color-secondary);
  font-size: 1.041875rem;
}

.top-level-tiles.block-tiles .block-tiles__tile::after{
  background: rgba(0,0,0,0.47);
}


/** custom css **/

p{
  line-height: 1.4;
}

h2{
  font-size: 2.21375rem;
  font-weight: 600;
}

h2 span{
  color: var(--color-primary);
}

.button{
  font-family: var(--font-headline);
  font-size: 1.171875rem;
  font-weight: bold;
  text-transform: none;
  text-align: center;
}

.button.button--tertiary:hover{
  color: var(--color-light-shade);
}

.ourteam{
  background: var(--color-secondary);
  padding: 3rem 0 6rem 0;
}

.ourteam h2,
.ourteam p{
  color: var(--color-light-shade);
}

.wrap-bg{
  background-color: #e6e6e6;
  background-repeat: no-repeat;
  background-position: left 120%;
  background-size: 58%;
  padding-bottom: 75px;
}

.chart{
  background-color: #f7f7f7;
  background-repeat: no-repeat;
  background-position: left center;
  padding: 75px 0;
  height: 600px;
  margin-bottom: 2rem;
}

.chart .heading{
  text-align: center;
  margin-bottom: 1.25rem;
}

.chart .heading h2{
  font-size: 2.083125rem;
  font-weight: 600;
  margin-bottom: 0;
}

.chart .heading span{
  color: var(--color-primary);
  font-size: 1.823125rem;
  font-weight: 600;
}

.chart h3{
  text-align: center;
  font-size: 1.5625rem;
  font-weight: 600;
}

.box-chart{
  background: #d9d9d9;
}

.box-chart h5{
  display: block;
  text-align: center;
  font-size: 1.823125rem;
  background: var(--color-primary);
  color: var(--color-light-shade);
  padding: 25px;
  margin-bottom: 0;
}


.box-chart ul{
  list-style: none;
}

.box-chart ul li{
  padding-left: 1.5rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

.box-chart ul.pros li{
  background: url(../images/check.png) no-repeat left center;
}

.box-chart ul.cons li{
  background: url(../images/xmark.png) no-repeat left center;
}

.content-area h1{
  font-size: 1.823125rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
  color: var(--color-primary);
}

.content-area h2{
  font-size: 1.6925rem;
  color: var(--color-primary);
  margin-bottom: 10px;
  font-weight: 400;
  margin: 2rem 0 5px;
}

.content-area h3{
  margin-bottom: 0;
  font-family: var(--font-body);
  font-size: 1.4325rem;
  font-weight: 600;
  text-transform: uppercase;
}

[data-accordion-group]{
  margin-top: 3rem;
  margin-bottom: 3rem;
}

[data-accordion] [data-control]{
  background: var(--color-secondary);
}

[data-accordion] [data-control] img{
  transform: translateY(-50%) rotate(0deg);
}


[data-accordion].open [data-control] img, [data-control] img{
  transform: translateY(-50%) rotate(90deg);
}



/** responsive **/


.menu.menu--mobile{background: rgba(255,255,255,0.97); width: 320px; box-shadow: 0px 0px 20px rgba(0,0,0,0.5);}
.menu.menu--mobile ul li a{font-family: var(--font-headline); font-size: 1.25rem; font-weight: 600;}
.menu.menu--mobile ul li li a{font-family: var(--font-body); font-size: 1.125rem; color: var(--color-primary);}
.header .mobile .button{min-height: 2.75rem;}
.header.header--9 .bottom .mobile .button img{width: 20px; height: 20px;}


@media screen and (min-width: 768px) and (max-width: 991px){

  h2{font-size: 1.85rem;}

  .banner-area.banner-area--5{width: 90%; padding-left: 5%;}
  .banner-area.banner-area--5 .banner-area__title{font-size: 2.25rem;}
  .banner-area.banner-area--5 .banner-area__text{font-size: 1.125rem;}

  .reviews.reviews-full--1{height: auto; padding: 2rem 0 1.5rem;}
  .reviews.reviews-full--1 .main-img .imgwrap{width: 100%;}
  .reviews.reviews-full--1 .main-img img{width: 100%; height: auto;}
  .reviews.reviews-full--1 .main-img .imgwrap{transform: translateY(0); overflow: hidden;}
  .reviews.reviews-full--1 .reviews-full__content{width: 95%; top: 48%;}
  .content__buttons .button{margin: 0 0 10px 0;}

  .uvp.uvp-bar-2{flex-direction: row; flex-wrap: wrap;}
  .uvp.uvp-bar-2 li{width: 50%; margin-bottom: 10px;}

  .page-title.page-title-normal{top: 35%;}
  .page-title.page-title-normal .page-title__text{font-size: 2.85rem;}
  .page-title.page-title-normal p{font-size: 1.25rem;}
  .inner-banner .imgarea img{right: auto; left: 15px; width: 200px; top: 45%;}

}

@media screen and (max-width: 991px){

  .header.header--9 .top .logo img{height: 75px; width: auto; margin-bottom: 1rem;}
   #footer-four-pane{padding-left: 0;}

}


@media screen and (max-width: 767px){

  h2{font-size: 1.75rem; text-align: center;}
  p{font-size: 0.9375rem; text-align: center;}
  h3, h1{text-align: center;}
  .button{padding: 10px; font-size: 0.9375rem;}

  .banner{max-height: 600px; height: 100%; min-height: 600px;}
  .banner-area.banner-area--5{width: 100%; text-align: center;  position: relative;
    transform: translateY(75%) translateX(0);
  }
  .banner-area.banner-area--5 .banner-area__title{font-size: 1.75rem;}
  .banner-area.banner-area--5 .banner-area__text{font-size: 1.125rem;}
  .banner-area.banner-area--5 .banner-area__title span img{display: none;}

  .feature.feature--1 .feature__title{font-size: 1.75rem;}

  .grid-icon.grid-icon-1x3--1 .grid-icon__icon{margin-bottom: 1.5rem;}

  .grid.grid-1x3-b .cards .card .action{font-size: 1.125rem;}
  .grid.grid-1x3-b .cards .card .action span{color: var(--color-light-shade); font-size: 0.9375rem;}

  .reviews.reviews-full--1 .main-img .imgwrap{transform: translateY(0);}
  .reviews.reviews-full--1{height: auto;}
  .reviews.reviews-full--1 .reviews-full__content{text-align: center; position: relative; top: auto; transform: translateY(0); padding: 2rem; width: 100%;}
  .reviews.reviews-full--1 .main-img img{width: 100%; height: auto;}
  .content__buttons .button{margin: 0 0 10px 0;}

  .ourteam{text-align: center;}
  .swiper-cards .swiper-button{right: 20%;}


  .page-title.page-title-normal{text-align: center; top: 45%;}
  .page-title.page-title-normal .page-title__text{font-size: 1.5rem;}
  .page-title.page-title-normal p{font-size: 1.125rem;}
  .inner-banner .imgarea img{left: 0; margin: 0 auto; top: 43%; width: 150px;}

  .uvp.uvp-bar-2 li{width: 100%; margin-bottom: 1rem; text-align: center; flex-direction: column; line-height: 1.4; padding: 0 8%;}
  .uvp.uvp-bar-2 li img{margin: 0 0 10px 0;}

  .top-level-tiles.block-tiles h1{font-size: 1.75rem;}
  .chart .heading h2{font-size: 1.75rem;}
  .chart .heading span{font-size: 1.5rem;}
  .box-chart .col-md-6{padding: 0 15px!important;}
  .chart h3{font-size: 1.25rem;}
  .box-chart h5{font-size: 1.5rem;}

}

.feature.feature--1{
  margin-bottom: 100px;
}

.grid-favicon{
  filter: invert(18%) sepia(53%) saturate(3312%) hue-rotate(339deg) brightness(113%) contrast(103%);

}

.window-tinting-sec {
  display: grid;
  grid-template-columns: auto;
  gap: 1rem;
  justify-content: center;
  align-content: center;
  align-items: center;

}

/*  ≥ 640 px : two fixed 290 px tracks */
@media (min-width: 40rem) {
  .window-tinting-sec {
    grid-template-columns: repeat(2, 290px);
  }
}

.window-tinting-sec img {
  width: 290px;     /* matches the track size */
  height: auto;
  display: block;
  object-fit: cover;
}

/* --- feature grid --- */
.features-inner {
  display: grid;
  gap: 1.5rem;                     /* space between cards */
  grid-template-columns: 1fr;      /* 1 column on phones */
  max-width: 900px;                /* optional wrapper width */
  padding: 1rem;
}

/*  ≥ 640 px → 2 columns */
@media (min-width: 40rem) {
  .features-inner {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* --- feature card --- */
.feature-inner {
  background: #f3f6f9;             /* highlight */
  border-radius: 0.5rem;
  padding: 1.5rem;
  box-shadow: 0 2px 6px rgba(0,0,0,0.06);
  transition: transform 0.2s ease;
}

.feature-inner:hover {
  transform: translateY(-4px);     /* subtle lift on hover */
}

.feature-inner h3 {
  margin: 0 0 0.5rem;
  font-size: 1.125rem;
  line-height: 1.3;
}

.feature-inner p {
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.5;
}



.TritonBlogIntro {
  margin-bottom: 1.5rem;
}

.triton-blog-feed .triton-blog-feed-article .image {
  width: 500px !important;
  height: 250px !important;
  max-width: 100%;
}

.triton-blog-feed-article .title {
  margin: 1rem 0;
}

.summary p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0;
}

.readMoreBlog {
  display: inline;
  text-decoration: underline;
  font-size: 16.667px;
  text-transform: uppercase;
  font-weight: 400;
  color: var(--color-primary);
}


@media screen and (min-width: 991px) {
  .triton-blog-feed .col-sm-6:first-child .triton-blog-feed-article {
      margin-left: 3rem;
  }
}

.blog-button {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 2rem 0 0;
}

.blog-banner{
  margin-bottom: 12rem;
}

.triton-blog-feed .triton-blog-feed-article:hover h3 {
  color: var(--color-primary);
}

.TritonBlogIntro{
  text-align: center;
  margin-top: 4rem;
}

@media (max-width: 576px) {
  .triton-blog-feed .triton-blog-feed-article {
      margin-bottom: 2rem;
  }
}




@media (min-width: 991px) {
  #footer-four-pane .button{
    white-space: nowrap;
  }
}





/** BLOG **/
.eds_news_Ozone.eds_subCollection_news{font-family:sans-serif;margin:30px 0 0}.eds_news_Ozone.eds_subCollection_news .edn_mediaContainer>img{margin-bottom:0}.eds_news_Ozone.eds_subCollection_news.eds_template_Details_Article_Default .edn_mediaContainer{float:right;max-width:100%;width:100%;margin:30px 0 10px}.eds_news_Ozone.eds_subCollection_news .edn_article .edn_articleSummary{margin-bottom:-1.5rem}.eds_news_Ozone.eds_subCollection_news .edn_article .edn_readMoreButtonWrapper{text-align:left}.eds_news_Ozone.eds_subCollection_news .article_comments .add_comment>div,.eds_news_Ozone.eds_subCollection_news .article_comments .add_comment>div table td textarea,.eds_news_Ozone.eds_subCollection_news .article_comments .num_of_comment,.eds_news_Ozone.eds_subCollection_news .edn_mediaContainer{border:none;margin-bottom:0}.eds_news_Ozone.eds_subCollection_news .edn_articlesRssWrapper a span:before{color: #16b9e5;}.eds_news_Ozone.eds_subCollection_news a{color: var(--color-primary); text-decoration:underline!important;}.eds_news_Ozone.eds_subCollection_news .edn_articlesRssWrapper a span{color:#504e4e!important}.eds_news_Ozone.eds_subCollection_news .edn_articlesRssWrapper a{background-color:#f8f8f8!important}.eds_news_Ozone.eds_subCollection_news .article_comments .add_comment .add_article_box .submit,.eds_news_Ozone.eds_subCollection_news .edn_readMore.edn_readMoreButton{background: var(--color-primary);color:#fff;border:0;font-family:sans-serif;font-weight:700;font-size:.9375rem;padding:12px 20px 12px;text-decoration:none!important;}.eds_news_Ozone.eds_subCollection_news .article_comments .add_comment .add_article_box .submit:hover,.eds_news_Ozone.eds_subCollection_news .edn_readMore.edn_readMoreButton:hover{background:#092137;color:#fff}.eds_news_Ozone.eds_subCollection_news .article_pager a.active{background-color: var(--color-primary)}.eds_news_Ozone.eds_subCollection_news .article_pager a:hover{background-color:#81d581}.eds_news_Ozone.eds_subCollection_news .article_comments .add_comment>div table td textarea,.eds_news_Ozone.eds_subCollection_news .article_pager,.eds_news_Ozone.eds_subCollection_news .article_pager.edn_articleScrolling a{border-color:#413f3f!important}.eds_news_Ozone.eds_subCollection_news .article_pager a{border-left-color:#413f3f!important}.eds_news_Ozone.eds_subCollection_news .edn_article .edn_articleTitle{margin-top:5px;}.eds_news_Ozone.eds_subCollection_news .article_pager.edn_articleScrolling a:hover,.eds_news_Ozone.eds_subCollection_news .edn_article.edn_articleDetails .edn_articleTags>a{background-color: var(--color-primary)!important;border:solid 1px  var(--color-primary)}.eds_news_Ozone.eds_subCollection_news .article_pager a:hover{background-color: var(--color-primary)!important;border:solid 1px  var(--color-primary)}.eds_news_Ozone.eds_subCollection_news .edn_article.edn_articleDetails .edn_articleTags{color:var(--color-primary)}.eds_news_Ozone.eds_subCollection_news .edn_article.edn_articleDetails .edn_articleTags>a:hover{color: var(--color-primary)}.eds_news_Ozone.eds_subCollection_news .article_comments .num_of_comment{display:none}.eds_news_Ozone h1,.eds_news_Ozone h2,.eds_news_Ozone h3,.eds_news_Ozone h4,.eds_news_Ozone h5,.eds_news_Ozone h6{color:#000}.eds_news_Ozone.eds_subCollection_news .edn_articleTitle a{font-family:sans-serif;font-weight:700;font-size:1.75rem;color:#000;text-decoration:none!important}.eds_news_Ozone.eds_subCollection_news .edn_readMore.edn_readMoreButton:hover{background:#367cc0}.eds_news_Ozone.eds_subCollection_news .edn_metaDetails,.eds_news_Ozone.eds_subCollection_news .edn_metaDetails .article_rating,.eds_news_Ozone.eds_subCollection_news .edn_metaDetails .edn_articleCategories,.eds_news_Ozone.eds_subCollection_news .edn_metaDetails a,.eds_news_Ozone.eds_subCollection_news .edn_metaDetails span,.eds_news_Ozone.eds_subCollection_news .edn_metaDetails span.current_rating,.eds_news_Ozone.eds_subCollection_news .edn_metaDetails time{font-size:.875rem}.eds_news_Ozone.eds_subCollection_news .edn_readMoreButtonWrapper{margin:15px 0 10px}#ChameleonGallery { display:none; }.eds_news_Ozone.eds_subCollection_news .edn_mediaContainer img { margin-bottom:0; } .eds_news_Ozone h1, .eds_news_Ozone h2, .eds_news_Ozone h3, .eds_news_Ozone h4, .eds_news_Ozone h5, .eds_news_Ozone h6, .eds_news_Ozone th, .eds_news_Ozone .in_article_image .image_title { font-family:sans-serif; } .eds_news_Ozone h2 { font-size:1.75rem; color:#636363; text-transform:uppercase; font-weight:900; margin-bottom:20px; } .eds_news_Ozone h3 { font-weight:bold; } .eds_news_Ozone p { margin-bottom:1.5rem;font-size:16.667px;line-height:1.4 } .eds_news_Ozone.eds_subCollection_news .edn_article.edn_articleDetails .edn_articleTitle { font-weight:700; font-size:1.953125rem; } .eds_news_Ozone.eds_subCollection_news .edn_article.edn_articleDetails .edn_article_gallery { display:none; }.eds_news_Ozone.eds_subCollection_news .edn_article.edn_articleDetails .edn_articleTags > a{color:#fff!important}

/*hover*/
.eds_news_Ozone.eds_subCollection_news .edn_readMore.edn_readMoreButton:hover { background:#000; }

.eds_news_Ozone.eds_subCollection_news .edn_metaDetails a:hover, .eds_news_Ozone.eds_subCollection_news a:hover { color:#000; }

.eds_news_Ozone.eds_subCollection_news .edn_articleTitle a:hover { color: var(--color-primary); }


.feature--1 .swiper-button {
  position:absolute;
  top:50%;
  left:-10px;
  background:0;
  outline:none;
  border:none;
  cursor:pointer;
  transition:all .3s ease;
  Z-index:3;
  }
  .feature--1 .swiper-btn-next {right:-10px;left:auto}

  

  .TritonBlogIntro{
font-family: var(--font-headline);    font-size: 35.417px;
  }

 

  .triton-blog-feed-article .title{
    font-size: 23px;font-family: var(--font-headline);     line-height: 1.309;    margin: 1rem 0 10px;
  }


  #footer-one-pane .social-icons img:hover{
    filter: invert(15%) sepia(100%) saturate(3158%) hue-rotate(347deg) brightness(92%) contrast(91%);
  }


  #footer-one-pane .phone-number a:hover, #footer-one-pane .address a address:hover{
    text-decoration: underline;
  }


  @media (max-width: 1270px) {
    .header .logo img {
      width: 154px;
      padding-left: 10px;
  }
  }

  @media (max-width: 767px) {
    .banner-area.banner-area--5 .banner-area__text{
      text-wrap:balance;
    }
  }


  @media (max-width: 552px) {
    .banner-area.banner-area--5 .banner-area__title {
      font-size: 1.1rem;
  }
  .banner-area.banner-area--5 .banner-area__text {
    font-size: .9rem;
}
  }


  .reviews-text p{
font-family: var(--font-body);    font-size: 15.379px;    color: rgb(255, 255, 255);    text-decoration: underline;    margin-bottom: 5px;
  }

  .reviews-text p:hover{
    color: var(--color-primary);
  }


  .reviews.reviews-full--1 .main-img iframe {
    width: 100%;
    position: absolute;
    max-width: 536px;
    left: 65%;
    top: 35%;
    transform: translate(-50%, -50%);
}

@media (max-width: 991px) {
  .reviews.reviews-full--1 .main-img iframe {
      max-width: 350px;
      left: 50%;
      top: 35%;
      height: -webkit-fill-available;
  }
}


@media (max-width: 767px) {
  .reviews.reviews-full--1 .main-img iframe {
      max-width: none;
      height: revert-layer;
      position: relative;
      left: unset;
      top: unset;
      transform: none;
  }
}

@media (max-width: 1712px) {
  .reviews.reviews-full--1 .reviews-full__content {
    text-align: left;
    color: #fff;
    right: auto;
    width: 90%;
  }

  .reviews.reviews-full--1 .reviews-full__content{
    left: 4rem;
  }
}


@media (max-width: 1504px){
  .reviews.reviews-full--1 .reviews-full__content{
    width: 80%;
  }
}

@media (max-width: 1336px){
  .reviews.reviews-full--1 .reviews-full__content h2{
    font-size: 1.8rem;
  }

  .reviews.reviews-full--1 .main-img iframe{
    left: 55%;
  }
}

@media (max-width: 1166px){
  .reviews.reviews-full--1 .reviews-full__content h2{
    font-size: 1.3rem;
  }

  .reviews.reviews-full--1 .reviews-full__content{
    width: 60%;
    left: 8rem;
  }

  .reviews.reviews-full--1 .button--tertiary{
    margin-bottom: 1rem;
  }
}

@media screen and (max-width: 767px) {
  .reviews.reviews-full--1 .main-img .imgwrap {
      transform: translateY(0);
      width: 100%;
  }

  .content-area-img{
    margin-bottom: 2rem;
  }

  .reviews.reviews-full--1 .main-img img {
    width: 100%;
    height: auto;
}

.reviews.reviews-full--1 .main-img iframe {
  max-width: none;
  height: revert-layer;
  position: relative;
  left: unset;
  top: unset;
  transform: none;
}

.reviews.reviews-full--1 .reviews-full__content {
  position: relative;
  transform: translateY(0);
  top: 30px;
  text-align: center;
  width: 85%;
}
.reviews.reviews-full--1 .reviews-full__content p {
  padding: 0 0 0 0;
}

.reviews.reviews-full--1 .reviews-full__content{
  left: 0;
}
}

.swiper-button-next, .swiper-button-prev{
  position: absolute;
  top: 50%;
  left: -10px;
  background: 0;
  outline: none;
  border: none;
  cursor: pointer;
  transition: all .3s ease;
  Z-index: 3;
}


.logo-slider swiper-slide{
  display: flex
  ;
      align-items: center;
      justify-content: center;
}

/* .logo-slider swiper-slide img{
  width: 50%;
} */

@media (max-width: 1026px) and (min-width: 767px){
  .top-level-tiles.block-tiles .block-tiles__tile:hover .tile__content{
    width: 95%;height: 95%;
  }

  .top-level-tiles.block-tiles .block-tiles__tile .tile__content .content__title{
    font-size: 1.2rem
  }

  .top-level-tiles.block-tiles .block-tiles__tile .content__hover p{
    margin: -20px 0 5px;
    font-size: .9rem;
  }

  .top-level-tiles.block-tiles .block-tiles__tile .button.button--tertiary{
    font-size: .8rem;
  }
}


@media (max-width: 767px) {

  .top-level-tiles.block-tiles .block-tiles__tile .tile__content {
    width: 80%;
    height: 80%;
    padding: 16px;
  }

  .top-level-tiles.block-tiles .block-tiles__tile .tile__content {
    background: rgba(200, 33, 39, 0.75);
  }


  .top-level-tiles.block-tiles .block-tiles__tile .tile__content .content__title {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  .top-level-tiles.block-tiles .block-tiles__tile .content__hover {
    max-height: 200px;
    opacity: 1;
  }

  .top-level-tiles.block-tiles .block-tiles__tile .content__hover p {
    opacity: 1;
  }
  .top-level-tiles.block-tiles .block-tiles__tile .tile__content .button {
    opacity: 1;
  }


.top-level-tiles.block-tiles .block-tiles__tile::after {
  opacity: 0;

}


.top-level-tiles.block-tiles .col-md-4{
  margin-bottom: 2rem;
}
}


@media (max-width: 991px) {
  #footer-four-pane .reco{
    margin-bottom: 2rem;
  }
}


/* phones & small tablets */
@media (max-width: 767px) {
  /* centre the headline + sub‑headline */
  .inner-banner .page-title.page-title-normal {
    position: absolute;        /* keep whatever positioning you already use */
    left: 50%;                 /* push the left edge to the middle…  */
    transform: translateX(-50%); /* …then pull it back by half its width */
    text-align: center;        /* centre the text inside */
    width: 100%;               /* makes the span + p a full‑width block */
    margin-bottom: 1.5rem;     /* gap before the logo block */
  }

  /* logo column still stacks under the text, keep it centred too */
  .inner-banner .imgarea {
    display: flex;
    justify-content: center;
  }

  .chart{
    height: auto;
  }

  .wrap-bg{
    padding-bottom: 1px;
  }
}


@media (max-width: 400px){
  .top-level-tiles.block-tiles .block-tiles__tile .tile__content .content__title{
    font-size: 1.2rem;
  }

  .top-level-tiles.block-tiles .block-tiles__tile .tile__content {
    width: 90%;
    height: 90%;
}
.top-level-tiles.block-tiles .block-tiles__tile:hover .tile__content {
  width: 90%;
  height: 90%;
}


    .top-level-tiles.block-tiles .block-tiles__tile .content__hover p {

        margin: -10px 0 10px;
    }}

.about-us-tiles .block-tiles__tile{
  margin-bottom: 2rem;
}



.top-level-tiles.block-tiles h1{
  font-family: var(--font-headline);
  color: rgb(200, 33, 39);
  font-size: 29px;font-weight: 400;

}


.gallery .swiper-button {
  position:absolute;
  top:50%;
  left:-10px;
  background:0;
  outline:none;
  border:none;
  cursor:pointer;
  transition:all .3s ease;
  Z-index:3;
  }
  .gallery .swiper-btn-next {right:-10px;left:auto}


  .gallery.gallery-1x4--2 .gallery__image .image__content{
    background-color: rgba(200, 33, 39, 0.8);
  }

  .gallery.gallery-1x4--2 .gallery__image .image__content .fa-search::before {
    font-size: 42px;
}

.search-img{
  width: 47px !important;
  height: 47px !important;
}


@media (max-width: 576px) {
  .TritonBlogIntro{
    font-size: 24.5px;
  }
}

/* after the Swiper CSS import, before your custom JS */
.swiper-pagination-bullet {
  width: 18px;   /* <- make the dot a square */
  height: 18px;
  border-radius: 50%;        /* keep it round */
  background: #fff;          /* or any colour you prefer */
  opacity: 0.6;              /* match Swiper’s default fade */
}

.swiper-pagination-bullet-active {
  opacity: 1;                /* highlight the current slide */
}

.gallery .swiper-button-prev, .gallery .swiper-button-next{
  display: none !important;
}

.banner-home{
  margin-top: 121px;
}


@media (max-width: 1345px) {
  .banner-area.banner-area--5{
    left: 0;
  }
}

@media (max-width: 767px) {
  .banner-home .home-swiper-pagination{
    display: flex
    ;
        align-items: center;
        justify-content: center;
        left: 0 !important;
  }

}

#top-right-pane{
  display: flex;
}

.phone-btn{
  margin-right: 5px;filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(253deg) brightness(108%) contrast(104%);


}

@media ( min-width: 1200px) {
  #top-right-pane .button{
    min-width: 183px;
  }


  .menu ul li {
    position: relative;
    margin: 0 15px;
}

.menu.menu--desktop ul li[data-depth="0"]:nth-child(5){
  margin-right: 0;
}
}

.gallery-btns{
  display: flex
  ;
      justify-content: center;
      margin-top: 2rem;
}


.gallery-btns .button.button--tertiary{
  margin-right: 10px;
}


@media ( min-width: 1200px){
  .swiper-cards swiper-slide{
    width: 289px !important;
    height: 464px;
  }

  .summary p{
    margin-right: 4rem;
  }

  .inner-banner .container, .inner-banner .container > .row{
    height: 94%;
  }
}

.swiper-wrapper{
  display: flex;
    align-items: center;
}
.img-box img{
  margin: -5px 0;
}

.chart{
  background-size: contain;
}


       .feature--1 { position: relative; }


       .feature--1 .swiper-button {
         position: absolute;
         top: 65%;
         transform: translateY(-50%);  
         

         width: 44px; height: 44px;   
         background: transparent;
         border: none;
         cursor: pointer;
         transition: opacity .25s ease;
         z-index: 3;
       }
       

       .feature--1 .swiper-full-button-prev  { left: 5%;  }
       .feature--1 .swiper-full-button-next  { left: 95%; }
       

       .feature--1 .swiper-button:hover,
       .feature--1 .swiper-button:focus-visible { opacity: .75; }
       


       @media ( max-width: 1280px){
        .feature--1 .swiper-full-button-prev,
        .feature--1 .swiper-full-button-next {
          display: none;
        }
       }

       .eds_news_Ozone h2{
        font-size: 1.6925rem;
        color: var(--color-primary);
        margin-bottom: 10px;
        font-weight: 400;
        margin: 2rem 0;
       }


       /* === Tile size ========================================================= */
.about-us-tile.block-tiles .block-tiles__tile {
  /* 1. Hard dimensions */
  width: 380px;
  height: 380px;

  /* 2. Kill the square-via-padding technique */
  padding: 0;

  /* Keep the rest of your original rules … */
}

/* Make the image always fill that box */
.about-us-tile.block-tiles .block-tiles__tile .tile__image {
  width: 100%;
  height: 100%;
  object-fit: cover;      /* keeps aspect-ratio without distortion */
}

/* === Optional: let the grid flex neatly on larger screens ============== */
/* Each column should wrap at 380 px + gutters instead of 50 % (col-md-6) */
@media (min-width: 768px) {           /* same breakpoint as col-md-* */
  .about-us-tile .col-md-6 {
    flex: 0 0 380px;      /* fixed basis */
    max-width: 380px;
  }
}


/* --- COLUMN RULES: 2 per row on ≥768 px ------------------------------- */
@media (min-width: 768px) {
  /* Remove the old 380 px flex-basis rule and lock to 50 % */
  .about-us-tile .col-md-6 {
    flex: 0 0 50%;   /* two across */
    max-width: 50%;
    padding: 10px;   /* optional gutter */
    align-items: center;
        justify-content: center;
        display: flex
;
  }
}

/* === 4-wide partner grid === */
#partners-grid.grid-items{
  /* modern, reliable layout */
  display:grid;
  gap:1.25rem;                 /* matches your “gap_” class */
}

/* ≥992 px → always 4 columns  */
@media (min-width: 992px){
#partners-grid.grid-items{
    grid-template-columns: repeat(4, 1fr);
}
}

/* tablets: 3-up */
@media (min-width: 768px) and (max-width: 991.98px){
#partners-grid.grid-items{
    grid-template-columns: repeat(3, 1fr);
}
}

/* phones: 2-up; stacks to 1-up below 480 px automatically */
@media (min-width: 480px) and (max-width: 767.98px){
#partners-grid.grid-items{
    grid-template-columns: repeat(2, 1fr);
}
}


.eds_news_Ozone.eds_subCollection_news .edn_article.edn_articleDetails .edn_articleTitle{
  font-size: 1.823125rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
  color: var(--color-primary);
}

.eds_news_Ozone p{
  line-height: 1.4;    margin: 1rem 0 1.5rem;font-size: 1rem;
  font-weight: 400; color: #000;

  font-family: var(--font-body);

}

.blog-img, .article_main_image {
  margin-bottom: 2rem;
}

.window-tinting-sec{

}




.window-box{
  width: 290px;
    height: 290px;
    display: flex
;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;

    background: #c82127;
    color: #fff;
    font-family: 'Noto Serif';
}

.window-box:nth-child(even){
  background: #000;
}

.window-tint-boxes{
  grid-template-columns: auto;
  display: grid;

  display: grid
;
    gap: 1rem;
    justify-content: center;
    align-content: center;
    align-items: center;
}


.window-tint-boxes p{
    font-size: 1.4rem;
  padding: 0 18px;
  line-height: 1.2;
}

.box-title{
    font-size: 1.4rem;
  padding: 1rem 0 0 0 !important;
  font-weight: 600;
  margin-bottom: 0;
}



@media (min-width: 40rem) {
  .window-tint-boxes {
      grid-template-columns: repeat(2, 290px);
  }
}

@media (min-width: 1350px){
  .window-tinting-sec {
    grid-template-columns: repeat(4, 290px);
}

.window-tint-boxes{
  grid-template-columns: repeat(4, 290px);
}
}


[data-control] img {
  pointer-events: none;
  user-select: none;
}


.logo-slider swiper-slide img{
  height: 150px;
}


/* ============================
   Meet the Team — Drop-in CSS
   ============================ */

/* Section container */
.team {
  --card-radius: 1rem;
  --card-border: 1px solid rgba(var(--color-dark-shade--rgb), 0.08);
  --shadow-sm: 0 1px 6px rgba(var(--color-dark-shade--rgb), 0.06);
  --shadow-lg: 0 12px 24px rgba(var(--color-dark-shade--rgb), 0.12);

  font-family: var(--font-body);
  color: var(--color-dark-shade);
  padding-block: calc(var(--gap-base) * 2);
}

/* Optional heading/intro */
.team__intro {
  max-width: 70ch;
  margin: 0 auto var(--gap-base);
  text-align: center;
  font-family: var(--font-headline);
  line-height: 1.35;
}

/* Responsive grid */
.team__grid {
  display: grid;
  gap: var(--gap-base);
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  align-items: stretch;
}

/* Card */
.team-card {
  background: var(--color-light-shade);
  border: var(--card-border);
  border-radius: var(--card-radius);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
  will-change: transform;
}

.team-card:hover,
.team-card:focus-within {
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
  border-color: rgba(var(--color-primary--rgb), 0.35);
  outline: none;
}

/* Photo wrapper keeps a perfect square and crops nicely */
.team-card__photo {
  position: relative;
  aspect-ratio: 1 / 1;
  background: rgba(var(--color-dark-shade--rgb), 0.04);
}

.team-card__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Optional subtle top accent using your primary color */
.team-card__accent {
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-top: 4px solid var(--color-primary);
}

/* Body */
.team-card__body {
  padding: calc(var(--gap-base) * 1.1);
}

/* Name & title */
.team-card__name {
  font-family: var(--font-headline);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-base);
  font-size: clamp(1rem, 0.9rem + 0.5vw, 1.25rem);
  margin: 0 0 var(--gap-small);
  color: var(--color-dark-shade);
}

.team-card__title {
  font-weight: var(--font-weight-normal);
  color: rgb(var(--color-tertiary--rgb));
  letter-spacing: 0.2px;
  margin: 0 0 var(--gap-base);
  font-size: 0.95rem;
}

/* Optional short bio/description */
.team-card__bio {
  color: rgba(var(--color-dark-shade--rgb), 0.85);
  font-size: 0.95rem;
  line-height: 1.55;
  margin: 0;
}

/* Social icons (if you add them) */
.team-card__social {
  display: flex;
  gap: var(--gap-small);
  margin-top: var(--gap-base);
}

.team-card__social a {
  width: 36px;
  height: 36px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  border: 1px solid rgba(var(--color-dark-shade--rgb), 0.12);
  transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.team-card__social a:hover,
.team-card__social a:focus-visible {
  background: rgba(var(--color-primary--rgb), 0.08);
  border-color: rgba(var(--color-primary--rgb), 0.35);
  transform: translateY(-1px);
}

.team-card__social svg,
.team-card__social img {
  width: 18px;
  height: 18px;
  filter: var(--filter-color); /* uses your brand filter */
}

/* “Coming soon” placeholder style (for the 4 future members) */
.team-card--placeholder .team-card__photo {
  background:
    repeating-linear-gradient(
      45deg,
      rgba(var(--color-dark-shade--rgb), 0.05) 0 12px,
      rgba(var(--color-dark-shade--rgb), 0.08) 12px 24px
    );
}

.team-card--placeholder .team-card__photo::after {
  content: "Photo coming soon";
  position: absolute;
  inset: auto 10px 10px 10px;
  background: rgba(var(--color-light-shade--rgb), 0.8);
  color: rgb(var(--color-dark-shade--rgb));
  font-size: 0.9rem;
  padding: 0.4rem 0.6rem;
  border-radius: 0.5rem;
  border: 1px solid rgba(var(--color-dark-shade--rgb), 0.1);
  text-align: center;
}

.team-card--placeholder .team-card__name,
.team-card--placeholder .team-card__title {
  opacity: 0.7;
}

/* Keyboard focus */
.team-card:focus-within .team-card__name {
  text-decoration: underline;
  text-decoration-color: var(--color-primary);
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

/* Reduce motion preferences */
@media (prefers-reduced-motion: reduce) {
  .team-card,
  .team-card__social a { transition: none; }
}

/* Optional: tighten grid at very large screens */
@media (min-width: 1100px) {
  .team__grid { grid-template-columns: repeat(4, 1fr); }
}

.team{
  margin-bottom: 8rem;
}



/* ============================
   Gallery Tiles — Drop-in CSS
   ============================ */

.gallery-tiles {
    row-gap: 30px;
    margin-bottom: 100px;
}
.gallery-tiles__tile {
    display: flex
;
    color: #fff;
    position: relative;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: auto;
    z-index: 2;
    height: 270px;
    overflow: hidden;
}

.gallery-tiles__tile::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 80%);
    z-index: 0;
}

.gallery-tile__image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    z-index: -1;
    transition: opacity .5s ease, transform 1s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.gallery__details {
    position: absolute;
    bottom: 0;
    text-align: left;
    width: 100%;
    padding: 1rem 20px;
    transition: max-height 1.5s ease, opacity 1s ease, background .5s ease;
    z-index: 1;
}

.gallery-tiles__title {
    font-family: var(--font-headline);
    text-transform: uppercase;
    font-weight: 400;
    transition: color 1s ease;
}

.gallery-tiles__tile .content-hover {
    max-height: 0;
    opacity: 0;
    transition: max-height .5s ease, opacity .3s ease;
    display: flex
;
    justify-content: end;
}

.view-gallery-button {
    transition: all .3s ease;
    text-align: left;
    color: #fff;
    transform: translateY(-20%);
    font-size: 1.15rem;
}

.gallery-tiles__tile:hover {
    color: var(--color-primary);
}

.gallery-tiles__tile:hover .gallery-tile__image {
    transform: scale(1.2);
}

.gallery-tiles__tile:hover .gallery__details {
    background: rgb(0, 0, 0, .65);
}

.gallery-tiles__tile:hover .content-hover {
    max-height: 1.5rem;
    opacity: 1;
}

.gallery-tiles__tile:hover .view-gallery-button {
    max-height: 50px;
    opacity: 1;
}