@import url('path/to/styles.css');
/*root light & dark*/
:root{color-scheme:light dark;--gray:#444;--black-soft:#222;--black:#000;--gray-soft:#777;--soft:#eee;--soft-gray:#ccc;--background-color:#fff;--color:#222;
--purple-soft:#a878ff;--purple-dark:#4b0dbf;
--font-family-roboto:-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
--font-family-ptsans:-apple-system,BlinkMacSystemFont,'PT Sans',"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
--cont-title-h1:#2f2165;--cont-title-h2:#222;--cont-title-h3:#000;--cont-title-hh2:#111;--cont-title-hh3:#333;--back-color-header:#f9f9f9;
--shad-zag:-1px -1px 0 #eee, 1px -1px 0 #eee, -1px 1px 0 #eee, 1px 1px 0 #eee;--soc-folnk:#ff1500;--soc-folnk-hover:#b02a37;--back-color-mask:#eee;--main-style-color:#2c205b;
--main-style-dcolor:#171425;--bg-box-color:#eee;--color-gold:#ff9b00;--color-goldstar:#bb8633;--color-goldstars:#bb8633;--p-color-gold:#111;--i-color-gold:#4f39b1;
}

:root body.dark{--background-color:#333;--color:#ccc;--background:#191919;--cont-title-h1:#fff;--cont-title-h2:#ddd;--cont-title-hh2:#eee;
--cont-title-h3:#fff;--cont-title-hh3:#ccc;--back-color-header:#4b0dbf;--shad-zag:-1px -1px 0 #111, 1px -1px 0 #111, -1px 1px 0 #111, 1px 1px 0 #111;
--soc-folnk:#ff6b5e;--soc-folnk-hover:#fff;--back-color-mask:#191b4b;--main-style-color:#fff;--main-style-dcolor:#fff;--bg-box-color:#222;--color-gold:#fff;--color-goldstar:#eee;
--color-goldstars:#ddd;--p-color-gold:#dfbb81;--i-color-gold:#bb8633;
}
/*end*/

