:root { 
  --dred:  #a0272d;
  --red:  #e1141b;
  --vk:  #fbf9f2;
  --vk_x:  #eae6d9;
  --grey_x: #808183;
  --grey: #696c70;
  --brown: #c69c6d;
  --dbrown: #976C3B;
 } 
#fixArea{ position:fixed; z-index:5000; bottom:0; right:0px; display:block; height:40px; width:80px; border:0px solid #f0f;

 opacity:0;
}
#fixArea.lg2{width:120px}
#fixArea.on{
 opacity:1;
}
#fixArea.lg2 button,
#fixArea.lg2{width:120px;  height:40px;}
#fixArea button{ background:var(--grey);   padding:0; height:40px; width:80px;
color:#fff;  text-align:center; line-height:20px; font-size:18px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items:center; border:2px solid var(--grey) } 

#fixArea button b{ font-size:32px; line-height:20px;} 


*{   font-family: Arial} 

.covImg { 
background-size:cover;
background-repeat: no-repeat;
display:block;
background-position: 50% 50%;
position:relative; 
} 

.cntImg { 
background-size:contain;
background-repeat: no-repeat;
display:block;
background-position: 50% 50%;
position:relative; 
} 

 
body{   width:100%;  margin:0;padding:0;  }

.font2,
.msg p,
#inner_sidemenu li a{  font-family: verdana; } 
	
	
.btn{ border-radius:0 !important}
.ft1 .chgFs h1{ font-size:36px;}
.ft1  .chgFs,
.ft1  .chgFs p,
.ft1  .chgFs a{ font-size:18px;}
 
.ft2  .chgFs h1{ font-size:48px;}
.ft2  .chgFs,
.ft2  .chgFs p,
.ft2  .chgFs a{ font-size:24px;}
 
 
.ft3  .chgFs h1{ font-size:72px;}
.ft3  .chgFs ,
.ft3  .chgFs p,
.ft3  .chgFs a{ font-size:32px;}
 
a{ color:rgb(13,110,253)}


.ft_btn{display:block;width:20px; height:40px; padding:0 0 5px 0;margin:0 1px 0 1px; text-align:center;  color:#000; text-decoration:none;
border-radius:0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items:flex-end; font-weight:300;color:var(--grey);
position:relative  
  }
  .ft_btn::after{content:""; width:12px; height:2px; background:#fff; position:absolute; display:block;
  margin-left:-6px; bottom:0; left:50%;}
.ft_btn.ft1{font-size:16px; line-height:16px; width:24px;}
  .ft_btn.ft1::after{width:16px; margin-left:-7px;}
.ft_btn.ft2{font-size:20px; line-height:18px; width:26px;}
  .ft_btn.ft2::after{width:16px; margin-left:-8px;}
.ft_btn.ft3{font-size:28px; line-height:22px; width:28px;}
  .ft_btn.ft3::after{width:20px; margin-left:-10px;}
.ft_btn.active{color:var(--grey); }
.ft_btn.active::after{ background:var(--grey);}
.ft_btn:hover{color:#ec1b23}


#header .container{display:block; height:140px; padding:8px 0 12px 0; margin:0 auto; justify-content:space-between}
@media (min-width: 1170px) {
	 .container{
    max-width: 1170px !important;
	}
}

@media (min-width: 576px) {
  .container {
    max-width: 100%;
  }
}
#logo{display:inline-block; padding-left:30px;}
#logo_img_right{display:block; clear:both}
#header_cnt{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items:flex-end }
 #langbtn_cnt{  margin:0 20px 0 20px;}
 #langbtn_cnt a.btn{ border:2px solid var(--grey); color:var(--grey); height:40px; width:38px; line-height:40px;
 padding:0; text-decoration:none; font-size:18px; margin:0 10px 0 0;}
  #langbtn_cnt a.btn:hover,
  #langbtn_cnt a.btn.cr{ background:var(--grey); color:#fff}
 #pi_btn{ border-radius:40px 0 0 0;  border:1px solid var(--grey); color:var(--grey); border-right:0; border-bottom:0; display:inline-block; padding:5px 20px 1px 30px; text-decoration:none}
