@font-face {font-family:'montserrat';src:url('../fonts/montserrat/Montserrat-Regular.ttf');font-weight:normal;font-style:normal;}
@font-face {font-family:'montserrat_light';src:url('../fonts/montserrat/Montserrat-Light.ttf');font-weight:normal;font-style:normal;}
@font-face {font-family:'montserrat_thin';src:url('../fonts/montserrat/Montserrat-Thin.ttf');font-weight:normal;font-style:normal;}
@font-face {font-family:'montserrat_medium';src:url('../fonts/montserrat/Montserrat-Medium.ttf');font-weight:normal;font-style:normal;}
@font-face {font-family:'montserrat_semibold';src:url('../fonts/montserrat/Montserrat-SemiBold.ttf');font-weight:normal;font-style:normal;}
@font-face {font-family:'montserrat_bold';src:url('../fonts/montserrat/Montserrat-Bold.ttf');font-weight:normal;font-style:normal;}
@font-face {font-family:'montserrat_extrabold';src:url('../fonts/montserrat/Montserrat-ExtraBold.ttf');font-weight:normal;font-style:normal;}
@font-face {font-family:'montserrat_black';src:url('../fonts/montserrat/Montserrat-Black.ttf');font-weight:normal;font-style:normal;}


*{padding:0;margin:0;text-decoration:none;
  word-break:break-word;
}
html{font-size:var(--font_size);}
body{font-family:'montserrat',sans-serif;background:var(--default_bg_color);color:var(--default_text_color);}
table,tr,td,ul{border-spacing:0;border-collapse:collapse;}
ul{list-style:none;}
img{ border:none; }
a{color:var(--default_text_color);}
a:hover{}
textarea, input, select{outline:none;}
header,footer,article,section,aside,nav{display:block;}
.clear{clear:both;}


