/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
#dynamic-svg {
	height:80vh;
}
#finnTech_title {
	display:none;
}
#hidden_contact_us {
	display:none;
}
@font-face {
  font-family: 'Gotham-Thin';
   font-weight: 300;
   font-style: normal;
   src: url('fonts/Gotham-Thin.otf'); /* IE9 Compat Modes */
 }

@font-face {
  font-family: 'Gotham-Black';
   font-weight: 400;
   font-style: normal;
   src: url('fonts/Gotham-Black.otf'); /* IE9 Compat Modes */
 }
 
 @font-face {
  font-family: 'Gotham-Book';
   font-weight: 400;
   font-style: normal;
   src: url('fonts/GothamBook.ttf'); /* IE9 Compat Modes */
 }
 
 @font-face {
  font-family: 'Authentic-Signature';
   font-weight: 400;
   font-style: normal;
   src: url('fonts/Authentic-Signature.otf'); /* IE9 Compat Modes */
 }
 
 @font-face {
  font-family: 'Authentic-Signature';
   font-weight: 400;
   font-style: normal;
   src: url('fonts/Authentic-Signature.ttf'); /* IE9 Compat Modes */
 }
 

 @media only screen and (min-width : 1200px) {
	.main_images_hotels .col-xl-3 {
		max-width:25% !important;
	}
 }

@media only screen and (max-width : 992px) {
	#kassdantadesktop {
		display: none;
	}
 }


 
 
 @media only screen and (max-height : 555px) {
		#dynamic-svg {
			display:none !important;
		}
		#finnTech_title {
			display:inline-block !important;
			 color: white;
			font-size: 21px;
			font-family: 'Helvetica';
			//padding-top:20vh !important;
		}
		#top-bar {
			height: 0vh !important;
			padding-top: 0 !important;
		}
	}
 
 @media only screen and (min-width: 1762px) {
	 #slider_msg {
		height:77vh;
		margin-top:2vh;
	}
 }
 
 @media only screen and (min-width: 1671px) and (max-width : 1761px) {
	  #slider_msg {
		height:77vh;
		margin-top:3vh;
	}
 }
 @media only screen and (min-width: 1603px) and (max-width : 1670px) {
	#slider_msg {
		height:77vh;
		margin-top:0vh;	
	}
 }
 
 
  @media only screen and (min-width: 1401px) and (max-width : 1602px) {
	#slider_msg {
		height:77vh;
		margin-top:-8vh;
	}
	@media only screen and (min-height: 791px) and (max-height : 870px) {
		object#dynamic-svg {
			height:90vh !important;
		}
	}
	@media only screen and (min-height: 718px) and (max-height : 790px) {
		#slider_msg {
			height:77vh;
			margin-top:1vh;
		}
	}
	@media only screen and (min-height: 600px) and (max-height : 717px) {
		#slider_msg {
			height:77vh;
			margin-top:7vh;
		}
		object#dynamic-svg {
			height:75vh !important;
		}
	}
	@media only screen and (min-height: 556px) and (max-height : 599px) {
		#slider_msg {
			height:77vh;
			margin-top:12vh;
		}
		object#dynamic-svg {
			height:70vh !important;
		}
	}
	@media only screen and (max-height : 555px) {
		#dynamic-svg {
			display:none !important;
		}
		#finnTech_title {
			display:inline-block !important;
			 color: white;
			font-size: 21px;
			font-family: 'Helvetica';
			padding-top:20vh !important;
		}
		#top-bar {
			height: 0vh !important;
			padding-top: 0 !important;
		}
	}
 }
 
 @media only screen and (min-width: 1370px) and (max-width : 1400px) {
	#slider_msg {
		height:77vh;
		margin-top:-10vh;
	}

 }
 
 @media only screen and (min-width: 1200px) and (max-width : 1369px) {
	#slider_msg {
		height:77vh;
		margin-top:3vh;
	}
	#top-bar {
		height: 1vh !important;
	}
 }
 @media only screen and (min-width: 1200px) and (max-width : 1686px) {
	.sub_hotel span {
		white-space: normal !important;
	}
 }
 
