

.dashboard{display:grid;grid-template-rows:auto auto auto;padding-top:20px}
.dashboard>div{margin-bottom:1rem}


.button{border-radius:var(--border-radius);padding:.75em 2em;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-button);color:var(--color-white);border:none;cursor:pointer;transition:background-color .7s var(--ease-out-quart),color .7s var(--ease-out-quart);line-height:normal}
.button:hover{background-color:var(--color-icon);color:var(--color-white)}
.styled-price{font-size: 2rem;font-family:var(--font-bold);font-weight:var(--font-weight-bold)}
.styled-price sup{vertical-align:top;font-size: 1.5rem;font-weight:var(--font-weight-normal)}
.styled-price sub{vertical-align:bottom;font-weight:var(--font-weight-normal)}
.route-line{position:relative;margin:1rem 0 0;width:100%;height:1px;border:.1rem dashed var(--color1)}
.route-line__stop{border-radius:100%;box-sizing:content-box;width:.8rem;height:.8rem;position:absolute;top:50%;background-color:var(--color1);transform:translate3d(-10%,-50%,0)}
.route-line__stop-name{margin-top:1.5rem;width:200px;margin-left:-94px;text-align:center}
.route-line__start{left:0;border:.6rem solid var(--color1);background-color:#fff}
.route-line__end{right:0;border:.6rem solid var(--color-icon);transform:translate3d(10%,-50%,0)}
.booking-bar{border-radius:var(--border-radius);display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:var(--color1);color:#fff}
.booking-bar__heading{margin-bottom:.8rem;font-weight:var(--font-weight-medium);letter-spacing:.05rem;font-size:1.3rem}
.booking-bar__sub-heading{letter-spacing:.05rem;margin-bottom:0.5rem}
.flights-list__item:not(:last-child){margin-bottom:2.5rem}
.flight-card{border-radius:var(--border-radius);box-shadow:0 0 .1rem HSLA(var(--color1),0.1);display:flex;justify-content:space-between;align-items:flex-start;background-color:#fff;padding:1rem;font-size:1rem}
.flight-card__duration{margin-bottom:0px}
.flight-card__airline{border-radius:100%;overflow:hidden;flex:0 1 5rem;border:.2rem solid #fff}
.flight-card__airline + .flight-card__airline{position:relative;top:-1.5rem}
.flight-card__img{width:135px;height:92px;border-radius:var(--border-radius);margin-right:1.5rem}
.flight-card__arrival{margin-right:3rem;text-align:right}
.flight-card__route{display:flex;flex-direction:column;flex:1 0 auto;justify-content:center;align-items:center;box-sizing:border-box}
.flight-card__type{margin-top:1rem}
.flight-card__action{text-align:center}
.flight-card__time{display:inline-block;margin-bottom:.8rem;font-family:var(--font-bold);font-size:1.5rem}
.flight-card__city{margin-bottom:.4rem;font-size:1.5rem;font-weight:var(--font-weight-bold)}
.flight-card__price{margin-bottom:1rem}
.flight-card__cta{min-width:16rem}
.ticket{padding: 5px 20px;border-radius: var(--border-radius);margin-left:30px;color:white}
.flight-round{background-color:#0c9000}
.flight-return{background-color:#c90000}


.two_column{display:grid;grid-template-rows:auto auto auto;grid-template-columns:repeat(14, 1fr);column-gap:20px;}
.two_column .flights{grid-column:1/11}
.two_column .sidebar{grid-column:11/15}
.sidebar{border-radius:var(--border-radius);padding:1.4rem;background-color:#fff}
.sidebar hr{margin:1.5rem 0rem}
.sidebar h4{font-size:1.2rem;font-weight:bold}
.route_header{color:#0c9000}
.route_icon{fill:#0c9000}
.trip_header{color:#c90000}
.trip_icon{fill:#c90000}
.orange_header{color:var(--color4)}
.sidebar__action{width:100%;display:block;text-align:center;border-radius:var(--border-radius);padding:.75em 2em;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#d3dceb;color:var(--color1);font-weight:bold}
.sidebar-section:not(:last-child){margin-bottom:2.5rem}
.sidebar-section__heading{margin-bottom:1.5rem;font-size:2.2rem;font-weight:var(--font-weight-medium)}
.choice-list__item{padding:6px 0px;color:var(--color1)}
.choice-list__item svg.dfMuiIcon{height:1.5rem!important;width:1.5rem!important;margin-right:8px;float:left}

.a_services li{display: grid;grid-template-columns: 2% 38% 15% 35%;column-gap: 10px;margin-bottom:20px;justify-content:center;align-items:center}
.a_services li span{color:var(--color3);font-weight:bold}
.vize_choose{display:flex;justify-content:center;gap:12px}
.flight-card .price{display:inline-block;background-color:var(--color3);color:white;padding:2px 8px;border-radius:var(--border-radius)}


.breadcrumb{display:inline-block;/* box-shadow:0 0 15px 1px #00000059; */overflow:hidden;border-radius:var(--border-radius);counter-reset:flag}
.breadcrumb a{text-decoration:none;outline:none;display:block;float:left;font-size:12px;line-height:36px;color:#fff;padding: 0 18px 0 47px;background: #506bbf /*background:linear-gradient(#c7d0de,#666f7c)*/;position:relative}
.breadcrumb a:first-child{/* padding-left:46px; */border-radius:8px 0 0 8px}
.breadcrumb a:first-child:before{left: 16px;}
.breadcrumb a:last-child{border-radius:0 8px 8px 0;padding-right:20px}
.breadcrumb a.active,.breadcrumb a:hover{background:var(--color4)/*;background:linear-gradient(var(--color3),var(--color13))*/}
.breadcrumb a.active:after,.breadcrumb a:hover:after{background:var(--color4)/*;background:linear-gradient(135deg,var(--color3),var(--color13))*/}
.breadcrumb a:after{content:'';position:absolute;top:0;right:-18px;width:36px;height:36px;transform:scale(0.707) rotate(45deg);z-index:1;background:#666f7c/*;background:linear-gradient(135deg,#c7d0de,#666f7c);box-shadow:2px -2px 0 2px #0006 3px -3px 0 2px #ffffff1a;*/border-radius:0 5px 0 50px}
.breadcrumb a:last-child:after{content:none}
.breadcrumb a:before{content:counter(flag);counter-increment:flag;border-radius:100%;width:20px;height:20px;line-height:20px;margin:8px 0;position:absolute;top:0;left: 20px;background:#d7dde7/*;background:linear-gradient(#d7dde7,#4d555e)*/;font-weight:700;text-align:center;color:#222}
.breadcrumb a.active:before{background:var(--color1)/*;background:linear-gradient(var(--color1),#222)*/;color:#FFF}


.price_detail li{display:flex;justify-content:space-between;padding-bottom:10px;font-size:1rem}
.price_detail li span{color:#0c9000}
.price_detail li span.remove{color:#c90000}
.reservation_code{font-size:18px}
.totalprice{color:var(--color1);font-size:16px;background-color:#f2f2f2;border-radius:var(--border-radius);padding:8px 12px}

.payment-title{width:100%;text-align:center}
.form-container .field-container:first-of-type{grid-area:name}
.form-container .field-container:nth-of-type(2){grid-area:number}
.form-container .field-container:nth-of-type(3){grid-area:expiration}
.form-container .field-container:nth-of-type(4){grid-area:security}
.field-container input{-webkit-box-sizing:border-box;box-sizing:border-box}
.field-container{position:relative}
.form-container{display:grid;grid-column-gap:10px;grid-template-columns:auto auto;grid-template-rows:90px 90px 90px;grid-template-areas:"name name""number number""expiration security";max-width:400px;padding:20px;color:#707070}
.ccicon{height:38px;position:absolute;right:6px;top:calc(50% - 17px);width:60px}
.preload *{-webkit-transition:none!important;-moz-transition:none!important;-ms-transition:none!important;-o-transition:none!important}
#ccsingle{position:absolute;right:15px;top:20px}
#ccsingle svg{width:100px;max-height:60px}
.creditcard svg#cardfront,.creditcard svg#cardback{width:100%;border-radius:var(--border-radius)}
#generatecard{cursor:pointer;float:right;font-size:12px;color:#fff;padding:2px 4px;background-color:#909090;border-radius:var(--border-radius);cursor:pointer;float:right}
.creditcard .lightcolor,.creditcard .darkcolor{-webkit-transition:fill .5s;transition:fill .5s}
.creditcard .lightblue{fill:#03A9F4}
.creditcard .lightbluedark{fill:#0288D1}
.creditcard .red{fill:#ef5350}
.creditcard .reddark{fill:#d32f2f}
.creditcard .purple{fill:#ab47bc}
.creditcard .purpledark{fill:#7b1fa2}
.creditcard .cyan{fill:#26c6da}
.creditcard .cyandark{fill:#0097a7}
.creditcard .green{fill:#66bb6a}
.creditcard .greendark{fill:#388e3c}
.creditcard .lime{fill:#d4e157}
.creditcard .limedark{fill:#afb42b}
.creditcard .yellow{fill:#ffeb3b}
.creditcard .yellowdark{fill:#f9a825}
.creditcard .orange{fill:#ff9800}
.creditcard .orangedark{fill:#ef6c00}
.creditcard .grey{fill:#bdbdbd}
.creditcard .greydark{fill:#616161}
#svgname{text-transform:uppercase}
#cardfront .st2{fill:#FFF}
#cardfront .st3{font-family:'Source Code Pro',monospace;font-weight:600}
#cardfront .st4{font-size:54.7817px}
#cardfront .st5{font-family:'Source Code Pro',monospace;font-weight:400}
#cardfront .st6{font-size:33.1112px}
#cardfront .st7{opacity:.6;fill:#FFF}
#cardfront .st8{font-size:24px}
#cardfront .st9{font-size:36.5498px}
#cardfront .st10{font-family:'Source Code Pro',monospace;font-weight:300}
#cardfront .st11{font-size:16.1716px}
#cardfront .st12{fill:#4C4C4C}
#cardback .st0{fill:none;stroke:#0F0F0F;stroke-miterlimit:10}
#cardback .st2{fill:#111}
#cardback .st3{fill:#F2F2F2}
#cardback .st4{fill:#D8D2DB}
#cardback .st5{fill:#C4C4C4}
#cardback .st6{font-family:'Source Code Pro',monospace;font-weight:400}
#cardback .st7{font-size:27px}
#cardback .st8{opacity:.6}
#cardback .st9{fill:#FFF}
#cardback .st10{font-size:24px}
#cardback .st11{fill:#EAEAEA}
#cardback .st12{font-family:'Rock Salt',cursive}
#cardback .st13{font-size:37.769px}

#txt_telefon{padding-right:0px!important}
.iti{width:100%}

.creditcard{width:100%;max-width:400px;min-height:200px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform .6s;-webkit-transition:-webkit-transform .6s;transition:transform .6s;transition:transform 0.6s,-webkit-transform .6s;cursor:pointer}
.creditcard .front,.creditcard .back{position:absolute;width:100%;max-width:400px;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-font-smoothing:antialiased;color:#47525d}
.creditcard .back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
.creditcard.flipped{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}

._8wk94{display:none}
.back_btn{display:inline-block;fill:var(--color1);flex-shrink:0;font-size:1.5rem;height:1em;width:1em}
.text-medium{font-size:1.4rem}
.font-bold{font-weight:var(--font-weight-bold)}
.flight-card__departure{margin-right:1rem}
.flight-card__arrival{margin-left:1rem}
@media (max-width: 768px) {
	.flight-card__cta{min-width:auto}
	.booking-bar,.flight-card__img{display:none}
	
	.two_column .flights,.two_column .sidebar{grid-column: 1 / 15}
	.kktc_alert svg{height:60px}
	.a_services li{grid-template-columns:5% 45% 15% 26%}
	
	.flight-card{flex-wrap:wrap;align-items:baseline}
	.flight-card__action{order:4;flex-basis:100%;padding-top:10px}
	.flight-card__action p,.flight-card__action button,.flight-card__action label{width:50%;float:left}
	.flight-card__price{text-align:left;color:var(--color1)}
	.flight-card__price,.flight-card__cta{margin-bottom:0px}
	/*.flight-card__departure,.flight-card__arrival{margin-left:0px;margin-right:0px}*/
	.flight-card__arrival{margin-right:0px}
	.flight-card__duration span{display:none}
	/*.dashboard{grid-gap:1.5rem}*/
	
	._8wk94{display:grid;grid-template-columns:44px 1fr 44px;justify-items:center;align-items:center;-moz-column-gap:8px;column-gap:8px;height:44px/*;padding:0px 15px*/}
._73aIL{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;height:44px;width:44px}
._73aIL button{background:transparent}
._2-28T{width:100%;display:flex;flex-direction:row;justify-content:flex-end;align-items:center}
}