::-webkit-scrollbar {width:5px;}
::-webkit-scrollbar-track{background-color:transparent;}
::-webkit-scrollbar-thumb{background-color:#027eff;border-radius:5px;}
@media (max-width: 768px) {
  ::-webkit-scrollbar{width:3px;}
}





.fancybox__content{padding:0 !important;word-wrap:break-word;}
.fancybox-overlay{z-index: 2000 !important;}

.swal2-container{z-index:3000!important;}
.swal2-close{color:var(--swall_close_color)!important;}
.swal2-close:focus{box-shadow:none!important;color:var(--swall_close_color)!important;}
.swal2-close:hover{color:var(--swall_close_color_hover)!important;}
.swal2-popup{background:var(--swall_popup_bg)!important;}
.swal2-content{color:var(--swall_text_color)!important;}

.swalwidth1{width:1500px !important;max-width:96% !important;}
.swalwidth2{width:1400px !important;max-width:96% !important;}
.swalwidth3{width:1200px !important;max-width:96% !important;}
.swalwidth4{width:1000px !important;max-width:96% !important;}
.swalwidth5{width:800px !important;max-width:96% !important;}
.swalwidth6{width:600px !important;max-width:96% !important;}
.swalpadding0{padding:0!important;}

.swal2-container iframe{width:100%;height:70vh;border:none;}


#body{width:100vw;max-width:100%;}
  #sidebar1{display:none;position:fixed;z-index:1000;left:0;top:0;width:65px;height:100vh;box-sizing:border-box;padding:0 5px;transition:transform 300ms;}
  #body.sidebar1_hidden #sidebar1{transform:translate(-65px,0);}
  #container{/*padding:0 0 0 65px;*/transition:padding 300ms;}
  #body.sidebar1_hidden #container{padding:0 0 0 0;}
    #header{}
    #main{padding:20px 25px;}
      #mainheader{margin:0 0 20px 0;/*border-left:2px solid #004287;*/}
      #mainheader h1{padding:0;margin:0;font-weight:normal;font-size:1rem;color:var(--mainheader_color1);font-family:'montserrat_semibold';}
      #mainheader .desc{color:var(--mainheader_color2);font-size:0.9rem;}
@media only screen and (max-width:1100px){
  #main{padding:20px 10px;}
	#sidebar1{transform:translate(-230px,0);}
  #container{padding:0 0 0 0;}
  #body.sidebar1_show #sidebar1{transform:translate(0,0);}
  #body.sidebar1_show #container{width:calc(100% + 230px);padding:0 0 0 230px;}
}


#sidebar1{background:var(--sidebar1_bg_color);color:var(--sidebar1_text_color);}
#sidebar1 a{color:var(--sidebar1_text_color);}
#sidebar1 .header{position:absolute;z-index:100;left:0;top:0;width:100%;height:60px;}
#sidebar1 .header a{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;}
#sidebar1 .header a img{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;object-fit:contain;transform:scale(0.9);}
#sidebar1 .container{
  height:calc(100vh - 130px);box-sizing:border-box;margin:65px 0 0 0;padding:10px 0 10px 0;
  overflow-y:auto;
}
#sidebar1 .container .grid{display:grid;height:100%;align-items:center;}
#sidebar1 .container .grid .s{}
#sidebar1 .container .grid .s.s1{}
#sidebar1 .container .grid .s.s1 .icons{text-align:center;}
#sidebar1 .container .grid .s.s1 .icons .item{margin:18px 0;}
#sidebar1 .container .grid .s.s1 .icons .item a{position:relative;display:inline-block;width:25px;height:25px;}
#sidebar1 .container .grid .s.s1 .icons .item a img{
  position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;object-fit:contain;
  opacity:0.6;transition:all 300ms;
}
#sidebar1 .container .grid .s.s1 .icons .item a:hover img{opacity:1;transform:scale(1.2);}
#sidebar1 .footer{
  position:absolute;z-index:100;left:0;bottom:0;width:100%;height:60px;
  background:var(--sidebar1_footer_bg_color);
}

  /*
  #sidebar1 .grid{
    display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;grid-row-gap:1px;
    height:100%;
  }
  #sidebar1 .grid .s{}
  #sidebar1 .grid .s.s1{padding:10px 0;}
    #sidebar1 .grid .s.s1 a{}
      #sidebar1 .grid .s.s1 a img{width:100%;height:auto;}
  #sidebar1 .grid .s.s2{align-self:center;text-align:center;}
    #sidebar1 .grid .s.s2 .icons{}
      #sidebar1 .grid .s.s2 .icons .item{margin:22px 0;}
        #sidebar1 .grid .s.s2 .icons .item a{font-size:2rem;color:var(--sidebar1_icons1_color);transition:color 150ms;}
        #sidebar1 .grid .s.s2 .icons .item a:hover{color:var(--sidebar1_icons1_color_hover);}
  #sidebar1 .grid .s.s3{}
  */


