.elementor-kit-6{--e-global-color-primary:#1C283C;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#1C283C;--e-global-color-accent:#D23333;--e-global-color-a70dff6:#FF4444;--e-global-color-82dfe21:#293241;--e-global-typography-primary-font-family:"Bai Jamjuree";--e-global-typography-secondary-font-family:"Bai Jamjuree";--e-global-typography-text-font-family:"Bai Jamjuree";--e-global-typography-accent-font-family:"Bai Jamjuree";--e-page-transition-entrance-animation:e-page-transition-fade-out;--e-page-transition-exit-animation:e-page-transition-fade-in;--e-page-transition-animation-duration:300ms;}.elementor-kit-6 e-page-transition{background-color:var( --e-global-color-secondary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;--container-default-padding-top:15px;--container-default-padding-right:15px;--container-default-padding-bottom:15px;--container-default-padding-left:15px;}.elementor-widget:not(:last-child){margin-block-end:30px;}.elementor-element{--widgets-spacing:30px 30px;--widgets-spacing-row:30px;--widgets-spacing-column:30px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:992px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* -------------------------------- 

Global CSS

-------------------------------- */
/* -------------------------------- 

General

-------------------------------- */
body{
overflow-y: scroll;
overflow-x: hidden !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent; /* For some Androids */
font-family: "Bai Jamjuree", sans-serif;
}
:root {
  overscroll-behavior: none;
}
*:focus {
outline: none;
}
.blur{
background:rgba(28,40,60,.2);
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
}
input::placeholder, textarea::placeholder {
color:var(--blue) !important;
opacity: 1 !important;
}

.p_events{
pointer-events:none;
}

.aspect_one_one{
aspect-ratio: 1;
}
.aspect_four_three{
aspect-ratio: 4 / 3;
}
.aspect_sixteen_nine{
aspect-ratio: 16 / 9;
}
.aspect_service{
aspect-ratio: 1.23 / 1;
}
.aspect_hp_bottom{
aspect-ratio: 2.77 / 1;
}
@media screen and (max-width: 1280px) {
.aspect_hp_bottom{
aspect-ratio: 2 / 1;
}
}
@media screen and (max-width: 992px) {
.aspect_hp_bottom{
aspect-ratio: 4 / 3;
}
}
@media screen and (max-width: 767px) {
.aspect_service{
aspect-ratio: auto;
}
.aspect_hp_bottom{
aspect-ratio: 3/ 5;
}
}
.cstm_shadow{
box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
}
.p_events_none{
pointer-events:none;
}
/* -------------------------------- 

BREAKPOINTS

-------------------------------- */
@media screen and (max-width: 1280px) {

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

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

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

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

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

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

}

/* -------------------------------- 

HELPER CLASSES

-------------------------------- */
.mt15{
margin-top:15px;
}
.mt20{
margin-top:20px;
}
.mt30{
margin-top:30px;
}
.mt40{
margin-top:40px;
}
.mt60{
margin-top:60px;
}
.mt90{
margin-top:90px;
}

.mt-10{
margin-top:-10px;
}
.mt-15{
margin-top:-15px;
}

.mb15{
margin-bottom:15px;
}
.mb20{
margin-bottom:20px;
}
.mb30{
margin-bottom:30px;
}
.mb40{
margin-bottom:40px;
}

/* -------------------------------- 

Responsive Typography

-------------------------------- */
.display_xl { 
font-size: 44px !important; 
cursor: default;
}
@media (min-width: 375px) { 
.display_xl {
font-size: calc(44px + (90 - 44) * ((100vw - 375px) / (1440 - 375))) !important; 
}
}
@media (min-width: 1440px) { 
.display_xl {
font-size: 90px !important;
}
}

.display_l { 
font-size: 40px !important;
cursor: default;
}
@media (min-width: 375px) { 
.display_l {
font-size: calc(40px + (70 - 40) * ((100vw - 375px) / (1440 - 375))) !important; 
}
}
@media (min-width: 1440px) { 
.display_l {
font-size: 70px !important; 
}
}

.display_m { 
font-size: 28px !important;
cursor: default;
}
@media (min-width: 375px) { 
.display_m {
font-size: calc(28px + (56 - 28) * ((100vw - 375px) / (1440 - 375))) !important;
}
}
@media (min-width: 1440px) { 
.display_m {
font-size: 56px !important; 
}
}


h1, .h1 { 
font-size: 28px; 
cursor: default;
}
@media (min-width: 375px) { 
h1, .h1 {
font-size: calc(28px + (40 - 28) * ((100vw - 375px) / (1440 - 375))); 
}
}
@media (min-width: 1440px) { 
h1, .h1 {
font-size: 40px; 
}
}

h2, .h2 { 
font-size: 26px; 
cursor: default;
}
@media (min-width: 375px) { 
h2, .h2 {
font-size: calc(26px + (32 - 26) * ((100vw - 375px) / (1440 - 375))); 
}
}
@media (min-width: 1440px) { 
h2, .h2 {
font-size: 32px; 
}
}


h3, .h3 { 
font-size: 24px; 
cursor: default;
}
@media (min-width: 375px) { 
h3, .h3 {
font-size: calc(24px + (28 - 24) * ((100vw - 375px) / (1440 - 375)));    
}
}
@media (min-width: 1440px) { 
h3, .h3 {
font-size: 28px; 
}
}

h4, .h4 { 
font-size: 20px !important;
cursor: default;
}
@media (min-width: 375px) { 
h4, .h4 {
font-size: calc(20px + (24 - 20) * ((100vw - 375px) / (1440 - 375))) !important;   
}
}
@media (min-width: 1440px) { 
h4, .h4 {
font-size: 24px !important; 
}
}

h5, .h5{ 
font-size: 18px; 
cursor: default;
}
@media (min-width: 375px) { 
h5, .h5 {
font-size: calc(18px + (20 - 18) * ((100vw - 375px) / (1440 - 375)));    
}
}
@media (min-width: 1440px) { 
h5, .h5 {
font-size: 20px; 
}
}

h6{ 
font-size: 15px; 
cursor: default;
letter-spacing: 3px;
font-weight:900;
text-transform: uppercase;
}

.display_xl, .display_l, .display_m{ 
line-height: 1 !important;
}
h1{ 
line-height: 1.2 !important;
}
h2{ 
line-height: 1.2 !important;
}
h3{ 
line-height: 1.2 !important;
}
h4{ 
line-height: 1.2 !important;
}
h5{ 
line-height: 1.3 !important;
}
h6{ 
line-height: 1.2 !important;
}
@media (max-width: 767px) {
.display_xl, .display_l, .display_m{ 
line-height: 1.2 !important;
}
}

p, .p{ 
font-size: 16px !important;
cursor: default;
line-height:1.5;
font-optical-sizing: auto;
}
@media (min-width: 375px) { 
p, .p {
font-size: calc(16px + (18 - 16) * ((100vw - 375px) / (1140 - 375)));    
}
}
@media (min-width: 1140px) { 
p, .p {
font-size: 18px !important; 
}
}


.p16{ 
font-size: 16px !important;
cursor: default;
line-height:1.5;
font-optical-sizing: auto;
}
.p15{ 
font-size: 15px !important;
cursor: default;
line-height:1.3;
font-optical-sizing: auto;
}
.p14{ 
font-size: 14px !important;
cursor: default;
line-height:1.3;
font-optical-sizing: auto;
}

ul{
font-size:16px !important;
line-height:1.5;
cursor:default;
font-optical-sizing: auto;
font-style: normal;
}
@media (min-width: 375px) { 
ul {
font-size: calc(16px + (18 - 16) * ((100vw - 375px) / (1140 - 375)));    
}
}
@media (min-width: 1140px) { 
ul {
font-size: 18px !important; 
}
}

.fw8{
font-weight:800;
}
.fw7{
font-weight:700;
}
.fw6{
font-weight:600;
}
.fw5{
font-weight:500;
}
.fw4{
font-weight:400;
}

.italic{
font-style: italic;
}

.uppercase{
text-transform: uppercase;
}

.baijamjuree{
font-family: "Bai Jamjuree", sans-serif;
}

.intro{ 
font-size: 18px !important;
cursor: default;
font-weight: 500;
color:var(--white);
}
@media (min-width: 375px) { 
.intro {
font-size: calc(18px + (20 - 18) * ((100vw - 375px) / (1440 - 375))) !important;    
}
}
@media (min-width: 1440px) { 
.intro {
font-size: 20px !important;
}
}

/* -------------------------------- 

Hyperlinks

-------------------------------- */
a:link{
cursor:pointer !important;
}
.impressum a,.impressum a:hover{
color:inherit;
text-decoration: none;
}
.btn_cstm_red{
position:relative;
display:inline-block;
padding: 14px 12px 14px 28px;
font-size:18px;
line-height:1;
color:#fff;
text-decoration: none;
transition: all 0.3s ease;
z-index:5;
background-color: #D23333;
border:2px solid #D23333;
border-radius:50px;
font-family: "Bai Jamjuree", sans-serif;
font-weight:600;
}	
.btn_cstm_red:hover{
position:relative;
display:inline-block;
padding: 14px 12px 14px 28px;
font-size:18px;
line-height:1;
color:#D23333;
text-decoration: none;
transition: all 0.1s ease;
z-index:5;
background-color: #F0EBD8;
border:2px solid #D23333;
border-radius:50px;
font-family: "Bai Jamjuree", sans-serif;
font-weight:600;
}
	
.btn_parent {
display: grid;
grid-template-columns: 1fr 32px;
grid-template-rows: 1fr;
grid-column-gap: 10px;
align-items: center;
}
	
.btn_cell_02{
width:32px;
height:auto;
overflow:hidden;
padding-top:2.5px;
}
.btn_icon{
max-width:100%;
height:auto;
margin-left:-16px;

filter: invert(100%) sepia(0%) saturate(22%) hue-rotate(80deg) brightness(104%) contrast(100%);
}
.btn_cstm_red:hover .btn_icon{
-moz-transform: translateX(16px);
-webkit-transform: translateX(16px);
-o-transform: translateX(16px);
-ms-transform: translateX(16px);
transform: translateX(16px);
transition: all .1s ease-in;
filter: invert(15%) sepia(99%) saturate(3661%) hue-rotate(353deg) brightness(100%) contrast(73%);
}


/* -------------------------------- 

Color
color:var(--red);
-------------------------------- */
:root {
--blue: #1C283C;
--white: #ffffff;
--red: #D23333;
--lightred: #FF4444;
}
.blue{
color: #1C283C;  
}
.white{
color: #ffffff;
}
.red{
color: #D23333;
}
.lightred{
 color: #FF4444;
}

/* -------------------------------- 

Homepage

-------------------------------- */

#svgfill{
filter: invert(24%) sepia(93%) saturate(6345%) hue-rotate(357deg) brightness(94%) contrast(123%);
}
#svgfill:hover{