.nav-item a{ color:#00f; font-size:12px; margin:0 5px 0 0;}
#navmenu{width:100%;}
#navmenu .topul li{ list-style:none; margin:0; padding:0;}
#navmenu .topul{ display:flex; flex-wrap:wrap; justify-content:flex-start; list-style:none; margin:0; padding:0; width:100%;}
#navmenu .topul.lg2{ justify-content:center; position: relative}
#navmenu .topul.lg2 #date_label{ position: absolute; right:0; top:0;}
#navmenu .dropdown-toggle::after{ display:none}

#navmenu .btn-dark{ height:40px; background:0; border:0; font-weight:bold;}

#navmenu .btn-dark:hover{ background:var(--grey)}
#navmenu li#date_label{ margin-left: auto; line-height:40px; background:#000; color:#fff;  
font-size:22px; padding:0 10px 0 20px; border-radius:30px 0  0 30px}
 #date_label_mb{display:none; line-height:50px; background:#000; color:#fff;  
font-size:22px; padding:0 40px 0 30px; border-radius:0 30px 30px 0;
 }
#date_label_inner{ position:relative; z-index:100;  line-height:40px; background:#000; color:#fff;  
font-size:22px; padding:0 40px 0 30px; border-radius:0 30px 30px 0;
 } 
#inner_sidemenu{padding:40px 0 0 0; background:var(--vk); transform: translate(0,-20px) } 
#inner_sidemenu p{ font-size:16px; margin:0; padding:0 30px 0 30px; font-weight:bold; color:var(--red);}
#inner_sidemenu ul{ margin:0 0 15px 0;padding:5px 30px 15px 20px; border-bottom:1px solid #fff; color:#000}
#inner_sidemenu ul li{ color:#000; padding:0; margin:0 0 5px 35px;}
#inner_sidemenu ul li a{ display:block; font-size:16px; line-height:1.2em; color:#000; text-decoration:none;}
#inner_sidemenu ul li a:hover{ text-decoration: underline;}