@media only screen and (min-width: 992px) and (max-width : 1200px) {
	#slider_msg {
		height:77vh;
		margin-top:-2vh;
	}
	#slider {
		height: 820px !important;
	}
	#top-bar {
		height: 1vh !important;
	}
	@media only screen and (min-height: 556px) and (max-height : 605px) {
		#slider_msg {
			height:77vh;
			margin-top:2vh;
		}
		#slider {
			height: 650px !important;
		}
		#top-bar {
			height: 1vh !important;
		}
	}
	@media only screen and (min-height: 480px) and (max-height : 556px) {
		#slider_msg {
			height:77vh;
			margin-top:3vh;
		}
		#slider {
			height: 614px !important;
		}
		#top-bar {
			height: 0vh !important;
			padding-top: 0 !important;
		}
	}
	@media only screen and (min-height: 300px) and (max-height : 479px) {
		#slider_msg {
			height:77vh;
			margin-top:3vh;
		}
		#slider {
			height: 587px !important;
		}
		#top-bar {
			height: 0vh !important;
			padding-top: 0 !important;
		}
	}
}
@media only screen and (min-width: 200px) and (max-width : 991px) {
	#nav_contact_us {
		display:none;
	}
	#hidden_contact_us {
		display:inline-block;
	}
}
@media only screen and (min-width: 768px) and (max-width : 991px) {
	@media only screen and (min-height: 746px) {
		#logo a.standard-logo {
			display: inline-block !important;
		}
		#slider_msg {
			height:77vh;
			margin-top:-7vh;
		}
		#slider {
			height: 50vh !important;
		}
		#top-bar {
			height: 0vh !important;
			padding-top: 0 !important;
		}
	}
	@media only screen and (min-height: 600px) and (max-height : 745px) {
		#slider_msg {
			height:77vh;
			margin-top:-7vh;
		}
		#slider {
			height: 514px !important;
		}
		#top-bar {
			height: 0vh !important;
			padding-top: 0 !important;
		}
	}
	@media only screen and (min-height: 567px) and (max-height : 599px) {
		#slider_msg {
			height:77vh;
			margin-top:-10vh;
		}
		#slider {
			height: 490px !important;
		}
		#top-bar {
			height: 0vh !important;
			padding-top: 0 !important;
		}
	}
	@media only screen and (min-height: 547px) and (max-height : 567px) {
		#slider_msg {
			height:77vh;
			margin-top:-10vh;
		}
		#slider {
			height: 432px !important;
		}
		#top-bar {
			height: 0vh !important;
			padding-top: 0 !important;
		}
	}
	@media only screen and (min-height: 200px) and (max-height : 546px) {
		#dynamic-svg {
			display:none !important;
		}
		#finnTech_title {
			display:inline-block !important;
			 color: white;
			font-size: 16px;
			font-family: 'Helvetica';
		}
		#top-bar {
			height: 0vh !important;
			padding-top: 0 !important;
		}
	}
}


@media only screen and (min-width: 200px) and (max-width : 411px) {
	.sub_hotel span {
		white-space: normal !important;
	}
}

@media only screen and (min-width: 200px) and (max-width : 767px) {
	#dynamic-svg {
		display:none !important;
	}
	#finnTech_title {
		display:inline-block !important;
		color: white;
		font-size: 18px;
		font-family: 'Helvetica';
	}
	.vertical-middle clearfix {
		padding-top:0vh !important;
	}
	#logo a.standard-logo {
		display: inline-block !important;
	}
}
@media only screen and (min-width: 200px) and (max-width : 369px) {
	.responsive_logo > li::before {
		display:none;
	}
}

.responsive_logo {
	width: 100% !important;
}

