/* general */
body { -webkit-transition:none; -moz-transition:none; transition:none; }
body.scrolled-down {  }

/* Mobile Menu Opened*/
body { overflow-x: hidden; transition: transform .2s; }


.offmenu-logo { display: flex; align-items: center; padding: 12px 12px;    }
.offmenu-logo .offlogo-wrapper {  flex: 1;  }
.offmenu-logo .offlogo-wrapper a.offlogo { display: inline-block; }
.offmenu-logo .offlogo-wrapper a.offlogo img.img { 
	display: block; width: 120px; max-width: 100%;
}
.offmenu-logo .offlogo-actions { }
.offmenu-logo .offlogo-actions .offmenu-close {
	opacity: 1; border: none; background-color: transparent; font-size: 36px; line-height: 1; 
	padding: 0; display: flex; width: 30px; height: 30px; align-items: center; justify-content: center;
	color: white; 
}


#offmenu_main { padding: 12px; }

/* HAMBURGER */
.hamburger { 
	position: relative; 
	background: transparent; border: none; 
	width: 40px; height: 40px; padding: 0;
	transition: background 0.15s linear;
}
.hamburger span {
  width: 30px; height: 2px;
  position: absolute; top: 50%; left: 50%;
  transform: translate(-50%, -50%); 
  transition: background 0.15s linear; 
  background-color: #ffffff;
}
.hamburger::after { 
	content: ''; 
	position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;
	box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 0.1875rem 0.5rem 0px rgba(0,0,0,0.15);
	opacity: 0;
	transition: opacity 0.15s linear;
}
.hamburger span::before, 
.hamburger span::after {
  content: '';
  position: absolute; top: 0; left: 0;
  width: 100%; height: 100%;
  transform: translateY(450%);
  transition: transform 0.15s linear;
  background-color: #ffffff;
}
.hamburger span::after {
  transform: translateY(-450%);
}

.hamburger.is-active,
.hamburger.is-active span { background-color: transparent; }
.hamburger.is-active span::before { transform: rotate(45deg); }
.hamburger.is-active span::after { transform: rotate(-45deg); }
.hamburger.is-active::after { opacity: 0; }
/* ------------------------------------------------------------------- */



/* menu */
.offmenu-wrapper { position: relative; width: 100%; }

.offmenu-overlay { 
	z-index: 99;
	position: fixed; top: 0; right: 0; bottom: 0; left: 0;
	 display: block; background-color: rgba(0,0,0,0.95); opacity: 0; visibility: hidden;
    transition: all .2s;
}
.offmenu-overlay-on {
    opacity: 1; visibility: visible; 
}
.offmenu { 
	z-index: 100;
	position: fixed; top: 0; bottom: 0;  left: 0; /*  Show on     ///////    left     ///////     right     */
	min-height: 100%; width: 100%; max-width: 320px; 
	transform: translateX(-100%);
	transition: all .2s;
	box-shadow: 5px 0 10px 0 rgba(50,50,50,0.65); 
	visibility: hidden; overflow-y: auto;
	background-color:#113950; 
	color:#ffffff; 
	font-size: 14px; 
}
.offmenu-show { transform: translateX(0); visibility: visible;  }
 

 

