@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100;0,300;0,700;1,100;1,300;1,700&family=Roboto+Flex:opsz,wght@8..144,100;8..144,700&display=swap');

body {background-color:#05446F;}
.wrapper {max-width:1024px;margin:0 auto;background-color:#020131;min-height:100vh;}
.bottom {max-width:1024px;margin:0 auto;background-color:#020131;min-height:100vh;}
.wrapper .bg {position:fixed;top:0;z-index:0;width:100%;height:100%;background-image:url(/index.php/image/news/300/bg1b.jpg);background-size:cover;/*background-repeat:no-repeat;*/background-position: top center;max-width:1024px;max-height:1024px;margin:0 auto;box-shadow: 0px 0px 20px 10px rgba(55,61,66,0.5);}
.wrapper .bg1 {background-image:url(/index.php/image/news/300/bg1b.jpg);}
.wrapper .bg2 {background-image:url(/index.php/image/news/300/bg2.jpg?v2),url(/index.php/image/news/300/bg1b.jpg);}
.wrapper .bg3 {background-image:url(/index.php/image/news/300/bg3.jpg?v2),url(/index.php/image/news/300/bg1b.jpg);}
.wrapper .bg4 {background-image:url(/index.php/image/news/300/bg4.jpg),url(/index.php/image/news/300/bg1b.jpg);}
.wrapper .bg5 {background-image:url(/index.php/image/news/300/bg5.jpg),url(/index.php/image/news/300/bg1b.jpg);}
.wrapper .bg6 {background-image:url(/index.php/image/news/300/bg6.jpg),url(/index.php/image/news/300/bg1b.jpg);}
.wrapper .bg7 {background-image:url(/index.php/image/news/300/bg7.jpg),url(/index.php/image/news/300/bg1b.jpg);}
.wrapper .bg8 {background-image:url(/index.php/image/news/300/bg8.jpg),url(/index.php/image/news/300/bg1b.jpg);}
.wrapper .bg .preload {width:1;height:1;}

body,td,input {font-family: 'Roboto Flex', sans-serif !important; font-weight:100;font-size:11pt;}
h1,h2,h3,.header,a {font-family: 'Josefin Sans', sans-serif !important;}

.header {text-align:center;position:relative;/*position:sticky;top:0px;z-index:1000;*/max-width:1024px;margin:0 auto 16px auto;display:flex;align-items:start;}
.menu_items {align-items:baseline;vertical-align:baseline;}
.menu_items .links {margin-right:29px;display:inline-block;white-space:nowrap;}
.menu_items a {margin:3px 0px;}
.header .logo {padding:22px 0px 0px 72px;position:relative;z-index:2;min-width:120px;}
.header .topmenu {text-align:right;flex:1;position:relative;z-index:2;padding:18px 42px 0px 0px;}
.header .text {color:rgba(255,255,255,0.95);font-size:15px;margin:3px 2%;padding:6px;font-weight:normal;}
.header .msr {color:rgba(255,255,255,0.95);font-size:15px;font-weight:normal;}
.header #menu_doc,.header #menu_login {display:inline-block;color:rgba(255,255,255,0.95);font-size:14pt;margin:4px 16px;padding:4px 16px;font-weight:normal;background-color:rgba(255,255,255,0.33);border-radius:16px;position:relative;}
.header #menu_doc input {background:none;border:none;max-width:35vw;}
.header #menu_doc input:focus ~ .placeholder {opacity:0 !important;}
.header #menu_doc .doc_menu {height:200px;overflow:hidden;transition:all 0.3s;}
.header #menu_doc input:not(:focus) ~ .doc_menu {height:0px;overflow:hidden;}
.header #menu_doc .placeholder {position:absolute;left:14px;top:0px;z-index:2;opacity:1 !important;pointer-events:none;transition:all 0.3s;}
.header #menu_doc #searchicon {position:absolute;right:19px;top:6px;z-index:2;cursor:zoom-in;}

.button {border-radius:16px !important;border:1px solid rgba(255,255,255,0.95) !important;}

div.learnmore {text-align:center;padding-bottom:16px;}
a.learnmore {display:inline-block;margin:0px auto;color:rgba(255,255,255,0.95);font-weight:bold;font-size:17px;border-radius:16px !important;border:1px solid rgba(255,255,255,0.95) !important;padding:8px 30px;background-color:rgba(0,0,0,0.2);}

.header_links {}
.content {max-width:1024px;margin:0 auto;padding-bottom:200px;min-height:500px;position:relative;z-index:2;}

div.bottom {width:100%;text-align:center;padding:10%;box-sizing:border-box;}
.menutable,.submenutable {width:100%;}
.menutable tr.menutr td,.submenutable tr.submenutr td {padding:4px;flex:1;white-space:nowrap;min-width:100px;}
.menutable tr.menutr,.submenutable tr.submenutr {display:flex;flex-wrap:wrap;width:100%;}
.submenutable hr {display:none;}
.submenudiv {position:relative !important;width:100% !important;}
.menulink {font-size:11px; text-decoration: none;color:#333366;}


#submenutd_here { font-weight: bold;}

a.submenulink {  font-size:10px; color:#333366;text-decoration: none;}

.input { font-size: 11px;}

.login { font-size: 10px;}

.sublogo {font-size: 9px;color=#808080;}

.type10 {font-size: 9px;}

.type10.table.td {font-size: 9px;}

.question_number {font-size:1px;}

.question_question {font-size:10px;font-weight: bold;}

.question_choice {font-size:10px;}


.doclines {background:none !important;}
.newscontainer:not(:has(.hero)), .hero, .newscontainer_open, .roundzone:not(:has(.hero)):not(:has(.newscontainer_open)):not(:empty) {overflow:hidden;position:relative;width:auto !important;display:block;margin: 3%;padding:0%;width:auto;background-color:rgba(0,0,0,0.63);border-radius:32px;box-shadow: 0px 0px 20px 10px rgba(255,255,255,0.5);color:#FFF;transition:all 0.3s;min-height:64px;max-height: calc(100vh - 140px);overflow: auto;}
.hero {display:flex;flex-wrap:wrap;margin:12% 12% 6% 12%;padding:5%;}
body.learnmore .hero {max-height:0px;min-height:0px;margin-top:2%;margin-bottom:2%;}
body.learnmore .hero .col2, body.learnmore .hero .verybig, body.learnmore .hero .subtitle {opacity:0;}
body.learnmore .hero .homebuttons {width:86%;}

.hero > div {flex:1;text-align:left;min-width:200px;transition:all 0.3s;}
h1.verybig {color:#fff;font-weight:normal;display:block;position:relative;padding:0%;z-index:2;transition:all 0.3s;}
h2.prettybig {text-align:left;color:#fff;font-weight:normal;display:block;position:relative;padding:00% 0% 0% 0%;z-index:2;}
.roundzone h2:not(.prettybig) {text-align:center;}
.roundzone h3:not(.prettybig) {margin-top:1em !important;}
.roundzone a {color:#fff;/*font-family: 'Roboto Flex', sans-serif !important;*/}
.roundzone .card li {float:none !important;}
#changingtitle {font-weight:bold;color:#FDCE72;}
#changingtext {text-align:left;display:block;position:relative;padding-left:0%;z-index:2;height:90px;padding-bottom:100px;}
#changingtext .line {margin-bottom:5px;transition:all 0.3s;clear:both;}
#changingtext .line a.previous {display:block;float:left; color:rgba(255,255,255,0.8);margin-bottom:15px;transition:all 0.3s;font-style:italic;}
#changingtext .line a.next {display:block;float:right; color:rgba(255,255,255,0.8);margin-bottom:15px;transition:all 0.3s;font-style:italic;}
div.verybigimg {position:absolute;width:50%;height:100%;right:0px;z-index:1;/*background-image:url(./index.php/image/news/295/1.jpg);*/background-size:cover;background-position:center;overflow:hidden;}
.changingtexts {display:none;}
.changingtitlec {display:block;position:relative;height:30px;line-height:30px;text-align:left;}
.changingtitlec span {position:absolute; left:0;}
.changingtitlec #changingtitlea {left:auto;right:0;}
.swipe1 {display:inline-block;animation:swipe1 0.2s ease-in;}
@keyframes swipe1 {0% {opacity:1;margin-top:0px;}
100% {opacity:0;margin-top:-20px;}}
.swipe2 {display:inline-block;animation:swipe2 0.2s ease-in;}
@keyframes swipe2 {0% {opacity:0;margin-top:20px;}
100% {opacity:1;margin-top:0px;}}
.fade1 {display:block;animation:fade1 0.2s ease-in;animation-fill-mode: forwards;}
@keyframes fade1 {0% {opacity:1;}
100% {opacity:0;}}
.fade2, .fade2 > div {display:block;animation:fade2 0.2s ease-in;}
@keyframes fade2 {0% {opacity:0;}
100% {opacity:1;}}
.homebuttons {text-align:left;position:absolute;bottom:16px;text-align:center;width:200px;transition:all 0.3s;}
.homebutton {padding:0%;}
.homebutton a {display:inline-block;width:95%;border:1px solid #fff;background-color: rgba(255,255,255,0.33);background:linear-gradient(90deg, rgba(255,255,255,0.33) 0%, rgba(191,220,245,0.33) 100%);color:#fff;padding:10px 10px;border-radius:30px;font-size:17px;font-weight:bold;}
.homebutton p {padding:0;margin:0;font-size:70%;font-style:italic;}
.doc_menu li {list-style:none;}
.doc_menu li a {color:#FFF;}
body.learnmore .tolearnmore {display:none;}
body:not(.learnmore) .tolearnless {display:none;}

.homesubzone {background-color:rgba(0,52,94,0.83);min-height:353px;position:relative;transition:all 0.3s;}
body:not(.learnmore) .homesubzone {min-height:0px;max-height:0px;overflow:hidden;}
.homesubzonecontents {margin:0% 15%;}
.homesubzone .subzonemainmenu {padding:20px 20px 3px 20px;display:flex;flex-wrap:wrap;/*max-width:100%;*/overflow:auto;}
.homesubzone .subzonesubmenu {padding:3px 20px 10px 20px;display:flex;flex-wrap:wrap;overflow:auto;}
.homesubzone a {color:rgba(255,255,255,0.83); opacity:0.6;font-family: 'Josefin Sans', sans-serif !important;font-size:20px !important;display:inline-block;margin-right:20px;}
.homesubzone a.here {opacity:1;font-weight:bold;}
.homesubzone a:hover {opacity:1;}

.homesubzone .subcontents {padding:20px;color:#fff;display:flex;}
.homesubzone .subcontents div {flex:1;text-align:justify;}

@media screen and (max-width: 1024px) {
.bg {background-size:cover !important;}
}
@media screen and (max-width: 670px) {
#changingtext {height:200px;}
.homebuttons {width:86%;}
h2.prettybig {margin:0;}
}
@media screen and (max-width: 768px) {
.newscontainer:not(:has(.hero)), .hero, .newscontainer_open, .roundzone:not(:has(.hero)):not(:has(.newscontainer_open)):not(:empty)  {margin:1% 2% !important;max-height: calc(100vh - 120px);}
.logo {padding-left:16px !important;}
.topmenu {padding-right:2px !important;padding-top:7px !important;}
.homesubzonecontents {margin:0% 2% !important;}
}
@media screen and (max-height: 480px) {
.newscontainer:not(:has(.hero)), .hero, .newscontainer_open, .roundzone:not(:has(.hero)):not(:has(.newscontainer_open)):not(:empty)  {margin:2% !important;padding-top:0%;max-height: calc(100vh - 120px);}

.homesubzonecontents {margin:0% 2%;}
}

.content .newscontainer_open .grouppath {display:none;}
.content .newscontainer_open .grouppath, .content .newscontainer_open .newscontainer_open, .content .newscontainer_open .newscontainer_open .news, .content .newscontainer_open .newscontainer_open .news a {border:none;box-shadow:none;background:none;background-color:rgba(0,0,0,0);padding:0;margin:0;color:#FFF !important;}
div.newstext {overflow:auto;}
.newstext:not(:has( table:not(.inline))) {padding:2% 5%;}
table.pricing, table.updatelog {padding:0px;margin:0px;border-collapse:collapse;}
table.pricing td, table.updatelog td {position:relative;font-size:15px !important;border:1px solid rgba(255,255,255,0.2);padding:6px 4px;margin:0px;border-collapse:collapse;font-size:75%;background-color:rgba(0,0,0,0.4);text-align:center;transition: all 0.3s;}
table.pricing td p {margin:0;padding:0;}
table.pricing td a {color:#FFF;}
table.pricing tr:first-of-type td {padding-top:0;border-top:none;background:none !important;height:50px;vertical-align:top;}
table.pricing tr td:first-of-type {font-size:95%;border:none;text-align:right;padding-top:0;background:none !important;min-width:80px;z-index:3;}
table.pricing tr td:first-of-type p {position:absolute;z-index:3;width:80px;}
table.pricing tr:not(.category) td:nth-of-type(2) {font-size:85%;border:0;text-align:right;padding-top:0;background:#555 !important;position:sticky;left:0;z-index:9;white-space:nowrap;}
table.pricing tr:not(.category) td:nth-of-type(4),table.pricing tr:not(.category) td:nth-of-type(4) .sticker {background-color:rgba(0,130,150,0.6); !important;}
table.pricing tr:not(.category) td:nth-of-type(6),table.pricing tr:not(.category) td:nth-of-type(6) .sticker {background-color:rgba(0,150,130,0.6); !important;}
table.pricing tr td:first-of-type p b {border-top: 1px solid #fff;display:block;}
table.pricing .small {display:block;opacity:0.8;}
table.pricing .sticker {position:absolute;transform:rotate(10deg);width:40px;bottom:100%;right:0;border-radius:100px;padding:6px 0px;line-height:80%;font-size:12px;font-family: 'Josefin Sans', sans-serif;border:1px solid rgba(255,255,255,0.5);}
table.pricing .yes {color:#FFF;background-color:darkgreen;border-radius:8px;padding:2px 6px;}
table.pricing.col_selected3 tr:not(.category) td:nth-of-type(3),
table.pricing.col_selected4 tr:not(.category) td:nth-of-type(4),
table.pricing.col_selected5 tr:not(.category) td:nth-of-type(5),
table.pricing.col_selected6 tr:not(.category) td:nth-of-type(6),
table.pricing.col_selected7 tr:not(.category) td:nth-of-type(7),
table.pricing.col_selected7 tr:not(.category) td:nth-of-type(8)
{/*font-weight:bold;*/opacity:1 !important;}
table.pricing.col_selected tr:not(.category) td:nth-of-type(3),
table.pricing.col_selected tr:not(.category) td:nth-of-type(4),
table.pricing.col_selected tr:not(.category) td:nth-of-type(5),
table.pricing.col_selected tr:not(.category) td:nth-of-type(6),
table.pricing.col_selected tr:not(.category) td:nth-of-type(7),
table.pricing.col_selected tr:not(.category) td:nth-of-type(8)
{opacity:0.5;}
input[type=range]#nbusers {background-color:rgba(0,0,0,0.2);border-radius:100px;}

table.updatelog td {text-align:left;}