@font-face{font-family:"audiowide";src:url("/fonts/audiowide/Audiowide-Regular.ttf") format("truetype");font-weight:normal;font-style:normal;font-display:swap}
body{margin:0;padding:0;font-size:16px;-webkit-text-size-adjust:none;text-size-adjust:none;font-family:calibri,helvetica,arial,verdana,sans-serif;color:#424347;background-color:#fff;transition:all 0.5s}
.wrapper{max-width:1450px;width:100%;margin:auto;transition:all 0.5s}
.content h1{font-size:1.8rem;line-height:125%;font-weight:normal;font-family:'audiowide',calibri,helvetica,arial,verdana,sans-serif;margin:40px auto 20px auto;color:#343b92}
.content h1:first-child{margin-top:0}
.content h2{font-size:1.6rem;line-height:125%;font-weight:normal;font-family:'audiowide',calibri,helvetica,arial,verdana,sans-serif;margin:40px auto 20px auto;color:#343b92}
.content h2:first-child{margin-top:0}
.content h3{font-size:1.4rem;line-height:125%;font-weight:bold;font-family:calibri,helvetica,arial,verdana,sans-serif;margin:40px auto 20px auto;color:#343b92}
#top{position:relative;xborder:1px solid red}
#top::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:url('/v_13/images/bg_header.jpg');background-position:calc(50% + 200px) center;background-size:auto 100%;background-repeat:no-repeat;z-index:0}
#top::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background-image:linear-gradient(to right,transparent calc(50% + 600px),#eae5de calc(50% - 600px)),linear-gradient(to right,#eceff6 50%,transparent 50%);background-repeat:no-repeat;background-position:left top,left bottom;background-size:100% 76px,100% 64px;z-index:1}
#header{position:relative;z-index:2;xborder:1px solid blue}
#hwelcome{background:linear-gradient(to right,#fff 0%,#fff 80%,transparent 100%);display:block;width:400px;ypadding:40px 160px 40px 80px;xpadding-right:100px;ypadding:40px 180px 40px 80px;padding:40px 160px 40px 0;text-align:center;yborder:1px solid red}
#logo{height:auto;width:100%;margin:0 auto 40px auto}
#wslogan1{color:#343b92;font-size:1.6rem;font-family:calibri,helvetica,arial,verdana,sans-serif;margin:0 auto 40px auto}
#wslogan1 span{display:block;margin:0 auto}
.wbutton{display:inline-block;margin:0 10px;background-color:#fff;color:#505ba8;text-decoration:none;padding:20px 40px;font-weight:bold;font-size:1.1rem;xmax-width:200px;border-radius:5px;border:2px solid #505ba8}
#hcontact{background:linear-gradient(to right,#eceff6 0%,#eceff6 80%,transparent 100%);padding:20px 0;text-align:center;yborder:1px solid red;width:auto;display:inline-grid;gap:80px;grid-template-columns:repeat(3,auto);height:24px}
#hcontact .hlink{color:#343b92;text-decoration:none;font-size:1.6rem;text-decoration:none}
#hcontact .hlink .fa-solid{margin-right:3px}
#hslogan2{text-align:left;color:#343b92;font-size:1.6rem;font-style:italic;font-family:calibri,helvetica,arial,verdana,sans-serif;margin-right:60px}
#mobilenav{display:none;font-size:2rem;color:#343b92;cursor:pointer;position:absolute;right:20px;top:40px;transition:all 0.5s;border:2px solid #343b92;border-radius:5px;background-color:#fff;padding:8px}
#nav{ydisplay:none;position:absolute;top:40px;right:20px;background:linear-gradient(to left,#eae5de 0%,#eae5de 80%,transparent 100%);padding:0 0 0 120px;margin:0}
#nav li{display:inline-block;margin:20px}
#nav li:first-child{margin:20px 20px 20px 0}
#nav li:last-child{margin:20px 0 20px 20px}
#nav li a[href]:link,#nav li a[href]:visited,#nav li a[href]:active,#nav li a[href]:focus{text-decoration:none;font-size:1.3em;color:#424347;display:inline-block;transition:all 0.5s;font-family:calibri,helvetica,arial,verdana,sans-serif;padding:4px;border-bottom:2px solid transparent}
#nav li a[href]:hover{color:#343b92}
#nav li a[href].active{color:#343b92;border-bottom:2px solid #343b92}
#intro{text-align:center;max-width:950px;margin:80px auto}
.section{text-align:center;max-width:950px;margin:80px auto}
.section2{text-align:center;max-width:650px;margin:80px auto}
.boxes{display:grid;gap:40px;grid-template-columns:repeat(3,1fr);margin:0 auto 80px auto}
.box{background-color:#f7f7fa;border:3px solid #cccfe4;border-radius:7px;text-align:center;padding:20px}
.box .icon{background-color:#fff;display:grid;place-items:center;width:80px;height:80px;border-radius:40px;font-size:2.4rem;color:#343b92;border:1px solid #cccfe4;margin:0 auto}
.box h2{font-size:1.2rem;font-weight:normal;margin:20px auto 20px auto;color:#343b92;font-family:'audiowide',calibri,helvetica,arial,verdana,sans-serif}
.box .boxtext{margin:0 auto;max-width:350px}
.box .boxlink{display:block;color:#343b92;margin:10px auto 0 auto;text-decoration:none;font-weight:bold}
.box .boxlink .fa-solid{margin-left:3px}
.boxes2{display:grid;gap:40px;grid-auto-rows:1fr;margin:40px auto 80px auto;position:relative}
.boxes2::before{content:"";position:absolute;inset:0;top:-20px;bottom:-20px;left:-20px;right:-20px;background:#343b92;clip-path:polygon(50% 0,0 100%,100% 100%);z-index:-1}
.box2{background-color:#f7f7fa;border:3px solid #cccfe4;border-radius:7px;text-align:center;padding:20px}
.box .icon{background-color:#fff;display:grid;place-items:center;width:80px;height:80px;border-radius:40px;font-size:2.4rem;color:#343b92;border:1px solid #cccfe4;margin:0 auto}
.box2 h3{font-size:1.2rem;font-weight:bold;margin:20px auto 20px auto;color:#343b92;font-family:calibri,helvetica,arial,verdana,sans-serif}
.box2 .boxtext{margin:0 auto;max-width:350px}
.banner{background-color:#ebeff5;background-image:url('/v_13/images/bg_banner_right.png'),url('/v_13/images/bg_banner_left.png');background-repeat:no-repeat;background-position:right center,left center;background-size:auto 100%,auto 100%}
.bcontent{text-align:center;padding:40px 0}
.bcontent h4{font-size:1.6rem;font-weight:normal;margin:0 auto 20px auto;color:#343b92;font-family:'audiowide',calibri,helvetica,arial,verdana,sans-serif}
.bcontent .blink{display:block;margin:20px auto 0 auto;background-color:#505ba8;color:#fff;text-decoration:none;padding:20px 40px;font-weight:bold;font-size:1.1rem;max-width:240px;border-radius:5px}
#bottom{background-color:#f7f7fa;color:#343b92;border-top:3px solid #cccfe4;margin-top:80px}
#footer{display:grid;place-items:center;min-height:70px}
#footer a[href]:link,#footer a[href]:visited,#footer a[href]:active,#footer a[href]:focus,#footer a[href]:hover{text-decoration:none;color:#343b92;display:inline-block;transition:all 0.5s;cursor:pointer}
#fcontact{list-style-type:none;padding:0}
#fcontact li{display:inline-block;margin:0 20px}
@media only screen and (max-width:1500px){.wrapper{max-width:1350px;background-color:blue}}
@media only screen and (max-width:1400px){.wrapper{max-width:1250px;background-color:red}
#top::before{background-position:calc(50% + 300px) center}
#top::after{background-size:100% 68px,100% 56px;background-image:linear-gradient(to right,transparent calc(50% + 400px),#eae5de calc(50% - 600px)),linear-gradient(to right,#eceff6 50%,transparent 50%)}
#hwelcome{width:360px}
#nav li{margin:16px}
#nav li:first-child{margin:16px 16px 16px 0}
#nav li:last-child{margin:0 16px 16px 16px}
#hcontact{padding:16px 0;gap:60px}
#hcontact .hlink{font-size:1.4rem}
#hslogan2{font-size:1.4rem}}
@media only screen and (max-width:1300px){.wrapper{max-width:1150px;background-color:green}}
@media only screen and (max-width:1200px){.wrapper{max-width:1050px;background-color:purple}
#top::after{background-size:100% 64px,100% 56px}
#hwelcome{width:320px}
#wslogan1{font-size:1.4rem}
#hcontact .hlink{font-size:1.2rem}
#hslogan2{font-size:1.2rem}
#nav li{margin:14px}
#nav li:first-child{margin:14px 14px 14px 0}
#nav li:last-child{margin:0 14px 14px 14px}
#fcontact li{margin:0 10px}}
@media only screen and (max-width:1100px){.wrapper{max-width:950px;background-color:grey}}
@media only screen and (max-width:1000px){body{overflow-x:hidden}
.wrapper{max-width:unset;background-color:yellow}
#top::before{background-position:calc(50% + 150px) center}
#top::after{display:none}
#header{xbackground-color:#fff}
#hwelcome{xbackground-color:#fff;width:260px;padding:40px 120px 40px 20px}
#logo{xwidth:200px}
#wslogan1{margin:0 auto;font-size:1.2rem}
#mobilenav{display:inline-block}
#nav{display:none}
.wbutton{display:none}
#hphone{display:none}
#hslogan2{margin-left:20px;font-size:1.2rem}
#intro{margin:80px 20px}
.boxes{margin:0 20px}
.bcontent{margin:0 20px}
.section{margin:80px 20px}
.section2{margin:80px 20px}
#fcontact li{display:block;margin:0 auto 10px auto;text-align:center}
#fcontact li:last-child{margin:0 auto}}
@media only screen and (max-width:900px){.wrapper{max-width:unset;background-color:lightgreen}
#top::before{background-position:calc(50% + 200px) center}
#hwelcome{width:240px}
#wslogan1{font-size:1.0rem}}
@media only screen and (max-width:800px){.wrapper{max-width:unset;background-color:black}
#top::before{background-position:calc(50% + 250px) center}
#hwelcome{width:220px}
#hcontact{height:unset}
#hslogan2{font-size:1.0rem}
#hslogan2 span{display:block;margin-right:unset}
.boxes{grid-template-columns:1fr}}
@media only screen and (max-width:650px){.wrapper{max-width:unset;background-color:lightblue}
#top::before{background-position:center 240px;background-size:auto calc(100% - 240px)}
#hwelcome{padding:40px 20px;margin-bottom:300px;xbackground-color:#fff;width:auto;text-align:left}
#logo{max-width:200px;margin:0 auto 40px 0}
#hcontact{xmargin-bottom:300px}}
@media only screen and (max-width:450px){.wrapper{max-width:unset;background-color:red}}
.wrapper{background-color:unset !important}
.box .boxlink{display:none !important}
#nav li{display:none !important}
#mobilenav{display:none !important}
#top::after{background-image:linear-gradient(to right,transparent calc(50% + 600px),transparent calc(50% - 600px)),linear-gradient(to right,#eceff6 50%,transparent 50%) !important}