@charset "utf-8";
*{position:relative; margin:0;padding:0;outline:0; margin-inline-start:0;margin-inline-end:0; margin-block-start:0;margin-block-end:0; padding-block-start:0;padding-block-end:0; padding-inline-start:0;padding-inline-end:0; min-inline-size:0; -ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; box-sizing:border-box;  font-size:17px;font-family: Garamond, serif;}
html,form{scroll-behavior: smooth;}
:root{--maxW1920: 1920px;}
:root{--height700: 700px;}
/* :root{--maxW1440: 1440px;} max-width:var(--maxW1440); */
body{background:#250A57}
#dbody{margin:0 auto 0 auto;padding:0;width:100%;max-width:var(--maxW1920);height:1270px;}
#imgBody{position:absolute;top:-3%;left:0;z-index:-1;width:100%;height:103%;object-fit:cover;filter: contrast(130%) grayscale(0%);}/*  brightness(150%) */
em{font-size:80%;}

#dhead{position:relative;display:block;width:100%;max-width:var(--maxW1920);min-width:320px;margin:1% auto 0 auto;padding:0;height:24px;text-align:right;color:#FFFFE0;z-index:4;}/*#06038D #110C5C*/
.dheadr{position:absolute;top:0;right:0;margin:0;padding:0;display:inline-block;width:38%;min-width:320px;text-align:center;}/* =#dform - overflow:hidden;*/
.dheadIn{position:relative;display:inline-block;width:100%;max-width:400px;height:24px;margin:0 auto;padding:0;background:#0D0945;}/* =#tttOrder */
.ilogo{position:absolute;top:0;left:1%;height:48px;margin:0;display:inline-block;}
.shead{position:absolute;top:4px;right:1%;display:inline-block;padding:0;font-size:90%}
/* #dSticky{position:-webkit-sticky;position:sticky;top:2px;left:0;border:1px solid yellow;} */

#dhead2{position:-webkit-sticky;position:sticky;top:2px;left:auto;display:block;width:100%;max-width:var(--maxW1920);min-width:320px;margin:0 auto;padding:0;height:52px;text-align:left;color:#FFFFE0;z-index:3;text-align:right;}
#dhead2 > .dheadr > .dheadIn{height:52px;text-align:left;}
.aphone{position:absolute;bottom:4px;left:1%;display:inline-block;color:#FFFFE0;text-decoration:none;}
.sflags{position:absolute;bottom:4px;right:54px;display:inline-block;}
.iflags{height:16px;margin:0 2px 0 0;display:inline-block;cursor:pointer;}/*.iflags{height:16px;margin:4px 0 0 9px;display:inline-block;}*/
.iMenu{position:absolute;bottom:0;right:1%;height:48px;margin:2px 0;display:inline-block;cursor:pointer;z-index:1;}
.iMenu:hover{background:#8B005D;}
#dMenu{position:absolute;top:0;right:0;height:682px;width:0;margin:2px 0;padding:0 0 0 1%;text-align:right;z-index:2;display:block;transition:width 1s;}
	#dMenuhr{width:100%;height:52px;position:absolute;top:0;right:0;}
	#dMenuIn{width:100%;height:630px;margin:52px 0 0 0;padding:30px 0 0 0;text-align:left;background-image:linear-gradient(#8B005D, #040D5B);border-radius:0 0 10px 10px;display:inline-block;}
	.dMenulk{display:inline-block;width:90%;margin:0 5%;padding:5%;background:#0D0945; text-decoration:none;color:#FFFFE0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;}
	.dMenulk:hover{background:#001E6E;}

#dCntnt{position:relative;display:block;width:100%;max-width:var(--maxW1920);height:800px;margin:0 auto;padding:0;text-align:right;}

#dlCntnt{position:absolute;top:12px;left:0;margin:0;padding:0;display:inline-block;width:62%;min-width:320px;text-align:right;vertical-align:top;z-index:1;}
#dlcnVw{position:relative;width:0;height:730px;overflow:hidden; transition:width 1s;
text-align:right;}/* from 0 to 100% */
#dlCntntIn{position:relative;display:inline-block;width:62%;min-width:320px;max-width:700px;height:100%;margin:0 1%;padding:0;border:0;border-bottom:1px solid #8B005D;border-radius:10px;}
	#dAScroll{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow-y:auto;}
	#dlAjsCt{position:absolute;top:35px;left:0;width:100%;min-height:calc(100% - 35px);padding:4% 2%;color:#FFFFE0;}
	#dlBckgrnd{position:absolute;top:0;left:0;width:100%;height:100%;background:#0D0945;background-image:linear-gradient(#0D0945,#680046);opacity:0.9;}
	#ithaki{position:absolute;top:0;left:0;width:100%;height:100%;padding:5%;font-family:'Brush Script MT', cursive;font-size:190%;z-index:-1;line-height:170%;
	color:#040D5B; text-shadow:#A84086 3px 2px; opacity:0; animation:trnsprnc1 17s 1;animation-delay:2s;}
	@keyframes trnsprnc1{0%{opacity:0}38%{opacity:1}100%{opacity:0}}

#dform{position:absolute;top:0;right:0;margin:0;padding:0;display:inline-block;width:38%;min-width:320px;height:640px;overflow:hidden;}
#tttOrder{position:relative;display:block;width:100%;max-width:400px;height:640px;height:640px;margin:0 auto;padding:0;text-align:left;overflow:hidden;border-radius:0 0 10px 10px;}

/* block rersponce */
#dfrm{position:absolute;top:0;left:0;background-image:linear-gradient(#8B005D, #040D5B);display:none;width:0;height:640px;z-index:1;transition:width 1s;}
#dfrm:focus{width:100%;}
#frmf{position:relative;width:100%;height:100%;margin:0;padding:0;border:0;background:#8B005D;background-image:linear-gradient(#8B005D, #040D5B);}/* responce frame */
/* tttscripts/rtsRspnse.php */

fieldset{position:relative;display:block;width:100%;height:auto;margin:0;padding:0 2%;border:0;color:#FFFFF0;}
#field1, #field3{height:auto;height:640px;padding:2% 0;background:#8B005D;background-image:linear-gradient(#8B005D, #040D5B);overflow-y:auto;}
#field2{height:auto;height:640px;padding:2% 0;background:#8B005D;background-image:linear-gradient(#040D5B,#8B005D);overflow-y:auto;}
#fiCarTp{position:relative;display:none;width:100%;margin:0;padding:2%;border:0;color:#fff;}/* Επιλογή αυτοκινήτου */
input, select{width:100%;margin:0;padding:2% 1%;border:0;border-top:1px solid #853381;}

.fifadest{text-align:center;}
#h1ind{width:96%;margin:0 auto;padding:1% 2%;}
h2{width:100%;margin:7px 1px 7px 0;padding:0;}
.aButt{display:inline-block;width:110px;margin:7px 1px 7px 0;padding:10px 0;color:#fff;background:#0D0945;border-radius:5px;cursor:pointer;}
.aButt:hover{background:#001E6E;}/* background-image:linear-gradient(to right, #040D5B, #72004F, #610043, #72004F, #040D5B) */

input[type=radio]{width:auto;margin:5px 5px 5px 1%;}
input[type=date],input[type=time]{width:50%;height:44px; min-width:150px;margin:3px 0;padding:1%;}
input[type=number]{width:38%;margin:0 0 0 0;}
input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;width:34px;height:52px;background-color:#000;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAwCAYAAABwrHhvAAAACXBIWXMAAAF5AAABeQGfAOmRAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAACB0RVh0RGVzY3JpcHRpb24AaHR0cHM6Ly9mcmVlc3ZnLm9yZy8T+ksiAAABLUlEQVRYhWNk4Y3+zzCAgGkgLR8UDmAhVyMvDwdDbqYrAwMDA8OkabsYvnz9SV8H8PFxMpQUeDEwMDAwzF98mGwHDHgUjDpg1AGMhErCzWsKGZSVxDHEmZmZGERFeBkYGBgYXr/5xPD3L6YxO3ZdYiiqWIbXAQSzoagIH4OEOD9BNdiAgAAXIeMJO6CsZgUDLw8HhriQEA/DxO4YBgYGBoa84sUM7z98xVDz7PkHyh1w6MhNrOLSUoJw9t4D1xievyBsGTYw4Ilw1AED7gCya8P///8z/Pv3H84mFxAsiGgNBjwKRh0w6oBRBwy4AyjqmBTnezIwMDAw9EzYNjAdk7wsNwYGBgaGmXP3j3ZMRh0w6oBRB4w6YNQBQ9cBFHVMfvz4DWeTC0Y7JqMOAACWWE9Oiw859wAAAABJRU5ErkJggg);  transform: rotate(90deg); 
background-color:#040D5B;border:2px solid #040D5B;border-top:2px solid #8B005D;
opacity:0.9;position:absolute;top:-10px;right:9px;bottom:4px;cursor:pointer;
background-repeat:no-repeat;background-size:contain;}

#field2 > fieldset > label{display:inline-block;width:62%;vertical-align:middle;padding:1%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
/*  */
#chWp{width:auto;margin:2% 1% 1% 3%;}
#fiWP{position:relative;display:none;}
.fie50{position:relative;display:inline-block;width:50%;z-index:0;}
	.fie50:hover{z-index:2;}

.dExAjax{position:relative;width:100%;margin:0;padding:0;background:transparent;border:0;} /* external ajax container */
	.dExAjax:hover{min-width:300px;}
	.fie50 > .dExAjax:hover{min-width:100%;}

.dAjax{position:absolute;top:38px;left:0;width:100%;padding:0;display:none;height:270px;z-index:2;overflow:hidden;overflow-y:auto;}
.dAjaxCt{position:relative;width:100%;max-width:290px;margin:0;padding:2%;background:#fff;border-right:1px solid #853381;}
.pSetCity{position:relative;min-width:270px;min-height:42px;margin:1px 0;padding:17px 4px 4px 3px;background:#fff;color:#040D5B;display:block;}
.pSetCity:hover{cursor:pointer;background:yellow;}
	.pSetCity > span{position:absolute;top:0;left:3px;padding:1px;display:inline-block;font-size:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sTxt{display:inline-block;width:100%;margin:1% 0 0;padding:0 1%;}
textarea{width:100%;height:70px;margin:2px 0;padding:1%;display:inline-block;}

.dButts{position:relative;width:100%;height:48px;margin:2% 0 1% 0;}
.buttlft,.buttrht, .buttrht2{position:absolute;width:100px;bottom:2%;display:inline-block;margin:0;padding:10px;text-align:center;color:#fff;background:#8B005D;border:0;border-radius:5px;cursor:pointer;}
.buttlft{left:2%;} .buttrht{right:2%;} .buttrht2{width:140px;right:2%;}
.buttClr{background:#040D5B;}

#rInfo{position:relative;display:block;width:100%;height:auto;min-height:70px;margin:0;padding:2%;color:#FFFFF0;}
#map{width:100%;height:270px;margin:2% 0;background-image: url('../tttimg/loader.gif');background-repeat:no-repeat;background-position: 50% 50%;}
#dResp{position:absolute;top:10%;left:0;width:100%;height:400px;padding:4%;color:#000;background:#fff;opacity:0.9;display:none;z-index:10;}
	.jsOpCl{width:100%;height:35px;padding:0 1%;color:red;text-align:right;font-size:170%;display:block;z-index:1;cursor:pointer;}/* button js open/close */
/* footer */
#dftr{width:100%;max-width:1024px;margin:2% auto;text-align:center;color:#fff; text-shadow:#0D0945 2px 2px;border-top:1px solid #8B005D;}
	#dftr > div{width:38%;padding:1%;display:inline-block;min-width:320px;}
	#dftr > span{width:62%;padding:1%;display:inline-block;min-width:320px;}
/* terms.php, staff.php */
#dterms{text-align:left;margin:4px;}
	#dterms > h1{font-size:120%;margin:0 0 17px 0}
	#dterms > strong{width:100%;display:inline-block;margin:17px auto auto auto;font-size:110%;}
	#dterms > img{width:62%;max-width:320px;display:block;margin:7% auto; opacity:0.5;}
	#dterms > a{display:inline-block;margin:5px 0;text-decoration:none;}
/* mytrip.php 240630190404 */
#mtrip{}
	#mtrip>h2{margin:0 0 2% 0;font-size:110%;}
	#mtrip>em{font-size:90%;color:yellow;}
	#mtrip>div{width:100%;text-align:left;}
	#mtrip>div>input[type=radio]{margin:10px 5px 7px 1%;}
	#mtrip>button, #mtrip>div>button{width:100%;margin:3% 0;padding:3%;color:#FFFFE0;background:#8B005D;border:0;cursor:pointer;}
	#mtrip>div>div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
	#mtrip>div>i, #mtrip>div>div>i{display:inline-block;width:39%;font-size:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
	/* .bmtr{{width:100%;margin:3% 0;padding:3%;color:#FFFFE0;background:#8B005D;border:0;cursor:pointer;}} */
/* int counter #8B005D A84086 C680AE BE70A4*/
#dgrf{width:100%;margin:0 auto;padding:3% 1% 1% 1%;text-align:center;}
	#dgrf > img{float:none;width:32px;margin:9px 9px 4px 3px;padding:2px;cursor:pointer;display:inline-block;border:1px solid #A84086;border-radius:5px;}
	#dgrf > img:hover{background:#F0DCE9;}
	#dgrf > a{color:#fff;display:inline;text-decoration:none;}

@media only screen and (min-width:1921px){
	#dbody{margin:5% auto;}
}

@media only screen and (max-width:1024px){
	.aButt{width:108px;font-size:90%;}
}

@media only screen and (max-width:924px){
	.aButt{width:90px; font-size:80%;}
}

@media only screen and (max-width:840px){#dlCntnt{ width:calc(100% - 320px);}}
@media only screen and (max-width:648px){
	#dlCntnt{width:auto;min-width:0;max-width:100%;}
	#dlCntntIn{width:98%;}
	}

@media only screen and (max-width:425px){
	.dheadr, #dform{width:100%;}
	}

@media only screen and (max-width:800px){
	input, select{padding:3% 1%;}
	input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{top:-8px;right:6px;bottom:0;width:38px}
	}

@media only screen and (max-width:425px){
}

@media only screen and (max-width:375px){
	#field2 > fieldset > label{font-size:80%;}
}