@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
a:focus, a:active, a:visited {
	outline: 0
}
@font-face {
	font-family: 'BebasNeueBold';
	src: url('../fonts/BebasNeueBold.eot');
	src: url('../fonts/BebasNeueBold.eot') format('embedded-opentype'),  url('../fonts/BebasNeueBold.woff2') format('woff2'),  url('../fonts/BebasNeueBold.woff') format('woff'),  url('../fonts/BebasNeueBold.ttf') format('truetype'),  url('../fonts/BebasNeueBold.svg#BebasNeueBold') format('svg');
}
@font-face {
	font-family: 'BebasNeueRegular';
	src: url('../fonts/BebasNeueRegular.eot');
	src: url('../fonts/BebasNeueRegular.eot') format('embedded-opentype'),  url('../fonts/BebasNeueRegular.woff2') format('woff2'),  url('../fonts/BebasNeueRegular.woff') format('woff'),  url('../fonts/BebasNeueRegular.ttf') format('truetype'),  url('../fonts/BebasNeueRegular.svg#BebasNeueRegular') format('svg');
}
html, body, ul, li, p, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0
}
html {
	height: 100%
}
.swal2-shown {
	height: 100% !important
}
body {
	min-height: 100%
}
img {
	width: auto;
	height: auto;
	max-width: 100%
}
.tabpanel {
	text-align: center;
	padding-bottom: 0px
}
.logo {
	/*max-width: 150px;*/
	max-width: 100px;
	margin: 0 auto 15px
}
.tagline {
	font-size: 30px;
	/*font-family: 'BebasNeueBold';*/
	color: #807f84
}
.sub-tagline {
	font-size: 18px;
	/*font-family: 'BebasNeueBold';*/
	color: #807f84;
	font-weight: normal
}
.seprator {
	height: 2px;
	width: 180px;
	margin: 10px auto;
	background: #d4d2d9
}
.custom-radio:after, .custom-radio:before {
	content: '';
	display: block;
	clear: both
}
.custom-radio {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.custom-radio .tab-btn {
	display: inline-block;
	vertical-align: top;
	position: relative;
	padding: 10px 15px 10px 15px;
	line-height: 35px;
	/*font-size: 12px;*/
	font-size: 2vw;
	font-weight: bold;
	color: #807f84;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	background: #fff;
	background-clip: padding-box;
	border-width: 2px;
	border-style: solid;
	border-color: #807f84 #807f84 #807f84;
	 box-shadow: 0 0 2px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-webkit-font-smoothing: antialiased;
	cursor: pointer;
	/*background: rgb(222,35,76); /* Old browsers /
	background: -moz-linear-gradient(top, rgba(222,35,76,1) 0%, rgba(155,7,10,1) 68%); /* FF3.6-15 /
	background: -webkit-linear-gradient(top, rgba(222,35,76,1) 0%, rgba(155,7,10,1) 68%); /* Chrome10-25,Safari5.1-6 /
	background: linear-gradient(to bottom, rgba(222,35,76,1) 0%, rgba(155,7,10,1) 68%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ /
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de234c', endColorstr='#9b070a', GradientType=0 );
	-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.2);*/
	width: 46%;
	float: left;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 15px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	line-height: 1;
	
}
/*.custom-radio input[type="radio"]:nth-child(odd) + .tab-btn{clear:left}*/
.custom-radio .tab-btn:hover, .custom-radio .tab-btn.hover {
	background: rgb(155,7,10); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(155,7,10,1) 32%, rgba(222,35,76,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(155,7,10,1) 32%, rgba(222,35,76,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(155,7,10,1) 32%, rgba(222,35,76,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b070a', endColorstr='#de234c', GradientType=0 );
	border-color: #f6607e #f6607e #f6607e;
	/*-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 5px #fca1b3;
	box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 5px #fca1b3;*/
	color:#ffffff
}
.custom-radio .tab-btn:active, .custom-radio .tab-btn.active {
	border-color: #f6607e #f6607e #f6607e;
	background: rgb(155,7,10); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(155,7,10,1) 32%, rgba(222,35,76,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(155,7,10,1) 32%, rgba(222,35,76,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(155,7,10,1) 32%, rgba(222,35,76,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b070a', endColorstr='#de234c', GradientType=0 );
	/*-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.8);
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.8);*/
	color:#ffffff
}
.custom-radio .tab-btn.step1 {
	float: left;
	display: block;
	margin-left: auto;
	margin-right: auto
}
.custom-radio input[type="radio"] {
	position: absolute;
	visibility: hidden;
	top: 0;
	opacity: 0;
	filter: alpha(opacity=0)
}
#panel2, #panel3, #panel4 {
	display: none
}
.custom-radio input[type="radio"] {
	position: absolute;
	visibility: hidden
}
.form {
	max-width: 360px;
	margin: auto;
}

.input-field {
	width: 100%;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	height: 44px;
	border: 1px solid #807f84;
	margin-bottom: 10px;
	background: #fff;
	padding: 0 12px;
	text-align: center;
	font-size: 18px;
	box-sizing: border-box;
	box-sizing: border-box
}
select.input-field{
	margin-top:10px;
	margin-bottom:0;
	background:#fff url(../images/drop-down-arrow.png) right center no-repeat;
	-moz-appearance:none;
	-webkit-appearance:none
}
.submit-btn {
	color: #fff;
	/*max-width: 660px;*/
	width: 100%;
	margin: 15px auto 0;
	display: block;
	padding: 10px 15px;
	text-align: center;
	/*font-size: 3vw;*/
	max-width: 360px;font-size: 25px;
	/*font-family: 'BebasNeueBold';*/
	border: 1px solid;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	text-decoration: none;
	background: transparent;
	cursor: pointer;
	background: #807f84;
	-webkit-appearance: none;
	background: rgb(222,35,76); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(222,35,76,1) 0%, rgba(155,7,10,1) 68%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(222,35,76,1) 0%, rgba(155,7,10,1) 68%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(222,35,76,1) 0%, rgba(155,7,10,1) 68%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de234c', endColorstr='#9b070a', GradientType=0 );
	-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.2);
}
.submit-btn:hover {
	color: #ffffff;
	background: rgb(155,7,10); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(155,7,10,1) 32%, rgba(222,35,76,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(155,7,10,1) 32%, rgba(222,35,76,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(155,7,10,1) 32%, rgba(222,35,76,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b070a', endColorstr='#de234c', GradientType=0 );
}
.backbutton {
	border: 2px solid;
	border-radius: 60px;
	bottom: 10px;
	color: #444243;
	display: inline-block;
	/*font-family: "BebasNeueBold";*/
	font-size: 2vw;
	left: 50%;
	margin-left: 0;
	padding: 4px 52px;
	position: static;
	text-align: center;
	/* width: 99px;*/
	background: rgb(231,229,230); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(231,229,230,1) 0%, rgba(183,183,183,1) 60%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(231,229,230,1) 0%, rgba(183,183,183,1) 60%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(231,229,230,1) 0%, rgba(183,183,183,1) 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e5e6', endColorstr='#b7b7b7', GradientType=0 );
}
.backbutton:hover, .backbutton:focus, .backbutton:active {
	color: #111111;
	background: #338dc1; /*border-color:#338dc1;*/
	text-decoration: none;
	background: rgb(183,183,183); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(183,183,183,1) 40%, rgba(231,229,230,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(183,183,183,1) 40%, rgba(231,229,230,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(183,183,183,1) 40%, rgba(231,229,230,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7b7b7', endColorstr='#e7e5e6', GradientType=0 );
	text-decoration: none
}
select.input-field{margin-top: 0; margin-bottom: 10px;} 
#panel4 .input-group .form-control, #panel4 .input-field{font-size: 22px;}
.backbutton,.custom-radio .tab-btn{font-size: 22px;}
/*.backbutton:hover, .backbutton:focus, .backbutton:active {
	color: #ffffff;
	background: #b30538;
	border-color: #b30538;
	text-decoration: none
}*/
#vehicle_num{margin-top:20px}
#panel4 .input-group .form-control,#panel4 .input-field{font-size:2vw; height:auto; padding-top:8px;padding-bottom:8px;/*font-family:"BebasNeueBold";*/}
#panel4 .input-group-addon{font-size:2vw;/*font-family:"BebasNeueBold";*/}
#passport_num{margin-top: 10px; margin-bottom:0}
.input-group{width:100%}
.main-title {
	flex: auto;
	width: 100%;
	text-align: center;
}
.disclaimer{
	margin-top:10px; padding:10px; border-radius:5px; border: 1px solid #db5f84; background:#f4b2c5; font-weight:500; font-family: 'Raleway', sans-serif; font-size:12px; text-align: justify; color:#242424;
}
@media only screen and (max-height: 900px){
	.custom-radio .tab-btn{
		font-size: 1.5vw;
	}
}
@media only screen and (max-height: 780px){
	.custom-radio .tab-btn{
		font-size: 2.8vw;
	}
	#panel4 .input-group .form-control, #panel4 .input-field{
		font-size: 2.8vw;
		
	}
}
@media only screen and (max-height: 680px){
	#panel4 .input-group .form-control, #panel4 .input-field{
		font-size: 1.4vw;
	}
	.custom-radio .tab-btn{
		font-size: 1.3vw;
		margin-top:4px;
	}

}
@media only screen and (max-height: 600px){
	#panel4 .input-group .form-control, #panel4 .input-field{
		font-size: 1.3vw;
	}
	.disclaimer{font-size: 11px;line-height: 1.2;}
	.submit-btn{font-size: 1.4vw;padding: 5px 15px;}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
.custom-radio .tab-btn {
	margin-top:5px
}
}
@media screen and (max-width: 899px) and (min-width: 768px) {
.tab-btn {
	font-size: 20px
}
}

@media only screen and (max-width: 767px) {
.custom-radio {
	display: block;
	flex-wrap: wrap;
}
.custom-radio .tab-btn {
	min-width: 100% !important;
	margin: 0 0 15px;
}
}
@media (min-width: 768px) {
.outer {
	background: #fff;
	border-radius: 20px;
	width: 100%;
	margin: auto;
	display: table;
	height: 100%;
}
.column-left {
	background: #f5f5f5;
	display: table-cell;
	vertical-align: middle;
	width: 35%;
	padding: 20px;
	border-radius: 20px 0 0 20px;
	-webkit-border-radius: 20px 0 0 20px
}
.column-right {
	display: table-cell;
	vertical-align: top;
	width: 65%;
	text-align: center;
	padding: 20px;
	padding-top: 15%;
	position: relative;
	padding-bottom: 45px
}
}
.tabpanel {
	height: 100vh
}
/*breadcrumb css*/

/* --------------------------------

Primary style

-------------------------------- */
*, *::after, *::before {
	box-sizing: border-box;
}
a {
	text-decoration: none
}
/*html {
	font-size: 62.5%;
}*/
/* --------------------------------

Basic Style

-------------------------------- */
.cd-breadcrumb, .cd-multi-steps {
	width: 90%;
	max-width: 768px;
	padding: 0.5em 1em;
	margin: 1em auto 0;
	background-color: #edeff0;
	border-radius: .25em;
}
.cd-breadcrumb:after, .cd-multi-steps:after {
	content: "";
	display: table;
	clear: both;
}
.cd-breadcrumb li, .cd-multi-steps li {
	display: inline-block;
	float: left;
	margin: 0.5em 0;
	vertical-align: top;
}
.cd-breadcrumb li::after, .cd-multi-steps li::after {
	/* this is the separator between items */
	display: inline-block;
	content: '\00bb';
	margin: 0 .6em;
	color: #959fa5;
}
.cd-breadcrumb li:last-of-type::after, .cd-multi-steps li:last-of-type::after {
	/* hide separator after the last item */
	display: none;
}
.cd-breadcrumb li > *, .cd-multi-steps li > * {
	/* single step */
	display: inline-block;
	font-size: 1.4rem;
	color: #2c3f4c;
}
.cd-breadcrumb li.current > *, .cd-multi-steps li.current > * {
	/* selected step */
	color: #b30538
}
.no-touch .cd-breadcrumb a:hover, .no-touch .cd-multi-steps a:hover {
	/* steps already visited */
	color: #96c03d;
}
@media only screen and (min-width: 768px) {
.cd-breadcrumb, .cd-multi-steps {
	padding: 0 1.2em;
}
.cd-breadcrumb li, .cd-multi-steps li {
	margin: 1.2em 0;
}
.cd-breadcrumb li::after, .cd-multi-steps li::after {
	margin: 0 1em;
}
.cd-breadcrumb li > *, .cd-multi-steps li > * {
/*
	font-size: 1.6rem;
*/
	font-size: 1.7rem;
}
}

/* --------------------------------

Multi steps indicator

-------------------------------- */
@media only screen and (min-width: 768px) {
.cd-multi-steps {
	/* reset style */
	background-color: transparent;
	padding: 0;
	text-align: center;
}
.cd-multi-steps li {
	position: relative;
	float: none;
	margin: 0.4em 40px 0.4em 0;
}
.cd-multi-steps li:last-of-type {
	margin-right: 0;
}
.cd-multi-steps li::after {
	/* this is the line connecting 2 adjacent items */
	position: absolute;
	content: '';
	height: 4px;
	background: #edeff0;
	/* reset style */
	margin: 0;
}
.cd-multi-steps li.visited::after {
	background-color: #b30538;
}
.cd-multi-steps li > *, .cd-multi-steps li.current > * {
	position: relative;
	color: #2c3f4c;
}
.cd-multi-steps.custom-separator li::after {
	/* reset style */
	height: 4px;
	background: #edeff0;
}
.cd-multi-steps.text-center.custom-icons li.visited a::before {
	/* change the custom icon for the visited item - check icon */
	background-position: 0 -60px;
}
.cd-multi-steps.text-bottom li {
	width: 28%;
	text-align: center;
}
.cd-multi-steps.text-bottom li::after {
	/* this is the line connecting 2 adjacent items */
	position: absolute;
	left: 50%;
	/* 40px is the <li> right margin value */
	width: calc(100% + 40px);
}
.cd-multi-steps.text-bottom li > *::before {
	/* this is the spot indicator */
	content: '';
	position: absolute;
	z-index: 1;
	left: 50%;
	right: auto;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	height: 12px;
	width: 12px;
	border-radius: 50%;
	background-color: #edeff0;
}
.cd-multi-steps.text-bottom li.visited > *::before,  .cd-multi-steps.text-bottom li.current > *::before {
	background-color: #b30538;
}
.no-touch .cd-multi-steps.text-bottom a:hover {
	color: #96c03d;
}
.no-touch .cd-multi-steps.text-bottom a:hover::before {
	box-shadow: 0 0 0 3px rgba(150, 192, 61, 0.3);
}
.cd-multi-steps.text-bottom li::after {
	/* this is the line connecting 2 adjacent items */
	top: 3px;
}
.cd-multi-steps.text-bottom li > * {
	padding-top: 20px;
}
.cd-multi-steps.text-bottom li > *::before {
	/* this is the spot indicator */
	top: 0;
}
}
/* --------------------------------

Add a counter to the multi-steps indicator

-------------------------------- */
.cd-multi-steps.count li {
	counter-increment: steps;
}
.cd-multi-steps.count li > *::before {
	content: counter(steps) " - ";
}
 @media only screen and (min-width: 768px) {
.cd-multi-steps.text-bottom.count li > *::before {
	/* this is the spot indicator */
	content: counter(steps);
	height: 26px;
	width: 26px;
	line-height: 26px;
	font-size: 1.4rem;
	color: #ffffff;
}
.cd-multi-steps.text-bottom.count li:not(.current) em::before {
	/* steps not visited yet - counter color */
	color: #2c3f4c;
}
.cd-multi-steps.text-bottom.count li::after {
	top: 11px;
}
.cd-multi-steps.text-bottom.count li > * {
	padding-top: 34px;
}
}
#panel4 .custom-radio {
	max-width: 660px;
	margin: 0px auto;
}
#panel4 .custom-radio>div{ 
	width: 100%
}
#panel4 .custom-radio>div.country_code {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: stretch;
	align-items: stretch;
	width: 100%;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 1px solid #807f84;
}
#panel4 .custom-radio > div.country_code input {
	border-left: 0;
	border-radius: 0;
	border: 0;
	margin-bottom: 0;
	background: transparent;
	
}
#panel4 .custom-radio>div.country_code span {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	padding: .375rem .75rem;
	margin-bottom: 0;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	text-align: center;
	white-space: nowrap;
	background-color: #e9ecef;
	border-right: 1px solid #ced4da;
	border-radius:8px 0 0 8px;
	font-size: 22px;
	/*position: absolute;
	height: 100%;
	left: 0;
	top: 0;*/
}
#panel4 .custom-radio>div.country_code span.Bahrain:before{
	content: '';
	background: url(../images/Flag_of_Bahrain.png) no-repeat center;
	width: 34px;
	height: 34px;
	margin-right: 10px;
	background-size: contain;
	display: inline-block;
}
.input-group #ph {
	border-left: 0 none;
}
.custom-radio .input-group-addon {
	background: transparent none repeat scroll 0 0;
	border-color: #807f84;
	border-radius: 8px 0 0 8px;
}
.input-group #ph:focus {
}
@media (min-width: 680px){
	#panel4 .custom-radio > div.country_code input{
		padding-right: 120px;
	}

}