#header{
  position:sticky;z-index:1000;left:0;top:0;width:100%;box-sizing:border-box;
  background:var(--header_bg_color);border-bottom:1px solid var(--header_border_color);
  transition:all 500ms;
}
#header .normal{}
#header .mobil{display:none;}
#header.sticky1{top:-60px;}
  #header .sect20{height:60px;padding:0 40px;}
    #header .sect20 .grid{height:100%;display:grid;grid-template-columns:auto auto 1fr auto auto;grid-gap:20px;align-items:center;}
      #header .sect20 .grid .s{}
      #header .sect20 .grid .s.s1{}
        #header .sect20 .grid .s.s1 a{font-size:1.3rem;}
      #header .sect20 .grid .s.s2{font-family:'montserrat_semibold';font-size:1.3rem;}
        #header .sect20 .grid .s.s2 a{}
          #header .sect20 .grid .s.s2 a img{height:28px;width:auto;}
      #header .sect20 .grid .s.s3{justify-self:start;}
        #form_headersearch{position:relative;z-index:1;}
        #form_headersearch_result{display:none;
          position:absolute;z-index:1;left:0;top:100%;width:100%;
          box-sizing:border-box;padding:10px;
          background:#fff;border-radius:5px;box-shadow:0 0 5px 1px #999;
        }
        #form_headersearch_result .list{}
        #form_headersearch_result .list .item{font-family:'montserrat_semibold';padding:5px 0 5px 0;border-bottom:1px solid #eee;}
        #header .sect20 .grid .s.s3 .form{display:grid;grid-template-columns:repeat(2,auto);grid-gap:4px;}
          #header .sect20 .grid .s.s3 .forms{}
          #header .sect20 .grid .s.s3 .forms.s1{}
          #header .sect20 .grid .s.s3 .forms.s2{}
            #header .sect20 .grid .s.s3 .forms input{
              display:block;width:200px;height:30px;line-height:28px;box-sizing:border-box;padding:0 10px;
              background:none;background:var(--header_searchinput_bg);border:1px solid var(--header_searchinput_border);border-radius:5px;
            }
            #header .sect20 .grid .s.s3 .forms button{height:30px;line-height:30px;padding:0 15px;
              background:var(--header_searchbutton_bg);/*#25b24a;*/color:var(--header_searchbutton_text);font-size:0.9rem;font-family:'montserrat_medium';border-radius:5px;
              border:none;outline:none;cursor:pointer;
            }
      #header .sect20 .grid .s.s4{}
      #header .sect20 .grid .s.s5{justify-self:end;}
        #header .sect20 .grid .s.s5 a{
          display:block;width:40px;height:40px;line-height:40px;text-align:center;
          background:#ff0000;color:#fff;font-size:1.7rem;border-radius:50%;
        }
        #header .sect20 .grid .s.s5 a.shake{animation:header_shake1 0.5s;animation-iteration-count:1;}
        #header .sect20 .grid .s.s5 a.shake i{display:inline-block;animation:header_shake1 0.5s;animation-iteration-count:1;}
      #header .sect20 .grid .s.s6{justify-self:end;}
        #header .sect20 .grid .s.s6 .flex{display:inline-flex;align-items:center;gap:8px;}
          #header .sect20 .grid .s.s6 .flex .item{}
          #header .sect20 .grid .s.s6 .flex .item.i1{font-size:0.9rem;font-family:'montserrat_semibold';}
          #header .sect20 .grid .s.s6 .flex .item.i2{}
            #header .sect20 .grid .s.s6 .flex .item.i2 img{width:40px;height:40px;object-fit:cover;border:1px solid var(--header_avatar_border_color);border-radius:50%;}
          #header .sect20 .grid .s.s6 .flex .item.i3{font-size:1.2rem;}
  #header .sect40{height:40px;padding:0 40px;}
    #header .sect40 .grid{height:100%;display:grid;grid-template-columns:1fr auto;grid-gap:10px;align-items:center;}
      #header .sect40 .grid .s{}
      #header .sect40 .grid .s.s1{}
      #header .sect40 .grid .s.s2{}
        #header .sect40 .nav1{}
          #header .sect40 .nav1 > ul{display:inline-flex;gap:0px;align-items:center;}
            #header .sect40 .nav1 > ul li{position:relative;}
            #header .sect40 .nav1 > ul > li{
              margin:0 0 0 3px;
            }
              #header .sect40 .nav1 > ul > li > a{
                display:inline-block;padding:7px 10px;/*border-radius:5px;*/font-size:0.9rem;font-family:'montserrat_semibold';
                background:var(--header_nav1_ul_li_a_bgcolor);color:var(--header_nav1_ul_li_a_textcolor);
                transform: skew(-25deg, 0);
              }
              #header .sect40 .nav1 > ul > li > a .inner{
                display:block;transform: skew(25deg, 0);
              }
                #header .sect40 .nav1 > ul > li > a .icon{color:var(--header_nav1_ul_li_a_icon);font-size:1rem;}
              #header .sect40 .nav1 > ul > li:hover > a{background:var(--header_nav1_ul_li_a_hover_bg);color:var(--header_nav1_ul_li_a_hover_textcolor);}
              #header .sect40 .nav1 > ul > li:hover > a .icon{color:var(--header_nav1_ul_li_hover_a_icon);}
              #header .sect40 .nav1 ul li ul{display:none;
    						position:absolute;z-index:1;left:0;top:calc(100% - 2px);width:230px;box-sizing:border-box;
    						background:var(--header_nav1_ul_li_ul_bg);border-radius:0 5px 5px 5px;
    					}
    					#header .sect40 .nav1 ul li ul a{
                position:relative;display:block;
    						padding:5px 10px;color:var(--header_nav1_ul_li_ul_a_color);font-size:0.9rem;font-family:'montserrat_semibold';
    						transition:200ms background;border-bottom:1px solid var(--header_nav1_ul_li_ul_a_bordercolor);border-radius:5px;
    					}
              #header .sect40 .nav1 ul li ul a .icon{margin:0 3px 0 0;font-size:1rem;}
                #header .sect40 .nav1 ul li ul a .subicon{
                  position:absolute;z-index:1;right:6px;top:50%;transform:translate(0,-50%);font-size:0.7rem;
                }
              #header .sect40 .nav1 ul li ul li:has(ul:hover){background:var(--header_nav1_ul_li_ul_li_has_ul_hover_bg);}
    					#header .sect40 .nav1 ul li ul a:hover{background:var(--header_nav1_ul_li_ul_a_hover_bg);}
    					#header .sect40 .nav1 ul ul ul{position:absolute;z-index:1;left:100%;top:0;border-radius:0 5px 5px 5px;}
