@font-face {
    font-family: Comfortaa;
    src: url("ui/fonts/Comfortaa/Comfortaa-VariableFont_wght.ttf") format('truetype');
  }
body, html { width: 100%; height: 100%; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 1.4vh;
  overflow: hidden;
 }

.mContainer { width: 100%; height: 100%; overflow-y: auto; }
.contentWrapper { width: 100%; height: auto; overflow: hidden; }
.sliderContainer { width: 100vw; height: 100vh; position: relative; overflow: hidden; }
.sliderContainerText { width: 20vw; height: auto; position: absolute; z-index: 30; overflow: hidden; background: rgba(0, 0, 0, .6); float: left; margin: 5vw 0 0 6vw; padding: 10px 10px 0 10px; border-radius: 5px; }
.sliderContainerTextH, .sliderContainerTextC { width: 90%; height: auto; overflow: hidden; margin: 6px auto 0 auto; text-align: center; color: #fff; font-size: 1vw; }
.sliderContainerTextC { font-size: .8vw; }
.sliderContainerTextDiv { width: 90%; height: 1px; background: #fff; margin: 10px auto 0 auto; opacity: .4; }
.sliderContainerButtons { width: auto; display: inline-block; height: 2vh; margin-top: 10px; color: #fff; cursor: pointer; }
.sliderContainerButtons span { font-size: 1.8vh; float: left; margin-left: 10px; }
.sliderContainerPB { width: 0%; height: 2px; background: #fff; margin-top: 4px; }
.sliderContainer img { width: 100%; height: 100%; object-fit: cover; position: absolute; }

.pageContent { width: auto; height: auto; overflow: hidden; padding: 10px 5vw 10px 5vw; }
.pageContentH { width: 100%; height: auto; overflow: hidden; margin-top: 10px; display: flex; align-items: center; font-size: .8vw; color: rgb(116, 116, 116); }
.pageContentDiv { width: 90%; height: 1px; background: rgb(190, 190, 190); }
.pageContentC { width: 98%; height: auto; overflow: hidden; margin: 20px auto 0 auto; color: rgb(116, 116, 116); font-size: .7vw; }
.pageContentCVItem { width: 40%; height: auto; float: left; background: #f5f5f5; padding-bottom: 10px; 
  -webkit-box-shadow: 0px 0px 15px 0px rgba(179,179,179,1); margin: 16px 0 16px 6%;
  -moz-box-shadow: 0px 0px 15px 0px rgba(179,179,179,1);
  box-shadow: 0px 0px 15px 0px rgba(179,179,179,1); border-radius: 5px; 
}
.pageContentCVItemH { width: 100%; height: auto; overflow: hidden; text-align: center; font-size: 1.8vh; font-weight: bold; margin-top: 10px; padding-bottom: 10px; }
.pageContentCVItemC { width: 90%; height: auto; min-height: 60px; overflow: hidden; margin: 10px auto 0 auto; }
.pageContentCVItemCImg { width: 90%; height: auto; overflow: hidden; margin: 10px auto 0 auto; text-align: center; }
.pageContentCVItemC img { width: 20vh; height: 20vh; margin: 10px auto 0 auto; border-radius: 10vh; border: 2px dashed #e7986d;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(179,179,179,1); margin: 16px 0 16px 1%;
  -moz-box-shadow: 0px 0px 15px 0px rgba(179,179,179,1);
  box-shadow: 0px 0px 15px 0px rgba(179,179,179,1);
 }
 .pageContentCVItemCT { width: 90%; height: auto; overflow: hidden; margin: 16px auto 0 auto; }

 .pageContentContactItem { width: 90%; height: auto; min-height: 200px; margin: 20px auto 0 auto; border-radius: 6px; padding: 14px; background: #424242;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(179,179,179,1); margin: 16px 0 16px 1%;
  -moz-box-shadow: 0px 0px 15px 0px rgba(179,179,179,1);
  box-shadow: 0px 0px 15px 0px rgba(179,179,179,1);
 }
.pageContentContactItemH { width: 100%; height: auto; overflow: hidden; padding: 10px 0 10px 0; border-bottom: 1px solid #787878; }
.pageContentContactItemHFlag { width: auto; height: auto; display: inline-block; }
.pageContentContactItemHT { width: auto; height: auto; display: inline-block; color: #fff; }
.pageContentContactItemC { width: 90%; height: auto; overflow: hidden; margin: 10px auto 0 auto; }
.pageContentContactItemCItem { width: 100%; height: auto; overflow: hidden; padding: 10px 0 10px 0; border-bottom: 1px solid #6b6b6b; color: #fff; }
.pageContentContactItemCItemI { width: auto; height: auto; float: left; }
.pageContentContactItemCItemT { width: auto; height: auto; overflow: hidden; float: left; margin-left: 10px; }

.topMenu { width: 70%; height: 4vw; background-color: rgba(255, 255, 255, .8); overflow: hidden; position: absolute; z-index: 40; border-radius: 0 0 5px 0; }
.topMenuLogo { width: auto; height: 4vw; float: left; overflow: hidden; display: flex; align-items: center; margin-left: 2vw; }
.topMenuLogo img { width: auto; height: 3vw; object-fit: cover; }
.topMenuItemWrapper { width: auto; height: inherit; overflow: hidden; float: left; margin-left: 30px; display: flex; align-items: center; }
.topMenuItem { width: auto; height: auto; min-height: 1vw; float: left; overflow: hidden; padding: 0 20px 0 20px; font-size: .6vw; border-right: 1px solid rgba(0, 0, 0, .3); color: white; display: flex; align-items: center; opacity: .7; cursor: pointer; }
.topMenuItemText { width: auto; height: auto; text-transform: uppercase; font-weight: 500; color: rgba(0, 0, 0, .8); }
.topMenuItem:hover { opacity: 1; }
.topMenuItemRC { width: auto; min-width: 5vw; height: 100%; overflow: hidden; float: right; text-align: center; cursor: pointer; opacity: .7; display: flex; align-items: center; }
.topMenuItemR { width: auto; min-width: 5vw; height: auto; overflow: hidden; }
.topMenuItemRC:hover { opacity: 1; }
.topMenuItemRI img { width: 2vw; height: auto; object-fit: cover; border-radius: .2vw; }
.topMenuItemRI, .topMenuItemRT { width: 90%; height: auto; overflow: hidden; margin: 10px auto 0 auto; }
.topMenuItemRT { text-align: center; margin: 2px auto 0 auto; font-size: .6vw; }

.topMenuLangSelector { width: auto; height: auto; position: absolute; z-index: 40; padding: 10px; border-radius: 5px; background-color: rgba(255, 255, 255, .8); display: none; }
.topMenuLangSelectorItem { width: auto; height: auto; overflow: hidden; padding-bottom: 8px; border-bottom: 1px solid #b5b5b5; margin-top: 12px; cursor: pointer; }
.topMenuLangSelectorItemFlag { width: auto; height: auto; overflow: hidden; float: left; }
.topMenuLangSelectorItemLang { width: auto; height: auto; overflow: hidden; float: left; margin-left: 4px; }

.leftMenu { width: 4vw; height: auto; overflow: hidden; background-color: rgba(255, 255, 255, .8); position: absolute; z-index: 40; margin-top: 4vw; padding-bottom: 3vh; border-radius: 0 0 5px 0; }
.leftMenuTopDiv, .leftMenuTopDivS { width: 70%; height: 1px; background-color: rgba(0, 0, 0, .3); margin: 0 auto 0 auto; }
.leftMenuTopDivS { width: 20px; margin-top: 2px; }
.leftMenuItemWrapper { width: 90%; height: auto; overflow: hidden; margin: 6px auto 0 auto; }
.leftMenuItemQeacher { width: 96%; height: auto; overflow: hidden; margin: 4px auto 0 auto; text-transform: uppercase; font-weight: bold; text-align: center; font-size: .6vw; color: #e7986d; }
.leftMenuItem { width: 100%; height: auto; overflow: hidden; margin: 16px auto 0 auto; cursor: pointer; opacity: .6; }
.leftMenuItem:hover { opacity: 1; }
.leftMenuItemI { width: 90%; height: auto; overflow: hidden; margin: 4px auto 0 auto; text-align: center; }
.leftMenuItemT { width: 90%; height: auto; overflow: hidden; margin: 2px auto 0 auto; text-align: center; text-shadow: 2px 2px 5px rgba(0, 0, 0, .3); font-size: .6vw; }

.mFooter { width: 100%; height: auto; min-height: 300px; margin-top: 20px; background-color: rgb(64, 64, 64); }
.mFooterMid { width: auto; height: auto; overflow: hidden; padding: 10px 5vw 10px 5vw; }
.mFooterMidC { width: 100%; height: auto; overflow: hidden; min-height: 240px;}
.mFooterMidC1 { width: 32%; height: auto; float: left; }
.mFooterMidCSItem { width: 100%; height: 15vh; overflow: hidden; text-align: center; }
.mFooterMidCSItem img { width: auto; height: 90%; }
.mFooterMidCSItem1 { width: 100%; height: auto; overflow: hidden; margin-top: 10px; text-align: center; color: #fff; }
.mFooterMidCSItem1 img { width: 26%; height: auto; cursor: pointer; opacity: .8; }
.mFooterMidCSItem1 img:hover { opacity: 1; }
.mFooterMidCSItem1URL { width: auto; height: auto; display: inline-block; overflow: hidden; margin-top: 6px; opacity: .8; color: #fff; padding: 4px 0 4px 0; border-bottom: 1px solid #ccc; cursor: pointer; }
.mFooterMidCSItem1URLI { width: auto; height: auto; display: flex; align-items: center; float: left; }
.mFooterMidCSItem1URLT { width: auto; height: auto; display: flex; align-items: center; float: left; }
.mFooterMidCSItem1URL:hover { opacity: 1; }
.mFooterB { width: 100%; height: auto; overflow: hidden; min-height: 60px; background: #000; }
.mFooterBMid { width: auto; height: auto; overflow: hidden; padding: 0 5vw 0 5vw; margin-top: 10px; text-align: center; color: #fff; }

/*delete account*/
.daitem { width: 80%; height: auto; min-height: 30vh; overflow: hidden; margin: 20px auto; padding-bottom: 20px; border-bottom: 1px solid #424242; }
.daitemH { width: 90%; height: auto; overflow: hidden; text-align: center; font-size: 1.4vh; margin: 0 auto 0 auto; }
.daitemImg { width: auto; height: auto; overflow: hidden; text-align: center; margin-top: 10px; }
.daitemImg img { width: auto; height: 40vh; border: none; border-radius: 0px; }
.daitemF { width: 100%; height: auto; overflow: hidden; margin-top: 10px; }