.home_h1{height:0; width:0; overflow:hidden;display:block; color:#fff;}
.ft1 	#inner_sidemenu p{ font-size:16px;}
.ft1	#inner_sidemenu ul li a{  font-size:16px;   }


.ft2	#inner_sidemenu p{ font-size:20px;}
.ft2	#inner_sidemenu ul li a{  font-size:20px;  }

	

.ft3	#inner_sidemenu p{ font-size:24px;}
.ft3	#inner_sidemenu ul li a{  font-size:24px;  }

	


 #nav-mybar{ min-height:40px;  background:#a0272d;  position: relative; z-index:500;}

 @media (min-width: 992px) {
  .navmenu ul.mydropdown {
	  position: absolute; top:100%; left:0;
    margin: 0;
    padding: 2px 15px 2px 15px;
    display: none;
    list-style: none; min-width:200px; max-width:240px; width:100%;
    align-items: center; background:#c69c6d; border:0px solid #000;
  }
  
  ul.mydropdown li{ border-bottom:1px solid #fff;}
  ul.mydropdown li:last-child{ border:0;}
  ul.mydropdown a.dropdown-item{display:block; white-space:normal; padding:12px 0 12px 0; line-height:20px;color:#ffff; display:block;}
    ul.mydropdown a.dropdown-item:hover{ text-decoration:underline}
  .navmenu ul.mydropdown.show{   display: block;}
  #navbtn-mb{display:none}
}
 
 .main_section{padding:30px 30px 30px 20px;}
 .cover_item_cnt{padding:0 0 0 30px;}
 .cover_item{border-left:6px solid var(--dred); width:100%; background:var(--vk);
  display: flex;
  flex-wrap: nowrap; padding:20px; margin:0 0 20px 0;
  justify-content: center; align-items:center;
  text-decoration:none; cursor:pointer;}
  .cover_item:hover{ text-decoration:underline; text-decoration-color: var(--dred); } 
  .cover_item:last-child{ margin:0;} 
   .cover_item_p{ width:calc(50% - 10px);  color:var(--dred);    padding:0 10px 0 0;}
 
   .cover_item_img{  height:222px; width:50%; display:block;}
   
   footer.container{width:100%; padding:0 15px 0 15px}
   footer .footer_inner{ padding:20px 0 20px 0; margin:1px auto 0 auto; border-top:2px solid var(--grey);  }
   #sobtn_cnt .btn{padding:0; margin:0 5px 0 0; height:40px}
   #sobtn_cnt img{height:100%; width:auto;}
   .inner_side{}
   .inner_content{ padding:50px 30px 30px 30px; font-size:20px; line-height:1.6em; }
   .inner_content h1{ font-size:28px; font-weight:bold; margin:0 0 30px 0; color:var(--red)}
    
   .inner_content h2{ font-size:22px; font-weight:bold; margin:0 0 5px 0; color:var(--red)}
   .inner_content.tt_bk h2{   color:#000}
   
  .ft1 .inner_content{   font-size:18px; }
  .ft2 .inner_content{   font-size:24px; }
  .ft3 .inner_content{   font-size:32px; }
   
  .ft1 .inner_content h1{   font-size:26px; }
  .ft2 .inner_content h1{   font-size:32px; }
  .ft3 .inner_content h1{   font-size:42px; }
   
  .ft1 .inner_content h2{   font-size:22px; }
  .ft2 .inner_content h2{   font-size:28px; }
  .ft3 .inner_content h2{   font-size:34px; }
   
   
   .img_cnt {position: relative; margin: 0 auto 30px auto; z-index:4;}
   
   .img_cnt.in1{ max-width:100%; width:100%}
   .img_cnt.in2{ max-width:360px; width:100%}
   .img_cnt.in3{ max-width:100%; width:100%}
   nav.inner{position: relative;  z-index:44;}
   main{ position: relative;  z-index:4;}
   .msg{ position: absolute;  z-index:5; left:0; bottom:0; padding:5px 30px 5px 30px; width:100%;
   background:rgba(0,0,0,0.5);
   }
   .msg p{ display:none; color:#fff; margin:0; padding:15px 0 5px 0; font-size:16px;} 
   
   .msg.on p{ display:block;}
   
   .msg .imgbtn{ background:0; border:0; padding:0; width:100%; height:40px; text-align:center;

  }
   .msg .imgbtn_inner{ display: flex;
  flex-wrap: nowrap;
  justify-content: center; align-items:center;background:0; margin:0 auto; border:0; padding:0 20px 0 20px; width:70px; height:40px; transform: rotate(180deg)}
   
   .msg.on .close{ display:block}
   .msg.on .open{ display:none}
   .msg .close{ display:none}
   .msg .open{ display:block}
   
   .videobtn{ position: relative; overflow:hidden; border-radius:20px; display:inline-block;}
   .videobtn .ov{ position:absolute; top:50%; left:50%; transform: translate(-50%,-50%);
   padding:20px 1px 10px 1px; background:rgba(255,255,255,0.7);  border-radius:10px;
    display: flex;
  flex-wrap: wrap;width:160px;
  justify-content: center; align-items:center;
   }
   .videobtn b{width:140px; display:block; clear:both; text-align:center; font-size:16px; color:#000; font-weight:normal; }
   .videobtn .ar{width:50px; height:50px; display:flex; background:#fff;
   border-radius:50%; background:var(--red) ;
     flex-wrap: wrap;
  justify-content: center; align-items:center;
   }
    .videobtn .ar::after{ transform:rotate(90deg) translate( 0, -2px);
		content:"";
		 display: inline-block;
      width: 0;
      height: 0;
      border-style: solid;
    border-width: 0px 15px 21px 15px;
    border-color: transparent transparent #fff transparent;
	}
	
	
	
	
#header.inner  #pi_btn{transform:  translate(0,12px)}
#header.inner  #header_df{ padding:0 0 12px 0;}
 #header.inner  #logo{ padding-bottom:12px;}
#header.inner .container{  padding:8px 0 0 0;  }
   nav.inner{ height:0; overflow:hidden; border-top:1px solid var(--grey); transform:  translate(0,-0)}
   
   
   
footer.inner .footer_inner {
	width:calc(70% - 30px);
	margin-right:0;
	text-align:right;
	padding-bottom:60px;
} 

.have_icon{
		  
  display: flex;
  flex-wrap:no wrap;
  align-content: center;
  align-items: center;
  justify-content: flex-start;

}
.bas_cnt{padding:0 0 20px 0;  text-align:center}
.bas_content h2{color:#000;  margin-bottom:10px; text-align:left}
.bas_content p{ position:relative; text-align:left}
.bas_imgcnt_row{margin:20px 0 0 0;}
.bas_imgcnt{ position:relative; text-align:left; padding:0;}
.bas_imgcnt:first-child{padding:0 5px 0 0;}
.bas_imgcnt:last-child{padding:0  0 0 5px;}

.bas_imgcap{ position: absolute; padding:0 15px 0 15px; line-height:40px;
background:var(--red);
top:0; display:block; color:#fff;}
.bas_imgcap:first-child .bas_imgcap{ left:0;}
.bas_imgcap:last-child .bas_imgcap{ left:5px;}

.ms_cnt{    display: flex;
  flex-wrap: nowrap; 
  justify-content: center; align-items:flex-start; }
.ms_icon{width:50px; text-align:left}
.ms_content{padding:5px 0 0 0; width:calc(100% - 50px); text-align:center}
.ms_content h2{ margin-bottom:10px; text-align:left}
.ms_content p{ position:relative; text-align:left}
.ms_content p::after{ content:""; display:block; position: absolute; left:-22px; top:10px;
width:7px; height:7px; background:#000; border-radius:50%;
}
.ms_content img{margin-right:auto; margin-left:auto;}
.ico-mic{width:36px; height:36px; display:block;
border-radius:50%; background:#ffd8d8;
border:4px solid #de8382;
position: relative;
  
  }
   .ico-mic::after{ content:"";
   width:22px; height:22px; display:block;
border-radius:50%; background:#fff;
border:4px solid #f0a7b0; position: absolute; top:50%; left:50%;
transform: translate(-50%,-50%);
   }
   
  .ms_table th{ background:var(--dbrown); color:#fff} 
   .table-striped > tbody > tr > td { border:0;}
   .table-striped > tbody > tr:nth-of-type(2n+1) > td {
  --bs-table-color-type:#000;
  --bs-table-bg-type: var(--vk);
}
   
 @media (max-width: 991px) {
#header.inner #pi_btn {
  transform: translate(0,0);
}#header.inner .container {
  padding: 0 0 0 0;
}
#header #logo ,
#header.inner #logo {
  padding: 0 0 0 12px;  height:150px; 	  
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  justify-content: center;  transform: translate(0,-10px);
}#header.inner #header_df {
  padding: 0 0 0 0;
}
     nav.inner{ height:auto; overflow:visible }
	  #date_label_mb{ display:block}
	 #navmenu li#date_label{ display:none}
  .navmenu ul.mydropdown {
	  position:relative;
	  height:0;
	  overflow:hidden;
  }
  .navmenu  .mydropdownbtn.showmb ul.mydropdown {
	  position:relative;
	  height:auto;	  color:#fff;
  } 
  #navmenu.navmenu  .topul  .mydropdownbtn  ul.mydropdown li{
	  list-style:disc;
	  margin:3px 15px 8px 20px;	  color:#fff;
  }
  #navmenu.navmenu  .topul  .mydropdownbtn  ul.mydropdown li a.dropdown-item{
	  color:#fff;
	 line-height:1.3em; white-space: normal
  }
.ft1 #navmenu.navmenu  .topul  .mydropdownbtn  ul.mydropdown li a.dropdown-item{ font-size:20px;}
.ft2 #navmenu.navmenu  .topul  .mydropdownbtn  ul.mydropdown li a.dropdown-item{ font-size:28px;}
.ft3 #navmenu.navmenu  .topul  .mydropdownbtn  ul.mydropdown li a.dropdown-item{ font-size:36px;}

  #navmenu .mydropdownbtn .mydropdownbtn-mb.btn-dark{width:100%; text-align:left;
 
  font-size:20px;
  padding:3px 36px 3px 0;
  	  height:auto;
	  min-height:40px;
	  
}
  #navmenu  .mydropdownbtn .mydropdownbtn-mb.btn-dark:hover{ background:0;}
 
  .mydropdownbtn .mydropdownbtn-mb::after{ content:"";
  width:26px; height:26px; display:block;
  position: absolute;
  top:12px; right:15px;
  background-size:cover;
background-repeat: no-repeat;
background-position: 50% 50%;
  background:url(../images/arrow.svg) no-repeat}
  
  .mydropdownbtn.showmb .mydropdownbtn-mb::after{  top:2px;  transform: rotate(180deg)}
  
   .mydropdownbtn.showmb  .mydropdown{padding:10px 0 10px 0;}
  
 #nav-mybar{height:50px; position:relative; background:#fff; z-index:500;   }
 #nav-mybar.on{ background:var(--brown)}
  #navbtn-mb{ border:0;
	 height:50px; width:70px; background:var(--red);
	  
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  justify-content: center;

  }
    #navbtn-mb span{  background:#fff;display:block; width:30px; height:4px; margin: 3px 5px 3px 5px;}
#navmenu  {position: absolute;top:49px; left:0; display:none;}
#navmenu.on{ display:block; background:var(--brown);}
#navmenu .topul {
	
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 15px 5px 0 5px;
  width: 100%;
}
#navmenu .topul li.dropdown {  width: 100%; list-style:none; margin:0 0 10px 0; padding:3px 0 13px 0;
border-bottom:2px solid #fff}
#navmenu .topul li.dropdown:last-child{ border:0;}


 #logo{width:50%}
 #header_cnt{width:45%}
 #header_cnt .d-flex.flex-nowrap.align-items-end{
	 flex-wrap:wrap   !important; text-align:right; justify-content:flex-end;
 }
 .bk{width:100%; display:block; overflow:hidden; height:1px;}
 #logo{padding:0 0 40px 15px;}
 #header .container{height:auto; padding:0 0 0 0;}
 
  #langbtn_cnt{  margin:0 5px 0 10px;}
 #langbtn_cnt a.btn{ border:2px solid var(--grey); color:var(--grey); height:30px; width:28px; line-height:25px;
 padding:0; text-decoration:none; font-size:16px; margin:0 5px 0 0;} 
 
