:root{
	--primary-color:#364563;
	--grey-color:#686060;
	--secondary-color:#F25E48;
}

a{
	color: var(--primary-color) !important;
}

p {
  line-height: 33px !important;
}

/*@media screen and (min-device-width: 481px) and (max-device-width: 911px) {

    .passengerssub .col-md-3 {
        width: 104.43333333333px !important;
    }
}
@media (min-width: 1980px) {
    .passengerssub .col-md-3 {
        width: 104.43333333333px !important;
    }
}
@media (min-width: 33%) {
    .passengerssub .col-md-3 {
        width: 104.43333333333px !important;
    }
}*/
@media screen and (min-width: 480px) {
    .passengerssub .col-md-3 {
        display: flex;
        flex-wrap: wrap;
    }

    .passengerssub > .col-md-3 {
        flex: 1;
        width: auto;
    }
}
@media (min-width: 768px) {
    .passengerssub .col-md-3 {
        flex: 0 0 auto;
        width: 27.74%;
    }
}
    /*.passengerssub .col-md-3 {
        width: 264.4833333333333px !important;
    }*/
/*@media (min-width: 1301px) {
    .passengerssub .col-md-3 {
        width: 234.4833333333333px !important;
    }
}*/
@media all and (min-width: 1024px) {
    .txtpxpg {
        padding-left: 1px !important;
    }
}

.rdinch-text {
    color: var(--primary-color) !important;
}
.lblpaxdtls-text {
    color: var(--primary-color) !important;
}
#seatmapACH .close {
    background-color: white !important;
    font-size: 1.5rem !important;
    color: #364563 !important;
}
.seatModel .close {
    background-color: white !important;
    font-size: 1.5rem !important;
    color: #364563 !important;
}
.btn_aftertraveler {
    width: 7rem !important;
    cursor: pointer;
    padding: 12px 7px;
    border-radius: 0;
    display: block;
    position: relative;
    color: var(--text);
    border: 2px solid var(--primary-color);
    background: var(--background);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
/*.timer-center-top{margin-top:22px !important;}*/
.myhdngs {
    font-size: 1.34rem !important;
    font-weight: bold !important;
    text-decoration: none !important;
}
.border-bottom{
	width: 100%;
	height: 10px;
	background: var(--primary-color);
}

.mainDivItinery{
	padding-top: 30px;
	padding-bottom: 80px;
}

.mainHead h3{
	font-size: 22px;
	color: var(--primary-color);
	font-weight: bold;
}

.itineraryDiv1 {
  border: 2px solid var(--primary-color);
  padding-top: 20px;
  border-radius: 10px;
}


.itineraryDiv2 {
  border: 2px solid var(--primary-color);
  padding-top: 20px;
}

.itineraryDiv2 h3{
  font-size: 20px;
  padding-left: 20px;
  color: var(--primary-color);
  font-weight: bold;
}

.fareTbl tbody th,
.fareTbl tbody td{
	padding-left: 20px !important;
	padding-top: 12px !important;
	padding-bottom: 12px !important;
	color: var(--grey-color);
	font-size: 14px;
	font-weight: 600;

}


.fareTbl thead th{
	color: var(--grey-color);
	padding-left: 20px !important;
	padding-top: 12px !important;
	padding-bottom: 12px !important;
}

.fareTbl tfoot th{
	color: #fff !important;
	font-size: 18px;
	padding-left: 20px !important;
	padding-top: 12px !important;
	padding-bottom: 12px !important;
}

.myLinks a{
	color: var(--primary-color) !important;
	text-decoration-color: var(--primary-color) !important;
	font-weight: 500;
	font-size: 14px !important;
}


.supportHead {
  background: #eee;
  width: 100%;
  height: 50px;
  padding-top: 12px;
}

.supportHead h4 {
  font-weight: bold;
  font-size: 20px;
}

.supportContent h6{
	line-height: 26px;
	margin-bottom: 20px;
	color: var(--primary-color);
	font-size: 14px;
}

.supportContent h6 a{
	color: var(--primary-color) !important;
	text-decoration: none;
}

.itineraryDiv1 ul{
	margin: 0;
	padding: 0;
}

.flightLogo{
	height: 41px !important;
}
/*.emailwdth {width: 24.644rem !important;}
.phnwdth{width:15.9rem !important;}*/
.tripBox p {
  line-height: 24px !important;
  color: var(--grey-color);
  font-size: 15px !important;
}

.flightLists li{
	border-bottom: 1px solid #eee;
	padding-bottom: 3px;
	padding-top: 3px;
}
.p-4 {
    padding: 0.5rem !important;
}
.flightLists li:last-child{
	border-bottom: none;
}

.myFlightInfo .accordion-button {
  padding-left: 0 !important;
  background: #fff !important;
  border-bottom: 2px solid #ddd !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.myFlightInfo .accordion-item {
      border: none !important;
      border-radius: 0 !important;
}
.timer-icon {
    font-size: 18px;
    margin-bottom: 12px;
    margin-right: 7px;
}

.timer-session {
    font-size: 20px !important;
    color: #da4848;
}

.timer-text {
    font-size: 1.4rem;
}
.myFlightInfo .accordion-body {
  padding-left: 0 !important;
}

.form-inner label{
	color: #696969;
	font-size: 15px;
}
.selectedSeat {
    /*display: inline-block !important;
    margin-right: 10px !important;*/
    color: #fff !important;
}

.form-inner input[type="text"],
.form-inner input[type="date"], 
.form-inner .codes{
	box-shadow: none !important;
	outline: none !important;
	border: 2px solid var(--primary-color) !important;
	border-radius: 0 !important;
	height: 51px;
	width: 100%;
}

.codes{
	width: 100px;
}

.form-inner .intl-tel-input {
  position: relative;
  display: block;
}

.form-inner .intl-tel-input .flag-container {
  padding: 10px;
}

.form-inner .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
  width: 100px;
}