.responsive_logo li {
	min-width:auto;
	min-height:auto;
	display:inline-block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.responsive_logo li img {
	min-width:auto;
	/*width:auto;*/
	min-height:auto;
	margin-left: auto;
	margin-right: auto;
	padding-left:auto;
	padding-right:auto;
	display:block;
}

.home-page-slider {
	padding-top:165px;
	overflow: visible;
}

.flex-align-mid {
	align-items: center;
}

.home_category_listing {
	top:-30px;
}

.home_category_listing .card-body img {
	width: 60px;
}

.home_category_listing .card-title {
	margin-bottom:0;
	margin-top:0.75rem;
	font-size: 22px;
}

.home_category_listing .flip-card-inner p {
	font-size: 14px;
}

.home_category_listing .flip-card-front, .home_category_listing .flip-card-back {
	height:200px;
}

.home_category_listing  .flip-card-inner {
	top: auto;
	bottom: 0;
	padding: 1rem;
	transform: translateZ(60px) scale(0.94);
	-webkit-transform: translateZ(60px) scale(0.94);
}

.home_category_listing .card-body {
	padding:0;
}

.bg-orange {
	background-color: #FE9603;
}

.home_category_listing  .mascot_dialogue_box {
	-webkit-box-shadow: 1px 1px 20px -5px #464646;
	box-shadow: 1px 1px 20px -5px #464646;
}

.home_category_listing  .mascot_dialogue_box .flip-card-inner {
	-webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
    transform: translateY(-50%) translateZ(60px) scale(0.94);
    top: 50%;
	bottom:auto;
}

.home_category_listing .mascot_dialogue_box .card-title {
	color: #7d7d7d;
	font-size:20px;
	text-transform:uppercase;
}

.home_category_listing .card-more-option {
	background: #CCC;
}

.home_category_listing .card-more-option .flip-card-inner p {
	font-size: 16px;
    color: #444444;
}

.flip-card-front:after, .flip-card-back:after {
	opacity: 0.3;
}

.home_parallax_section .heading-block{
	font-size:18px;
	margin-bottom: 30px;
}

.home_parallax_section .heading-block span{
	color: #fff;
}

.home_erp_ext_bg {
	transition: height .3s linear;
	-webkit-transition: height .3s linear;
	-o-transition: height .3s linear;
}

.home_erp_ext_bg:nth-child(1) {
	background:#9068be;
}

.home_erp_ext_bg:nth-child(2) {
	background:#62bcfa;
}

.home_erp_ext_bg:nth-child(3) {
	background:#c2dde6;
}

.home_erp_ext_bg:nth-child(4) {
	background:#f2b632;
}

.home_erp_ext_bg:nth-child(5) {
	background:#e05038;
}

.home_erp_ext_bg:nth-child(6) {
	background:#a63d3d;
}

.home_erp_ext {
	text-align:center;
	padding: 10px;
	color: #353232;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	height:70px;
	overflow:hidden;
}

.home_erp_ext img {
	width:50px;
	margin-right: 10px;
}

.home_erp_ext span {
	font-size:16px;
	font-weight:500;
}

.home_erp_ext_bg:hover {
	
}

.home_erp_ext_bg:hover .home_erp_ext{
	color: #FFFFFF;
}

#bg_btn_payments:hover {
	background:url('../images-mips/button-gifs/button-payments.gif') center center / cover;
}


@media (min-width: 992px)
{
	.slider-title h2 {
		font-size: 40px;
	}

}

.btn-round {
	border-radius: 20px;
}
#slider {
	//margin-bottom: 30px;
}

.section_title {
	margin-top: 10px;
	font-family: 'Helvetica', sans-serif;
	font-size: 21px;
	font-weight: 400;
	color: #464646 !important;
}

.section_title_merchants_mru {
	margin-top: 10px;
	font-family: 'Helvetica', sans-serif;
	font-size: 35px;
	font-weight: bold;
	color: #464646 !important;
}

@media only screen and (min-width: 992px) {

.section_title_spacing {
	 padding-left: 60px !important;
    padding-right: 90px !important;
    padding-top: 15px;
    display: block;
    /*padding-bottom: 15px;*/
}
}



