*{margin:0;padding:0}
:root{
	--basic-accent:#682A2A;--sec-accent:#5B1212;--lines-col:#b00000;
	--color1:#FFFFFF;;--color2:#66A9A8;--color3:#ECF1F1;--color4:#682A2AA0;--headColor:#3E3E3E;
	--txtColor:#222;--txtDrkColor:#E1E1E1;--body-bg:#FFFFFF;--section-bg:whitesmoke;
	--titleColor:#EAEAEA;--popupColor:#B5B5B5;
}
body{display:grid;grid-template:"gdheader" "gdmain" "gdfooter";font-family:sans-serif;font-size:0.65vw;line-height:2rem;width:100vw;background-color:var(--body-bg);scroll-behavior:smooth}
header{position:fixed;left:0;width:100vw;height:29vh;background-color:var(--basic-accent);background-image:url("/assets/topback.jpg");background-size:cover;background-position:center;background-repeat:no-repeat;z-index:102}
#logo{position:absolute;top:2vh;left:2vw;width:18vw;height:9vw;background-image:url("/assets/logo.svg");background-size:100% auto;background-position:center;background-repeat:no-repeat;transition:.2s ease-out}
#info{margin:2vw 0vw 0vw 8vw;position:absolute;width:24vw;font-size:1.1rem;display:block;text-align:center;right:2vw;top:1.5vh;color:var(--txtDrkColor);background-color: var(--color4);}
#info a {color:var(--color1)}
nav{background-color:var(--color4);position:fixed;top:25vh;left:0;display:flex;justify-content:flex-end;height:4vh;width:80vw;padding:0 10vw;z-index:1000}
.menu li a{display:block;color:var(--txtDrkColor);text-align:center;padding:0.3vh 0.4vw;text-decoration:none;font-size:1rem;transition:0.4s}
.menu li a:hover{background-color:var(--sec-accent)}
.menu{display:flex;flex-direction:row;list-style-type:none;margin:0;padding:0;font-weight:700}
.menu > li{float:left;overflow:hidden}
.menu li:not(:last-child){border-right:solid 2px var(--lines-col)}
.menu-button-container{display:none;height:100%;width:30px;cursor:pointer;flex-direction:column;justify-content:center;align-items:center}
#menu-toggle{display:none}
.menu-button, .menu-button::before, .menu-button::after{display:block;background-color:var(--txtDrkColor);position:absolute;height:4px;width:30px;transition:transform 400ms cubic-bezier(0.23, 1, 0.32, 1);border-radius:2px}
.menu-button::before{content:'';margin-top:-8px}
.menu-button::after{content:'';margin-top:8px}
#menu-toggle:checked + .menu-button-container .menu-button::before{margin-top:0px;transform:rotate(405deg)}
#menu-toggle:checked + .menu-button-container .menu-button{background:rgba(255, 255, 255, 0)}
#menu-toggle:checked + .menu-button-container .menu-button::after{margin-top:0px;transform:rotate(-405deg)}
h1,h2,h3,h4,h5,h6{color:var(--headColor);padding:0.5rem 0 0.5rem 0}
h1{font-size:3.5rem}
h2{font-size:2rem}
h3{font-size:1.2rem}
h4{font-size:1.1rem}
h5{font-size:1.4rem}
h6{font-size:1.1rem}
a {text-decoration:none;color:var(--headColor)}
.space{grid-area:gdheader;height:30vh;width:100%;}
.TxtFix{position:relative;width:100%;height:2vw;text-align:center;}
.txtSpace{margin:0 0 2vh 0;width:100%;text-align: center;}
.fullText{width:35vw;}
main{grid-area:gdmain}
section {position:relative;display:block;top:2vh;left:10vw;width:75vw;padding:3vh 3vw;background-color:var(--section-bg);margin-bottom:5vh;min-height:41vh;font-size:1rem}
/*article{position:relative;display:block;left:3vw;width:50vw;font-size:1.1rem}*/
.row {display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.rotTxt{position:absolute;left:-85px;padding:0 30px;top:30px;width:200px;height:33px;line-height:33px;transform:rotate(-45deg) translate3d(0,0,0);color:#fff !important;font-size:12px;text-transform:uppercase;font-weight:700;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-color:var(--color2)}
.dtsbl{position:absolute;right:5px;padding:3px;top:5px;width:33px;height:33px;line-height:33px;font-size:12px;text-transform:uppercase;font-weight:700;text-align:center;white-space:nowrap;overflow:hidden;}
.car-wrapper {position:relative;z-index:1;transition:all 0.3s;border-radius:16px;overflow:hidden;width:23vw;height:500px;margin:1vw;background-color:var(--color1)}
.car-wrapper:hover .image-area img {transform:scale(105%)}
.car-wrapper .image-area {overflow:hidden;transition:all 0.3s;width:100%;height:60%;margin:0 0 2vh 0;position:relative;z-index:1}
.car-wrapper .content-area .title {padding:0 30px}
.car-wrapper .image-area img {-ms-interpolation-mode:bicubic;position:relative;border:0;vertical-align:middle;top:0;max-width:100%;height:auto;transition:all 0.3s}
.car-wrapper .content-area .feature-area li {display:flex;align-items:center;gap:5px;line-height:1;font-size:1rem;color:var(--color2);font-weight:400}
.car-wrapper .feature-area {display:flex;align-items:center;gap:14px;padding:15px 30px}
.car-wrapper .button-area {display:flex;align-items:center;justify-content:space-between;padding:28px 30px 0;border-top:1px solid #373737}
.car-wrapper .button-area .price {margin-bottom:0;font-size:24px;line-height:1;font-family:var(--font-primary);color:var(--color-primary) !important;font-weight:600}
.detcl{width:45%;border:1px solid var(--sec-accent);font-size:1em;padding:7px 15px;margin-bottom:10px;line-height:24px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;min-height:30px;}
.msgcl{width:94%;border:1px solid var(--sec-accent);font-size:1.2em;padding:7px 15px;margin-bottom:10px;line-height:24px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.h-adr{font-size: 1.2em;line-height: 1.8em;color: var(--txtColor);}
.btn{border:1px solid var(--sec-accent);padding:7px 15px;margin-bottom:30px;line-height:24px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;min-height:40px;width:65%;background-color:var(--body-bg);outline:none;color:#666;}
.btn:hover{border:2px solid #999;color:var(--lines-col);}
footer{grid-area:gdfooter;position:relative;width:100vw;background-color:var(--basic-accent);display:grid;grid-template:". . ."}
footer div{padding:0.5rem;}
/*footer div:nth-child(2){border-left:solid 2px var(--lines-col);margin:2vw;}*/
/*footer div:nth-child(3){border-left:solid 2px var(--lines-col);margin:2vw;}*/
footer p{font-size:1rem;padding:0.2rem 1rem;color:var(--txtDrkColor)}
footer h2{font-size:1.3rem;padding:0 1rem;color:var(--titleColor)}
footer .boxes {margin:2vw 0vw 0vw 8vw;width:33vw;}
.cntinfo{margin:2vw 0vw 0vw 8vw;font-size:1.1rem;display:block;text-align:center;right:2vw;top:1.5vh;color:var(--txtDrkColor)}
.cntinfo .tel{font-size:1.5rem;line-height:3rem;}
.cntinfo input{font-size:15px;color:var(--menuColor);font-weight:400;outline:none;height:35px;width:80%;border:none;border-radius:12px;transition:all 0.5s ease;background:var(--btnBgColor)}
.cntinfo .uc-input{border:2px solid var(--color3);margin:3px}
.cntinfo .uc-button{border:4px solid var(--color3);margin:3px;width:65%}
section table{font-size:14px;border-collapse:collapse;width:80%;border:none;margin:0 10%;}
section table td{width:50%;border:1px solid var(--lines-col);text-align:left;padding:2px 10px 2px 8px}
section table tr:nth-child(even){background-color:var(--body-bg)}
section table tr:nth-child(odd){background-color:var(--txtDrkColor)}
section table tr:nth-child(1) th:nth-child(1){border-bottom:0 solid}
section table td:first-child{border-left:0 solid}
section table td:last-child{border-right:0 solid}
/*section table th{vertical-align:top;padding:8px;border:1px solid var(--lines-col);border-top:0 solid;font-size:16px;text-align:left;}
section table th:first-child{border-left:0 solid}*/
section table th:last-child{border-right:0 solid}
section table tr:last-child td{border-bottom:0 solid;}
/*body {padding:0;margin:0;box-sizing:border-box;--line-offset:calc((10vh + 8px) / 2)}*/
/*.image-viewer {padding:0;margin:0;box-sizing:border-box;--line-offset:calc((10vh + 8px) / 2)}
.image-viewer .container {width:74vw;height:66vh;display:grid;grid-template-rows:5fr 1fr;background:var(--color1)}
.image-viewer ul {list-style:none;margin:0;padding:0;justify-content:center;display:flex}
.image-viewer .tab {width:calc(10vh + 8px);height:calc(10vh + 8px);position:relative;display:flex;align-items:center;justify-content:center;clip-path:polygon(0% 50%, 15% 0%, 85% 0%, 100% 50%, 85% 100%, 15% 100%);shape-outside:polygon(0% 50%, 15% 0%, 85% 0%, 100% 50%, 85% 100%, 15% 100%);z-index:0;transition:width 0.5s}
.image-viewer .tab img {width:10vh;height:10vh;z-index:10;cursor:pointer;clip-path:polygon(0% 50%, 15% 0%, 85% 0%, 100% 50%, 85% 100%, 15% 100%);shape-outside:polygon(0% 50%, 15% 0%, 85% 0%, 100% 50%, 85% 100%, 15% 100%);transition:width 0.5s}
.image-viewer [type=radio] {display:none}
.image-viewer .preview-list {background:linear-gradient(var(--color4), var(--color4) var(--line-offset), #efefef var(--line-offset))}
.image-viewer .tab {background:linear-gradient(#efefef, #efefef var(--line-offset), #021919 var(--line-offset))}
.image-viewer [type=radio]:checked ~ label ~ .content {text-align:center;z-index:8}
.image-viewer [type=radio]:checked ~ label .tab {width:0}
.image-viewer .content {position:absolute;background:#021919;top:5vh;left:4vw;width:auto;height:auto;overflow:hidden;display:flex;align-items:center;max-width:31vw;max-height:51vh;margin:auto 20vw}
.image-viewer .content img {height:auto;width:auto}
*/

.gallery-container {position: relative; display: flex; justify-content: center; margin:auto}
.gallery-container .thumbnails {position: absolute; bottom: 18px; display: flex; flex-direction: row; gap: 6px; }
.gallery-container .thumbnails div {width: 18px; height: 18px; cursor: pointer; background: #aaa; border-radius: 100%; }
.gallery-container .thumbnails div.highlighted {background-color: #777; }
.gallery-container .slides {margin: 0 16px; display: grid; grid-auto-flow: column; gap: 1rem; width: 42vw; padding: 0 0.25rem; height: 32vw; overflow-y: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none; }
.gallery-container .slides > div {scroll-snap-align: start; }
.gallery-container .slides img {width: 42vw; object-fit: contain; }
.gallery-container .slides div a:nth-child(2) img {position:relative;width:33px;top:-50px; left: 5px;}
.gallery-container .slides div a:nth-child(3) img {position:relative;width:33px;top:-50px; left:10px }
.gallery-container .slides::-webkit-scrollbar {display: none; }
.gallery-container img {border-radius: 4px; }

.sessionCard div{margin-bottom:1rem}
.sessionCard .title {position:relative;font-size:1.4rem;left:2%;top:-2.3rem;width:94%;margin-bottom:-20px;display:block;border-radius:4px;background-color:var(--color3);border-top:1px solid var(--popupColor);border-bottom:1px solid var(--popupColor);padding:0.3rem 0.5rem;text-align:center}
.sessionCard .tooltip{position:absolute;top:-20px;right:100%;z-index:3;background:var(--lines-col);color:var(--txtDrkColor);box-shadow:0 5px 10px rgba(0, 0, 0, 0.3);padding:6px 12px;border-radius:4px;font-size:15px;font-weight:400;opacity:0;white-space:nowrap;pointer-events:none;transition:0s}
.sessionCard .question:hover .tooltip{opacity:1;pointer-events:auto;transition:all 0.4s ease;top:50%;transform:translateY(-130%)}
.sessionCard{position:relative;margin:4vh auto;padding:1vw;width:46vw;background:var(--color3);border-radius:4px;border:1px solid var(--popupColor);display:flex;flex-wrap:wrap}
.question{position:relative;display:inline-block;border:1px solid var(--color2);font-size:15px;font-size:inherit;text-rendering:auto;background-color:var(--color4);border-radius:50%;width:32px;height:32px;text-align:center;color:var(--color2);cursor:pointer}
.applyBtn{width:200px;height:35px;margin:1vw 0;background-color:var(--lines-col);color:var(--section-bg);position:relative;border-radius:4px;float:right}
.applyText{height:30px;margin:3px;padding:2px;font-size:1.1rem;background-color:var(--lines-col);border:solid 1px var(--lines-col);color:var(--section-bg);border-radius:4px}
.applyText:focus{outline:none;border:solid 1px var(--txtColor)}
.log_box {font-size: 1.6rem;}
.uc-input{height:30px;width:16vw;margin:3px;padding:1px;font-size:1.1rem;background-color:var(--lines-col);border:solid 1px var(--lines-col);color:var(--section-bg);border-radius:4px}
.uc-input:focus{outline:none;border:solid 1px var(--txtColor)}
.uc-button{height:30px;margin:3px;padding:2px;font-size:1.1rem;background-color:var(--lines-col);border:solid 1px var(--lines-col);color:var(--section-bg);border-radius:4px}
.uc-button:hover{outline:none;border:solid 1px var(--txtColor)}
.fl-size{width:43vw}
.hl-size{width:21vw}
.thr-size{width:13vw}
.applySelect{width:calc(35vw + 6px);height:41px;margin:5px;padding:3px;font-size:1.1rem;background-color:var(--lines-col);border:solid 1px var(--lines-col);color:var(--section-bg);border-radius:4px}
.formrow{display:flex;flex-flow:nowrap;justify-content:space-between}
.expandable{display:none}
.progress{background-image:url('progress.gif');width:15vw;height:15vw;background-position:center;background-size:90%;background-repeat:no-repeat;margin:auto}
.stpwpr{max-width:48vw;margin:0.5rem 0 0.5rem 0}
.step{display:flex}
.step_item{display:flex;gap:var(--spacing);align-items:center}
.step_item:before{content:"";display:block;width:var(--circle-size);height:var(--circle-size);border-radius:50%;border:1px solid var(--basic-accent)}
.sel_step:before{background-color:var(--color4)}
.cur_step:before{background-color:var(--color2)}
.step_item:not(:last-child){flex:1}
.step_item:not(:last-child):after{content:"";position:relative;height:2px;background-color:#e0e0e0;flex:1;margin-top:0.5rem}
.step_title{font-weight:bold;font-size:clamp(0.8rem, 3vw, 1rem)}
.days{height:fit-content}
.day{width:120px;height:fit-content;background-color:#efeff6;padding:10px;float:left;margin-right:7px;margin-bottom:5px}
.datelabel{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #00000050}
.center {display:flex;min-height:100vh}
.radio-group {margin:auto;display:flex}
.radio-group-label {display:block;width:100%;margin:10px 0}
.radio-label {position:relative;display:block;margin:10px}
.radio-label input {opacity:0;position:absolute}
.radio-label .inner-label {position:relative;display:inline-block;padding-left:40px}
.radio-label .inner-label:before {content:" ";position:absolute;left:0;bottom:0;border-bottom:1px dashed #00000025;width:30px;transition:border-bottom 0.5s ease}
.radio-label input:focus ~ .inner-label:before {border-bottom:1px solid #00000050}
.radio-label input:checked ~ .inner-label:after {content:"✓";color:#000000;position:absolute;font-size:1.6rem;left:12px;top:1px}
#frstreferee:checked ~ .expandable[name="frstref"]{display:block}
#sectreferee:checked ~ .expandable[name="secref"]{display:block}
#trdtreferee:checked ~ .expandable[name="trdref"]{display:block}
#frhtreferee:checked ~ .expandable[name="frhref"]{display:block}
.clchide{display:flex}
#ninperdeg:checked ~ .clchide[name="nindeg"]{display:none}
#engntv:checked ~ .clchide[name="englvl"]{display:none}
#grkntv:checked ~ .clchide[name="grklvl"]{display:none}

.logoutbar{width:100%;display:block;text-align:end;background:var(--color3);}
.logoutbar a{text-decoration:none;color:var(--basic-accent);}
.status{font-size:1.1rem;border:1px solid;margin:10px 0px;padding:10px 10px 10px 50px;background-repeat:no-repeat;background-position:10px center;} /*15px 10px 15px 50px;*/
.status a{text-decoration:none;color:var(--basic-accent);border:1px solid;padding:0px 5px;margin:0 5px;background:var(--color2);}
.info{color:var(--info);background-color:var(--info-bg);background-image:url('../info.png');}
.success{color:var(--success);background-color:var(--success-bg);background-image:url('../success.png');}
.warning{color:var(--warning);background-color:var(--warning-bg);background-image:url('../warning.png');}
.error{color:var(--error);background-color:var(--error-bg);background-image:url('../error.png');}
.validation{color:var(--validation);background-color:var(--validation-bg);background-image:url('../error.png');}


@media only screen and (max-width:1700px),only screen and (max-device-width:1365px){
.car-wrapper .content-area .feature-area li {gap:2px;font-size:0.8rem;}
}

@media only screen and (max-width:1510px),only screen and (max-device-width:1365px){
.car-wrapper {width:35vw;height:550px;}
.car-wrapper .content-area .feature-area li {gap:4px;font-size:1rem;}
}

@media only screen and (max-width:1210px),only screen and (max-device-width:1365px){
.car-wrapper .content-area .feature-area li {gap:4px;font-size:0.8rem;}
}


@media only screen and (max-width:1024px),only screen and (max-device-width:1024px){
header{height:11vh}
nav{top:7vh}
section{left:2vw;width:90vw;}
.space{height:11vh}
.fullText{width:85vw;}
.txtSpace{height:6vh}
.fullText img {width: 100%}
.car-wrapper {width:88vw}
.car-wrapper .image-area {height:55%}
.car-wrapper .feature-area {gap:5px;padding:12px 15px;}
.car-wrapper .content-area .title {font-size:20px}
/*.car-wrapper .content-area .feature-area li {gap:3px;font-size:12px;}*/
.car-wrapper .button-area {padding:20px 25px 0}
.car-wrapper .button-area .price {font-size:20px;line-height:1;font-weight:600}
.car-wrapper {border-radius:16px;height:440px}
.gallery-container .slides {width:80vw;height:51vw}
.gallery-container .slides img {width:80vw;}
.gallery-container .thumbnails div {width:13px;height:13px;}
section table{font-size:12px;width:94%;margin:0 3%;}
}