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




 @font-face {
    font-family: 'Gabriola';
    font-style: normal;
    font-weight: normal;
    src: local('Gabriola'), url('gabriola Font Download.woff') format('woff');
    }

    @font-face {
    font-family: 'Miama';
    font-style: normal;
    font-weight: normal;
    src: local('Miama'), url('Miama.woff') format('woff');
    }

* {border: 0; margin: 0; padding: 0;}

html {height: 100%;}


header{color: #000000;
	padding: auto;
font-size: 10em;
	font-family: 'Gabriola';
	
	align-self: center
}


h1{font-family: 'Gabriola';
	font-size: 3.7em;
	line-height: 50px;
		padding: 1em; 
	color: white;
}



.upperright ul{
	list-style-type: none;
	text-align: center;
	padding: auto;
	font-family: 'Gabriola'; 
	font-size-adjust: auto;
	font-size: 3em;
	
	
	
}

.upperright ul li a {
	text-decoration: none;
	color: #FFFFFF;
	display: block;
	padding: .3em;
	font: Turquoise;
	float: right;
	
}




.custom-size-2{
	font-family: Gabriola;
	color: #FFFFFF;
	
	align-items: flex-start;
	display: flex;
	
	/*min-width: 50em;*/
	overflow-x: hidden;
	min-width: 13em;;
	overflow-x: hidden;
}

.custom-size-2 a {
	text-decoration: none;
list-style-type: none;
}
.custom-size-2 li a {
	text-decoration: none;
list-style-type: none;
}



.overlap-group{
	background-image: url("https://www.indytaxilady.com/images/IndyTaxiLadyBlu_d823f495-0ddf-47e1-b75c-4bdda6834b9d copy.svg");
	background-size: 100% 100%;
	height:13em;
	width: 13em;
	margin-left: 1.7em;
	margin-top: 1.7em;
}

.itlblue{
	height: 7em;
	left: 5em;;
	position: absolute;
	top: 5em;;
	
}

.account{
	left: 3.5em;
	font-size: 3em;
	
	position: absolute;
	top: 1em;
	transform: rotate(-1 deg);
	white-space: nowrap;
	
}
.pickup{
	left: 3.7em;
	font-size: 3em;
	position: absolute;
	
	top: 2.7em;
	transform: rotate(-1 deg);
	white-space: nowrap;
	
}
.contact{
	left: 1.4em;
	font-size: 3em;
	
	position: absolute;
	top: 0;
	transform: rotate(-1 deg);
	white-space: nowrap;
}
.faq{
	left: 2em;
	font-size: 3em;
	position: absolute;
	top: 3.8em;;
	transform: rotate(-1 deg);
	white-space: nowrap;
}
.ellipse-1{
	border: 75px solid;
	border-color: #58c49b;
	border-radius: 100%;
	height: 7em;
	left: 0;
	opacity: 0.46;
	position: absolute;
	top: 0;;
	width: 7em;
}
.drivers{
	left: 0;;
	font-size: 3em;
	font-size-adjust: auto;
	position: absolute;
	top: 1em;;
	transform: rotate(-1 deg);
	white-space: nowrap;
}
.home{
	left: 0;
	font-size: 3em;
	font-size-adjust: auto;
	position: absolute;
	top: 2.7em;
	transform: rotate(-1 deg);
	white-space: nowrap;
}
.fare{
	left: 0;
	font-size: 3em;
	font-size-adjust: auto;
	position: absolute;
	top: 2.7em;
	transform: rotate(-1 deg);
	white-space: nowrap;
}

/*

.tryish wrap{
	
	position: relative;
	width: 80vmin;
	background:inherit;
	transform: transform .5s, opacity .5s;
}

.tryish span{
	position: relative;
	display: block;
	margin: 0 auto;
	top: 45vmin;
	width: 10vmin;
	border-radius: 100%;
	background: #585247;
	transform: translateZ(0px);
}
.tryish span span{
	position: absolute;
	width: 60%;
	height: 3px;
	background: #ACA696;
	left: 20%;
	top: 50%;
	border-radius: 0;
}
.tryish span span:after, span span:before{
	content: "";
	position: absolute;
	left: 0;
	top: -1.5vmin;
	width:100%;
	height: 100%;
	background: inherit;
}
.tryish span span:after{
	top: 1.5vmin;
}
.tryish span:hover + .wrap, .wrap:hover{
	transform: scale(0.8) translateZ(0px);
	opacity: 1;
}
.tryish span:hover + .wrap a, .wrap:hover a {
	transform: scale(1) translateZ(0px);
}
.tryish a:hover div{
	opacity: 1;
	transform: translateZ(0px)
}

.tryish a{
	position: absolute;
	left: 0;top: 0;
	width: 47.5%;height: 47.5%;
	overflow: hidden;
	transform: scale(.5) translateZ(0px);
	background: #585247;
}
.tryish a div{
	height: 100%;
		background-size: cover;
	opacity: .5;
	transition: opacity .5s;
	border-radius: inherit;
	
}


.tryish a:nth

*/




