@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;700&display=swap);
/* CUSTOM PRELOAD */
#loader-wrapper{position:fixed;left:0;top:0;width:100%;height:100%;z-index:999;background-color:var(--color-white);animation:loader 1.5s linear;animation-iteration-count:1;animation-fill-mode:forwards}
@keyframes loader{
0%{opacity:1}
70%{opacity:1}
99%{opacity:0;z-index:999}
100%{display:none;visibility:hidden;z-index:-10;opacity:0}
}
/*--------------------------------------------------------------------------------------------------------------*/
/* 01 - RESET */
/*--------------------------------------------------------------------------------------------------------------*/
html{overflow-y:scroll}
main{min-height:70vh}
@media (max-width: 767px){main{min-height:auto;}}

*,*:before,*:after{box-sizing:border-box}
*{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;-webkit-text-size-adjust:none}
.clear{clear:both;overflow:hidden;height:0;font-size:0;display:block}
html:not(.touch-screen)::-webkit-scrollbar,html:not(.touch-screen) *::-webkit-scrollbar{width:5px;height:5px}
html:not(.touch-screen)::-webkit-scrollbar-track,html:not(.touch-screen) *::-webkit-scrollbar-track{background:var(--border-color)}
html:not(.touch-screen)::-webkit-scrollbar-thumb,html:not(.touch-screen) *::-webkit-scrollbar-thumb{background:var(--color-blue)}
:focus,:hover,:active,:visited{outline:none}
button{background:none}
.cookies-informer,.cart-informer{display:none}
/*  - GLOBAL SETTINGS */
/* main */
:root{--bs-gutter-x:15px;--color-black:#000;--color-white:#fff;--color-blue:#1472b8;--color-yellow:#ffc912;--border-color:#cecece;--color-text:#afafaf;--color-red:red;--gap-xl:120px;--gap-l:90px;--gap-m:60px;--gap-s:30px;--gap-xs:15px;--gap-xxs:10px;--font-primary:"IBM Plex Sans"}
@media (max-width: 991px){
:root{--gap-xl:60px;--gap-l:60px;--gap-m:40px;--gap-xs:10px;--gap-xxs:5px}
}
@media (max-width: 767px){
:root{--gap-m:30px}
}
@media (max-width: 767px){
.home .content .accordion-title__icon {display:none;} 
.page-template-mojlivosti .accordion-title__icon {display:none;} 
.page-template-dopomoga .accordion-title__icon {display:none;} 
}
html{height:100%;-webkit-font-smoothing:antialiased}
body{height:100%;overflow:hidden;background:var(--color-black)}
#content-block{overflow:hidden;position:relative}
.overflow-hidden{overflow:hidden}
html.overflow-hidden body{overflow:hidden}
img{max-width:100%; height:auto;}
.image{position:relative}
.image img{display:block;position:relative;width:100%; height: auto;}
.image-cover,.image-contain{position:relative;padding-bottom:56.25%}
.image-cover img,.image-contain img{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:0.3s}
.image-contain img{-o-object-fit:scale-down;object-fit:scale-down}
.video.rellax,.image-cover.rellax{height:140%;top:-20%}
path{transition:all 0.3s}
.swiper-slide:not(:first-child){display:none}
html.keyboard-focus :focus{outline:auto}
a{cursor:pointer}
.container{padding-left:20px;padding-right:20px}
@media (min-width: 768px){
.container{padding-left:var(--gap-s);padding-right:var(--gap-s)}
}
@media (min-width: 992px){
.container{padding-left:var(--gap-s);padding-right:var(--gap-s)}
}
@media (min-width: 1200px){
a .image-cover:hover img{transform:scale(1.15)}
.container{width:100%;max-width:1560px;margin:0 auto;padding-left:var(--gap-m);padding-right:var(--gap-m)}
}
@media (min-width: 1700px){
.container{max-width:2000px;padding-left:160px;padding-right:160px}
}
@media (min-width: 1930px){
.container{width:92%;max-width:2100px}
}
/*spacers and sections*/
section{position:relative;margin-bottom:var(--gap-xl);padding-left:var(--gap-m);padding-right:var(--gap-m)}
.container_bordered{z-index:1;overflow:hidden}
.container_bordered{position:relative;padding-top:var(--gap-l);padding-bottom:var(--gap-l);border:2px solid var(--border-color);border-radius:30px;-webkit-box-shadow: 0px 5px 10px 0px rgba(230,230,230,1);
-moz-box-shadow: 0px 5px 10px 0px rgba(230,230,230,1);
box-shadow: 0px 5px 10px 0px rgba(230,230,230,1);}
.container_bordered::before{content:"";pointer-events:none;position:absolute;left:var(--gap-m);right:var(--gap-m);top:0;bottom:0;opacity:0.44}
.spacer{clear:both;height:1px}
.mb-xl{margin-bottom:var(--gap-xl)}
.mb-l{margin-bottom:var(--gap-l)}
.mb-m{margin-bottom:var(--gap-m)}
.mb-s{margin-bottom:var(--gap-s)}
.mb-xs{margin-bottom:var(--gap-xs)}
.mb-xxs{margin-bottom:var(--gap-xxs)}
.mt-xl{margin-top:var(--gap-xl)}
.mt-l{margin-top:var(--gap-l)}
.mt-m{margin-top:var(--gap-m)}
.mt-s{margin-top:var(--gap-s)}
.mt-xs{margin-top:var(--gap-xs)}
.mt-xxs{margin-top:var(--gap-xxs)}
.header-margin{position:relative;display:block;height:150px}
.header-spacer{display:block;height:var(--gap-m)}

.tnp-subscription-minimal input.tnp-submit {background-color: #1472b8 !important;}

@media (min-width: 1700px){
section{padding-left:160px;padding-right:160px}
}
@media (max-width: 1199px){
.container_bordered{padding-top:var(--gap-m);padding-bottom:var(--gap-m)}
}
@media (max-width: 991px){
section{padding-left:var(--gap-s);padding-right:var(--gap-s)}
}
@media (max-width: 767px){
.container_bordered{padding-top: 30px;}
header{padding-left:20px;padding-right:20px}
.header-margin{height:80px}
section{padding-left:var(--gap-xs);padding-right:var(--gap-xs)}
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* TYPOGRAPHY */
/*-------------------------------------------------------------------------------------------------------------------------------*/
body{font-weight:400;font-family:var(--font-primary);color:var(--color-black);background:var(--color-white);line-height:1.4}
hr{height:2px;background:var(--border-color)}
sup{font-size:0.6em;vertical-align:super}
a{cursor:pointer;text-decoration:none;outline:none;color:inherit}
a:link,a:visited,a:active,a:hover{cursor:pointer;text-decoration:none;outline:none}
ul,ol{list-style:none}
/* titles */
h1,.h1{font-size:clamp(32px, 5vw, 56px);line-height:1.2}
h2,.h2{font-size:clamp(24px, 4vw, 48px);line-height:1.2}
h3,.h3{font-size:clamp(20px, 3vw, 36px);line-height:1.2}
h4,.h4{font-size:clamp(16px, 2.5vw, 24px);line-height:1.2}
h5,.h5{line-height:1.2;font-size:clamp(16px, 2vw, 18px)}
.title{position:relative;font-weight:700}
.title_blue{color:var(--color-blue)}
@media (max-width: 767px){
h1,.h1{font-size:clamp(28px, 5vw, 56px);line-height:1.2}
}
/* text */
.text h1,.text h2,.text h3,.text h4,.text h5,.text h6{color:var(--color-blue);font-weight:600;margin-bottom:calc(var(--gap-xs) * -1)}
.text h1:last-child,.text h2:last-child,.text h3:last-child,.text h4:last-child,.text h5:last-child,.text h6:last-child{margin-bottom:0}
.text > *:nth-child(n + 2){margin-top:var(--gap-s)}
.text_small-gap > *:nth-child(n + 2){margin-top:var(--gap-xxs)}
.text-s{font-size:clamp(16px, 1.7vw, 16px)}
.text-m{font-size:clamp(16px, 1.75vw, 18px)}
.text-l{font-size:clamp(16px, 1.75vw, 18px)}
/* .text-l{font-size:clamp(16px, 2.5vw, 20px)} */
.text a:not(.btn, .btn-link){transition:0.3s;color:var(--color-blue);text-decoration:underline;white-space:nowrap;font-weight:bold;text-transform:uppercase}
/* text ul, text ol */
.text ul li{position:relative;padding-left:calc(var(--gap-s));margin-bottom:0.5em}
.text ul li:last-child{margin-bottom:0}
.text ul > li::before{content:"";position:absolute;top:0.8em;left:0;width:8px;height:8px;background:var(--color-blue);border-radius:100%;transform:translateY(-50%)}
.text ol{counter-reset:number}
.text ol:last-child{margin-bottom:0}
.text ol li{position:relative;padding-left:calc(var(--gap-s));margin-bottom:0.5em}
.text > ol > li:last-child{bottom:0}
.text ol > li::before{content:counters(number, ".", decimal) ".";counter-increment:number;position:absolute;left:0;top:0;width:15px;height:30px;color:var(--color-blue);counter-increment:number;font-weight:700;text-align:left;font-size:inherit}
.text ul li ul,.text ol li ol{padding-top:0.5em}
.text ul > *:not(:last-child),.text ol > *:not(:last-child){margin-bottom:0.5em}
.text ul ol,.text ol ul{margin-top:0.5em;margin-left:calc(var(--gap-m) * -1)}
/* font-weight */
.fw-300{font-weight:300}
.fw-400{font-weight:400}
.fw-500{font-weight:500}
.fw-600,strong{font-weight:600}
.fw-700{font-weight:700}
/*media*/
@media (min-width: 1200px){
.text a:not(.btn, .btn-link):hover{color:var(--color-yellow)}
}
@media (max-width: 991px){
.text h1,.text h2,.text h3,.text h4,.text h5,.text h6{color:var(--color-blue);font-weight:600;margin-bottom:calc(var(--gap-xs) * -2)}
}
/* HOVERABLE-ICON */
.icon-hoverable{display:inline-block;vertical-align:middle;width:20px;position:relative}
.icon-hoverable img{display:block;width:100%;transition:0.3s}
.icon-hoverable img:only-child{opacity:1 !important}
.icon-hoverable img:nth-child(2){position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;visibility:hidden}
.icon-hoverable.active img:nth-child(2),.icon-hoverable-wrap.active img:nth-child(2){opacity:1;visibility:visible}
@media (min-width: 1200px){
.icon-hoverable:hover img:nth-child(2),.icon-hoverable-wrap:hover img:nth-child(2){opacity:1;visibility:visible}
.icon-hoverable:hover img:nth-child(1),.icon-hoverable-wrap:hover img:nth-child(1){opacity:0}
}
/* END HOVERABLE-ICON */
/*---------------------------------------------------------------------*/
/* BUTTONS */
/*---------------------------------------------------------------------*/
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;height:75px;line-height:1;padding:0 var(--gap-m);border-radius:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-size:18px;font-weight:700;transition:0.3s}
.btn_main{background:var(--color-blue);color:var(--color-white)}
.btn_secondary{color:var(--color-blue);background:var(--color-white)}
.btn .icon-hoverable{margin-right:10px;width:40px}
.btn-link{text-transform:uppercase;font-size:18px;color:var(--color-blue);display:inline-flex;align-items:center;font-weight:bold;transition:0.3s;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}
.btn-link .icon-hoverable{width:40px;flex-shrink:0}
.btn-link .icon-hoverable:first-child{margin-right:10px}
.btn-link .icon-hoverable:last-child{margin-left:10px}
@media (min-width: 1200px){
.btn-link:hover{color:var(--color-yellow)}
.btn_main:hover,.btn_secondary:hover{background:var(--color-yellow);color:var(--color-white)}
}
@media (max-width: 991px){
.btn,.btn-link{font-size:20px}
.btn{height:70px}
}
@media (max-width: 767px){
.btn,.btn-link{font-size:16px}
.btn{height:66px}
}
/* SOCIALS */
.socials{display:flex}
.socials > *:nth-child(n + 2){margin-left:10px;}
.socials .icon-hoverable{width:40px}
/* END SOCIALS */

textarea, input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"], .form-control, select, .porto-wpforms-inline .wpforms-field-large {
    width: 400px;
    border: 1px solid #DDDDDD;
     padding: 18px 12px;
}
@media (max-width: 767px){textarea, input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"], .form-control, select, .porto-wpforms-inline .wpforms-field-large {
    width: 100%;
}
}
textarea { padding: 18px 12px;height: 120px;}
/*-----------------------------------------------------------------------------------------------------------------------*/
/* HEADER */
/*-----------------------------------------------------------------------------------------------------------------------*/
header{position:fixed;z-index:20;left:0;top:0;width:100%;height:120px;background:var(--color-white);display:flex;justify-content:center;align-items:center;padding:0 var(--gap-m);background:#ffffff;box-shadow:0px 4px 11px rgba(0, 0, 0, 0.25)}
header .container{display:flex;justify-content:space-between;align-items:center;padding:0}
.header__right{display:flex;align-items:center}
.header__right > *:nth-child(n + 2){margin-left:var(--gap-m)}
.header__logo{width:140px;margin-right:var(--gap-m)}

.header__nav{line-height:1.2;letter-spacing:0.01em;font-size:clamp(16px, 1.4vw, 18px);margin-right:var(--gap-s)}
.header__nav ul{display:flex;text-transform:uppercase;font-weight:bold;flex-wrap: wrap;}
.header__nav ul li:nth-child(n + 2){margin-left:var(--gap-s)}
.nav-menuu .sub-menu {
    background: #f3f3f3;
    padding: 15px;
    text-transform: none;
    font-size: 15px;
}

.footer__nav{line-height:1.2;letter-spacing:0.01em;font-size:clamp(14px, 1.4vw, 14px);margin-bottom: 10px;}
.footer__nav ul{display:flex;align-items:center;text-transform:none;font-weight:bold;flex-wrap: wrap;justify-content: center;}
.footer__nav ul li:nth-child(n + 2){margin-left:var(--gap-s)}

.header__accessibility-btn{width:40px;cursor:pointer;flex-shrink: 0;}
.header__accessibility-btn::before,.header__accessibility-btn::after{
  content: "";position: absolute;left: 50%;top: 50%;width: 50%;height: 2px;background: var(--color-black);transition: .3s;
  transform: translate(-50%, -50%) rotate(45deg) scale(0);
}
.header__accessibility-btn::after{transform: translate(-50%, -50%) rotate(-45deg) scale(0);}
.header__accessibility-btn.header__accessibility-btn_active::after{transform: translate(-50%, -50%) rotate(-45deg) scale(1);}
.header__accessibility-btn.header__accessibility-btn_active::before{transform: translate(-50%, -50%) rotate(45deg) scale(1);}
.header__accessibility-btn.header__accessibility-btn_active img{opacity: 0!important;}
.header__nav a{transition:0.3s}
.header__call-btn,.header__mob-menu{display:none}
@media (min-width: 1200px){
.header__nav a:hover{color:var(--color-yellow)}
.footer__nav a:hover{color:var(--color-yellow)}
.header__accessibility-btn:hover::before,.header__accessibility-btn:hover::after{background: var(--color-yellow);}
}
@media (min-width: 1700px){
header{padding-left:160px;padding-right:160px}
}
@media (max-width: 1750px){
/* .header__logo {
    width: 150px;
  } */

}
@media (max-width: 1450px){
.header__nav ul li:nth-child(n + 2),.socials > *:nth-child(n + 2){margin-left:var(--gap-xs)}
.header__nav{margin-right:0}
}
@media (max-width: 1199px){
.header__call-btn{display:block;width:40px;justify-self:flex-end}
header .container{display:grid;grid-template-columns:repeat(2, 1fr)}
.header__right{justify-content:center}
.header__nav_desktop,.header__socials_desktop{display:none}
.nav-btn{display:block;cursor:pointer;height:40px;width:40px;position:relative}
.nav-btn::before,.nav-btn::after,.nav-btn > span{content:"";position:absolute;width:50%;height:2px;background:var(--color-black);left:50%;transform:translate(-50%, -50%);transition:0.3s}
.nav-btn::before{top:calc(50% - 6px)}
.nav-btn::after{top:calc(50% + 6px)}
.nav-btn > span{top:50%}
.open-nav .nav-btn::before{top:50%;transform:translate(-50%, -50%) rotate(45deg)}
.open-nav .nav-btn::after{top:50%;transform:translate(-50%, -50%) rotate(-45deg)}
.open-nav .nav-btn > span{opacity:0}
.header__mob-menu{display:flex;flex-direction:column;justify-content:space-around;align-items:center;position:fixed;left:0;top:119px;width:100%;height:calc(100% - 119px);background:var(--color-white);transition:0.3s;opacity:0;visibility:hidden}
.open-nav .header__mob-menu{opacity:1;visibility:visible}
.header__nav{font-size:20px}
.header__nav ul{flex-direction:column}
.header__nav ul li:nth-child(n + 2){margin-left:0;margin-top:var(--gap-xs)}
.socials > *:nth-child(n + 2){margin-left:var(--gap-m)}
}
@media (max-width: 991px){
header{padding-left:var(--gap-s);padding-right:var(--gap-s)}
}
@media (max-width: 767px){
header{height:80px}
.header__logo{width:77px}
.header__right > *:nth-child(n + 2){margin-left:var(--gap-s)}
.header__mob-menu{top:79px;height:calc(100% - 79px);display:grid;grid-template-rows:1fr min-content;align-items:center;justify-items:center;gap:var(--gap-l);padding:var(--gap-s) 0}
.header__nav{font-size:16px}
}
/* BANNER */
.banner__swiper .swiper-slide{height:auto}
.banner__slide{display:grid;grid-template-columns:7fr 5fr;gap:var(--gap-s);align-items:center;padding:var(--gap-s) var(--gap-xl) var(--gap-m);z-index:1;height:100%}
.banner__slide_video{position:relative}
.banner__slide_video video{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.banner__slide-image{margin-left:-23%}
.banner__slide-content{display:grid;gap:var(--gap-s);justify-items:flex-start;z-index:2}
.banner__slide-content .text-m{max-width: 600px;}
.banner__container{padding:0}
.banner__slide-image_bg{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1}
@media (min-width: 1700px){
.banner__slide{padding-left:160px;padding-right:160px}
}
@media (max-width: 1550px){
.banner__slide{padding:var(--gap-s) var(--gap-m) var(--gap-m)}
}
@media (max-width: 1199px){
.banner__slide{padding:var(--gap-s) var(--gap-s) var(--gap-m)}
}
@media (max-width: 992px){
.banner__slide{grid-template-columns:1fr;padding-bottom:100px}
.banner__slide-image{margin:0;grid-row:1}
.banner__slide-content{text-align:center;justify-items:center}
.banner .swiper-controlls_bottom{bottom:var(--gap-s)}
}
@media (max-width: 767px){
.banner__slide{padding:20px 20px 30px}
}
/* PARNTERS */
.partners__wrap{display:flex;justify-content:center;align-items:center}
.partners__wrap .image{height:var(--gap-l)}
.partners__wrap .image:nth-child(n + 2){margin-left:var(--gap-m)}
.partners__wrap .image img{max-height:100%;width:auto;}
@media (max-width: 767px){
.partners__wrap{flex-direction:column}
.partners__wrap .image{height:50px;display:inline-block}
.partners__wrap .image:nth-child(n + 2){margin-left:0;margin-top:var(--gap-s)}
}
/* END PARTNERS */
/* SECTION TITLE */
.section-title{position:relative;display:flex;margin-left:calc(var(--gap-m) * -1);margin-bottom:10px;flex-wrap:wrap;align-items:center}
.section-title hr{width:100%;height:2px;background:var(--border-color);margin-top:var(--gap-s)}
.section-title:only-child{border-bottom:none;padding-bottom:0;margin-bottom:0px)}
.section-title .text{max-width:660px}
.section-title .text.wide{width:100%;max-width:unset}
.section-title__break{flex-basis:100%;height:0;margin:0 !important}
.section-title > *{margin-left:var(--gap-m);margin-bottom:var(--gap-s)}
.section-title > .title{text-transform:uppercase}
.section-title__links{display:inline-flex;flex-wrap:wrap;align-items:center;margin-bottom:0 !important;margin-left:0 !important}
.section-title__image{width:465px}
.section-title__links > *{margin-left:var(--gap-m);margin-bottom:var(--gap-s)}
@media (max-width: 1199px){
.section-title_3-col{grid-template-columns:auto auto}
.section-title_3-col > *:nth-child(2){grid-area:2/3/3/1}
}
@media (max-width: 991px){
.section-title__image{width:370px}
}
@media (max-width: 767px){
.section-title__image{width:260px}
.section-title > *,.section-title__links > *{margin-bottom:var(--gap-xs)}
.section-title > .title, .section-title > .section-title__image{margin-bottom: calc(var(--gap-xs)*2)}
.section-title{margin-bottom:10px}
.section-title hr{margin-top:20px}
}
/* END SECTION TITLE */
.call-btn{position:fixed;right:40px;width:var(--gap-m);height:var(--gap-m);top:50%;transform:translateY(-50%);z-index:10}
@media (max-width: 1699px){
.call-btn{right:0}
}
@media (max-width: 1199px){
.call-btn{display:none}
}


ul#responcive-menu1,ul#responcive-menu1 ul{
	margin:0;
	list-style:none;
	padding:0; 
	border-width:0;
	border-style:solid;
}
ul#responcive-menu1 ul{
	display:none;
	position:absolute;
	left:0;
	top:100%;
	background-color:#FFFFFF;
	border-width:2px;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-style:solid none none none;
	border-color:#ffc912; 
	box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.25);
}
ul#responcive-menu1 .sub-menu li>a {font-size:12px;text-transform: uppercase;}