.intl-tel-input.separate-dial-code .selected-flag {
  background-color: #fff !important;
}

/*select style*/


.section-services .custom-select {
	height: inherit;
	padding: 0 20px;
	line-height: inherit;
	font-size: 14px;
	font-weight: bold;
	border-radius: 27px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #000;
}

.select-club-services {
	--max-scroll: 8;
	--text: #191919;
	--border: #687898;
	--borderActive: #fff;
	--background: #fff;
	--arrow: #6C7486;
	--arrowActive: #E4ECFA;
	--listText: #191919;
	--listBackground: #F5F9FF;
	--listActive: #E4ECFA;
	--listTextActive: #6C7486;
	--listBorder: none;
	--textFilled: #191919;

	position: relative;
}
.select-club-services select {
	display: none;
}
.select-club-services > span {
  cursor: pointer;
  padding: 13px 16px;
  border-radius: 0;
  display: block;
  position: relative;
  color: var(--text);
  border: 2px solid var(--primary-color);
  background: var(--background);
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.select-club-services > span:before, .select-club-services > span:after {
	content: '';
	display: block;
	position: absolute;
	width: 8px;
	height: 2px;
	border-radius: 1px;
	top: 50%;
	right: 15px;
	background: var(--arrow);
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.select-club-services > span:before {
	margin-right: 4px;
	-webkit-transform: scale(0.96, 0.8) rotate(50deg);
	transform: scale(0.96, 0.8) rotate(50deg);
}
.select-club-services > span:after {
	-webkit-transform: scale(0.96, 0.8) rotate(-50deg);
	transform: scale(0.96, 0.8) rotate(-50deg);
}
.select-club-services ul {
	margin: 0;
	padding: 0;
	list-style: none;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	max-height: calc(var(--max-scroll) * 42px);
	top: 42px;
	left: 0;
	z-index: 1;
	right: 0;
	background: var(--listBackground);
	border-radius: 6px;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transition: opacity 0.2s ease, visibility 0.2s ease, -webkit-transform 0.3s cubic-bezier(0.4, 0.6, 0.5, 1.32);
	transition: opacity 0.2s ease, visibility 0.2s ease, -webkit-transform 0.3s cubic-bezier(0.4, 0.6, 0.5, 1.32);
	transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.3s cubic-bezier(0.4, 0.6, 0.5, 1.32);
	transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.3s cubic-bezier(0.4, 0.6, 0.5, 1.32), -webkit-transform 0.3s cubic-bezier(0.4, 0.6, 0.5, 1.32);
	-webkit-transform: scale(0.8) translate(0, 4px);
	transform: scale(0.8) translate(0, 4px);
	border: 1px solid var(--listBorder);
}
.select-club-services ul li {
	opacity: 0;
	-webkit-transform: translate(6px, 0);
	transform: translate(6px, 0);
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.select-club-services ul li a {
	cursor: pointer;
	display: block;
	padding: 10px 16px;
	color: #000 !important;
	text-decoration: none;
	outline: none;
	position: relative;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.select-club-services ul li a:hover {
	color: var(--listTextActive);
}
.select-club-services ul li.active a {
	color: var(--listTextActive);
	background: var(--listActive);
}
.select-club-services ul li.active a:before, .select-club-services ul li.active a:after {
	--scale: .6;
	content: '';
	display: block;
	width: 10px;
	height: 2px;
	position: absolute;
	right: 17px;
	top: 50%;
	opacity: 0;
	background: var(--listText);
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}
.select-club-services ul li.active a:before {
	-webkit-transform: rotate(45deg) scale(var(--scale));
	transform: rotate(45deg) scale(var(--scale));
}
.select-club-services ul li.active a:after {
	-webkit-transform: rotate(-45deg) scale(var(--scale));
	transform: rotate(-45deg) scale(var(--scale));
}
.select-club-services ul li.active a:hover:before, .select-club-services ul li.active a:hover:after {
	--scale: .9;
	opacity: 1;
}
.select-club-services ul li:first-child a {
  border-radius: 0;
  color: #000 !important;
}

.select-club-services ul li:last-child a {
	border-radius: 0;
	color: #000 !important;
}
.select-club-services.filled > span {
	color: var(--textFilled);
}
.select-club-services.open > span {
	border-color: var(--borderActive);
}
.select-club-services.open > span::before, .select-club-services.open > span::after {
  background: #fff;
  border: 1px solid #000;
}

.select-club-services.selectDropdown.filled.open {
  border: 2px solid #f4f4f4;
}


.select-club-services.open > span:before {
	-webkit-transform: scale(0.96, 0.8) rotate(-50deg);
	transform: scale(0.96, 0.8) rotate(-50deg);
}
.select-club-services.open > span:after {
	-webkit-transform: scale(0.96, 0.8) rotate(50deg);
	transform: scale(0.96, 0.8) rotate(50deg);
}
.select-club-services.open ul {
	opacity: 1;
	visibility: visible;
	-webkit-transform: scale(1) translate(0, 12px);
	transform: scale(1) translate(0, 12px);
	-webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.4, 0.6, 0.5, 1.32);
	transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.4, 0.6, 0.5, 1.32);
	transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.4, 0.6, 0.5, 1.32);
	transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.4, 0.6, 0.5, 1.32), -webkit-transform 0.3s cubic-bezier(0.4, 0.6, 0.5, 1.32);
}
.select-club-services.open ul li {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
.select-club-services.open ul li:nth-child(1) {
	-webkit-transition-delay: 80ms;
	transition-delay: 80ms;
}
.select-club-services.open ul li:nth-child(2) {
	-webkit-transition-delay: 160ms;
	transition-delay: 160ms;
}
.select-club-services.open ul li:nth-child(3) {
	-webkit-transition-delay: 240ms;
	transition-delay: 240ms;
}
.select-club-services.open ul li:nth-child(4) {
	-webkit-transition-delay: 320ms;
	transition-delay: 320ms;
}
.select-club-services.open ul li:nth-child(5) {
	-webkit-transition-delay: 400ms;
	transition-delay: 400ms;
}
.select-club-services.open ul li:nth-child(6) {
	-webkit-transition-delay: 480ms;
	transition-delay: 480ms;
}
.select-club-services.open ul li:nth-child(7) {
	-webkit-transition-delay: 560ms;
	transition-delay: 560ms;
}
.select-club-services.open ul li:nth-child(8) {
	-webkit-transition-delay: 640ms;
	transition-delay: 640ms;
}
.select-club-services.open ul li:nth-child(9) {
	-webkit-transition-delay: 720ms;
	transition-delay: 720ms;
}
.select-club-services.open ul li:nth-child(10) {
	-webkit-transition-delay: 800ms;
	transition-delay: 800ms;
}
select.select-club-services {
	padding: 9px 16px;
	border-radius: 6px;
	color: var(--text);
	border: 1px solid var(--border);
	background: var(--background);
	line-height: 22px;
	font-size: 16px;
	font-family: inherit;
	-webkit-appearance: none;
}

.checkbox.style-c {
  display: inline-block;
  position: relative;
  padding-left: 18px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.checkbox.style-c input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkbox.style-c input:checked ~ .checkbox__checkmark {
  background-color: #f7cb15;
}
.checkbox.style-c input:checked ~ .checkbox__checkmark:after {
  opacity: 1;
}
.checkbox.style-c:hover input ~ .checkbox__checkmark {
  background-color: #eee;
}
.checkbox.style-c:hover input:checked ~ .checkbox__checkmark {
  background-color: #f7cb15;
}
.checkbox.style-c .checkbox__checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  height: 23px;
  width: 23px;
  background: #fff !important;
  transition: background-color 0.25s ease;
  border-radius: 0;
  border: 2px solid var(--primary-color);
}
.checkbox.style-c .checkbox__checkmark:after {
  content: "";
  position: absolute;
  left: 8px;
  top: 3px;
  width: 7px;
  height: 14px;
  border: solid #333;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  opacity: 0;
  transition: opacity 0.25s ease;
}
.checkbox.style-c .checkbox__body {
  color: #333;
  line-height: 1.4;
  font-size: 16px;
  padding-left: 12px;
  padding-top: 4px;
}


.text-orange{
	color: var(--secondary-color);
}

.subHeading{
	font-size: 19px;
  font-weight: 600;
}

.mealsDiv p {
  line-height: 23px !important;
}

.additional ul{
	margin: -15px;
	padding: 0;
}
.preference h6 {
  background: #ddd;
  padding: 7px 18px;
  margin-bottom: 18px;
  font-weight: bold;
}
.mealsDiv strong {
    font-size: 11px !important;
}
.additional ul li {
    margin-top: 12px;
}


.seatButton {
    background: #2DE05F;
    color: #fff !important;
    padding: 13px 50px;
    border-radius: 10px;
    font-size: 15px;
    text-decoration: none;
}