#header .mobil{}
#header .mobil .sect1020{padding:10px;}
#header .mobil .sect1020 .grid{display:grid;grid-template-columns:1fr auto auto auto;grid-gap:10px;align-items:center;}
#header .mobil .sect1020 .grid .s{}
#header .mobil .sect1020 .grid .s.s1{}
#header .mobil .sect1020 .grid .s.s1 a{}
#header .mobil .sect1020 .grid .s.s1 a img{height:25px;width:auto;}
#header .mobil .sect1020 .grid .s.s2{}
#header .mobil .sect1020 .grid .s.s3{}
#header .mobil .sect1020 .grid .s.s3 a{font-family:'montserrat_semibold';}
#header .mobil .sect1020 .grid .s.s3 a img{height:30px;height:30px;object-fit:cover;border-radius:50%;}
#header .mobil .sect1020 .grid .s.s4{}
#header .mobil .sect1020 .grid .s.s4 a{font-size:1.6rem;}
#header .mobil .sect1020 .grid .s.s2{justify-self:end;}
  #header .mobil .sect1020 .grid .s.s2 a{
    display:block;width:30px;height:30px;line-height:30px;text-align:center;
    background:#ff0000;color:#fff;font-size:1.3rem;border-radius:50%;
  }
  #header .mobil .sect1020 .grid .s.s2 a.shake{animation:header_shake1 0.5s;animation-iteration-count:1;}
  #header .mobil .sect1020 .grid .s.s2 a.shake i{display:inline-block;animation:header_shake1 0.5s;animation-iteration-count:1;}
@keyframes header_shake1-iptal {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}
@keyframes header_shake1 {
  0% { transform: translate(2px, 2px) rotate(0deg); }
  10% { transform: translate(-2px, -3px) rotate(-1deg); }
  20% { transform: translate(-4px, 01px) rotate(1deg); }
  30% { transform: translate(4px, 3px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-2px, 3px) rotate(-1deg); }
  60% { transform: translate(-4px, 2px) rotate(0deg); }
  70% { transform: translate(3px, 2px) rotate(-1deg); }
  80% { transform: translate(-2px, -2px) rotate(1deg); }
  90% { transform: translate(2px, 3px) rotate(0deg); }
  100% { transform: translate(2px, -3px) rotate(-1deg); }
}
@media only screen and (max-width:900px){
  #header .normal{display:none;}
  #header .mobil{display:block;}
  #header.sticky1{top:0px;}
}
@media only screen and (max-width:390px){
  #header .normal{display:none;}
  #header .mobil{display:block;}
  #header.sticky1{top:0px;}
  #header .mobil .sect1020 .grid .s.s1 a img{height:18px;}
}