ul#responcive-menu1 li:hover>*{
	display:block;
}
ul#responcive-menu1 li{
	position:relative;
	display:block;
	white-space:nowrap;
	font-size:0;
	float:left;
}
ul#responcive-menu1 li:hover{
	z-index:1;
}
ul#responcive-menu1 ul ul{
	position:absolute;
	left:100%;
	top:0;
}
ul#responcive-menu1{
	font-size:0;
	z-index:999;
	position:relative;
	display:inline-block;
	zoom:1;
	padding:0;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	*display:inline;
}
* html ul#responcive-menu1 li a{
	display:inline-block;
}
ul#responcive-menu1>li{
	margin:0;
}
ul#responcive-menu1 a:active, ul#responcive-menu1 a:focus{
	outline-style:none;
}
ul#responcive-menu1 a{
	display:block;
	vertical-align:middle;
	text-align:left;
	text-decoration:none;
	cursor:pointer;
	padding: 0 14px;
	background-repeat:repeat;
	border-width:0px;
	border-style:none;
	text-shadow: none;
	font-weight: 600;
}
ul#responcive-menu1 ul li{
	float:none;
	margin:0;
}
ul#responcive-menu1 ul a{
	text-align:left;
	padding:10px 13px;	
	background-color:#FFFFFF;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	color:#2C3736;
	text-decoration:none;

}
ul#responcive-menu1 li:hover>a,ul#responcive-menu1 li a.pressed{
	border-style:none;
	color:#67B7E1;
	text-decoration:none;
}
ul#responcive-menu1 img{
	border:none;
	vertical-align:middle;
	margin-right:18px;
}
ul#responcive-menu1 span{
	display:block;
	overflow:visible; 
	background-position:right center;
	background-repeat:no-repeat;
	padding-right:16px;
	text-shadow:none;
}
ul#responcive-menu1 ul span{ 
	padding-right:25px;
}
ul#responcive-menu1 > li.switch{
	display:none;
	cursor:pointer;
	width:25px;
	height:20px;
	padding:18px 15px 21px 5px;
}
ul#responcive-menu1 > li.switch:before{
	content:"";
	position:absolute;
	display:block;
	height:4px;
	width:25px;
	border-radius:4px;
	background:#fff; 
	left:20px;
}
ul#responcive-menu1 > li.switch:hover:before{
	background:#ffc912; 
}
.resp-menu-switch-input{
	display:none;
}
ul#responcive-menu1 ul li:hover>a,ul#responcive-menu1 ul li a.pressed{
	background-color:#ffc912;
	color:#FFFFFF;
	text-decoration:none;
}
ul#responcive-menu1 li>a{
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px; 
	font-size:18px
}
ul#responcive-menu1>li:hover>a,ul#responcive-menu1>li a.pressed{
	color:#ffc912;
}
@media screen and (max-width: 768px) {
	ul#responcive-menu1 > li {
		position: initial;
	}
	ul#responcive-menu1 ul .submenu,ul#responcive-menu1 li > ul {
		left: 0; 
		right:auto; 
		top: 100%;
	}
	ul#responcive-menu1 .submenu,ul#responcive-menu1 ul,ul#responcive-menu1 .column {
		-webkit-box-sizing: border-box; 
		-moz-box-sizing: border-box; 
		box-sizing: border-box;
		padding-right: 0;
		width: 100% !important;
	}
}