filter: invert(15%) sepia(67%) saturate(5803%) hue-rotate(228deg) brightness(101%) contrast(116%);
}
.benefit:hover{
box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 50px -10px;
transition: all .3s ease;
}
@media screen and (max-width: 767px) {
.benefit:hover{
box-shadow: rgba(0, 0, 0, 0) 0px 18px 50px -10px;
transition: all .3s ease;
}
.benefit{
border:1px solid var(--blue);
border-radius:24px;
}
}



.benefit #benefit_svg_01, .benefit #benefit_svg_02, .benefit #benefit_svg_03{
filter: invert(17%) sepia(45%) saturate(344%) hue-rotate(177deg) brightness(93%) contrast(92%);
}
.benefit:hover #benefit_svg_01, .benefit:hover #benefit_svg_02, .benefit:hover #benefit_svg_03{
filter: invert(45%) sepia(60%) saturate(6691%) hue-rotate(343deg) brightness(86%) contrast(89%);
}

#orbit {
animation-name: satellite;
animation-duration: 15s;
animation-timing-function: linear;
animation-delay: 1s;
animation-iteration-count: infinite;
position:absolute;
width:300px;
height:141px;
left:-500px;top:30px;
z-index:10;
}
#orbit img{
max-width:300px;
height:141px; 
}
@keyframes satellite {	
0% {transform: translateY(-200px) translateX(-500px);}
100% {transform: translateY(0px) translateX(3000px);}
}	

/* -------------------------------- 

Privacy Policy

-------------------------------- */

#privacypolicy a, #privacypolicy a:hover{
color:inherit;
text-decoration: underline;
}


/* -------------------------------- 

Blog

-------------------------------- */

#post_content h2, #post_content h3 {
margin-top:30px !important;
}
#post_content img {
border-radius:14px !important;
}/* End custom CSS */