.offsubmenu {  -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.offsubmenu a { color: inherit; text-decoration: none; }
.offsubmenu a:hover,
.offsubmenu a:focus,
.offsubmenu a:active { text-decoration: none; }

.offsubmenu > ul { margin: 0 0 0px 0; padding: 0; list-style: none none; }
.offsubmenu > ul > li { border-bottom: 1px solid rgba(236, 236, 236, 0.233); }
.offsubmenu > ul > li > a { display: flex; align-items: center; gap: 0 6px; padding: 9px 12px; font-size: 15px; color: white;   }

.offsubmenu ul li.submenus { position: relative; }
.offsubmenu ul li.submenus ul { 
    margin: 0; padding: 0; list-style: none none; list-style-position: inside;
	box-shadow: inset 0px 2px 2px 0px rgba(0,0,0,0.4);   
    background-color: #ffffff29;
   
}
.offsubmenu ul li.submenus ul > li:first-child { padding-top: 4px; }
.offsubmenu ul li.submenus ul > li { font-size: 14px; font-weight: normal; }
.offsubmenu ul li.submenus ul > li:last-child { padding-bottom: 4px; }
.offsubmenu ul li.submenus ul > li > a { display: block; padding: 8px 12px; color: white;  }
.offsubmenu ul li.submenus ul > li > a:hover,
.offsubmenu ul li.submenus ul > li > a:focus,
.offsubmenu ul li.submenus ul > li > a:active { text-decoration: none; }

.offsubmenu ul li.submenus li.submenus ul { background-color:#1e1e1e; }
.offsubmenu ul li.submenus li.submenus ul li { font-size: 14px;   }
.offsubmenu ul li.submenus li.submenus ul li a { padding-left: 10px; }


.offsubmenu ul li.submenus ol { margin: 0; padding: 0; list-style: none none; list-style-position: inside; }
.offsubmenu ul li.submenus ol a.subhref { display: block; padding: 4px 12px 4px 25px; font-style: italic;  }


/*
.submenu-indicator::after {
    display: inline-block; content: ""; width: 20px; height: 20px; margin-left:10px;
    position: relative; bottom: -2px;
	background-image: url('images/menu-plus.svg');
	background-repeat: no-repeat;
	background-position:  center center;
	background-size:20px 20px;
}
*/
.toggling {
    cursor: pointer;
    display: flex; align-items: center; justify-content: center; 
	position: absolute; top: 0; right:0; 
    content: ""; width: 38px; height: 38px; 
	transition: background-color 300ms ease;
}
.toggling > .plus-vertical,
.toggling > .plus-horizontal { 
	position: absolute; background-color: #D60000;
}
.toggling > .plus-vertical {  width: 2px; height: 16px;  }
.toggling > .plus-horizontal { width: 16px; height: 2px; }

.offsubmenu > ul > li.submenus.opened > .toggling > .plus-vertical  { height: 0px; }

.offsubmenu > ul > li.submenus ul { display: none; }
.offsubmenu > ul > li.submenus.opened > .toggling + a  { color: #D60000; } 

.offsubmenu-statuscheck { margin-bottom: 20px;  display: block;  background-color: rgba(255, 255, 255, 0.15); border-radius: 4px; padding: 12px 15px; color: white !important; text-decoration: none !important;  }
.offsubmenu-statuscheck .icon { margin-right: 5px; }

.offsubmenu-additional {  }
.offsubmenu-additional ul { margin: 0; padding: 0; list-style: none none; list-style-position: inside; }
.offsubmenu-additional ul > li { margin-bottom: 15px;  }
.offsubmenu-additional ul > li:last-child { }
.offsubmenu-additional ul > li > a {}

.offsubmenu-languages { padding-bottom: 70px; }


.menutabs { display: flex; gap: 0 5px;  }
.menutab { 
	position: relative; z-index: 1; padding: 10px 15px; text-decoration: none; user-select: none; 
	background-color: #113950; color: var(--color-white); font-weight: bold; text-transform: uppercase;
	border: var(--button-border-width) solid transparent; border-radius: var(--button-radius) var(--button-radius) 0 0;
	opacity: 0.5; transition:all 0.1s; 
}
.menutab:hover, .menutab:active, .menutab:focus { color: var(--color-white); text-decoration: none; }
.menutab.is_active { opacity: 1;   z-index: 2; border-color: var(--color-white); border-bottom-color:#113950; color: #FF3C3C;  }
.hamtab { margin-bottom: 20px; position: relative; z-index: 1; margin-top: calc(var(--button-border-width) * -1); display: none;  border: var(--button-border-width) solid var(--color-white); border-radius: 0 var(--button-radius) var(--button-radius) var(--button-radius); }





/* ╔══════════════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║                                        BOOTSTRAP 5 BREAKPOINTS                                       ║ */
/* ╠══════════════════════════════════════════════════════════════════════════════════════════════════════╣ */
/* ║                                 SPECIFIC BREAKPOINT RANGES (AVOID USING)                             ║ */
/* ╚══════════════════════════════════════════════════════════════════════════════════════════════════════╝ */

/* XS -> SKPPED (dublicated breakpoint below)  */
/* SM */
@media (min-width:576px) and (max-width:767.98px) {} /* @media */
/* MD */
@media (min-width:768px) and (max-width:991.98px) {} /* @media */

/* ══════════╣   The following codes are specifically for iPad (portrait and landscape)    ╠═════════════ */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {} /* @media iPad Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {} /* @media iPad Portrait */

/* LG */
@media (min-width:992px) and (max-width: 1279.98px) {} /* @media */
/* XL */
@media (min-width:1280px) and (max-width: 1365.98px) {} /* @media */
/* 2XL */
@media (min-width:1366px) and (max-width: 1439.98px) {} /* @media */
/* 3XL: */
@media (min-width:1440px) and (max-width: 1599.98px) {} /* @media */
/* 4XL */
@media (min-width:1600px) and (max-width: 1919.98px) {} /* @media */
/* 5XL -> SKPPED (dublicated breakpoint below)  */

/* ╔══════════════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║                         IF WIDTH EXCEEDS "$" (DO NOT USE ON FULL-WIDTH SITES)                        ║ */
/* ╚══════════════════════════════════════════════════════════════════════════════════════════════════════╝ */
@media (min-width: 576px) {}
@media (min-width: 768px) {
	.header-hamburger { display: none; }
}
@media (min-width: 992px) {
	/* DESKTOP MENU */

	
	
} /* @media */
@media (min-width: 1280px) {
 
} /* @media */
@media (min-width: 1366px) {}
@media (min-width: 1440px) {

}
@media (min-width: 1600px) {

}
/* 5XL */
@media (min-width: 1920px) {
} /* 1920px & Up */






/* ╔══════════════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║ ####################################   DEVELOPMENT BREAKPOINTS   ##################################  ║ */
/* ╠══════════════════════════════════════════════════════════════════════════════════════════════════════╣ */
/* ║                                         IF WIDTH REACHES "$"                                         ║ */
/* ╚══════════════════════════════════════════════════════════════════════════════════════════════════════╝ */

/* 4XL */
@media (max-width: 1919.98px) {
	 

} /* @media -----------------------------------| width < 1920px |-------------------------------------------*/

/* 3XL */
@media (max-width: 1599.98px) {

	 

} /* @media -----------------------------------| width < 1600px |-------------------------------------------*/

/* 2XL */
@media (max-width: 1439.98px) {
 
} /* @media -----------------------------------| width < 1440px |-------------------------------------------*/

/* XL */
@media (max-width: 1365.98px) {


 

} /* @media -----------------------------------| width < 1366px |-------------------------------------------*/

/* LG */
@media (max-width: 1279.98px) {
	 
 
} /* @media -----------------------------------| width < 1200px |-------------------------------------------*/

/* MD */
@media (max-width: 991.98px) {


} /* @media -----------------------------------| width < 992px |-------------------------------------------*/

/* SM */
@media (max-width: 767.98px) {


} /* @media -----------------------------------| width < 768px |-------------------------------------------*/

/* XS */
@media (max-width: 575.98px) and (orientation:landscape) {}
@media (max-width: 575.98px) {

	.offmenu-logo .offlogo-wrapper a.offlogo img.img { width: 100px; }
	.offmenu-logo .offlogo-actions .offmenu-close { transform: translateY(-5px); }

} /* @media -----------------------------------| width < 576px |-------------------------------------------*/

/* ════════════════════════════════════════════╣     END    ╠════════════════════════════════════════════ */
@media screen and (min-width: 320px) and (max-width: 767.98px) and (orientation: landscape) { }
/* ╔══════════════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║                                 ¡ NO STYLES BELOW THIS LINE PLEASE !                                 ║ */
/* ╚══════════════════════════════════════════════════════════════════════════════════════════════════════╝ */