.logo.eskanbank{
		max-width: 31.96vw;
	}
.logo-image.eskanbank{
	display: flex;
	align-items: center;
	justify-content: center;
}
.logo-image.eskanbank img{max-width: 100% !important; max-height: 180px;width: auto;}
.logo-image.eskanbank:before{
	content: '';
	background: url(../images/eskanbank-logo.png) no-repeat center;
	width: 160px;
	height: 140px;
	background-size: contain;
	display: inline-block; 
} 
.logo-image.eskanbank span::before {
	border-left: 1px solid #333;
	height: 60px;
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin: 0 15px;
}
@media (max-width: 680px){
	.logo-image.eskanbank::before {
		width: 31%;
		height: 100px;
	}
	.logo.eskanbank {
		max-width: 100%;
	}
	.logo-image.eskanbank span{
	  width: 40%;
	  display: flex;
	  align-items: center;
	  padding-right: 30px;
	}
}
 @media only screen and (max-width:1199px) {
.column-left .tagline {
	font-size: 42px !important;
	line-height: 38px !important;
	margin: 0px 0px 15px 0px;
}
}
@media only screen and (max-width:767px) {
.column-left .tagline {
	font-size: 32px;
	padding: 0px 5px;
}
.column-right {
	padding-top: 10px !important;
}
.sub-tagline {
	font-size: 22px;
}
.logo {
    margin: 20px auto 40;
}
.tab-btn {
	font-size: 16px !important;
}
}