#sidebaruser{
  position:fixed;z-index:1200;right:-310px;top:0;width:300px;height:100vh;
  box-sizing:border-box;padding:0 0 60px 0;
  background:#3a3939;color:#aaa;overflow:auto;box-shadow:-5px 0 5px -5px #000;
  transition:right 300ms;
}
  #sidebaruser .hd{position:sticky;z-index:5;left:0;top:0;width:100%;
    box-sizing:border-box;padding:8px 20px;/*line-height:40px;*/
    background:#3a3939;
    text-align:center;font-size:1.4em;box-shadow:0 5px 5px -5px #111;
  }
    #sidebaruser .hd .grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;}
      #sidebaruser .hd .grid .s{}
      #sidebaruser .hd .grid .s.s1{justify-self:start;color:#777;}
      #sidebaruser .hd .grid .s.s2{justify-self:end;}
        #sidebaruser .hd .closer{color:#aaa;font-size: 1.7rem;}
        #sidebaruser .hd .closer:hover{color:#fff;}
  #sidebaruser .body{padding:0;}
    #sidebaruser .body .user1{padding:25px 0;}
      #sidebaruser .body .user1 .img{}
        #sidebaruser .body .user1 .img a{position:relative;display:block;width:100px;height:100px;margin:0 auto;border-radius:50%;background:#646464;}
          #sidebaruser .body .user1 .img a img{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;object-fit:cover;
            border-radius:50%;box-shadow:0 0 10px 1px #000;scale:0.85;
          }
      #sidebaruser .body .user1 .name{margin:4px 0 0 0;text-align:center;font-family:'montserrat_semibold';}
    #sidebaruser .body .temasetting{padding:20px;background:#444444;text-align:center;box-shadow:0 -5px 5px -5px #111;}
      #sidebaruser .body .temasetting .title{margin:0 0 10px 0;font-family:'montserrat_semibold';font-size:0.9rem;}
      #sidebaruser .body .temasetting .box{padding:8px;margin:0 0 5px 0;background:#3a3939;}
      #sidebaruser .body .temasetting .box:nth-last-of-type(1){margin:0;}
        #sidebaruser .body .temasetting .box .title2{margin:0 0 3px 0;font-size:0.9rem;font-family:'montserrat_semibold';}
      #sidebaruser .body .temasetting .color{}
        #sidebaruser .body .temasetting .color .select{text-align:center;}
          #sidebaruser .body .temasetting .color .select select{min-width:180px;height:25px;padding:0 5px;background:#444;color:#aaa;border:1px solid #444;}
      #sidebaruser .body .temasetting .fontsize{}
        #sidebaruser .body .temasetting .fontsize .grid{display:grid;grid-template-columns:1fr auto;grid-gap:10px;align-items:center;}
          #sidebaruser .body .temasetting .fontsize .grid .s{}
          #sidebaruser .body .temasetting .fontsize .grid .s.s1{}
            #sidebaruser .body .temasetting .fontsize .grid .s.s1 input{display:block;width:100%;}
          #sidebaruser .body .temasetting .fontsize .grid .s.s2{justify-self:end;}
    #sidebaruser .cikis{margin:30px 0 0 0;text-align:center;font-size:0.9rem;font-family:'montserrat_semibold';}
    #sidebaruser .cikis a{color:#ccc;}
    #sidebaruser .cikis a:hover{color:#fff;}
@media only screen and (max-width:500px){
  #sidebaruser{width:85%;right:-86%;}
}