.bg-container{
	background-color:#79A3FF;
	
	height: 100%;
	width: 100%;
	background-image: linear-gradient(60deg, #ff6596, #60bef8, #d88cff);
	background-size: 600% 600%;
	animation: bgAnimatedGradient 15s infinite linear;
	background-attachment: fixed;
	
}

@keyframes bgAnimatedGradient{
	0%{
		background-position: 0 85%;
	}
	50%{background-position: 100% 20%}
	100%{background-position: 0% 85%;}
}





.style-logo{
	margin-left: auto;
	margin-right: auto;
	bottom: 0px;
	
	
	
	
}

.style-nav ul {  
	list-style-type: none;
	text-align: center;
	padding: auto;
	font-family: 'Gabriola'; 
	font-size-adjust: auto;
	font-size: 3em;
	
	
	
	
	
}

.style-nav ul li a {
	text-decoration: none;
	color: #FFFFFF;
	display: block;
	padding: 7px;
	font: Turquoise;
	

}



@media (min-width: 768px){
	.style-nav ul li {
		display: inline-block;
	}
	
	.style-nav ul{
		text-align: center;
	}
	
}

@media (min-width: 1024px){
	
	.style-logo{
		float: center;
		
	}
	
	.style-nav{
		float: center;
	}
	
	
	
	
	
	
	
.custom-size-2{
	font-family: Gabriola;
	color: #FFFFFF;
	
	align-items: flex-start;
	display: flex;
	
	min-width: 13em;;
	overflow-x: hidden;
}

.custom-size-2 a {
	text-decoration: none;
list-style-type: none;
}
.custom-size-2 li a {
	text-decoration: none;
list-style-type: none;
}



.overlap-group{
	background-image: url("https://www.indytaxilady.com/images/IndyTaxiLadyBlu_d823f495-0ddf-47e1-b75c-4bdda6834b9d copy.svg");
	background-size: 100% 100%;
	height:13em;
	width: 13em;
	margin-left: 1.7em;
	margin-top: 1.7em;
}

.itlblue{
	height: 7em;
	left: 5em;;
	position: absolute;
	top: 5em;;
	
}

.account{
	left: 3.5em;
	font-size: 3em;
	
	position: absolute;
	top: 1em;
	transform: rotate(-1 deg);
	white-space: nowrap;
	
}
.pickup{
	left: 3.7em;
	font-size: 3em;
	position: absolute;
	
	top: 2.7em;
	transform: rotate(-1 deg);
	white-space: nowrap;
	
}
.contact{
	left: 1.4em;
	font-size: 3em;
	
	position: absolute;
	top: 0;
	transform: rotate(-1 deg);
	white-space: nowrap;
}
.faq{
	left: 2em;
	font-size: 3em;
	position: absolute;
	top: 3.8em;;
	transform: rotate(-1 deg);
	white-space: nowrap;
}
.ellipse-1{
	border: 75px solid;
	border-color: #58c49b;
	border-radius: 100%;
	height: 7em;
	left: 0;
	opacity: 0.46;
	position: absolute;
	top: 0;;
	width: 7em;
}
.drivers{
	left: 0;;
	font-size: 3em;
	font-size-adjust: auto;
	position: absolute;
	top: 1em;;
	transform: rotate(-1 deg);
	white-space: nowrap;
}
.fare{
	left: .2em;
	font-size: 3em;
	font-size-adjust: auto;
	position: absolute;
	top: 2.7em;
	transform: rotate(-1 deg);
	white-space: nowrap;
}
}






.itl{margin-bottom: 20px;
	justify-content: space-between;
	font-family: Zapfino;
	font-size: 1em;
	margin-top: 0;
}


.intro-text p  {background-color:#46A4DB; background:contain; word-wrap: normal; opacity: 57%;
	font-family: 'Gabriola';
	font-size: 5em;
	line-height: 100px;
		padding: 1em; 
	list-style-type: none;
	text-decoration: none;
	
}

.intro-texts p  {   opacity: 57%;
	font-family: 'Gabriola';
	font-size: 5em;
	line-height: 100px;
		padding: 1em; 
	list-style-type: none;
	text-decoration: none;
	
}


.intros  { background:contain; word-wrap: normal; opacity: 57%;
	padding-top: 2em;
	font-size: 10em;
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
	
		
	
}

.opentext { font-family: 'Gabriola'; opacity: 57%;
	font-size: 3em;
	line-height: 7em;
		 
	color: white;
	text-shadow: 0 0 10px #0078d7;
	
}

.opentext  a {list-style-type: none;
	text-decoration: none;
}


.intro-text  a {list-style-type: none;
	text-decoration: none;
}



.phone a {font-style: none;
	font-family: "turquoise";
	font-size: 55px;
	color: #FFFFFF;
		text-decoration: none;
	
	
}
.phone{margin-bottom: 5em; margin-top: 7em;}






form{padding: 3em; line-height: 3em;font-family: "turquoise";
font-size: 2em; }


	

input[type=text]{
	width: 50%; height: 2em; box-sizing: border-box; border: 2 #6A6A6A; border-top: inset; background-color: #46A4DB; border-color: aquamarine; border-radius: 1em; opacity: 50%;font-size: 2em; font-family: 'Gabriola'; text-align: center;
}

textarea{
	width: 75%; height: 300px; box-sizing: border-box; border: 2 #6A6A6A; border-top: inset; background-color: #46A4DB; border-color: aquamarine; border-radius: 1.7em; opacity: 50%; text-align: center;
	
}

input[type=tel]{
	width: 50%; height: 2em; box-sizing: border-box; border: 2 #6A6A6A; border-top: inset; background-color: #46A4DB; border-color: aquamarine; border-radius: 1em; opacity: 50%; text-align: center;
	
}

input[type=submit]{background-color: #C49A6C; font-family: 'Gabriola';font-size: 2em; border-radius: 1em; box-sizing: border-box; border: 2 #6A6A6A; border-top: inset; opacity: 75%;}

input[type=email]{background-color: #9AC8DD; font-family: 'Gabriola';font-size: 2em; border-radius: 1em; border-color: aquamarine; opacity: 50%; text-align: center;
}

input[type=password]{background-color: #9AC8DD; font-family: 'Gabriola';font-size: 2em; border-radius: 1em; border-color: aquamarine;  opacity: 50%; }




.sign-in{
    margin-bottom: 7em;
    padding: 7em;
    font-family: 'Gabriola';
    color:black ;
    line-height: 55px;
	}

.sign-up{margin-bottom: 7em;
    
    padding: 7em;
    font-family: 'Gabriola';
    color:black ;
    line-height: 55px;
	}

.corporate-sign-in{margin-bottom: 7em;
	padding: 7em;
    font-family: 'Gabriola';
    color:black ;
    line-height: 55px;}
	
label{font-size: 3em; font-family: 'Gabriola'}

.comment-text{font-size: 3em; font-family: Gabriola; margin: 2em;}


.thankyou-text{font-size: 3em; font-family: Gabriola; margin: 2em;}

.payText{
	
	
    
    
	margin-bottom: 270px;
	
	color: #000000;
	
	font-size: 2em;
	font-family: 'Gabriola';
	
}


.result{ font-family: Gabriola;
margin: 7em;}

.result-head{font-size: 7em;}

.paragraph{
	font-size: 5em;font-family: Gabriola;
margin: 7em;
	
	
}



.vid video{
top: 0;
left:0;
width:100%;
height:100%;
object-fit: cover;
opacity: .3;
}







.question {font-family: 'Gabriola';
	font-size: 3.7em;
	line-height: 50px;
		padding: 1em; 
	color: white;
	
}


.answer {
	
}


.donations{
	font-size-adjust: auto;
	font-size: 2em;
	
		padding: 1em; 
	color: white;
	
	margin-bottom: 20px;
	
	font-family: Zapfino;
	
	margin-top: 0;
}

.farepay{font-family: 'Gabriola';
	font-size: 7em;
	line-height: 75px;
		padding: 1em; 
	color: white;}



.paypal {text-align: center; margin-left: auto; margin-right: auto;
	}

.customerpayText{
	
	
    
    
	margin-bottom: 50px;
	
	color: #000000;
	
	font-size: 2em;
	font-family: 'Gabriola';
	
}

button{background-color: #C49A6C; font-family: 'Gabriola';font-size: 2em; border-radius: 1em; box-sizing: border-box; border: 2 #6A6A6A; border-top: inset; opacity: 75%;}

button:hover {background-color: #42ADE3}

button:active {
  background-color: #484483;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

.wrapper{
	height: 300px;
		width: 300px;
	position: relative;
	border-radius: 50%;
	background: url(picURL);
	background-size: 100% 100%;
	margin: 100px auto;
	overflow: hidden;
}

.driverDetailsHeader{color: #000000;
	padding: auto;
font-size: 20em;
	font-family: 'Gabriola';
	
	align-self: center
}


.driverdetailsform form{
	 padding: 3em; line-height: 3em;font-family: "turquoise";
font-size: 2em; }

.driverdetailsform input[type=text]{
	width: 100%; height: 1.5em; box-sizing: border-box; border: 2 #6A6A6A; border-top: inset; background-color: #46A4DB; border-color: aquamarine; border-radius: 1em; opacity: 50%;font-size: 2em; font-family: 'Gabriola'; text-align: center;
}

.driverdetailsform textarea{
	width: 100%; height: 5em; box-sizing: border-box; border: 2 #6A6A6A; border-top: inset; background-color: #46A4DB; border-color: aquamarine; border-radius: 1em; opacity: 50%; text-align: center;
	
}

.driverdetailsform input[type=tel]{
	width: 100%; height: 1.5em; box-sizing: border-box; border: 2 #6A6A6A; border-top: inset; background-color: #46A4DB; border-color: aquamarine; border-radius: 1em; opacity: 50%;text-align: center;
	
}

.driverdetailsform input[type=email]{background-color: #9AC8DD; font-family: 'Gabriola';font-size: 2em; border-radius: 1em; border-color: aquamarine; opacity: 50%; text-align: center;
}
.driverdetailsform input[type=submit]{background-color: #C49A6C; font-family: 'Gabriola';font-size: 2em; border-radius: 1em; box-sizing: border-box; border: 2 #6A6A6A; border-top: inset; opacity: 75%;}






.payform form{
	 padding: 3em; line-height: 3em;font-family: "turquoise";
font-size: 1em; }

.payform input[type=text]{
	width: 100%; height: 1.5em; box-sizing: border-box; border: 2 #6A6A6A; border-top: inset; background-color: #46A4DB; border-color: aquamarine; border-radius: 1em; opacity: 50%;font-size: 1em; font-family: 'Gabriola'; text-align: center;
}

.payform textarea{
	width: 100%; height: 5em; box-sizing: border-box; border: 2 #6A6A6A; border-top: inset; background-color: #46A4DB; border-color: aquamarine; border-radius: 1em; opacity: 50%; text-align: center;
	
}

.payform input[type=tel]{
	width: 100%; height: 1.5em; box-sizing: border-box; border: 2 #6A6A6A; border-top: inset; background-color: #46A4DB; border-color: aquamarine; border-radius: 1em; opacity: 50%;text-align: center;
	
}

.payform input[type=email]{background-color: #9AC8DD; font-family: 'Gabriola';font-size: 1em; border-radius: 1em; border-color: aquamarine; opacity: 50%; text-align: center;
}
.payform input[type=submit]{background-color: #C49A6C; font-family: 'Gabriola';font-size: 1em; border-radius: 1em; box-sizing: border-box; border: 2 #6A6A6A; border-top: inset; opacity: 75%;}


.payform  p  {background-color:#46A4DB; background:contain; word-wrap: normal; opacity: 57%;
	font-family: 'Gabriola';
	font-size: 2em;
	line-height: 100px;
		padding: 1em; 
	list-style-type: none;
	text-decoration: none;
	
}

.smallprint p { opacity: 57%;
	font-family: 'Gabriola';
	font-size: 1em;
	line-height: 100px;
		padding: 1em; 
	list-style-type: none;
	text-decoration: none;}


.sit {
	
}


.luxlines{margin-bottom: 33px;
	justify-content: space-between;
	font-family: 'Miama';
	font-size: 2.7em;
	margin-top: 0;
}


.personalchauffeur{margin-bottom: 20px;
	justify-content: space-between;
	font-family: 'Miama';
	font-size: 1em;
	margin-top:20px;
	align-content: center;
}