/*h1:after
{
    content:' ';
    display:block;
    border:1px solid;
    width:10vh;
	margin: 0 auto;
	border-color: #555 !important;
}*/

#contact_us {
	margin-top: 3vh;
}

.contact_sub_title {
	font-family: 'Helvetica', sans-serif;
	font-size: 18px;
	text-align: center;
	
}

.no_bullets {
    list-style-type: none;
}

.label_spacing{
	padding-left: 20px;
	font-family: 'Helvetica', sans-serif;
	font-size: 15px;
}
.li_spacing {
	margin-top: 3vh;
	margin-bottom: 3vh;
}

.main_logo {
	display:block;
	/*margin: 0 auto;*/
	border-radius: 10px;
}

.sub_hotel span {
	white-space: nowrap;
	font-family: 'Helvetica', sans-serif;
	font-size: 15px;
	display: block;
	
}

.sub_hotel {
	padding:0 5vh;
	padding-bottom:3vh;
	text-align:center;
}

.clients-grid img {
	width: auto;
	height:auto;
}

.clients-grid li::after {
	//border-bottom: 0;
}

.clients-grid li::before {
	//border-left: 0;
}

.fas:before{
	color: #FE9603;
}

/*.clients-grid li a, .clients-grid li img {
	width: 53% !important; 
}*/

/*.main_images_hotels .col-xl-3 {
	padding:0 5px !important;
}*/

span.filter-button ,span.filter-button-2 {
	padding: 10px 29px 10px 1px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-family: 'Helvetica', sans-serif;
	font-weight: 400;
    font-size: 16px;
    line-height: 40px;
}

span.filter-button-3 {
	
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-family: 'Helvetica', sans-serif;
	font-weight: 400;
    font-size: 16px;
     line-height: 40px;
}

span.filter-button.alive ,span.filter-button-2.alive,span.filter-button-3.alive {
	color: #FE9603;
}

/*
span.filter-button-2 {
	padding: 10px 30px 10px 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
    font-size: 16px;
}

span.filter-button-2.alive {
	color: #FE9603;
}*/


.OPP_selector {
	/*--margin-bottom: 30px;*/
	margin-top: 30px;
}

#qrlinkslogo {
	width: 230px;
	text-align:center;
}

.center_qrlinksel {
	text-align:center;
}

.right_sidelogo {
	text-align:right;
}

.left_sidelog {
	text-align:left;
}

html {
  height: 100%;
}
body {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
.content {
  flex: 1;
}

#logo_container {
	margin-top: 20px;
    margin-bottom: 10px;
}
#app_list {
	max-width: 720px;
    display: block;
    margin: 0 auto;
}

#map {
	height: 700px;
    width: 100%;
}

.flip {
  position: relative;
  
}
.flip > .front,
.flip > .back {
  display: block;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-duration: 1s;
  transition-property: transform, opacity;
}
.flip > .front {
  transform: rotateY(0deg);
}
.flip > .back {
  position: absolute;
  opacity: 0;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  transform: rotateY(-180deg);
}
.flip:hover > .front {
  transform: rotateY(180deg);

}
.flip:hover > .back {
  opacity: 1;
  transform: rotateY(0deg);
}


.flip > .back {
  display: block;
  color: white;
  width: inherit;
  background-size: cover !important;
  background-position: center !important;
  height: 235px;
  padding: 2em;
  background: rgba(254, 149, 1, 0.9);
  border-radius: 10px;
      margin: 0 15px;
    width: 360px;
}
.flip > .front p,
.flip > .back p {
  font-size: 0.9125rem;
  line-height: 160%;
  color: #999;
}

.flag{
	max-width: 32px;
	margin-right: 15px;
}

@media (min-width: 992px ) and (max-width: 1200px )
{
	.flip > .back{
		width: 455px;
		height: 295px;
	}

}

@media (max-width: 768px)
{
	span.filter-button, span.filter-button-2, span.filter-button-3{
		padding: 5px;
		/*display: table;*/
		margin: 0 auto;
	}
	/*span.filter-button-3 , span.filter-button ,span.filter-button-2{
		line-height: 35px;
	}*/
}