#sidebar2{
  position:fixed;z-index:1200;right:-310px;top:0;width:300px;height:100vh;
  box-sizing:border-box;padding:0 0 60px 0;
  background:#3a3939;color:#aaa;overflow:auto;box-shadow:-5px 0 5px -5px #000;
  transition:right 300ms;
}
  #sidebar2 .hd{position:sticky;z-index:5;left:0;top:0;width:100%;
    box-sizing:border-box;padding:8px 20px;/*line-height:40px;*/
    background:#3a3939;
    text-align:center;font-size:1.4em;box-shadow:0 5px 5px -5px #111;
  }
    #sidebar2 .hd .grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;}
      #sidebar2 .hd .grid .s{}
      #sidebar2 .hd .grid .s.s1{justify-self:start;color:#777;}
      #sidebar2 .hd .grid .s.s2{justify-self:end;}
        #sidebar2 .hd .closer{color:#aaa;font-size: 1.7rem;}
        #sidebar2 .hd .closer:hover{color:#fff;}
  #sidebar2 .body{padding:0;}    

  #sidebar2 .nav1{padding:0 5px;margin:0 auto 30px auto;}
	#sidebar2 .nav1 ul{overflow:hidden;}
	#sidebar2 .nav1 > ul{}
		#sidebar2 .nav1 > ul > li > a{padding:3px 0;}
		#sidebar2 .nav1 ul li{position:relative;z-index:1;padding:0 0 1px 0;border-bottom:1px solid #ddd;}
    #sidebar2 .nav1 ul li:nth-last-of-type(1){border-bottom:none;}
      #sidebar2 .nav1 ul li .subicon{display:inline-block;
        position:absolute;z-index:2;right:0;top:5px;width:20px;height:20px;line-height:20px;border-radius:50%;
        background:#000;color:#ccc;text-align:center;font-size:1rem;
      }
			#sidebar2 .nav1 ul li a{
        display:block;padding:7px 5px;
				text-decoration:none;color:#a3a3a3;
				
        /*display:grid;grid-template-columns:30px auto;grid-gap:1px;align-items:center;*/
			}
				#sidebar2 .nav1 ul li a span.icon{
          float:left;margin:0 6px 0 0;
				}
				#sidebar2 .nav1 ul li a span.text{padding:7px 5px 7px 0;}
        #sidebar2 .nav1 ul li a:after{content:"";display:block;clear:both;}
			#sidebar2 .nav1 ul li a.selected{}
				#sidebar2 .nav1 ul li a.selected span.text{color:var(--nav1_a_selected_span_color);}
				#sidebar2 .nav1 ul li a.selected span.toggle_icon{transform:rotate(90deg);}
			#sidebar2 .nav1 ul li a.selected_link_view{}
				#sidebar2 .nav1 ul li a.selected_link_view span.view_icon{opacity:1;}
			#sidebar2 .nav1 ul li ul{display:none;padding:5px 0;margin:0 0 0 14px;border-left:var(--nav1_ul_li_ul_border_left);}
				#sidebar2 .nav1 ul li ul.selected{display:block;}
				#sidebar2 .nav1 ul li ul li{}
					#sidebar2 .nav1 ul li ul li a{transform:translate(-100%,0);}
			#sidebar2 .nav1 ul li ul.selected{}
				#sidebar2 .nav1 ul.selected li{}
					#sidebar2 .nav1 ul.selected li a{
						-webkit-animation: example 300ms ease 100ms 1 alternate;-webkit-animation-fill-mode:forwards;
						animation: example 300ms ease 100ms 1 alternate;animation-fill-mode:forwards;
					}


			@-webkit-keyframes example{
				0%{transform:translate(-100%,0) scale(0);}
				100%{transform:translate(0,0) scale(1);}
			}
			@keyframes example{
				0%{transform:translate(-100%,0) scale(0);}
				100%{transform:translate(0,0) scale(1);}
			}

  @media only screen and (max-width:500px){
  #sidebar2{width:100%;right:-101%;}
}


#body.sidebaruser_show #sidebaruser{right:0!important;}
#body.sidebar2_show #sidebar2{right:0!important;}