.ft_btn {padding:0 3px 5px 3px}

  #pi_btn{ margin:10px 0 0 0;
  padding:5px 20px 1px 50px}

#logo_img_right{ transform: scale(0.8) translate(8%,8%) }
.main_section {
  padding: 15px 0 0 0;
}
.main_row{margin:0; padding:0;}
.cover_main_cnt{padding: 0 15px 15px 15px; text-align:center;}
.cover_item_cnt {  padding: 0 0 0 0;}
  .cover_item {padding:0; margin:0;
  border-left: 0 solid var(--dred);
  flex-wrap:wrap;
flex-direction: column-reverse;
  }
  .cover_item_img {width:100%; height:40vh;}
  .cover_item_p{width:auto; margin:20px 30px 20px 30px; padding:0 0 10px 0; text-align:center;
  border-bottom:4px solid #fff;}
  footer.container {
  width: 100%;
  padding: 0 0 0 0;
}
footer .footer_inner {
  padding: 20px 0 40px 0;
  border-top: 1px solid var(--grey);
} 
  .inner_content {
  padding: 15px;
  font-size: 20px;
  line-height: 1.6em;
}


footer.inner .footer_inner {
	width:100%;
	margin-right:auto;
	text-align:left;
	padding:20px 0 30px 15px;
} 



 }