/*common css for costume landing page*/
@font-face 
{
		font-family: Graphik;
		src: url('../../fonts/Graphik-Regular-Web.eot') format('embedded-opentype'),
		url( '../../fonts/Graphik-Regular-Web.ttf' ) format('truetype'),
		url('../../fonts/Graphik-Regular-Web.woff2') format('woff2'), 
		url('../../fonts/Graphik-Regular-Web.woff') format('woff'), 
		url('../../fonts/whitneybook.svg#Graphik-Regular-Web') format('svg'); 
}  
/*globa css start here*/
body
{
		margin: 0px 0 0 0!important;
		overflow-x:hidden;
}

.footer-cart
{
	display:none;
} 
.all-eventtype
{
	padding-left:0;
	padding-right:0;
	padding-bottom: 0px;
	font-family: Graphik,Helvetica,helvetica,arial,sans-serif;
}
/*.all-eventtype .row
{
	margin-right: -15px !important;
    margin-left: -15px  !important;
}*/
.all-eventtype .form-control
{
		border: 1px solid #E2E5E7 !important;
		-webkit-box-shadow: none;
		box-shadow: none;
		-moz-appearance: none;
		-webkit-appearance: none;
		border-radius: 0;
		padding: 6px 12px;
		font-size:14px;
		color:#1C232B;	
		height: 36px;	
}
.all-eventtype   .form-control:focus,.all-eventtype .form-control:active 
{
		border-color: #20a7d6 !important;
		outline: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
}
.all-eventtype  .btn-common-eventtype,
header.all-events-bg  .btn-common-eventtype
{
	position: relative;
    display: inline-block;
    max-width: 100%;
    padding: 16px 30px; 
    font-weight: 400;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    border: 2px solid;
    border-radius: 35px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    transition: .25s all ease;
    white-space: pre-wrap;
	line-height: 1.3;
}
.hvr-shutter-out-horizontal 
{
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative; 
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-horizontal:before 
{
	content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; 
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    border-radius: 35px; 
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active 
{
  color: white;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.all-eventtype .btn-area-section
{
	margin-top:0px;
	margin-bottom:20px;
}

.all-eventtype .noeve-pl-pr 
{
	padding-left:0;
	padding-right:0;
}

.all-eventtype .noeve-pl 
{
	padding-left:0;
	padding-right:10px;
}
.all-eventtype .noeve-pr 
{
	padding-left:10px;
	padding-right:0;
}
.all-eventtype .section-way-point 
{
    position: relative;
    z-index: 20;
} 
.all-eventtype  .way-point 
{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: calc(100% - 2px);
    display: flex;
    cursor: pointer;
}
.all-eventtype  .way-point span  i.fa
{
	font-size:20px;
    position: absolute;
    bottom: 5px;
    left:0%;
	right:0;
	top:20px;
    transform: translateX(-50%);
    color: #fff;
	text-align: center; 
}

.bounce
 {
  -moz-animation: bounce 4s  infinite;
  -webkit-animation: bounce 4s ease  infinite;
  animation: bounce 4s ease  infinite ;
}

/*globa css end here*/

/*header bg css start here*/
header.all-events-bg
{
		min-height: 100%;
		font-family:Graphik,Helvetica,helvetica,arial,sans-serif;
}
header.all-events-bg  .btn,
header.all-events-bg  h1,
header.all-events-bg   h2,
header.all-events-bg   h3,
header.all-events-bg   h4,
header.all-events-bg   h5,
header.all-events-bg   h6 ,
header.all-events-bg  p
{
		font-family: Graphik,Helvetica,helvetica,arial,sans-serif;
} 
header.all-events-bg,
header.all-events-bg  .header-event-bg
{
		position: relative;
		width: 100%;
		text-align: center
} 
.bg-primary 
{
		background-color: #F05F40
}  

header.all-events-bg 
{
		min-height: auto;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;
		background-position: center;
		
		 background-image: url(../../images/event-banner.jpg);  
		color: #fff;
		/* clip-path: ellipse(150% 100% at 50% 0);  */
		/* -webkit-clip-path: ellipse(150% 100% at 50% 0);  */
		background-size: cover;
		background-position: center; 
		background-attachment: fixed;
		text-align: inherit;
}  
/*
header.org-bg:after
{
		bottom: 0;
		margin-bottom: -35px;
}
header.org-bg:after
{
		position: absolute;
		transform: rotate(-1.7deg);
		-ms-transform: rotate(-1.7deg);
		-webkit-transform: rotate(-1.7deg);
		-o-transform: rotate(-1.7deg);
		-moz-transform: rotate(-1.7deg);
		background-color: #fff;
		content: "";
		z-index: 3;
		display: inline-block;
		height: 70px;
		padding: 0;
		width: 101%;
}*/
header.all-events-bg .header-event-overlay
{
		position: absolute;
		/*background:rgba(0, 0, 0, 0.31); */
		background: rgba(0, 0, 0, 0.32);
		width: 100%;
		background-repeat: repeat; 
		width: 100%;
		height: 100%;
}
header.all-events-bg  .header-event-bg 
{
		/* position: absolute; */
		position: relative;
		z-index:99;
		text-align: center;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		padding: 100px 15px; 
}
header.all-events-bg  .header-event-bg .header-event-inner-sec 
{
		/*width: 800px;
		margin-left: auto;
		margin-right: auto;*/
}
header.all-events-bg .header-event-bg .header-event-inner-sec h1
 {
		font-weight: bold;
		text-transform: inherit;
		margin-top: 0;
		margin-bottom: 40px;
		font-size: 60px;
		/* text-shadow: 1px 1px 8px #000; */
		line-height: 8.5rem;
		letter-spacing: 1.25px;text-shadow: 1px 1px 8px #000;
}
header.all-events-bg .header-event-bg .header-event-inner-sec hr
{
		margin: 30px auto
}
header.all-events-bg .header-event-bg .header-event-inner-sec p 
{
		font-weight: 300;
		color:#fff;
		font-size: 18px;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto; 
		margin: 0px 0 40px;
}


header.all-events-bg   .hvr-shutter-out-horizontal-header {
  background: transparent;
    min-width: 210px;
    color: #fff;
    border-color: #ededed !important;
}
header.all-events-bg   .hvr-shutter-out-horizontal-header:before
{ 
	color: #fff;
    background-color: #00b3e5;
    border-color: #00b3e5;
}  
  
header.all-events-bg  .noheader-pl-pr
{
	padding-left:0;
	padding-right:0;
}

header.all-events-bg  .noheader-pl 
{
	padding-left:0;
	padding-right:10px;
}
header.all-events-bg  .noheader-pr 
{
	padding-left:10px;
	padding-right:0;
}

/*header bg css end here*/



/*section about css start here*/ 
.all-eventtype  .area-about
 {
    padding: 70px 0 70px;
	/*background-image: -moz-linear-gradient(135deg, #e5f3fe 59%, #e5f3fe 100%);
    background-image: -webkit-linear-gradient(135deg, #e5f3fe 59%, #e5f3fe 100%);
    background-image: linear-gradient(135deg, #e5f3fe 59%, #e5f3fe 100%);*/
	
	background-image: url(../../images/clouds16.png);
    background-color: #e5f3fe;
    background-position: center;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
}

 
.all-eventtype  .area-about  .way-point > svg 
{
  fill:#e5f3fe;
} 
.all-eventtype  .area-about   h3.heading-about
{ 
    color:#000;
	font-size: 21px;
    line-height: 2.5rem;
    letter-spacing: 0.5px;
    margin-right: -0.5px;
    margin-top: 0;
    margin-bottom: 0;
} 
.all-eventtype  .area-about  .heading-about-p
{
	color: #000;
    font-size: 24px;
    font-weight: normal;
    margin-top: 20px;
    font-style: normal; margin-top: 0;
    margin-bottom: 0;
	text-align:center;
} 
.all-eventtype  .area-about  .way-point span  i.fa-aboutcolor
{ 
    color: #00b3e5; 
}
/*section about end here*/



/*section we started in minute css start here*/ 
.all-eventtype  .area-we-started
 {
	background-color: #fff;
	position:relative;
}
.all-eventtype    .event-right-sec
{
	/* background-color: #faafa0; */
} 
.all-eventtype  .hvr-shutter-out-horizontal-started {
  background: #00b3e5; 
    color: #fff;
    border-color: #00b3e5 !important;
}
.all-eventtype  .hvr-shutter-out-horizontal-started:before
{ 
	color: #fff;
    background-color: #ffffff;
    border-color:#00b3e5;
}  
.all-eventtype  .hvr-shutter-out-horizontal-started:hover,
.all-eventtype  .hvr-shutter-out-horizontal-started:active,
.all-eventtype  .hvr-shutter-out-horizontal-started:focus{ 
    color: #00b3e5; 
}
.all-eventtype  .area-we-started  .shape-get-started-box {
    position: absolute;
    top: 0;
    right: 0;
}
.all-eventtype  .area-we-started  .shape-2 {
    position: absolute;
    bottom: -20%;
    right: 0;
} 
/*global css*/
.all-eventtype    .event-right-sec-box
{
	position: relative;
	margin-left: -100px;
	 padding-top: 40px;
	padding-bottom: 40px;
}
.all-eventtype    .event-sec-box-container
{ 
	display: table;  
	width: 100%;  
}
.all-eventtype    .event-sec-box-child
{
	 display: table-cell;  vertical-align: middle;
} 
.all-eventtype  .event-left-sec
{
	width:50%;
}
.all-eventtype  .event-right-sec
{
	width:50%;
}
.all-eventtype  .event-img-full-width 
{
	width: 100%;
}

.all-eventtype  h2.common-text-heading,
.all-eventtype  h2.common-text-subheading
{
	font-size: 26px;
	line-height: inherit; 
	color: #1e0a3c;
	font-weight: bold;margin-top: 0; 
}
.all-eventtype  h2.color-head-white,
.all-eventtype  h2.color-subhead-white
{
 
	color: #ffffff; 
}

.all-eventtype  h2.common-text-subheading
{ 
	margin-bottom:15px;
}
.all-eventtype  p.common-text-heading-p
{
	font-size: 14px;
	line-height: inherit; 
	color: #6f7287;
	font-weight: bold;margin-bottom:0;
}
.all-eventtype  p.common-text-heading-p-white
{ 
	color: #ffffff; 
}
.all-eventtype  .common-text-box
{
	margin-bottom:55px;
	text-align:center
}
.all-eventtype  .common-text-box-left
{ 
	text-align:left;
}
.all-eventtype  .common-text-box-right
{ 
	text-align:right;
}
/*global css*/ 
/*section we started in minute css start here*/ 
 
/*section what we offer css start here*/
 
 .all-eventtype  .area-what-offer
 {
	/* background-color: #eef6fe;  */
	position:relative;
	text-align:center;padding-top: 40px;
    padding-bottom: 40px;
}
 .all-eventtype  .area-what-offer  .area-what-offer-box   .offer-box
 {
 
    box-shadow: 0 5px 40px 0 rgba(42, 111, 199, 0.2);
    transition: all ease .25s;
    padding:20px;
    /* max-width: 370px; */
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
	border-bottom: #eef6fe solid 9px;margin-bottom: 30px;position:relative;overflow:hidden;
	text-align: center;
 }
.all-eventtype  .area-what-offer  .area-what-offer-box   .offer-box:hover {
    box-shadow: 0 5px 40px 0 rgba(42, 111, 199, 0.2);
    transition: all ease .25s;
	border-bottom: #00b3e5 solid 9px;
}
  .all-eventtype  .area-what-offer  .area-what-offer-box   .offer-box  .offer-box-icon
 {
	position: absolute;
    width: 55px;
    height: 55px;
    background-color: #00b3e5;
    border-radius: 50%;
    top: -10px;
    left: 0;
    line-height: 55px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
 }
  .all-eventtype  .area-what-offer  .area-what-offer-box     .img-size {
    margin-bottom:20px;width: 150px;
}
 
 
 
 
  .all-eventtype  .area-what-offer .area-what-offer-box h2.what-offers-text
 {
	font-size:20px;    margin-top: 0;
    margin-bottom: 10px;text-transform: capitalize;
} 
  .all-eventtype  .area-what-offer .area-what-offer-box h2.what-offers-text a
 {
	 color:#1e0a3c;
} 
  .all-eventtype  .area-what-offer .area-what-offer-box   p.area-what-offer-p
{
	font-size:14px;
	margin-bottom:0px;color:#6f7287;
}
.all-eventtype  .area-what-offer  .area-what-offer-box-img
 {
	 margin-bottom:20px;
 } 
 .all-eventtype .area-what-offer  .shape-what-offer-box {
    position: absolute;
    top: 0px;
    left: 0;bottom:0;
}
 /*section what we offer css end here*/
 
 /*section keep track css start here*/
 .all-eventtype .area-keep-track {
    background-color: #fff;
	position: relative;
	padding-top: 40px;
    padding-bottom: 40px;
}
.all-eventtype  .area-keep-track   .shape-keep-track-box {
    position: absolute;
    top: 0px;
    left: 0;
}
 .all-eventtype .area-keep-track-setting    { 
    margin-right: -100px; 
}

 .all-eventtype .area-what-offer  .about-card-corner {
    height: 40px;
    width: 130px;
    position: absolute;
    top: 0;
    right: 0;
    margin-top: -20px;
    margin-right: -70px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: .6s ease;
    transition: .6s ease;
}
 .all-eventtype .area-what-offer  .about-card-corner-free
 {
    background-color: #edd600;
}
 .all-eventtype .area-what-offer  .about-card-corner-guest
{
	 background-color: #00adef;
}
 .all-eventtype .area-what-offer  .about-card-corner-bottle
{
	 background-color:#6c528f;
}
 .all-eventtype .area-what-offer  .about-card-corner-donation
{
	background-color: #f75e42;
}
 .all-eventtype .area-what-offer  .about-card-corner-rfid
{
	background-color: #8f0afd;
}
 .all-eventtype .area-what-offer  .about-card-corner-seminar
{
	background-color:#8c4e37; 
}
 /*section keep track css end here*/


 /*section area categoryk css start here*/
 .all-eventtype .area-category {
    /* background-color: #fff; */
	position: relative;
	padding-top: 40px;
    padding-bottom: 40px;
}
.all-eventtype  .area-category   .shape-category-box {
    position: absolute;
    top:0px;
    left: 0;
} 
.all-eventtype .area-category  .cat-all-pd 
{
	/* padding:5px; */
}

/*old category css need to remove*/
 .all-eventtype .area-category  .cat-work {
	-moz-box-shadow: 0 0 0 1px #fff;
	-webkit-box-shadow: 0 0 0 1px #fff;
	box-shadow: 0 0 0 1px #fff;
	overflow: hidden;
	position: relative;
	background: #000;
	padding-left:0;
	padding-right:0;
	 /* margin-bottom:15px;  */
	  border-radius: 15px;  
}
 .all-eventtype .area-category  .cat-work img
 {
	width: 100%;
    height: 150px;
    opacity: .6;  
}
 .all-eventtype .area-category   .cat-work .cat-work-overlay {
	background: rgba(0, 0, 0, 0.45);
	/* background: none; */
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 100%;
	-moz-transition: opacity, 0.3s;
	-o-transition: opacity, 0.3s;
	-webkit-transition: opacity, 0.3s;
	transition: opacity, 0.3s;
	transform: inherit;
}
 .all-eventtype .area-category   .cat-work .cat-work-overlay-caption {
	position: absolute;
	text-align: center;
	top: 50%;
	width: 100%;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
  .all-eventtype .area-category   .cat-work img {
	-moz-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	-webkit-transition: all, 0.5s;
	transition: all, 0.5s;
} 
 .all-eventtype .area-category   .cat-work-box:hover img {
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
   opacity: 1;
}
 .all-eventtype .area-category   .cat-work-box:hover .cat-work-overlay {
	opacity: 1;
}  
 .all-eventtype .area-category  .cat-work  h3.cat-name {
    color: #fff;
    text-align: center;
    font-size: 22px;
    width: 90%;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
	text-transform: capitalize;
	text-shadow: 1px 1px 7px #333, -1px -1px 11px #333, 0 0 17px #333;
	z-index: 99;
} 
/*old category css need to remove*/
.all-eventtype .area-category  .box-category-mb
{
	margin-bottom:20px;
}
.all-eventtype .area-category  .box-category
{ 
	box-shadow: 0 5px 40px 0 rgba(42, 111, 199, 0.2);
    transition: all ease .25s;
    padding:30px; 
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    /* border-bottom: #eef6fe solid 9px; */
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    text-align: center;
	border: 1px solid transparent;
	text-transform: capitalize;
}
.all-eventtype .area-category  .box-category:hover
{ 
	 box-shadow:0px 20px 20px 0px rgba(157, 157, 157, 0.5); 
    transition: all ease .25s;
    /* border-bottom: #00b3e5 solid 9px; */
	/*box-shadow: 0px 20px 20px 0px rgba(157, 157, 157, 0.5);
    color: #fff;
    background-image: -moz-linear-gradient(0deg, #3ea7ff 0%, #42d1ff 100%);
    background-image: -webkit-linear-gradient(0deg, #3ea7ff 0%, #42d1ff 100%);
    background-image: -ms-linear-gradient(0deg, #3ea7ff 0%, #42d1ff 100%);*/

}

.all-eventtype .area-category  .box-category::before, .all-eventtype .area-category  .box-category::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    border: 1px solid #03A9F4;
    transition: .25s ease-out;
    will-change: transform;
    contain: paint;
}
.all-eventtype .area-category  .box-category::before {
    transform: scale3d(0,1,1);
    border-width: 1px 0;
}
.all-eventtype .area-category  .box-category::after {
    transform: scale3d(1,0,1);
    border-width: 0 1px;
}
.all-eventtype .area-category  .box-category:hover::before, .all-eventtype .area-category  .box-category:hover::after {
    transform: scale3d(.9999,.9999,.9999);
}









.all-eventtype .area-category  .box-category   .box-category-inner
{
	 
} 
.all-eventtype .area-category  .box-category   .box-category-inner  .box-category-img
{
	width:130px;
	margin-bottom:20px;
}
.all-eventtype .area-category  .box-category   .box-category-inner   .box-category-det-box h4
{
	font-size:20px;
	font-style:normal;
	font-weight:normal;
	color:#1e0a3c;
	margin-top:0;
	margin-bottom:0;
}
/*.all-eventtype .area-category  .box-category:hover  .box-category-det-box  h4
{
	color:#fff;
}
*/





 /*section area categoryk css start here*/



 /*section area get download app css start here*/

.all-eventtype .area-download-app
{ 
	position: relative;
	margin-top:0px;
	padding-top:40px;
    padding-bottom: 0px;
	background:#00b3e5; 
	background-image: url(../../images/download-app-bg.png);
    padding-left:  0;
	padding-right:  0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
	background-attachment: fixed;
}
 .all-eventtype .area-download-app-overlay
{ 
    /* background-color: rgba(0, 0, 0, 0.5); */
    position: relative;
    overflow: hidden; 

}
.all-eventtype .area-download-app  .get-download-block
{
	text-align:center;
}
.all-eventtype .area-download-app  .get-download-block   img.get-download-app
{
	 width:100%;
}
 
 .all-eventtype .area-download-app .para-get-dw
 {
	 font-weight:normal;
 }
 
 .all-eventtype h2.head-get-dw
 {
   font-size:24px;
   margin-bottom:20px;
}
 
 .all-eventtype .area-download-app  .download-button {
    /* border: 1px solid; */
    border-radius: 5px;
    display: inline-block;
    font-size: 11px;
    letter-spacing: 1px;
    margin-top: 15px;
    padding: 10px 10px 10px 38px;
    position: relative;
    text-align: center;
    text-transform: capitalize;
    width: auto;color: #fff;background: #000;
	margin-right:10px;text-align:left;
}
.all-eventtype .area-download-app   .download-button:last-child
 {
	 margin-right:0px;
 }
 .all-eventtype .area-download-app   .download-button:focus
 {
	 color:#fff;
 }
.all-eventtype .area-download-app    .download-button i {
    font-size: 22px;
    left: 10px;
    position: absolute;
    top: 12px; 
}
.all-eventtype .area-download-app    .download-button img.download-store-img { 
    left: 10px;
    position: absolute;
    top: 13px;
    width:18px;
}
 .all-eventtype .area-download-app    .download-button span {
    display: block;
    font-size: 16px;
    line-height: 1;
}
 /*.all-eventtype .area-download-app   .download-button:hover {
    background: #fff; 
    color: #1193d4;
}*/
 
 .all-eventtype .area-download-app   .getdownload-left-sec
{
	width:33.33%;
}
.all-eventtype  .getdownload-middle-sec
{
	width:33.33%;
	
}
.all-eventtype  .getdownload-right-sec
{
	width:33.33%;
}
  /*section area get download app css end here*/
 
 
 
 
 
/*section sell ticket online css start here*/
 
 
 .all-eventtype .area-sell-tic-inline
 {
    background-color: #fff;position: relative;padding-top: 40px;
    padding-bottom: 40px;
}
 .all-eventtype .area-sell-tic-inline    .shape-sell-tic-online-box
 {
    position: absolute;
    top: 0px;
    right: 0;
}
 
 
/*section sell ticket online css end here*/ 
 

 
 
 
 
 
 /*section pricing css start here*/
 .show-pricing-box
 {
        float:right;
        overflow: hidden;
        background:#ffffff40;
}
 .all-eventtype .area-pricing
 {
    position: relative;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    background: #000000;
    background-image: url(../../images/pricing-backg.jpg);  
    padding-left: 0;
    padding-right: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
	margin-top: 60px;
    margin-bottom:60px;
}
 .all-eventtype .area-pricing   .area-pricing-overlay
 {
	 background-color: rgba(0, 0, 0, 0.65);
    position: relative;
    overflow: hidden;
 }
.all-eventtype .area-pricing   .area-pricing-left
 {
	 padding:120px 60px;
	 width:70%;
 }
 .all-eventtype .area-pricing   .area-pricing-right
 {
	 padding:40px;
	 background:rgba(255, 255, 255, 0.22);
	 /* background: linear-gradient(-70deg, #ffffff57 70%, rgba(0, 0, 0, 0) 30%); */
	 width:30%;
 }

 .all-eventtype .area-pricing  h3.area-pricing-heading
 {
	 font-size:45px;
    line-height: inherit;
    color: #fff;
    font-weight: bold;
    margin-top: 0;
	margin-bottom:15px;
 }
  .all-eventtype .area-pricing  h5.area-pricing-subheading
 {
	font-size:25px;
	line-height: inherit;
	color: #fff;
	font-weight: normal;
	margin-top: 0;
	margin-bottom:0px;
 }
  
  .all-eventtype .area-pricing  a.btn-get-pricing { 
    height: 100%;
	padding:20px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: .2em;
     background: #ffffff;
    color: #000000; 
    border: 1px solid #ffffff; 
    width: auto;
} 
   .all-eventtype .area-pricing  a.btn-get-pricing:hover
   {  
	background:transparent;
    color: #fff; 
    border: 1px solid #fff;
}
 .all-eventtype .area-pricing  .no-charge-back-box
 { 
	margin-top:15px;
 } 
 .all-eventtype .area-pricing  .no-charge-back
 {
	 font-size: 20px;
    color: #fff;
 }
  .all-eventtype .area-pricing  .no-charge-back:hover
 { 
    color: #CDDC39;
 }
  .all-eventtype .area-pricing  .no-charge-back span
 {
	margin-right: 5px;
    color: red;
    font-size: 20px; 
    vertical-align: middle;
 }
 .all-eventtype .area-pricing   .tic-price-ranger
{ 
	padding:20px;
	position: relative;
    overflow: hidden;
}
.all-eventtype .area-pricing .tic-price-ranger .price-contactus  {
  margin-bottom: 40px;
    text-align: center;
    margin-top: 40px;
}
.all-eventtype .area-pricing .tic-price-ranger .price-contactus a {
    font-size: 26px; 
    color: #CDDC39;
    font-weight: normal; 
	text-decoration:underline;
}
.all-eventtype .area-pricing   .tic-price-ranger   .price-range-title
{
		font-size: 27px;
		line-height: inherit;
		color: #fff;
		font-weight: normal;
		margin-top: 0;
		margin-bottom: 30px;
} 
.all-eventtype .area-pricing .tic-price-ranger .price-range-tickettitle {
    font-size: 18px;
    line-height: inherit;
    color: #fff;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 15px;
}
.all-eventtype .area-pricing   .tic-price-ranger    input.rangeprice-input
{
		border:none !important;
		-webkit-box-shadow: none;
		box-shadow: none;
		-moz-appearance: none;
		-webkit-appearance: none;
		border-radius: 0;
		padding: 6px 12px;
		font-size:20px;
		color:#fff;	
		height: 36px; 
		border-top-width: 1px;
		border-style: solid;
		width:75px;
		background: transparent;
 }
.all-eventtype .area-pricing   .tic-price-ranger   input.rangeprice-input:focus 
{
		border-color: #20a7d6 !important;
		outline: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
}
.all-eventtype .area-pricing   .tic-price-ranger   span.range-currency
{
		font-size:20px;
		color:#fff;	
		line-height: 36px;
		display: inline-block;
} 
.all-eventtype .area-pricing   .tic-price-ranger  .ticket-price-box
{
		margin-top:-18px;
} 
.all-eventtype .area-pricing   .tic-price-ranger     .all-fees-box
{
		padding-top:20px;
}
.all-eventtype .area-pricing   .tic-price-ranger    .all-fees-box  .all-fees-box-lbl
{
		font-size:16px;
		font-style:normal;
		font-weight:normal;
		color:#fff;
		margin-top:10px;
		margin-bottom:0;
		text-align: center;
}
  
.all-eventtype .area-pricing   .tic-price-ranger   .rangeslider__fill
{
    background: #03A9F4; 
}
.all-eventtype .area-pricing   .tic-price-ranger   .rangeslider--horizontal
{
    height: 8px; 
} 
.all-eventtype .area-pricing   .tic-price-ranger    .rangeslider__handle
{ 
    width: 20px;
    height: 20px;
}	
.all-eventtype .area-pricing   .tic-price-ranger  .rangeslider__handle:after
{ 
    width: 10px;
    height: 10px;
 }
.all-eventtype .area-pricing   .tic-price-ranger    .rangeslider--horizontal .rangeslider__handle
{
    top: -7px; 
}
.all-eventtype .area-pricing   .tic-price-ranger   .rangeslider 
{
    background:#fff;
    position: relative;
} 
.all-eventtype .form-control.pricing-form-control 
 {
	 background: transparent;
	 color: #fff;
 }
 
 
 /*section pricing css start here*/
 
 
/*section looking for events css start here*/
.all-eventtype .area-looking-events
 {
    background-color: #fff;
	position: relative;
	padding-top: 60px;
    padding-bottom:0px;
	background-image: url(../../images/cta-section-bg.png);
    background-size: cover;
    background-color: rgba(255,255,255,.5);
    background-blend-mode: lighten;
	background-position: 50% 50%;
}
.all-eventtype h2.looking-events-heading
{
    font-size: 35px; 
} 
 .all-eventtype  p.looking-events-para
{
    font-size: 20px; 
} 



 
/*section looking for events css end here*/ 


/*Search bar css*/
.all-events-bg   .search-event-section
{
	padding: 20px;
    /* border: 1px solid rgba(0, 0, 0, 0.5); */
    background: rgba(0, 0, 0, 0.5);
}
.all-events-bg   .search-event-section  .search-event-section-pd
{
	padding-left:5px;
	padding-right:5px;
	/* width:30%; */
} 
.all-events-bg   .search-event-section  select.search-input-custom
{
	-webkit-appearance: none !important;
    -moz-appearance: none important;
    background: #fff url(../../images/new-select-arrow.png) no-repeat 100% center;
	background-position-x: 93%;
}
.all-events-bg   .search-event-section  input.search-input-custom,
.all-events-bg   .search-event-section  select.search-input-custom,
.all-events-bg   .search-event-section   div.nice-select
{
	/* color: #9a9a9a;  */
	color: #1e0a3c; 
	font-size: 15px; 
	font-weight:normal;
	font-style:normal;
    width: 100%;  
    border: 1px solid #d7e2ea !important;
    border-radius: 0px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    padding: 6px 15px;
    height: 47px;
    box-shadow: none;outline: 0;
	/* background: #fff; */
}
 

.all-events-bg   .search-event-section  input.search-input-custom::placeholder
{
	color:#1e0a3c; 
	font-size: 15px;
}  
/* Firefox 19+ */
.all-events-bg   .search-event-section  input.search-input-custom::-moz-placeholder
{
	color:#1e0a3c; 
	font-size: 15px;
} 
/* IE 10+ */ 
.all-events-bg   .search-event-section  input.search-input-custom:-ms-input-placeholder 
{
	color:#1e0a3c; 
	font-size: 15px;
} 
/* Firefox 18- */  
.all-events-bg   .search-event-section  input.search-input-custom:-moz-placeholder
{
	color:#1e0a3c; 
	font-size: 15px;
} 
/* IE 10+ edge*/ 
.all-events-bg   .search-event-section  input.search-input-custom::-ms-input-placeholder
 { 
	color:#1e0a3c; 
	font-size: 15px;
}




.all-events-bg   .search-event-section  input.search-input-custom:focus,
.all-events-bg   .search-event-section  input.search-input-custom:active,
.all-events-bg   .search-event-section  select.search-input-custom:focus,
.all-events-bg   .search-event-section  select.search-input-custom:active,
.all-events-bg   .search-event-section   div.nice-select:focus,
.all-events-bg   .search-event-section   div.nice-select:active
{
		/* border-color: #20a7d6 !important; */
		outline: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
}

 /*input box autofill color change into white*/
.all-events-bg   .search-event-section  input.search-input-custom:-webkit-autofill 
{
      -webkit-box-shadow: 0 0 0px 1000px white inset;
	   transition: background-color 5000s ease-in-out 0s;
		-webkit-text-fill-color: #1e0a3c !important;
}
 /*input box autofill color change into white*/

.all-events-bg   .search-event-section  select.search-input-custom option
{ 
	font-size:15px;
}
.all-events-bg  .new-search-list
{
	position: absolute;
    width: calc(100% - 10px);
    height: 300px;
    overflow-y: auto;
} 

.all-events-bg    .new-search-list  ul.new-search-list-ul 
 {
	padding-left:0;
	background:#ffffff;
	margin-top:0;
	width:100%;
	margin-bottom:0;
	/* border: 1px solid #e0e0e0; */
    /* border-top: none; */
}
.all-events-bg    .new-search-list  ul.new-search-list-ul  li 
 {
	list-style-type:none; 
	text-align:left;
	border-bottom: 1px solid #e0e0e0;
}
.all-events-bg    .new-search-list  ul.new-search-list-ul  li:last-child
 { 
	border-bottom: none;
}
.all-events-bg    .new-search-list  ul.new-search-list-ul  li a 
{
    text-decoration: none;
    display: block;
    padding: 10px 15px;
    font-weight: 300;
    color: #1e0a3c;
	font-size:15px;
    outline: 0;
	text-transform:capitalize;
}
.all-events-bg    .new-search-list  ul.new-search-list-ul  li  a:hover 
{
    background: #25a9d7;
    color: #fff;
    outline: 0;
}







/*to make scrollbar visible on safari browser*/
.all-events-bg    .new-search-list
{
	overflow-y:auto;
	-webkit-overflow-y:auto  ;
}
.all-events-bg    .new-search-list::-webkit-scrollbar {
    -webkit-appearance: none;
}
.all-events-bg    .new-search-list::-webkit-scrollbar:vertical {
    width: 10px;
}
.all-events-bg    .new-search-list::-webkit-scrollbar:horizontal {
    height: 10px;
}
.all-events-bg    .new-search-list::-webkit-scrollbar-thumb {
    background-color: #b7bcbd; 
    border: 2px solid #ffffff;
}
.all-events-bg    .new-search-list::-webkit-scrollbar-track { 
    background-color: #f5f5f5;
}






.all-events-bg   .search-event-section   div.nice-select
{
	
	
	position: relative;
	text-align: left; 
	line-height:35px;
	/*float: left; 
	outline: none;
	-webkit-tap-highlight-color: transparent;
	background-color: #fff; 
	box-sizing: border-box;
	clear: both;
	cursor: pointer;
	display: block; 
	line-height: 40px;  
	padding-left: 18px;
	padding-right: 30px;  
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap; 
	width: auto;  */
}
.all-events-bg   .search-event-section   div.nice-select:after {
    border-bottom: 2px solid #00b3e5;
    border-right: 2px solid #00b3e5;
    content: '';
    display: block;
    height: 8px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
        -ms-transform-origin: 66% 66%;
            transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 8px; 
}
.all-events-bg   .search-event-section   div.nice-select.open:after {
	-webkit-transform: rotate(-135deg);
	    -ms-transform: rotate(-135deg);
	        transform: rotate(-135deg); 
}
.all-events-bg   .search-event-section   div.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
        -ms-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0); 
}
.all-events-bg   .search-event-section   div.nice-select .list {
    background-color: #fff;
    border-radius: 0px;
    /* box-shadow:0 0 0 1px rgb(235, 241, 245); */
    box-sizing: border-box;
    margin-top: 5px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
	width:100%;
    -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
        -ms-transform: scale(0.75) translateY(-21px);
            transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
            transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9; 
}
.all-events-bg   .search-event-section   div.nice-select .list:hover .option:not(:hover) {
      background-color: transparent !important; 
}
.all-events-bg   .search-event-section   div.nice-select .option {
    cursor: pointer;
	padding: 2px 15px;
    font-weight: normal;
    /* line-height: 40px; */
    list-style: none;
    /* min-height: 40px; */
    outline: none; 
    text-align: left;
    -webkit-transition: all 0.2s;
	transition: all 0.2s; 
	border: none;
}
.all-events-bg   .search-event-section   div.nice-select .option.selected,
.all-events-bg   .search-event-section   div.nice-select .option.selected.focus {
	font-weight: normal;
	color:#1e0a3c;
}
.all-events-bg   .search-event-section   div.nice-select .option:hover,
.all-events-bg   .search-event-section   div.nice-select .option:hover.selected,
.all-events-bg   .search-event-section   div.nice-select .option:hover.focus
 {
	background-color: #f5f5f5;
    color: #1e0a3c;
}

.no-csspointerevents .nice-select .list { display: none; }
.no-csspointerevents .nice-select.open .list { display: block; }


.all-events-bg   .search-event-section .btn-event-search
{
	font-size: 15px;
    padding: 11px 15px; 
    position: relative;
    height: auto;
    width: 100%;
    font-weight: normal;
    text-align: center;
    border-radius: 0px;
    cursor: pointer;
	border: 2px solid #25a9d7;
    background-color: #25a9d7;
    color: #fff;
}
.all-events-bg   .search-event-section .btn-event-search:hover, 
.all-events-bg   .search-event-section .btn-event-search:focus, 
.all-events-bg   .search-event-section .btn-event-search:active
{   
	border: 2px solid #4fbadf;
    background-color: #4fbadf;
} 

/*search bar css*/
 
.all-eventtype  .what-offer-img
{
	width:100%;
}
 



.header_search {
    top: 50px;
    left: 0;
}

.header_search {
    background: #fff none repeat scroll 0 0;
    border-radius: 5px;
    margin-top: 14px;
    min-height: 250px;
    height: auto !important;
    min-height: auto !important;
    max-height: 250px !important;
    overflow-x: hidden;
    overflow-y: visible;
    position: absolute;
    width: 350px;
}









 
 
 
/*section apple-pay for events css end here*/  
 
.all-eventtype  .area-apply-pay 
{
	position: relative;
    padding-top: 70px;
    padding-bottom: 70px;
    padding-left: 0;
    padding-right: 0;
    /* background-color: #e5f3fe; */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url(../../images/man-hand-phone-wallet-800.jpg);
    background-attachment: fixed;
 } 
.all-eventtype  .area-apply-pay   .area-apply-pay-overlay {
    background: #ffffff;
    bottom: 0;
    left: 0;
    opacity: .5;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}
 .all-eventtype  .area-apply-pay    h2.common-text-heading 
 {
	 font-size:40px;
 }
 .all-eventtype   .area-apply-pay  p.common-text-heading-p
 {
    font-size: 16px; 
}
 .all-eventtype   .area-apply-pay    .apple-pay-img
{
	width: 180px;
    height: auto;
    margin-bottom: 5px;
}
 .all-eventtype  .area-apply-pay   .area-apply-pay-inner
 {
	 background: rgba(255, 255, 255, 0.8);
		padding:50px 50px;
 }
/*section  apple-pay for events css end here*/ 
 
 
 
 
 
 
 
 
/*section newsletter for events css end here*/ 
 
.all-eventtype  .area-event-newletter
{
	padding: 30px 0;
    background: url(../../images/newsletter-bg.jpg) no-repeat;
    background-size: cover;
    text-align: center;  
    overflow: hidden;
    position: relative;
	background-attachment: fixed;
}
.all-eventtype  .area-event-newletter:before {
    content: "";
     background: rgba(6, 12, 34, 0.44);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0; 
   
}
.all-eventtype  .area-event-newletter  h1.subscribe-maintit
{
	color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: .08rem;
    margin-bottom: 20px;
    font-size: 28px;
}
 .all-eventtype  .area-event-newletter  h3.subscribe-tit
 {
	 font-size: 17px;
    font-weight: normal;
    color: #fff;
    font-style: normal;
    margin-top: 0;
    margin-bottom: 35px;
 }
 .all-eventtype  .area-event-newletter   .event-subscribe-form
 {
	 /*max-width: 750px;
    margin: 0 auto;
    display: flex;*/
 }
 
 .all-eventtype  .area-event-newletter   .event-subscribe-form   .form-group-email {
    /* width: 75%; */
}
 .all-eventtype  .area-event-newletter   .event-subscribe-form  .form-group-submit {
   /* width: 25%;
	padding-left:15px;*/
}
 .all-eventtype  .area-event-newletter  .event-subscribe-form    .newsletter-input
{
	display: block;
    width: 100%;
    height: 65px;
    padding: 10px 20px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; 
	border-radius: 9px;
}
 .all-eventtype  .area-event-newletter  .event-subscribe-form    .newsletter-input:-webkit-autofill, 
 .all-eventtype  .area-event-newletter  .event-subscribe-form    .newsletter-input:-webkit-autofill:hover,
 .all-eventtype  .area-event-newletter  .event-subscribe-form    .newsletter-input:-webkit-autofill:focus,
 .all-eventtype  .area-event-newletter  .event-subscribe-form    .newsletter-input:-webkit-autofill:active 
 {
    -webkit-animation: autofill 0s forwards;
    animation: autofill 0s forwards;
}
@keyframes autofill
	{
		100%
		{
			background: #fff;
			color: #000;
		}
	} 
	@-webkit-keyframes autofill
	{
		100%
		{
			background: #fff;
			color:  #000;
		}
	}  
.all-eventtype  .area-event-newletter  .event-subscribe-form    .btn-subscribe
{
	/*height: 100%;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: .2em;
    background: #00b3e5;
    color: #ffffff;
    border: 1px solid #00b3e5;
    width: 100%;*/
	
	/* height: 100%; */
    padding: 10px 20px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: .2em;
    background: #00b3e5;
    color: #ffffff;
    border: 1px solid #00b3e5;
    width: auto;
    position: absolute;
    right: -76px;
    top: 12px;
}
.all-eventtype  .area-event-newletter  .event-subscribe-form    .btn-subscribe:hover,
.all-eventtype  .area-event-newletter  .event-subscribe-form    .btn-subscribe:focus ,
.all-eventtype  .area-event-newletter  .event-subscribe-form    .btn-subscribe:active 
 {
    background: #00aede;
    color:#ffffff;
    border: 1px solid #00aede;
	box-shadow:none;
	outline:0;
}


 /*section newsletter for events css end here*/ 
 
 
 
 
 
 
 
/*footer area*/
.all-eventtype   .area-event-footer
{
	background: -webkit-linear-gradient(-45deg, #1e5799 0%, #03A9F4 0%, #1a0b25 100%, #207cca 100%);
    padding: 30px 0 0px 0; 
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover; 
}
.all-eventtype    .footer-colwidth
{
	width:20%;
}
.all-eventtype   .area-event-footer   h3.footer-heading
{ 
    font-size: 15px;
    text-transform: uppercase;
    font-style: normal; 
    margin-top: 0;
    margin-bottom: 20px; 
    font-weight: bold;
    color: #fff;  
    padding-bottom: 12px;
   /* border-bottom: 1px solid #03A9F4; */
    display: block;
}
.all-eventtype .area-event-footer ul.footer-menu-list {
    padding: 0;
    margin-top: 0;
    margin-bottom:10px;
}
.all-eventtype   .area-event-footer  ul.footer-menu-list li
{
	list-style: none;
    display: block;
    padding:0px 0 10px 0;
    word-spacing: 3px;
} 
.all-eventtype   .area-event-footer  ul.footer-menu-list li a
{
	color: #eee;
    font-size: 12px;
    font-weight: 200;
    display: inline-block;
    -webkit-transition: all ease-in-out .15s;
    transition: all ease-in-out .15s;
}
.all-eventtype   .area-event-footer  ul.footer-menu-list li a:hover {
    color: #CDDC39;
}

.all-eventtype   .area-event-footer  ul.footer-menu-list li a  i 
{
    padding-right:10px;
    color:#fff; 
}
.all-eventtype   .area-event-footer  .area-security-social
{
	padding: 20px 0 10px 0;
    border-top:1px solid rgba(125, 122, 122, 0.44);
}
.all-eventtype   .area-event-footer   .footer-get-touch  .form-control-touch
{
	border: 1px solid rgba(226, 229, 231, 0.5215686274509804) !important; 
    color: #fff !important; 
    background: transparent;
}
.all-eventtype   .area-event-footer   .footer-get-touch  .form-control-touch:-webkit-autofill, 
.all-eventtype   .area-event-footer   .footer-get-touch  .form-control-touch:-webkit-autofill:hover,
.all-eventtype   .area-event-footer   .footer-get-touch  .form-control-touch:-webkit-autofill:focus,
.all-eventtype   .area-event-footer   .footer-get-touch  .form-control-touch:-webkit-autofill:active 
 {
    -webkit-animation: autofill1 0s forwards;
    animation: autofill1 0s forwards;
}
@keyframes autofill1
	{
		100%
		{
			background:transparent;
			color: #fff;
		}
	} 
	@-webkit-keyframes autofill1
	{
		100%
		{
			background:transparent;
			color:  #fff;
		}
	} 


.all-eventtype   .area-event-footer   .footer-get-touch  .btn-send-now
{
	padding: 7px 12px;
    font-size: 14px;
    font-weight: normal;
    text-transform: capitalize;
    height: auto;
    width: 100%;
    border: 1px solid #00b3e5;
    background-color: #00b3e5;
    color: #fff;
    text-align: center;
    margin-bottom: 0px;
    overflow-wrap: break-word;
    white-space: normal;
    border-radius: 0px;
    cursor: pointer;
    text-decoration: none;
}
.all-eventtype   .area-event-footer   .footer-get-touch  .btn-send-now:hover, 
.all-eventtype   .area-event-footer   .footer-get-touch  .btn-send-now:focus,
.all-eventtype   .area-event-footer   .footer-get-touch  .btn-send-now:active 
{
    border: 1px solid #4fbadf;
    background-color: #4fbadf;
	box-shadow:none;
	outline:0;
}
.all-eventtype   .area-event-footer  .area-security-social   ul.footer-partner-img 
{
	    padding-left:0;
}
.all-eventtype   .area-event-footer .area-security-social  ul.footer-partner-img li
{
	    display: inline-block;
		margin: 0 5px 0 0px;
}
.all-eventtype   .area-event-footer .area-security-social  ul.footer-partner-img li:last-child
{ 
		margin: 0 0px 0 0px;
}
.all-eventtype   .area-event-footer .area-security-social  ul.footer-partner-img li img
{
	   width:70px;
}

.all-eventtype   .area-event-footer .area-security-social  ul.area-social-icons
{
	padding-left:0;
	margin-bottom:0;
	text-align:right;
}
.all-eventtype   .area-event-footer .area-security-social  ul.area-social-icons li
{
		display: inline-block;
		margin: 0 5px 0 0px;
}
.all-eventtype   .area-event-footer .area-security-social  ul.area-social-icons li:last-child
{
	margin-right: 0px;
}
.all-eventtype   .area-event-footer .area-security-social  ul.area-social-icons li a.icon-setting
{
	font-size: 14px;
    display: inline-block;
    background: #9E9E9E;
    color: #eee;
    line-height: 1;
    padding: 8px 0;
    border-radius: 50%;
    text-align: center;
    width: 30px;
    height: 30px;
    transition: 0.3s;
}

.all-eventtype   .area-event-footer .area-security-social  ul.area-social-icons li a.icon-setting:hover
{ 
    background:#26baee;
    color: #eee; 
} 
.all-eventtype   .area-event-footer .area-security-social  ul.area-social-icons li a img.app-icons
{ 
	width: 80px;
    border: 1px solid #828282;
}
.all-eventtype     .area-copyright
{
	background: #101522;
	padding: 20px 0 20px 0;
}
.all-eventtype   .area-copyright p.areacopyright-p
{
	color: #fff;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 0;
}
.all-eventtype   .show-equalheight
{
	display: flex;
    flex-wrap: wrap;
}







.all-eventtype   .area-event-footer    .anim-text-lbl
 {
		position: absolute;
		top: 0;
		padding: 0 0px; 
		margin: 8px 0px; 
		-webkit-transition: top .2s ease-in-out,font-size .2s ease-in-out;
		transition: top .2s ease-in-out, font-size .2s ease-in-out;
		background:transparent;
		z-index: 99;
		color: #eee;
		font-weight:normal;
		font-style:normal;
		font-size: 14px;
}

.all-eventtype .area-event-footer  input.footer-cust-input
 {	
	border:none !important;
    border-bottom: 1px solid rgba(226, 229, 231, 0.5) !important;
    -webkit-box-shadow: none; 
    box-shadow: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    padding: 6px 0px;
    font-size: 14px;
    color:#eee;
    height: 36px;
    background: transparent;
} 
.all-eventtype   .area-event-footer   .activelbl 
{
  top: -18px; 
}
.all-eventtype   .area-event-footer  .footer-form-group 
{
	margin-bottom:10px;
}
.all-eventtype .area-event-footer  input.footer-cust-input:-webkit-autofill, 
.all-eventtype .area-event-footer  input.footer-cust-input:-webkit-autofill:hover,
.all-eventtype .area-event-footer  input.footer-cust-input:-webkit-autofill:focus,
.all-eventtype .area-event-footer  input.footer-cust-input:-webkit-autofill:active 
 {
    -webkit-animation: autofill1 0s forwards;
    animation: autofill1 0s forwards;
}
@keyframes autofill1
	{
		100%
		{
			background: transparent;
			color: #eee;
		}
	} 
	@-webkit-keyframes autofill1
	{
		100%
		{
			background: transparent;
			color:#eee;
		}
	}
.all-eventtype .area-event-footer .refresh-icon	
{
	color: #fff;
	text-align: center;
	padding-left: 50%;
	padding-right: 50%;
	line-height: 36px;
}		
	
.all-eventtype   .area-event-footer   .footer-get-touch  .footer-pl
{
	padding-left:10px;
	padding-right:0px;
}	
/*footer area*/ 
 
 
 
 
 
 
 
 
 
 
 
 
  .oval-one {
    position: absolute;
    right: 3%;
    top: 26%;
    animation: jump 8s infinite linear;
} 

 .shape-three {
    position: absolute;
    top: 21%;
    right: 22%;
    animation: animationFramesTwo 13s infinite linear;
}
 .shape-four {
    position: absolute;
    top: 27%;
    left: 7%;
    animation: animationFramesFour 25s alternate infinite linear;
}

  .shape-five {
    position: absolute;
    top: 50%;
    left: 50%;
    animation: animationFramesThree 35s alternate infinite linear;
}

  .shape-six {
    position: absolute;
    top: 70%;
    right: 3%;
    animation: animationFramesFour 20s alternate infinite linear;
}

  .shape-seven {
    position: absolute;
    bottom: 2%;
    right: 28%;
    animation: animationFramesOne 15s infinite linear;
}
  .shape-eight {
    position: absolute;
    bottom: 3%;
    left: 38%;
    animation: animationFramesFour 20s alternate infinite linear;
}

 .shape-nine {
    position: absolute;
    bottom: 4%;
    left: 4%;
    animation: animationFramesOne 17s infinite linear;
}
  .shape-ten {
    position: absolute;
    top: 60%;
    left: 4%;
    animation: animationFramesOne 20s alternate infinite linear;
}
  .shape-eleven {
    position: absolute;
    top: 22%;
    left: 41%;
    animation: animationFramesOne 15s infinite linear;
}





/*sell ticket online*/
.area-we-started    .started-animshape1 {
    position: absolute;
    left: 3%;
    top: 26%;
    animation: jump 8s infinite linear;
} 
.area-we-started     .started-animshape2
{
	 position: absolute;
    top: 21%;
    right: 5%;
    animation: animationFramesTwo 13s infinite linear;
}
 .area-we-started    .started-animshape3 {
    position: absolute;
    top: 21%;
    right: 22%;
    animation: animationFramesTwo 13s infinite linear;
}
 .area-we-started     .started-animshape4 {
    position: absolute;
    top: 27%;
    left: 19%;
    animation: animationFramesFour 25s alternate infinite linear;
}

 .area-we-started      .started-animshape5{
    position: absolute;
    top: 50%;
    left: 50%;
    animation: animationFramesThree 35s alternate infinite linear;
}

 .area-we-started      .started-animshape6 {
    position: absolute;
    top: 70%;
    right: 3%;
    animation: animationFramesFour 20s alternate infinite linear;
}

 .area-we-started      .started-animshape7 {
    position: absolute;
   bottom: 19%;
    right: 35%;
    animation: animationFramesOne 15s infinite linear;
}
 .area-we-started      .started-animshape8 {
    position: absolute;
    bottom: 3%;
    left: 38%;
    animation: animationFramesFour 20s alternate infinite linear;
}

 .area-we-started     .started-animshape9 {
    position: absolute;
    bottom: 4%;
    left: 4%;
    animation: animationFramesOne 17s infinite linear;
}
 .area-we-started    .started-animshape10 {
    position: absolute;
   top: 24%;
    left: 8%;
    animation: animationFramesOne 20s alternate infinite linear;
}
 .area-we-started       .started-animshape11 {
    position: absolute;
    top: 22%;
    left: 41%;
    animation: animationFramesOne 15s infinite linear;
}
 

/*why tg shapes*/
.area-what-offer    .whytg-animshape1
 {
    position: absolute;
    left: 52%;
    top: 2%;
    animation: animationFramesOne 35s alternate infinite linear;
}
.area-what-offer    .whytg-animshape2
 {
    position: absolute;
    left: 50%;
    bottom: -70%;
    animation: animationFramesTwo 25s alternate infinite linear;
}

/*take control*/
.area-keep-track   .control-animshape1 {
    position: absolute;
    left: 9%;
    top: 28%;
    animation: animationFramesFour 25s alternate infinite linear;
}
.area-keep-track   .control-animshape2 {
    position: absolute;
    right: 3%;
    top: 26%;
    animation: jump 8s infinite linear;
}
.area-keep-track   .control-animshape3 {
    position: absolute;
    top: 60%;
    right: 34%;
    animation: animationFramesOne 20s alternate infinite linear;
}
.area-keep-track   .control-animshape4 {
    position: absolute;
    left: 52%;
    top: 2%;
    animation: animationFramesOne 35s alternate infinite linear;
}



/*category*/
.area-category   .category-animshape1 {
    position: absolute;
    left: 9%;
    top: 28%;
    animation: animationFramesFour 25s alternate infinite linear;
}
.area-category   .category-animshape2 {
    position: absolute;
    right: 3%;
    top: 26%;
    animation:animationFramesOne 20s alternate infinite linear;
}
.area-category  .category-animshape3 {
    position: absolute;
    top: 0%;
    right: 34%;
    animation: animationFramesOne 20s alternate infinite linear;
}
.area-category   .category-animshape4 {
    position: absolute;
    left: 52%;
    top: 2%;
    animation: animationFramesOne 35s alternate infinite linear;
}



/*sell ticket online*/
.area-sell-tic-inline    .sellonline-animshape1 {
    position: absolute;
    right: 3%;
    top: 26%;
    animation: jump 8s infinite linear;
} 
.area-sell-tic-inline     .sellonline-animshape2
{
	 position: absolute;
    top: 21%;
    right: 5%;
    animation: animationFramesTwo 13s infinite linear;
}
 .area-sell-tic-inline     .sellonline-animshape3 {
    position: absolute;
    top: 21%;
    right: 22%;
    animation: animationFramesTwo 13s infinite linear;
}
 .area-sell-tic-inline     .sellonline-animshape4 {
    position: absolute;
    top: 27%;
    left: 19%;
    animation: animationFramesFour 25s alternate infinite linear;
}

 .area-sell-tic-inline      .sellonline-animshape5{
    position: absolute;
    top: 50%;
    left: 50%;
    animation: animationFramesThree 35s alternate infinite linear;
}

 .area-sell-tic-inline      .sellonline-animshape6 {
    position: absolute;
    top: 70%;
    right: 3%;
    animation: animationFramesFour 20s alternate infinite linear;
}

 .area-sell-tic-inline      .sellonline-animshape7 {
    position: absolute;
   bottom: 19%;
    right: 35%;
    animation: animationFramesOne 15s infinite linear;
}
 .area-sell-tic-inline      .sellonline-animshape8 {
    position: absolute;
    bottom: 3%;
    left: 38%;
    animation: animationFramesFour 20s alternate infinite linear;
}

 .area-sell-tic-inline     .sellonline-animshape9 {
    position: absolute;
    bottom: 4%;
    left: 4%;
    animation: animationFramesOne 17s infinite linear;
}
 .area-sell-tic-inline      .sellonline-animshape10 {
    position: absolute;
   top: 24%;
    left: 8%;
    animation: animationFramesOne 20s alternate infinite linear;
}
 .area-sell-tic-inline      .sellonline-animshape11 {
    position: absolute;
    top: 22%;
    left: 41%;
    animation: animationFramesOne 15s infinite linear;
}




/*ready to start selling css*/
.area-looking-events   .ready-animshape1 {
    position: absolute;
    right: 3%;
    top: 26%;
    animation: jump 8s infinite linear;
} 
.area-looking-events     .ready-animshape2
{
	 position: absolute;
    top: 25%;
    right: 50%;
    animation: animationFramesTwo 13s infinite linear;
}
 .area-looking-events     .ready-animshape3 {
    position: absolute;
    top: 21%;
    right: 22%;
    animation: animationFramesTwo 13s infinite linear;
}
 .area-looking-events    .ready-animshape4 {
    position: absolute;
    top: 27%;
    left: 19%;
    animation: animationFramesFour 25s alternate infinite linear;
}

 .area-looking-events     .ready-animshape5{
    position: absolute;
    top: 50%;
    left: 50%;
    animation: animationFramesThree 35s alternate infinite linear;
}

 .area-looking-events     .ready-animshape6 {
    position: absolute;
    top: 70%;
    right: 3%;
    animation: animationFramesFour 20s alternate infinite linear;
}

 .area-looking-events      .ready-animshape7 {
    position: absolute;
   bottom: 19%;
    right: 35%;
    animation: animationFramesOne 15s infinite linear;
}
 .area-looking-events      .ready-animshape8 {
    position: absolute;
    bottom: 3%;
    left: 38%;
    animation: animationFramesFour 20s alternate infinite linear;
}

 .area-looking-events     .ready-animshape9 {
    position: absolute;
    bottom: 4%;
    left: 4%;
    animation: animationFramesOne 17s infinite linear;
}
 .area-looking-events      .ready-animshape10 {
    position: absolute;
   top: 24%;
    left: 8%;
    animation: animationFramesOne 20s alternate infinite linear;
}
 .area-looking-events      .ready-animshape11 {
    position: absolute;
    top: 22%;
    left: 41%;
    animation: animationFramesOne 15s infinite linear;
}





@-webkit-keyframes jump {
  0%   {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
  40%  {-webkit-transform: translate3d(0,50%,0);transform: translate3d(0,50%,0);}
  100% {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
}
@keyframes jump {
  0%   {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
  40%  {-webkit-transform: translate3d(0,50%,0);transform: translate3d(0,50%,0);}
  100% {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
}

@-webkit-keyframes rotated {
  0%   {-webkit-transform: rotate(0);transform: rotate(0);}
  100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
@keyframes rotated {
  0%   {-webkit-transform: rotate(0);transform: rotate(0);}
  100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}

@-webkit-keyframes rotatedHalf {
  0%   {-webkit-transform: rotate(0);transform: rotate(0);}
  50% {-webkit-transform: rotate(90deg);transform: rotate(90deg);}
  100%   {-webkit-transform: rotate(0);transform: rotate(0);}
}
@keyframes rotatedHalf {
  0%   {-webkit-transform: rotate(0);transform: rotate(0);}
  50% {-webkit-transform: rotate(90deg);transform: rotate(90deg);}
  100%   {-webkit-transform: rotate(0);transform: rotate(0);}
}

@-webkit-keyframes rotatedHalfTwo {
  0% {-webkit-transform: rotate(-90deg);transform: rotate(-90deg);}
  100%   {-webkit-transform: rotate(90deg);transform: rotate(90deg);}
}
@keyframes rotatedHalfTwo {
  0% {-webkit-transform: rotate(-90deg);transform: rotate(-90deg);}
  100%   {-webkit-transform: rotate(90deg);transform: rotate(90deg);}
}


@-webkit-keyframes scale-upOne {
  0%   {-webkit-transform: scale(1);transform: scale(1);}
  100% {-webkit-transform: scale(0.2);transform: scale(0.2);}
}
@keyframes scale-upOne {
  0%   {-webkit-transform: scale(1);transform: scale(1);}
  100% {-webkit-transform: scale(0.2);transform: scale(0.2);}
}

@-webkit-keyframes scale-right {
  0%  {-webkit-transform: translateX(-50%);transform: translateX(-50%);}
  50% {-webkit-transform: translateX(50%);transform: translateX(50%);}
  100% {-webkit-transform: translateX(-50%);transform: translateX(-50%);}
}
@keyframes scale-right {
  0%  {-webkit-transform: translateX(-50%);transform: translateX(-50%);}
  50% {-webkit-transform: translateX(50%);transform: translateX(50%);}
  100% {-webkit-transform: translateX(-50%);transform: translateX(-50%);}
}

@-webkit-keyframes fade-in {
  0%   {opacity: 0.7;}
  40%  {opacity: 1;}
  100% {opacity: 0.7;}
}
@keyframes fade-in {
  0%   {opacity: 0.7;}
  40%  {opacity: 1;}
  100% {opacity: 0.7;}
}


@keyframes hvr-ripple-out {
  0% {
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 1;
  }
  100% {
    top: -6px;
    right: -6px;
    bottom: -6px;
    left: -6px;
    opacity: 0;
  }
}
@keyframes hvr-ripple-out-two {
  0% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
  }
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

@-webkit-keyframes scale-up-one {
  0%   {-webkit-transform: scale(1);transform: scale(1);}
  40%  {-webkit-transform: scale(0.5);transform: scale(0.5);}
  100% {-webkit-transform: scale(1);transform: scale(1);}
}
@keyframes scale-up-one {
  0%   {-webkit-transform: scale(1);transform: scale(1);}
  40%  {-webkit-transform: scale(0.5);transform: scale(0.5);}
  100% {-webkit-transform: scale(1);transform: scale(1);}
}
@-webkit-keyframes scale-up-two {
  0%   {-webkit-transform: scale(0.5);transform: scale(0.5);}
  40%  {-webkit-transform: scale(0.8);transform: scale(0.8);}
  100% {-webkit-transform: scale(0.5);transform: scale(0.5);}
}
@keyframes scale-up-two {
  0%   {-webkit-transform: scale(0.5);transform: scale(0.5);}
  40%  {-webkit-transform: scale(0.8);transform: scale(0.8);}
  100% {-webkit-transform: scale(0.5);transform: scale(0.5);}
}
@-webkit-keyframes scale-up-three {
  0%   {-webkit-transform: scale(0.7);transform: scale(0.7);}
  40%  {-webkit-transform: scale(0.4);transform: scale(0.4);}
  100% {-webkit-transform: scale(0.7);transform: scale(0.7);}
}
@keyframes scale-up-three {
  0%   {-webkit-transform: scale(0.7);transform: scale(0.7);}
  40%  {-webkit-transform: scale(0.4);transform: scale(0.4);}
  100% {-webkit-transform: scale(0.7);transform: scale(0.7);}
}


@keyframes animationFramesOne{
  0% {
    transform:  translate(0px,0px)  rotate(0deg) ;
  }
  20% {
    transform:  translate(73px,-1px)  rotate(36deg) ;
  }
  40% {
    transform:  translate(141px,72px)  rotate(72deg) ;
  }
  60% {
    transform:  translate(83px,122px)  rotate(108deg) ;
  }
  80% {
    transform:  translate(-40px,72px)  rotate(144deg) ;
  }
  100% {
    transform:  translate(0px,0px)  rotate(0deg) ;
  }
}


@-webkit-keyframes animationFramesOne {
  0% {
    -webkit-transform:  translate(0px,0px)  rotate(0deg) ;
  }
  20% {
    -webkit-transform:  translate(73px,-1px)  rotate(36deg) ;
  }
  40% {
    -webkit-transform:  translate(141px,72px)  rotate(72deg) ;
  }
  60% {
    -webkit-transform:  translate(83px,122px)  rotate(108deg) ;
  }
  80% {
    -webkit-transform:  translate(-40px,72px)  rotate(144deg) ;
  }
  100% {
    -webkit-transform:  translate(0px,0px)  rotate(0deg) ;
  }
}

@keyframes animationFramesTwo{
  0% {
    transform:  translate(0px,0px)  rotate(0deg) scale(1) ;
  }
  20% {
    transform:  translate(73px,-1px)  rotate(36deg) scale(0.9);
  }
  40% {
    transform:  translate(141px,72px)  rotate(72deg) scale(1);
  }
  60% {
    transform:  translate(83px,122px)  rotate(108deg) scale(1.2);
  }
  80% {
    transform:  translate(-40px,72px)  rotate(144deg) scale(1.1);
  }
  100% {
    transform:  translate(0px,0px)  rotate(0deg) scale(1);
  }
}


@-webkit-keyframes animationFramesTwo {
  0% {
    -webkit-transform:  translate(0px,0px)  rotate(0deg) scale(1);
  }
  20% {
    -webkit-transform:  translate(73px,-1px)  rotate(36deg) scale(0.9);
  }
  40% {
    -webkit-transform:  translate(141px,72px)  rotate(72deg) scale(1);
  }
  60% {
    -webkit-transform:  translate(83px,122px)  rotate(108deg) scale(1.2);
  }
  80% {
    -webkit-transform:  translate(-40px,72px)  rotate(144deg) scale(1.1);
  }
  100% {
    -webkit-transform:  translate(0px,0px)  rotate(0deg) scale(1);
  }
}


@keyframes animationFramesThree{
  0% {
    transform:  translate(165px,-179px)  ;
  }
  100% {
    transform:  translate(-346px,617px)  ;
  }
}


@-webkit-keyframes animationFramesThree {
  0% {
    -webkit-transform:  translate(165px,-179px)  ;
  }
  100% {
    -webkit-transform:  translate(-346px,617px)  ;
  }
}


@keyframes animationFramesFour{
  0% {
    transform:  translate(-300px,151px)  rotate(0deg) ;
  }
  100% {
    transform:  translate(251px,-200px)  rotate(180deg) ;
  }
}


@-webkit-keyframes animationFramesFour {
  0% {
    -webkit-transform:  translate(-300px,151px)  rotate(0deg) ;
  }
  100% {
    -webkit-transform:  translate(251px,-200px)  rotate(180deg) ;
  }
}


@keyframes animationFramesFive{
  0% {
    transform:  translate(61px,-99px)  rotate(0deg) ;
  }
  21% {
    transform:  translate(4px,-190px)  rotate(38deg) ;
  }
  41% {
    transform:  translate(-139px,-200px)  rotate(74deg) ;
  }
  60% {
    transform:  translate(-263px,-164px)  rotate(108deg) ;
  }
  80% {
    transform:  translate(-195px,-49px)  rotate(144deg) ;
  }
  100% {
    transform:  translate(-1px,0px)  rotate(180deg) ;
  }
}


@-webkit-keyframes animationFramesFive {
  0% {
    -webkit-transform:  translate(61px,-99px)  rotate(0deg) ;
  }
  21% {
    -webkit-transform:  translate(4px,-190px)  rotate(38deg) ;
  }
  41% {
    -webkit-transform:  translate(-139px,-200px)  rotate(74deg) ;
  }
  60% {
    -webkit-transform:  translate(-263px,-164px)  rotate(108deg) ;
  }
  80% {
    -webkit-transform:  translate(-195px,-49px)  rotate(144deg) ;
  }
  100% {
    -webkit-transform:  translate(-1px,0px)  rotate(180deg) ;
  }
}

@keyframes gradientBG {
  0% {
      background-position: 0 0;
  }
  50% {
      background-position: 300% 0;
  }
  100% {
      background-position: 0 0;
  }
}
@-webkit-keyframes gradientBG {
  0% {
      background-position: 0 0;
  }
  50% {
      background-position: 300% 0;
  }
  100% {
      background-position: 0 0;
  }
}
@keyframes imageBgAnim {
  0% {
      background-position: 0 0;
  }
  50% {
      background-position: 120% 0;
  }
  100% {
      background-position: 0 0;
  }
}
@-webkit-keyframes gradientBG {
  0% {
      background-position: 0 0;
  }
  50% {
      background-position: 120% 0;
  }
  100% {
      background-position: 0 0;
  }
}

/*new css start*/
.customer_tracking_sidebtn{
	margin-left: 15px;
	font-family: Graphik,Helvetica,helvetica,arial,sans-serif;
}
.customer_tracking_btnfix{
	margin-top: 50px;

}
.customer_tracking_formnewshadow{
	box-shadow: 0 0 25px -5px rgba(0, 0, 0, 0.3), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    padding: 70px;
    width: 40%;
}
.customer_tracking_formnewshadow1{
	box-shadow: 0 0 25px -5px rgba(0, 0, 0, 0.3), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    padding: 70px;
    width: 50%;
    margin-bottom: 150px;
}
.dot-customer {
    height: 200px;
    width: 200px;
    background-color: #ffffff;
    border-radius: 50%;
    display: inline-block;
    border: 1px solid #00b3e5;
}
.dot-upper-div{
	width: 68%;
	height: 68%;
	position: relative;
	left: 10px;
	margin: 31px 10px 10px 21px;
	display: flex;
    justify-content: center;
}
.dot-img{
	/* width: auto; */
	margin: 0 auto; 
	width: 100%;
	height: 100%;
}
.dot-imgsize {
width: 196px;
/* padding-top: 15px; */
height: 196px;
}
.dot-img-customerlogo{
text-align: center;
width: 196px;
height: 196px;
border-radius: 150px;
overflow: hidden;
margin: 0 auto;
/* background: #000; */
	}
.dot-imgnew-css{
	margin-top: -40px; 
	width: 150px; 
	border: 1px solid #00b3e5; 
	padding: 20px; 
	margin-top: 10px;
}
.dot-textsize{
	margin-top: 15px;
    margin-bottom: -58px;
}

#customer-tracking-circleNo {
    position: absolute;
    top: -50px;
    left: 0;
    right: 0;
    width: 30px;
    height: 30px;
    margin-right: auto;
    margin-left: 10px;
    background: none #00aff0;
    border-radius: 50%;
    text-align: center;
    padding: 5px;
    color: #ffffff;
}
#customer-tracking-circleNo1 {
    position: absolute;
    top: -50px;
    left: 0;
    right: 0;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    margin-left: auto;
    background: none #969595;
    border-radius: 50%;
    text-align: center;
    padding: 5px;
    color: #ffffff;
    cursor: pointer;
}
a.btn.btn-common-eventtype.hvr-shutter-out-horizontal.customer_tracking_btnfix.hvr-shutter-out-horizontal-started.activeddd {
color: #00b3e5;
background-color: #ffffff;
border-color: #00b3e5;
}
.imgcircle {
  width: 120px;
  margin: 20px;
}
.tracking-login-padd{
	padding-left: 120px;
    padding-right: 120px;
}
.tracking-login-botm{
	margin-bottom: 40px;
}
/*new css end*/

@media screen and (min-width: 480px) {
	.tracking-login-padd{
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media screen and (min-width: 320px) {
	.tracking-login-padd{
		padding-left: 10px;
		padding-right: 10px;
	}
}