/*theme skin*/

.add-btn,ul.navigation li a:hover,ul.navigation li a:focus,header .btn,.paginate_button,#atabs .nav-tabs > li.active > a,.theme-color{color:#b30538; border-color:#b30538}
.theme-background,.add-btn:hover,,.add-btn:focus,header .btn:hover,header .btn:focus,.search-option input[type="submit"],.paginate_button:hover,.ui-datepicker-calendar .ui-state-active,#atabs .nav-tabs > li > a{background-color:#b30538; color:#ffffff !important}

@media only screen and (max-width:767px) {
.selecter_country *{font-family: 'Raleway', sans-serif; }
.selecter_country .tab-btn {width: 100%;text-align: left;border: 1px solid #ccc;margin: 0;border-bottom: 0;}
.selecter_country .tab-btn:last-child{border-bottom: 1px solid #ccc;}
.selecter_country .main-title {
    flex: auto;
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
    font-weight: 600;
    color: #fff;
    background: rgb(93, 107, 196); 
    font-size: 22px;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 6px 20px rgba(93, 107, 196, 0.3);
}
.countary-detail, .country-logo{display: inline-block;vertical-align: middle;}
.countary-detail{margin-left: 10px;}
.selecter_country .countary-name {color:#5d6bc4;font-size: 15px;font-weight: 600;font-size: 15px;font-weight: 600;text-transform: capitalize;display:block;overflow:hidden; width:100%;position:relative;}
.selecter_country .countary-name:hover{}
.countary-detail span {display: block;font-size:11px;color:#898989;line-height:1.5;}
img.country {width: 40px;border-radius: 50px;border: 1px solid #ddd;padding: 2px;height:40px}
.rigth-arrow {width: 14px;float: right;margin-top: 14px; position:absolute;right:0px; top:50%; margin-top:-7px}
.selecter_country a:hover{text-decoration:none;}
.country-logo{width: 40px;}
.countary-detail {width: 79%;}
.main-title{margin-top:30px; margin-bottom:20px}
.cd-breadcrumb, .cd-multi-steps{visibility:hidden}

.submit-btn{font-size:24px}
.backbutton{font-size:18px}
#panel4 .input-field{font-size:16px;}
}

@media only screen and (max-height:600px) {

.submit-btn{font-size:24px}
.backbutton{font-size:18px}
#panel4 .input-field{font-size:16px;}
}

#panel2, #panel3, #panel4{}
/*.backbutton{position:absolute;transform:translateX(-50%);-webkit-transform:translateX(-50%);}*/

/* reservations */
.landing-page p {font-size: 1.31vw; margin-bottom: 2vw; color: #333;}
.landing-page p a strong {color: #000;}

.btn.bookig-btn {    background: #C84332;
    color: #fff;
    margin: 0;
    padding: 1vw 0.73vw;
    max-width: 21.96vw;
    width: 100%;
    font-size: 1.25vw;
    transition: all 0.5s ease-in-out;}

.mb-1v{margin-bottom: 1vw !important; }
.mb-2v{margin-bottom: 2vw !important; }
.mb-3v{margin-bottom: 3vw !important; }
.mb-5v{margin-bottom: 5vw !important; }
.mb-7v{margin-bottom: 7vw !important; }
.mb-10v{margin-bottom: 10vw !important; }

.mt-1v{margin-top: 1vw !important; }
.mt-2v{margin-top: 2vw !important; }
.mt-3v{margin-top: 3vw !important; }
.mt-5v{margin-top: 5vw !important; }
.mt-7v{margin-top: 7vw !important; }
.mt-10v{margin-top: 10vw !important; }

/* select hotel */
.select-options {display: grid; grid-template-columns: repeat(auto-fit, minmax(21.96vw, 1fr)); gap: 2.19vw; max-width: 48vw; margin: 0 auto;}
.select-options label {margin: 0;}
.font-18{font-size: 1.31vw;}
.select-options + .buttons .backbutton {border-radius: 6px;}
.footer {position: absolute;left: 0;right: 0;bottom: 1.16vw;}

#panel1,#panel2,#panel4{padding-bottom: 80px;}

@media (max-width: 680px){
#panel1,#panel2,#panel4{position: relative;}
.buttons{margin-top: 30px;}
}



/*sweet alert modal custom css*/
.swal2-container.swal2-shown {
	background-color: rgba(0, 0, 0,0.75) !important;
}
.swal2-modal.swal2-show{
	border-radius: 20px;
	background: rgb(255, 255, 255) !important;
	min-width: 500px;
	padding:60px 30px 30px !important
}
.swal2-container .swal2-modal #swal2-title {
	font-size: 20px;
	color: #222;
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
	/*margin-top: 0px;
	margin-right: -30px;
	margin-left: -30px;*/
	padding: 20px;
	background: #e8e8e8;
	text-align: center;
	margin-bottom: 25px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0
}
.swal2-container .swal2-modal .swal2-icon{
	margin-top: 40px;
}
.swal2-modal .swal2-content{
	padding-top: 20px !important;
}
.swal2-modal .swal2-buttonswrapper {
	margin-top: 15px;
	/* background: #5e6cc5; */
	margin-right: -30px;
	margin-bottom: -30px;
	margin-left: -30px;
	padding-bottom: 30px;
	padding-top: 22px;
	border-top: 1px solid #ddd;
}
.swal2-modal .swal2-buttonswrapper button{
	margin-top: 0 !important
}
.swal2-modal .swal2-buttonswrapper button.swal2-confirm{
	background: #384bbf !important;
	border-color: #384bbf !important;
	border-radius: 6px;
	width: 40%;
	padding: 14px 32px;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 15px;
}
.swal2-modal .swal2-buttonswrapper button.swal2-confirm:hover,
.swal2-modal .swal2-buttonswrapper button.swal2-confirm:focus{
	background: #1d33b7 !important;
	border-color:#1d33b7 !important;
}
.swal2-modal .swal2-buttonswrapper button.swal2-cancel{
	color: #ff0000 !important;
	background: transparent !important;
	border: 1px solid #cec7c7/*#fb3e3e*/; 
	width: 40%;
	border-radius: 6px;
	padding: 14px 32px;
	text-transform: uppercase;
	font-weight: 500;
	max-width: 200px;
	font-size: 15px;
	color: #4a4a4a !important;
}
.swal2-modal .swal2-buttonswrapper button.swal2-cancel:hover,
.swal2-modal .swal2-buttonswrapper button.swal2-cancel:focus{
	background: #ff0000 !important;
	color: #fff !important;
	border-color: #ff0000 !important;
}


@media (min-width: 768px){
	.space-bottom{margin-bottom: 30px;padding-bottom: 10px;padding-top: 10px;}
	.flex-column{flex-direction: column;max-width: 750px;margin: auto;}
	.flex-column .submit-btn{margin-bottom: 15px}
}
.large-input-box{
	height: 120px
}

@media only screen and (min-width: 768px) and (max-width: 1180px){
	
	.queue-main{height: auto;min-height: 90vh;border-radius: 0;display: flex;} 
	.queue-main .column-right{display: flex;flex-direction: column;}
	.queue-main .column-right #queue-form{flex: 1}
	.queue-main #panel1,.queue-main #panel2,.queue-main #panel4 {
		height: 100%;
	}
	.queue-main .flex-items {
		display: flex;
		flex-direction: column;
		height: 100%
	}
	.flex-items .custom-radio{flex: 1;align-content: center;}
}
@media (orientation: portrait) {
	.queue-main{min-height: 100vh}
}
span.dash {
    margin-left: 12px;
    margin-right: 12px;
}

.outer/*.TataPower,.outer.tatapowerddl-modeltown*/{
	background: url(../images/dot.jpg);
    border-radius: 0;
}
.tatapower .staff-main-inner,.staff-main-inner{
	background-color: transparent !important;
}
.tatapower.mdw-desc h2{
	flex-direction: column;
	display:flex;
}
.tatapower.mdw-desc h2:first-child{
	margin-bottom: 0;font-size: 18px !important;
	margin-bottom: 0;font-weight: normal !important;
}
.tatapower.mdw-desc h2:nth-child(2){
	margin-top: 0
}

.gubia .acc_panel .custom-radio {
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.gubia .acc_panel .custom-radio .tab-btn {
  width: 96%;
  max-width: 990px;
}
.language-dropdown-top {
	position: fixed;
	right: 50px;
	top: 12px;
	z-index: 4;
}
.equal-horizontal {
	position: relative;
}
.equal-horizontal .language-selector {
	width: 24px;
	height: 24px;
	display: block;
}
.equal-horizontal select {
	padding: 0;
	border: 0;
	width: 24px;
	background: transparent !important;
	position: absolute;
	left: 0;
	font-size: 15px;
	top: 0px;
	cursor: pointer;
	outline: 0 none;
	font-family: Arial;
	text-indent: 25px;
	padding: 8px 10px;
	line-height: 1.8;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.icon-small {
	width: 90px;
	height: 90px;
	display: inline-flex;
	margin-right: 10px;
}
.custom-radio .tab-btn.icon-added{
	text-align: left;
	display: flex;
	justify-content: start;
	align-items: center;
}

@media (max-width:767px){
	.requestfullscreenbutton{
		display: none;
	}
}
.gsystem.outer{background: #fff}
span#emailSuffix {
    font-size: 22px;
}

.sohar.outer{
		background: url(../images/pattern-SIB-2.jpg) no-repeat center center !important;
		background-size: cover !important;
	}