/**/

/* 1. Ensure this sits above everything when visible */
.mdal {
    position: fixed;
    z-index: 10000; /* 1 */
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
}

.mdal.is-visible {
    visibility: visible;
}

.mdal-overlay {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: hsla(0, 0%, 0%, 0.5);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 0.3s, opacity 0.3s;
}

.mdal.is-visible .mdal-overlay {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}

.mdal-wrapper {
	position: absolute;
	z-index: 9999;
	top: 10em;
	left: 50%;
	width: 90%;
	background-color: #fff;
	box-shadow: 0 0 1.5em hsla(0, 0%, 0%, 0.35);
	max-width: 32em;
}

.mdal-transition {
  transition: all 0.3s 0.12s;
  transform: translate(-50%, -10%);
  opacity: 0;
}

.mdal.is-visible .mdal-transition {
  transform: translate(-50%,0);
  opacity: 1;
}

.mdal-header,
.mdal-content {
  padding: 1em;
}

.mdal-header {
  position: relative;
  background-color: #fff;
  box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.06);
  border-bottom: 1px solid #e8e8e8;
}


.mdal-close:hover {
  color: #777;
}

.mdal-heading {
  font-size: 1.125em;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  
  font-weight:bold;
  color:#063553;
}

.mdal-content > *:first-child {
  margin-top: 0;
}

.mdal-content > *:last-child {
  margin-bottom: 0;
}

.mdal-content p {margin-bottom: 15px; }

.inthemiddle {
	align-content:center;
}

.padding_position {
	padding-left: 57px;
}

.clients-grid.grid-12.nobottommargin.clearfix.responsive_logo {
	display: flex;
}

.center_img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

cu-form.cu-form > div.cu-form__scroll {
	padding-top: 4% !important;
}

.responsive_img {
	width: 100%;
	height: auto;
}

#contact_mips_sec {
	margin-top:0;
}

@media (min-width: 992px ) and (max-width: 1200px )
{
	/*#clients_section {
		margin-top: -10%;
	}*/
.flip-box, .flip-box-inner, .flip-box-front, .flip-box-back{
	height: 225px !important;
}
}


 /* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #EEC080;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #FE9603;
  
}
.tablinks.active {
	color: white;
	font-weight: bold;
}

/* Style the tab content */
.tabcontent {
  display: none;
  border: none;
  width: 100%;
} 
#contact_form_region {
	width: 550px;
	margin: auto;
}
.tablinks {
	width: 50%;
}

.para_col{
	color: #464646;
}
/*
@media only screen and (min-width: 1200px) {
.main_images_hotels .col-xl-3  {
    flex: 0 0 30% ;
	
}

.clients-grid li  {
    width: 30%;
	
	
}

 .see-more  {
    flex: 0 0 10% !important;
	
}

 .see-more-1  {
    width: 10% !important;
	
}

}*/
 @media only screen and (max-width : 768px) {
.carousel-indicators {
	
	
	bottom: -50px;
	
}
 }

#connectivity .background_text {
	
   margin-left: 9px;
}

/* Import Google font - Poppins */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap");

:where(.input-field) {
	display: flex;
	justify-content: center;
}

form[name="form_validate_otp"] .input-field {
	flex-direction: row;
	column-gap: 10px;
}
.input-field input {
    height: 45px;
    width: 42px;
    border-radius: 6px;
    outline: none;
    font-size: 1.125rem;
    text-align: center;
    border: 1px solid #ddd;
    margin-right: 3%;
    display: flex;
    margin-left: 3%;
}
.input-field input:focus {
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.input-field input::-webkit-inner-spin-button,
.input-field input::-webkit-outer-spin-button {
	display: none;
}

div#validate_section {
	text-align: center;
    margin-top: 5%;
}

.input-field input:focus {
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .input-field input::-webkit-inner-spin-button,
  .input-field input::-webkit-outer-spin-button {
	display: none;
  }