/*dark theme switch*/
body.dark{color:var(--color)!important;background-color:var(--background-color)!important}
body{color:var(--color);background-color:var(--background-color)}
.dark-version{width:54px;height:33px;position:relative;display:inline-block;border:2px solid #a1a1a1;border-radius:50px;margin:8px 0 0;overflow:hidden}
.dark-version input{display:none}
.dark-version .toggledark{top:0;left:0;right:0;bottom:0;cursor:pointer;position:absolute;transition:.25s;background:#fff!important;border-radius:45px}
.dark-version .toggledark:before{top:0;bottom:0;width:22px;left:3px;content:"";height:22px;margin:auto 0;position:absolute;transition:.25s;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath fill='%23ffba0d' d='M256 160c-52.9 0-96 43.1-96 96s43.1 96 96 96 96-43.1 96-96-43.1-96-96-96zm246.4 80.5l-94.7-47.3 33.5-100.4c4.5-13.6-8.4-26.5-21.9-21.9l-100.4 33.5-47.4-94.8c-6.4-12.8-24.6-12.8-31 0l-47.3 94.7L92.7 70.8c-13.6-4.5-26.5 8.4-21.9 21.9l33.5 100.4-94.7 47.4c-12.8 6.4-12.8 24.6 0 31l94.7 47.3-33.5 100.5c-4.5 13.6 8.4 26.5 21.9 21.9l100.4-33.5 47.3 94.7c6.4 12.8 24.6 12.8 31 0l47.3-94.7 100.4 33.5c13.6 4.5 26.5-8.4 21.9-21.9l-33.5-100.4 94.7-47.3c13-6.5 13-24.7.2-31.1zm-155.9 106c-49.9 49.9-131.1 49.9-181 0-49.9-49.9-49.9-131.1 0-181 49.9-49.9 131.1-49.9 181 0 49.9 49.9 49.9 131.1 0 181z'/%3e%3c/svg%3e");background-position:center;background-repeat:no-repeat}
.dark-version input:checked + .toggledark{background:#e6b11a !important;}
.dark-version input:checked + .toggledark:before{transform:translateX(20px);background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath fill='%23FFFFFF' d='M283.211 512c78.962 0 151.079-35.925 198.857-94.792 7.068-8.708-.639-21.43-11.562-19.35-124.203 23.654-238.262-71.576-238.262-196.954 0-72.222 38.662-138.635 101.498-174.394 9.686-5.512 7.25-20.197-3.756-22.23A258.156 258.156 0 0 0 283.211 0c-141.309 0-256 114.511-256 256 0 141.309 114.511 256 256 256z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center}
/*end*/

/*thml & body*/
body {display: flex;flex-direction: column;min-height: 100vh;}
#mainbox {flex-grow: 1;}
#ftrbox {flex-shrink: 0;}
/*end*/

/*button*/
.btn {font-size: 1rem !important;font-weight: 300;text-align: center;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;padding: 5px 20px !important;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;display: inline-block;margin: 3px 5px;background-image: none;white-space: nowrap;border-radius:0px !important;letter-spacing: 0px;}

.btn-red {color: #fff !important;background-color: #FFB200 !important;border-color: #FFB200 !important;border-radius: 0px !important;padding: 1em 2em !important;min-height: 58px;min-width: 163px;}
.btn-red:hover {color: #fff !important;background-color: #093F3B !important;border-color: #093F3B !important;text-decoration:none !important;}

.call-box .btn-rd {background-color: #FFB200 !important;border: 1px solid #FFB200;display: inline-block;height: 38px;padding: 0 17px !important;color: #fff !important;cursor: pointer;line-height: 1.95;border-radius: 0.01rem;}
.call-box .btn-rd:hover {background-color: #d60000 !important;display: inline-block;-webkit-appearance: none;outline: 0;transition: all .2s;text-decoration: none;box-shadow: 2px 10px 40px #67b259!important;}
.call-box a.btn.btn-rd {padding: 7px 45px !important;border-radius: 2px !important;height: 55px;font-size: 20px !important;box-shadow: 2px 10px 40px #ffb20075;}

.btn-gld{color:#000!important;background-color:#d8b75c;border-color:#d8b75c;border-radius:0!important}
.btn-gld:hover{color:#fff!important;background-color:#DC171F;border-color:#DC171F;border-radius:0!important}

a.btn.btn-rd {padding: 8px 40px !important;color: #fff;border-radius: 2px !important;height: 54px !important;font-size: 1.35em !important;box-shadow: 2px 1px 30px #ff000075;}
.btn-rd {background-color: #ff0000 !important;color: #fff;border: 1px solid #ff0000;display: inline-block;height: 45px !important;padding: 0 17px !important;color: #fff !important;cursor: pointer;line-height: 1.95;border-radius: 0.01rem;}
.btn-rd:hover {background-color: #d60000 !important;color: #fff !important;display: inline-block;-webkit-appearance: none;outline: 0;transition: all .2s;text-decoration: none;box-shadow: 2px 1px 30px #ff481075 !important;}

/*end button*/

/*system*/
html{text-wrap: pretty;}
nav.breadcrumbs.dark *,nav.breadcrumbs.dark :after,nav.breadcrumbs.dark :before{color:#bbb!important;background-color:#333!important}
body{text-wrap: pretty;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,Geneva,sans-serif!important;font-size:1rem!important;line-height:1.5!important;font-weight:400;width:100%;height:auto}
.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12,.col-xs-13,.col-sm-13,.col-md-13,.col-lg-13,.col-xs-14,.col-sm-14,.col-md-14,.col-lg-14,.col-xs-15,.col-sm-15,.col-md-15,.col-lg-15,.col-xs-16,.col-sm-16,.col-md-16,.col-lg-16,.col-xs-17,.col-sm-17,.col-md-17,.col-lg-17,.col-xs-18,.col-sm-18,.col-md-18,.col-lg-18,.col-xs-19,.col-sm-19,.col-md-19,.col-lg-19,.col-xs-20,.col-sm-20,.col-md-20,.col-lg-20{position:relative;min-height:1px;padding-left:0!important;padding-right:0!important}
.row{margin-left:0!important;margin-right:0!important}
.container-fluid{margin-right:auto;margin-left:auto;padding-left:0!important;padding-right:0!important} 
.container{margin-right:auto;margin-left:auto;padding-left:0!important;padding-right:0!important}
p{text-wrap: pretty;font-size:1.025em;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,Helvetica,Geneva,sans-serif;line-height:1.45!important;font-weight:400}
a{color:#1780d8!important}
a:hover{color:#f0908f!important;text-decoration:underline}
/*end*/

/*header*/
joomla-hidden-mail {display: none !important;}
header{overflow:hidden;clear:both;width:100%;height:auto;/*background-image:url(/images/headbg.png);background-position:center center;background-repeat:no-repeat;background-size:cover*/;background-color:var(--back-color-header)}
#header{overflow:hidden;clear:both;width:100%;height:auto;background-color:var(--back-color-mask)}
#header{width:100%;height:auto;margin:0 auto;z-index: 1;position: inherit !important;background-color:var(--back-color-mask);box-shadow:0 0 5px 0 #00000069}
.header{text-align:center;margin:.15em 0!important;display:flex;align-content:center;justify-content:center;align-items:center;flex-wrap:wrap;flex-direction:row}
#hlogo{width:100%;height:auto;margin:15px 0 10px;overflow:hidden;clear:both}
.logoinhdr{background-image:url(/images/logo-light.webp);margin:2px auto;background-position:center center;background-repeat:no-repeat;background-size:contain;width:100%;height:auto;min-height: 85px;max-width: 299px;max-height: 89px;}
.dark .logoinhdr{background-image:url(/images/logo-dark.webp);margin:2px auto;background-position:center center;background-repeat:no-repeat;background-size:contain;width:100%;height:auto;min-height: 85px;max-width: 299px;max-height: 89px;}
.hlogo{width:100%;height:auto;clear:both;overflow:hidden;text-align:center;min-width:185px}
.hder {display: flex!important;align-content: center;align-items: center;justify-content: center;flex-direction: row;flex-wrap: wrap;}
span.hitel {font-size: 1.25em;font-weight: 700;color:var(--main-style-color);}
span.himail {font-size: 1.15em;font-weight: 500;}
.hcontact p {margin: 0;padding: 0;}

/*.logoinhdr {
    background-image: url(/images/logo/logo-light.png);
    margin: 2px auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: auto;
    min-height: 73px;
    max-width: 280px;
    max-height: 88px
}

.dark .logoinhdr {
    background-image: url(/images/logo/logo-dark.png);
    margin: 2px auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: auto;
    min-height: 73px;
    max-width: 280px;
    max-height: 88px
}*/

/*end*/


/*box1*/
#box1 {box-sizing: border-box;width: 100%;height: auto;overflow: hidden;clear: both;background-image: url('/images/bg01-light.webp');background-position: center right;background-repeat: no-repeat;background-size: cover;}
body.dark #box1 {box-sizing: border-box;width: 100%;height: auto;overflow: hidden;clear: both;background-image: url('/images/bg01-dark.webp');background-position: center right;background-repeat: no-repeat;background-size: cover;}
.box1 {width: 100%;height: auto;overflow: hidden;clear: both;padding: 2em 0 2em}
#box1 h1.content-title {font-weight: 700 !important;color:var(--cont-title-h1);-moz-background-clip: text;-webkit-background-clip: text;font-size: calc(18px + 1.95vw) !important;line-height: 1.25;margin: 15px 0 5px;text-align: center;}
#box1 h2.content-title {font-size: calc(15px + 1.25vw) !important;line-height: 1.25;color:var(--cont-title-h2)!important;letter-spacing: -1px;margin: 0;padding: 0px;font-weight: 500 !important;text-align: center;}

h2.mtitle {text-align: center;margin: 1em 0 0;color:var(--cont-title-h2)!important;}
.mbb {padding: 1em 0 3em;min-height: 202px;}
.pbl {overflow: hidden;clear: both;width: 100%;height: auto}
.pic_tdl {padding: 0.75em;width: 100%;height: auto;overflow: hidden;clear: both;min-height: 329px;}
img.pimg {width: 100%;height: auto;border: 1px solid #ddd;margin: 5px!important;padding: 5px}
img.pimg:hover {cursor:pointer;/*filter: saturate(200%);*//*-webkit-filter: saturate(200%);*/filter: sepia(150%);-webkit-filter: sepia(150%);-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease}
.pbl h3 {font-size: 1.25em;color: var(--cont-title-h3);font-weight: 400 !important;}
.btn-gld {
    color: #000!important;
    background-color: #d8b75c;
    border-color: #d8b75c;
    border-radius: 0!important
}
.mod_srs {width: 100%;height: auto;overflow: hidden;clear: both;display: flex;flex-direction: row;align-content: center;justify-content: center;align-items: center;flex-wrap: wrap;}
.row.pbl {width: 100%;height: auto;overflow: hidden;clear: both;display: flex;flex-direction: row;align-content: center;justify-content: center;align-items: flex-start;flex-wrap: wrap;text-align: center;min-height: 329px;}
.mod_srvs {text-align: center;width: 100%;height: auto;overflow: hidden;clear: both;min-height: 56px;padding: 1.5em 0 1.5em;}
span.lg-txt {font-size: 2em;font-weight: 600;line-height: 1.15em;color: var(--main-style-dcolor);}
.mod_txts {text-wrap: pretty;width: 100%;height: auto;overflow: hidden;clear: both;min-height: 150px;padding: 1.5em 0 1.5em;}
/*end*/


/*box2*/
#box2 {box-sizing: border-box;width: 100%;height: auto;overflow: hidden;clear: both;}
.box2 {width: 100%;height: auto;overflow: hidden;clear: both;padding: 2em 0 2em}
#box2 h2.content-title {font-weight: 500 !important;color:var(--cont-title-hh2);-moz-background-clip: text;-webkit-background-clip: text;font-size: calc(15px + 1.55vw) !important;line-height: 1.25;margin: 15px 0 5px;text-align: center;
text-shadow: var(--shad-zag);}
#box2 h3.content-title {font-weight: 400 !important;font-size: calc(13px + 0.95vw) !important;line-height: 1.20;color:var(--cont-title-hh3)!important;letter-spacing: -1px;margin: 0;padding: 0px;text-align: center;
text-shadow: var(--shad-zag);}

.icobox {display: inline-flex;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: center;align-items: center;margin-bottom:10px;}
.icon {float: left;width: 50px;height: 50px;font-size: 2.15em;}
.icobox .title {font-size: 1.35em;font-weight: 500;min-height: 50px;display: contents;color: var(--main-style-color);}

.mbb {padding: 1em 0 3em;min-height: 202px;}
.pbli {overflow: hidden;clear: both;width: 100%;height: auto}
#box2 h4, .h4 {font-size: 1.15rem;text-align:center;}
.pic_tdl h4 {width: 100%;min-height: 43px;overflow: hidden;clear: both;}
img.pimgs {width: 100%;height: auto;border: 1px solid #ddd;margin: 5px!important;padding: 5px}
img.pimgs:hover {cursor:pointer;filter: saturate(180%);-webkit-filter: saturate(180%);-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease}
.icon i {color: var(--i-color-gold);}
/*end*/


/*box3*/
#box3 {width: 100%;height: auto;box-sizing: border-box;margin: 0;padding: 0;overflow: hidden;clear: both;background-color:var(--bg-box-color);}
.box3 {width: 100%;height: auto;box-sizing: border-box;margin: 0;padding: 3em 10px;overflow: hidden;clear: both;}
div#box3 .row {display: flex;align-content: center;justify-content: center;align-items: center;}

#box3 h2.content-title {font-size: calc(15px + 1.25vw) !important;line-height: 1.25;letter-spacing: 0px;margin: 0;padding: 0px;font-weight: 700;}
#box3 h3.content-title {font-size: calc(9px + 0.645vw) !important;font-weight: 500;letter-spacing: 0px;margin: 0;padding: 0px;text-shadow: none;}
#box3 #vzag {text-align: center;min-height: 125px;}

img.boneim {min-height: 450px;min-width: 300px;}
span.tgrad {color: transparent !important;background-image: linear-gradient(165deg, rgb(105 83 181) 0%, rgb(45 24 93) 45%, rgb(86 97 185) 100%);-webkit-background-clip: text;background-position: center center;border-color: transparent;border-style: solid;font-weight: 700;}

.ptxts p {text-wrap: wrap;text-align: justify;font-size: 1.045em;color: var(--p-color-gold);}

.pimgs {margin: 0 auto;width: 100%;height: auto;overflow: hidden;clear: both;text-align: center;}
img.box4pic {border-radius: 40px 75px 55px 100px;width: 100%;height: auto;max-width: 480px;overflow: hidden;clear: both;}
/*end*/

/*box5*/
#box5 {width: 100%;box-sizing: border-box;margin: 0;padding: 0;overflow: hidden;clear: both;background: rgb(2,0,36);
background: linear-gradient(150deg, rgba(2,0,36,1) 0%, rgb(30 15 67) 17%, rgb(22 22 59) 42%, rgb(20 12 41) 62%, rgb(30 25 73) 100%);}
.box4 {display: flex;align-content: center;justify-content: center;align-items: center;flex-wrap: wrap;flex-direction: row;text-align: center;padding: 2em 15px 2.65em;}
#box5 .row {display: flex;align-content: center;justify-content: center;align-items: center;}
.box5 .attrc h3 {color: var(--color-gold);font-size: 2em;font-weight: 700;padding: 1em 0 !important;padding: 0 !important;margim: 1em 0 !important;}
body.dark .box5 .attrc h3 {color: var(--color-gold) !important;font-size: 2em;font-weight: 700;padding: 0 !important;margim: 1em 0 !important;}
.box5 .attrc {min-height: 35px;text-align: center;}
.attr h4 {color: #000 ;font-size: 1.45em;color: var(--color-goldstar);}
body.dark .attr h4 {color: #222 !important;font-size: 1.45em;color: var(--color-goldstar) !important;}
.box5 .attrc p {font-size: 1.25em;padding: 0;margin: 0;color: var(--color-goldstars);}
body.dark .box5 .attrc p {font-size: 1.25em;padding: 0;margin: 0;color: var(--color-goldstar)!important;}
img.boneim {min-height: 450px;min-width: 300px;}
.attra {
    text-align: center;
}
/*end*/



/*box4*/
#box4 {box-sizing: border-box;width: 100%;height: auto;overflow: hidden;clear: both;background-image: url('/images/bg04-light.webp');background-position: center right;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;}
body.dark #box4 {box-sizing: border-box;width: 100%;height: auto;overflow: hidden;clear: both;background-image: url('/images/bg04-dark.webp');background-position: center right;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;}
.box4 {width: 100%;height: auto;overflow: hidden;clear: both;padding: 2em 0;}
#box4 h2.content-title {font-size: calc(15px + 1.25vw) !important;line-height: 1.25;letter-spacing: 0px;margin: 0;padding: 0px;font-weight: 700;}
#box4 h3.content-title {font-size: calc(9px + 0.645vw) !important;font-weight: 500;letter-spacing: 0px;margin: 0;padding: 0px;text-shadow: none;}
#box4 #vzag {text-align: center;min-height: 125px;}
#box4 h4, .h4 {font-size: 1.15rem;text-align:center;}

#box4 .ptxts {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: center;
    justify-content: space-evenly;
	color:#fff;
}

#box4 .ptxts p {text-wrap: wrap;text-align: center;font-size: 0.95em;color: #eee;font-weight: 500;}
.boxcol {height: auto;min-height:100px;text-align:center !important;}
h4.pzak {font-size: 1.125rem;text-align: center;font-weight: 700;}

.bl {background-color:#03AAD5;padding:1em;}
.softbl {background-color:#BFE8F3;color:#03AAD5;font-size:4em;padding:0.25em;font-weight: 900;}

.pnk {background-color:#F57AE7;padding:1em;}
.sofpnk {background-color:#FFDAF8;color:#F57AE7;font-size:4em;padding:0.25em;font-weight: 900;}

.org {background-color:#EFA901;padding:1em;}
.soforg {background-color:#FCE7BB;color:#EFA901;font-size:4em;padding:0.25em;font-weight: 900;}

.brw {background-color:#A38A42;padding:1em;}
.sofbrw {background-color:#E6DFCD;color:#A38A42;font-size:4em;padding:0.25em;font-weight: 900;}

.gree {background-color:#68DC11;padding:1em;}
.sofgree {background-color:#D9F5C6;color:#68DC11;font-size:4em;padding:0.25em;font-weight: 900;}

/*end*/

/*box5*/
#box5 {box-sizing: border-box;width: 100%;height: auto;overflow: hidden;clear: both;}
body.dark #box5 {box-sizing: border-box;width: 100%;height: auto;overflow: hidden;clear: both;}
.box5 {width: 100%;height: auto;overflow: hidden;clear: both;padding: 2em 0 2em}
#box5 h2.content-title {font-weight: 500 !important;color:var(--cont-title-hh2);-moz-background-clip: text;-webkit-background-clip: text;font-size: calc(14px + 1.25vw) !important;line-height: 1.25;margin: 15px 0 5px;text-align: center;
text-shadow: var(--shad-zag);}
#box5 h3.content-title {font-weight: 400 !important;font-size: calc(12px + 0.75vw) !important;line-height: 1.20;color:var(--cont-title-hh3)!important;letter-spacing: -1px;margin: 0;padding: 0px;text-align: center;
text-shadow: var(--shad-zag);}
.zags h4 {text-transform: uppercase;font-size: 1.65em !important;}
.box5 .mbb {padding: 1em 0 2em;min-height: 131px;}
.pbls {overflow: hidden;clear: both;width: 100%;height: auto;margin:1em 0;}
.box5 .pic_tdl h4 {width: 100%;min-height: 25px;overflow: hidden;clear: both;}
#box5 h4, .h4 {font-size: 1.15rem;text-align:center;}
.pic_tdlq {width: 100%;height: auto;clear: both;max-width: 388px;max-height: 100%;}
.pic_tdly {margin-bottom: 2em;}
/*end*/


/*box6*/
#box6 {box-sizing: border-box;width: 100%;height: auto;overflow: hidden;clear: both;/*background-image: url('/images/bg06-light.jpg');background-position: center right;background-repeat: no-repeat;background-size: cover;*/}
body.dark #box6 {box-sizing: border-box;width: 100%;height: auto;overflow: hidden;clear: both;/*background-image: url('/images/bg06-dark.jpg');background-position: center right;background-repeat: no-repeat;background-size: cover;*/}
.box6 {width: 100%;height: auto;overflow: hidden;clear: both;padding: 2em 0 2em}

.box6 {width: 100%;height: auto;overflow: hidden;clear: both;padding: 2em 0;}
#box6 h2.content-title {font-size: calc(15px + 1.25vw) !important;line-height: 1.25;letter-spacing: 0px;margin: 0;padding: 0px;font-weight: 700;}
#box6 h3.content-title {font-size: calc(9px + 0.645vw) !important;font-weight: 500;letter-spacing: 0px;margin: 0;padding: 0px;text-shadow: none;}
#box6 #vzag {text-align: center;min-height: 125px;}
#box6 h4, .h4 {font-size: 1.15rem;text-align:center;}

#box6 span.tgrad {
    color: transparent !important;
    background-image: linear-gradient(165deg, rgb(105 83 181) 0%, rgb(45 24 93) 45%, rgb(86 97 185) 100%);
    -webkit-background-clip: text;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    font-weight: 700;
}

.sh {box-sizing: border-box;/*width: auto;*/height: auto;overflow: hidden;clear: both;background-image: url('/images/visa_sh_light.jpg');background-image: url('/images/visa_sh_light.webp');background-position: center right;background-repeat: no-repeat;background-size: cover;}
body.dark .sh {box-sizing: border-box;/*width: auto;*/height: auto;overflow: hidden;clear: both;background-image: url('/images/visa_sh_dark.jpg');background-image: url('/images/visa_sh_dark.webp');background-position: center right;background-repeat: no-repeat;background-size: cover;}

.shtxt {padding: 2em !important;}
.shtxt p {text-wrap: wrap;text-align: justify;font-size: 1.045em;color: var(--p-color-gold);}

.pblz {overflow: hidden;clear: both;width: 100%;height: auto}
.pic_tdlz h4 {width: 100%;min-height: 43px;overflow: hidden;clear: both;}

.mbz {padding: 1em 2em 2em;}
.mod_cnts hr {max-width: 420px;}


ul.fscbtn {list-style-type: none;padding: 0;margin: 0;display: flex;flex-direction: row;flex-wrap: wrap;align-content: center;align-items: center;}
ul.fscbtn a.sicn .fa-brands, ul.fscbtn a.sicn .fa-solid {font-size: 2em;padding: 0.5em 0.35em;}
ul.fscbtn a.sicn {color: var(--soc-folnk) !important;}
ul.fscbtn a.sicn:hover {color: var(--soc-folnk-hover) !important;}
body.dark ul.fscbtn a.sicn {color: var(--soc-folnk) !important;}
body.dark ul.fscbtn a.sicn:hover {color: var(--soc-folnk-hover) !important;}

.fooblock {display: flex;align-content: center;justify-content: center;align-items: center;flex-direction: row;flex-wrap: wrap;text-align: center;padding: 0 !important;margin: 0 !important;}
/*end*/


/*box 7*/
#box7 {box-sizing: border-box;width: 100%;height: auto;overflow: hidden;clear: both;background-color:#ddd;
/*background-image: url('/images/bg06-light.jpg');background-position: center right;background-repeat: no-repeat;background-size: cover;*/}
body.dark #box7 {box-sizing: border-box;width: 100%;height: auto;overflow: hidden;clear: both;/*background-image: url('/images/bg06-dark.jpg');background-position: center right;background-repeat: no-repeat;background-size: cover;*/}
.box7 {width: 100%;height: auto;overflow: hidden;clear: both;padding: 2em 0 2em;color: #111;}

#box7 h2.content-title {font-size: calc(15px + 1.25vw) !important;line-height: 1.25;letter-spacing: 0px;margin: 0;padding: 0px;font-weight: 700;}
#box7 h3.content-title {font-size: calc(9px + 0.645vw) !important;font-weight: 500;letter-spacing: 0px;margin: 0;padding: 0px;text-shadow: none;}
#box7 #vzag {text-align: center;min-height: 125px;}
#box7 h4, #box7 .h4 {font-size: 1.15rem;text-align:center;}
#box7 h3, #box7 .h3 {font-size: 1.75rem;text-align:center;}
/*end*/



/*footer*/
#footer{width:100%;height:auto;padding:0;margin:0;overflow:hidden;clear:both;background:rgb(251 238 221);}
body.dark #footer {width:100%;height:auto;padding:0;margin:0;overflow:hidden;clear:both;background: rgb(33 33 33 / 1);}
footer{width:100%;height:auto;overflow:hidden;clear:both}
.footer{width:100%;height:auto;overflow:hidden;clear:both;padding:1em 0;margin:0;}
.fotx {font-weight: 500;}
a.ftrlink {color: #ff1500 !important;}
a.ftrlink:hover {color: #850500 !important;}
body.dark a.ftrlink {color: #ff9a9a !important;}
body.dark a.ftrlink:hover {color: #fff !important;}
/*end*/

/* copyright */
#copyright {background-color: #191b4b;padding:var(--box-padding);margin:0;font-size: 1em;text-align: center;color:var(--bs-white)!important;}
#copyright a {color:var(--fas-icon)!important;text-decoration:none;}
#copyright a:hover {color:var(--fas-icon-hover)!important;text-decoration:none;border-bottom:1px dotted;}
/* end */



/*box 8 - Контакты*/
#box8 {box-sizing: border-box;width: 100%;height: auto;overflow: hidden;clear: both;background-color:#eee;
/*background-image: url('/images/bg06-light.jpg');background-position: center right;background-repeat: no-repeat;background-size: cover;*/}
body.dark #box8 {box-sizing: border-box;width: 100%;height: auto;overflow: hidden;clear: both;/*background-image: url('/images/bg06-dark.jpg');background-position: center right;background-repeat: no-repeat;background-size: cover;*/}
.box8 {width: 100%;height: auto;overflow: hidden;clear: both;padding: 2em 0 2em}
footer {font-size: 0.85em;text-decoration: none !important;}
footer a {font-size: 0.85em;text-decoration: none !important;}
.fooflex {display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: space-around;align-items: center;margin: 0;padding: 0;}
#prefooter {width: 100%;height: auto;overflow: hidden;clear: both;background-color: var(--bg-prefooter);left: 0;position: inherit;margin-bottom: 50px}
.prefooter {padding:2em 1em 4em;}
.prefooter p {color: #333;margin: 0 0 5px;font-size: 1em;}
.prefooter ul {margin:0;padding:0;list-style-type:none;}
.prefooter ul li {padding:0;}
.contactbox {color: #333;margin: 0 0 5px;font-size: 1em;}

/*.dark .box8 h3.content-title {font-size: calc(18px + 2.45vw) !important;line-height: 1.1;letter-spacing: 0px;font-weight: 600;color: var(--coral-foh3);}
.box8 h3.content-title {font-size: calc(18px + 2.45vw) !important;line-height: 1.1;letter-spacing: 0px;font-weight: 600;color: var(--coral-foh3);}
.dark .prefooter h4.content-title {font-size: 1.65em !important;line-height: 1.125;letter-spacing: 0px;font-weight: 600;color: var(--coral-fh4);}
.box8 h4.content-title {font-size: 1.65em !important;line-height: 1.125;letter-spacing: 0px;font-weight: 600;color: var(--coral-fh4);}
.dark .box8 h4.content-subtitle {font-size: calc(14px + 0.85vw) !important;line-height: 1.2;letter-spacing: 0px;font-weight: 600;color: var(--coral-sfoh4);}
.box8 h4.content-subtitle {font-size: calc(14px + 0.85vw) !important;line-height: 1.05;letter-spacing: 0px;font-weight: 600;color: var(--coral-fosh4);}*/


#box8 h2.content-title {font-size: calc(15px + 1.25vw) !important;line-height: 1.25;letter-spacing: 0px;margin: 0;padding: 0px;font-weight: 700;color: #000;}
#box8 h3.content-subtitle {font-size: calc(9px + 0.645vw) !important;font-weight: 500;letter-spacing: 0px;margin: 0;padding: 0px;text-shadow: none;color: #222;}
#box8 #vzag {text-align: center;min-height: 125px;}
#box8 h4, #box7 .h4 {font-size: 1.15rem;text-align:center;}
#box8 h3, #box7 .h3 {font-size: 1.75rem;text-align:center;}

img.favic {
    height: 20px;
    width: auto;
    padding: 0px;
    margin: 0 5px;
}


span.ofs_loc svg {font-size: 1em !important;width: 14px;margin: 0 3px 0 2px;}
.footorder {text-align: center;margin: 2em 0;max-width: 470px;}

span.ofs_name {font-size: 1.05em;font-weight: 700;letter-spacing: -1px;}
span.ofs_adr {font-size: 1.1em;font-weight: 500;letter-spacing: 0px;}
span.ofs_tel {font-size: 1.125em;font-weight: 700;letter-spacing: 0px;}

.metro {background-image: url(/img/mosmetro.svg);background-size: contain;background-position: center center;background-repeat: no-repeat;width: 28px;height: 32px;padding-right: 30px;display: inline-flex;max-height: 22px;max-width: 35px;}
.oldphone {background-image: url(/img/phone-office.svg);background-size: contain;background-position: center center;background-repeat: no-repeat;width: 22px;height: 17px;padding-right: 25px;display: inline-flex;max-height: 17px;max-width: 22px;}
.footorder div#fzag {margin-bottom: 1em;}
.ficon {width: 38px;height: 45px;padding: 0;margin: 0;display: inline-block;}
.ficon {
    width: 110px;
    display: grid;
    align-content: center;
    justify-content: center;
    align-items: center;
    justify-items: center;
}
ul.ficon {list-style-type: none;display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: space-around;align-items: center;margin: 0;padding: 0;text-decoration: none !important;}
ul.ficon li {padding: 0 2px;text-decoration: none !important;}
ul.ficon li a {font-size: 1.55em;color: rgb(0 125 197) !important;text-decoration: none !important;width: 32px;display: inline-block;}
ul.ficon li a:hover {color:#fff !important;text-decoration: none !important;border-bottom: none !important;}
/*end*/



.copyright {
    padding: 1em;
}


#mdlz .modal-content {width: var(--bs-modal-width);}
div#callback {
    max-width: 640px;
    margin: 0 auto;
}