@media screen and (max-width: 768px) {
	.menu-header-menu-container{ 
		margin: 10px 0px;
	}
	body #header h1{
		position: relative;
	}
}
@media screen and (max-width: 480px) {
	ul#responcive-menu1 { 
		width: 100%;
	}
	ul#responcive-menu1 > li {
		display: none;
		position: relative;
		width: 100% !important; 
	}
	body ul#responcive-menu1 > li.switch{
		background: none;
		color:#fff;
	}
	ul#responcive-menu1 > li.switch,
	.resp-menu-switch-input:checked + ul#responcive-menu1 > li + li {
		display: block; 
		background: white;
		color:#000
	}
	ul#responcive-menu1 > li.switch > label {		
		position: absolute;
		cursor: pointer;
		top: 0;
		left: 0;
		right: 0;bottom: 0;
	}
	body ul#responcive-menu1 li > a{
		color:#000;
	}
	body #header h1{
		bottom: 0px;
	}
	body #header{
		padding-bottom: 23px;
	}
}

/*
 CSS for the main interaction
*/
.tabset > input[type="radio"] {position: absolute;left: -200vw;}

.tabset .tab-panel {display: none;}

.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {display: block;}

/*
 Styling
*/
body {font: 16px/1.5em "Overpass", "Open Sans", Helvetica, sans-serif;color: #333;font-weight: 300;}

.tabset > label {
  position: relative;
  display: inline-block;
  padding: 15px 15px 25px;
  border: 1px solid transparent;
  border-bottom: 0;
  cursor: pointer;
  font-weight: 600;
  text-transform: uppercase;
}

.tabset > label::after {
  content: "";
  position: absolute;
  left: 15px;
  bottom: 10px;
  width: 22px;
  height: 4px;
  background: #8d8d8d;
  text-transform: uppercase;
}

input:focus-visible + label {
  outline: 2px solid rgba(0,102,204,1);
  border-radius: 3px;
}

.tabset > label:hover,
.tabset > input:focus + label,
.tabset > input:checked + label {color: #06c;}

.tabset > label:hover::after,
.tabset > input:focus + label::after,
.tabset > input:checked + label::after {background: #06c;}

.tabset > input:checked + label {}

.tab-panel {padding: 30px 0;border-top: 1px solid #ccc;}

/*
 Demo purposes only
*/
*,
*:before,
*:after {box-sizing: border-box;}

body {padding: 15px;}

.tabset {max-width: 65em;}
.tab-panels section {margin-bottom: 0;}
.tab-panel p {padding: 20px 0;}

.add-menu {cursor: pointer;display: block;vertical-align: middle;text-align: left;text-decoration: none;cursor: pointer;padding: 0 14px;background-repeat: repeat;border-width: 0px;border-style: none;text-shadow: none;font-weight: 600;color: #1472b8;margin-top: 6px;}
.menu-text-mob {margin-bottom: -10px;display:none;}
@media (max-width: 767px){.menu-text-mob {margin-bottom: -10px;display:block;} }

.alignright {float: right;}
.alignleft {float: left;}

.help-flex {gap: 15px;display: flex;font-weight: 600;font-size: 17px;}
.help-flex a:hover {color: #06c;text-decoration: underline;}
@media (max-width: 767px){.help-flex {display: block;}}