/*common css for costume landing page*/
@font-face 
{
		font-family: Graphik;
		src: url('https://www.ticketgateway.com/fonts/Graphik-Regular-Web.eot') format('embedded-opentype'),
		url( 'https://www.ticketgateway.com/fonts/Graphik-Regular-Web.ttf' ) format('truetype'),
		url('https://www.ticketgateway.com/fonts/Graphik-Regular-Web.woff2') format('woff2'), 
		url('https://www.ticketgateway.com/fonts/Graphik-Regular-Web.woff') format('woff'), 
		url('https://www.ticketgateway.com/fonts/whitneybook.svg#Graphik-Regular-Web') format('svg'); 
}  
body
{
		margin: 61px 0 0 0!important;
		overflow-x:hidden;
} 
#costume-landing-page
{ 
	font-family:Graphik,Helvetica,helvetica,arial,sans-serif;
}
.land-no-padding
{
		padding-left:0;
		padding-right:0;
}
#costume-landing-page .cost-land-no-padding
{
		padding-left:0;
		padding-right:0;
}
#costume-landing-page .cost-land-no-padding-left
{
		padding-left:0; 
		padding-right:15px;
}
#costume-landing-page .cost-land-no-padding-right
{
		padding-right:0; 
		padding-left:15px; 
}
#costume-landing-page .costume-land-conatiner
{
		padding-left:0;
		padding-right:0;
}
#costume-landing-page select
{
		background: #fff url(https://www.ticketgateway.com/images/dd-arrow.png) no-repeat 100% center;
		background-position-x: 99%;
}
#costume-landing-page .btn,h1, h2, h3, h4, h5, h6  ,p
{
		font-family: Graphik,Helvetica,helvetica,arial,sans-serif;
} 
#costume-landing-page  a 
{
		color: #20a7d6;  
		cursor:pointer;
}
#costume-landing-page  a:hover
{
		color: #000000; 
} 
#costume-landing-page .inner-sub-heading
{
		font-weight: normal;
		font-style: normal;
		font-size: 26px;
		text-transform: capitalize;
		margin-bottom: 30px;
		margin-top: 0px;
		color:#39364f; 
} 
#costume-landing-page .inner-sub-heading-white
{ 
		color:#CDDC39; 
} 
#costume-landing-page .outer-small-heading
{
		font-weight: bold;
		font-style: normal;
		font-size: 14px;
		text-transform: uppercase;
		margin-bottom: 8px;
		color: #CDDC39;
		text-align: left;
		margin-top: 0;
}
#costume-landing-page  .costume-text-center
{
		text-align:center;
} 
#costume-landing-page .common-landing-mtmb
{
		margin-top:50px;
		margin-bottom:50px;
} 
#costume-landing-page .common-costume-img
{
		width:100%;
		max-width:100%;
		height:auto;
} 	
#costume-landing-page  ul.common-costume-ul
{
		padding-left:0px; 
		margin-bottom:0px;
		margin-top:0px; 
		list-style-type: none; 
		list-style-position: outside;
		color:#0f83de;
}
#costume-landing-page  ul.common-costume-ul li
{ 
		margin-bottom: 5px;
		margin-top: 0px;
		color: #03A9F4;
		font-size: 16px;
		padding-left: 30px;
		position: relative;
		text-align: justify;
		font-family: Graphik,Helvetica,helvetica,arial,sans-serif;
}
#costume-landing-page  ul.common-costume-ul li i.fa	
{
		position: absolute;
		left: 0;
		width: 1.75em;
		text-align: center;
		top: 2px;
		width: 20px;
		color: #fff;
		font-size: 16px;
		font-weight: normal;
}
#costume-landing-page  ul.common-costume-ul li span
{ 
		margin-bottom: 0px;
		margin-top: 0px;
		color: #fff;
} 

/*costume main wavy conatiner css start*/
#costume-landing-page .costume-wawy-conatiner
{
		position: relative; 
		background: #0f83de; 
		background-image: -moz-linear-gradient(135deg, #0f83de 38%, #74ff07 100%);
		background-image: -webkit-linear-gradient(135deg, #0f83de 38%, #74ff07 100%);
		background-image: linear-gradient(135deg, #0f83de 38%, #74ff07 100%);
		padding-bottom: 200px;
}
 
#costume-landing-page .svg-curve
{
		position: absolute;
		left: 0;
		bottom:-1px;
}
/*costume main wavy conatiner costume left box css start*/
#costume-landing-page .costume-left-box  .costume-left-box-inner
{
		margin-top:0px;
} 
#costume-landing-page .costume-left-box  .costume-left-box-inner
{
		 z-index: 9999;  
}
#costume-landing-page .costume-left-box .costume-left-box-inner  img.costume-dash-img
{ 
		width:auto; 
		position: absolute;
		right:-50px;
		z-index:999;
} 
/*costume main wavy conatiner costume left box css end*/

/*costume main wavy conatiner costume right box css start*/
#costume-landing-page .costume-right-box  .costume-right-box-inner  
{ 
		margin-top:0px;
}
#costume-landing-page .costume-right-box  .costume-right-box-inner .costume-main-heading
{
		font-size: 50px;
		color: #fff;
		font-weight: bold;
		margin-bottom: 20px;
		text-align: left;
		margin-top: 50px;
		transition: all 0.4s;
}
#costume-landing-page .costume-right-box  .costume-right-box-inner .costume-main-para
{  
		font-size: 18px;
		color: #fff;
		font-weight: normal;
		margin-bottom:20px;
		text-align: left;
		line-height: 1.42857143;
		transition: all 0.4s;		
} 
#costume-landing-page .costume-right-box  .costume-right-box-inner  .request-demo-btn-box
{
		margin-bottom:20px;
		transition: all 0.4s;
}
#costume-landing-page .costume-right-box  .costume-right-box-inner .btn-req-costume-demo
{
		padding: 10px 25px;
		margin-bottom: 0;
		font-size: 18px;
		font-weight: 400;
		line-height: 1.42857143;
		text-align: center;
		white-space: nowrap;
		-ms-touch-action: manipulation;
		touch-action: manipulation;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		border: 2px solid rgba(116, 255, 7, 0.5);
		border-radius: 0;
		color: #fff;
		text-transform: capitalize;
}  
#costume-landing-page .costume-right-box  .costume-right-box-inner  .request-demo-btn-box .hvr-rectangle-out 
{
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: perspective(1px) translateZ(0);
		transform: perspective(1px) translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		position: relative;
		background: transparent;
		-webkit-transition-property: color;
		transition-property: color;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		border: 1px solid #fff;
}
#costume-landing-page .costume-right-box  .costume-right-box-inner  .request-demo-btn-box .hvr-rectangle-out:before
{
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(116, 255, 7, 0.5);
		-webkit-transform: scale(0);
		transform: scale(0);
		-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;
}
#costume-landing-page .costume-right-box  .costume-right-box-inner  .request-demo-btn-box .hvr-rectangle-out:hover, 
#costume-landing-page .costume-right-box  .costume-right-box-inner  .request-demo-btn-box .hvr-rectangle-out:focus, 
#costume-landing-page .costume-right-box  .costume-right-box-inner  .request-demo-btn-box.hvr-rectangle-out:active 
{
		color: white;
}
#costume-landing-page .costume-right-box  .costume-right-box-inner  .request-demo-btn-box .hvr-rectangle-out:hover:before, 
#costume-landing-page .costume-right-box  .costume-right-box-inner  .request-demo-btn-box .hvr-rectangle-out:focus:before, 
#costume-landing-page .costume-right-box  .costume-right-box-inner  .request-demo-btn-box.hvr-rectangle-out:active:before
{
		-webkit-transform: scale(1);
		transform: scale(1);
}
/*costume main wavy conatiner costume right box css end*/
/*costume main wavy conatiner css end*/

/*css for costume sold digits  start here */
#costume-landing-page  .costume-progress  .inner-sub-heading-proof
{ 
		font-size: 33px; 
} 
#costume-landing-page  .costume-progress  .outer-small-heading-proof
{ 
		font-size: 20px; 
} 
#costume-landing-page .costume-progress  .progressbar
{
		text-align:center;
} 
#costume-landing-page .costume-progress .costume-progress-mt-mb,
#costume-landing-page .owl-carousel-client,
#costume-landing-page .costume-rules
{ 
		margin-top:20px;
		margin-bottom:20px;
}
#costume-landing-page .costume-progress .circle 
{ 
		margin: 0px;
		display: inline-block;
		position: relative;
		text-align: center;
		line-height: 1.2;
} 
#costume-landing-page .costume-progress .circle canvas 
{
		vertical-align: top;
		width: 150px !important;
		height: 150px !important;
} 
#costume-landing-page .costume-progress .circle strong 
{
		position: absolute;
		top: 0px;
		left: 0;
		width: 100%;
		text-align: center;
		line-height:150px;
		font-size: 24px;
		color: #9E9E9E;
		font-family: Graphik,Helvetica,helvetica,arial,sans-serif;
} 
#costume-landing-page .costume-progress .circle strong i 
{
		font-style: normal;
		font-size: 0.6em;
		font-weight: normal;
} 
#costume-landing-page .costume-progress .circle p.costume-process-text
{ 
		margin-top: 18px; 
		margin-bottom: 0px; 
		font-size: 16px;
		color: #39364f;
} 
#costume-landing-page .costume-progress .counter-heading
{
		text-transform: capitalize;
		font-size: 26px;
		text-align: center;
		font-style: normal;
		font-weight: normal;
		color: #0f83de;
		margin-top: 0;
		margin-bottom: 20px;
}
/*css for costume sold digits  end here */
 
 
/*css for costume wavy conatiner1 start here*/
 #costume-landing-page .costume-wawy-conatiner1 
{
	 background: -moz-linear-gradient(to right, rgba(0, 0, 0, 0.78), rgba(0, 0, 0, 0.78)), 
		url('https://www.ticketgateway.com/images/costume-parallex-bg1.jpg') no-repeat center center / cover;
		background: -webkit-gradient(to right, rgba(0, 0, 0, 0.78), rgba(0, 0, 0, 0.78)), 
		url('https://www.ticketgateway.com/images/costume-parallex-bg1.jpg') no-repeat center center / cover;
		background: -webkit-linear-gradient(to right, rgba(0, 0, 0, 0.78), rgba(0, 0, 0, 0.78)), 
		url('https://www.ticketgateway.com/images/costume-parallex-bg1.jpg') no-repeat center center / cover;
		background: -o-linear-gradient(to right, rgba(0, 0, 0, 0.78), rgba(0, 0, 0, 0.78)), 
		url('https://www.ticketgateway.com/images/costume-parallex-bg1.jpg') no-repeat center center / cover;
		background: -ms-linear-gradient(to right, rgba(0, 0, 0, 0.78), rgba(0, 0, 0, 0.78)),
		url('https://www.ticketgateway.com/images/costume-parallex-bg1.jpg') no-repeat center center / cover;
		background: linear-gradient(to right, rgba(0, 0, 0, 0.78), rgba(0, 0, 0, 0.78)),
		url('https://www.ticketgateway.com/images/costume-parallex-bg1.jpg') no-repeat center center / cover;
		background-attachment: fixed;
		background-repeat: repeat; 
		position:relative;
		padding-bottom: 200px;
}  
 #costume-landing-page .costume-wawy-conatiner1  .svg-curve-bg
{
		position: absolute;
		left: 0;
		bottom: -1px;
}
/*#costume-landing-page .costume-wawy-conatiner1 
{ 
		background:url(https://www.ticketgateway.com/images/costume-parallex-bg1.jpg) no-repeat center center / cover;
		background-repeat:repeat; 
		background-attachment: fixed; 
} 
#costume-landing-page .section-costume-overlay
{     
		 background-color: rgba(0, 0, 0, 0.78);  
		position: relative;
		overflow: hidden;
		padding: 100px 0;
}*/
#costume-landing-page   .costume-list-box-mb 
{
		margin-bottom:0px;
		margin-top:50px;
}
#costume-landing-page   .costume-list-box-secondrow 
{
		margin-bottom:50px;
		margin-top:50px;
}
/*css for csotume wavy conatiner1 end here*/ 

/*css for client slider start here*/
#costume-landing-page .owl-carousel-client
{
		position: relative; 
}
#costume-landing-page .owl-carousel-client .owl-prev,
#costume-landing-page .owl-carousel-client .owl-next 
{
		position: absolute;
		top: 50%;
		margin-top: -10px;  
}
#costume-landing-page .owl-carousel-client .owl-prev 
{
		left: 0;
}
#costume-landing-page .owl-carousel-client .owl-next 
{
		right: 0;
}
#costume-landing-page .owl-carousel-client  .item img
{
		margin:auto;
		width:70%;
		transition: filter .5s ease-in-out;
		-webkit-filter: grayscale(0%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
		filter: grayscale(0%); /* FF 35+ */
}
#costume-landing-page .owl-carousel-client  .item img:hover
{
		-webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
		filter: grayscale(100%); /* FF 35+ */
}
#costume-landing-page .client-corousel-mt
{
		margin-top:0; 
}
/*css for client slider end here*/ 

/*css for csotume wavy conatiner2 costume-services start here*/ 
#costume-landing-page .costume-wawy-conatiner2 
{
		background:#f1f1f4;
		padding: 50px 0 8% 0;
} 
#costume-landing-page .costume-wavy-shape
{
		margin-top: -3.9%;
		z-index: 9;
		position: relative;
} 
#costume-landing-page .costume-wavy-shape .costume-wavy-shape-img
{
		width:100%;
		max-width:100%;
} 
#costume-landing-page .costume-services .costume-services-block
{
		text-align: center;
		background: #fff;
		padding-top: 35px;
		padding-bottom: 35px;
		padding-left: 10px;
		padding-right: 10px;
		height:300px;
}
#costume-landing-page .costume-services .costume-services-block i 
{
		display: inline-block;
		color: #0f83de;
		font-size: 45px;
		width: 85px;
		height: 85px;
		line-height: 85px;
		margin-bottom: 30px;
		position: relative;
		transition: all 0.4s; 
		z-index: 3;
}
#costume-landing-page .costume-services .costume-services-block i:after 
{
		content: "";
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		position: absolute;
		border-radius: 20px;
		background: rgba(15, 131, 222, 0.25);
		z-index: -1;
		transform: rotate(45deg);
		transition: all 0.4s;
}
#costume-landing-page .costume-services .costume-services-block:hover i 
{
		color: #fff;
}
#costume-landing-page .costume-services .costume-services-block:hover i:after 
{
		background: #0f83de;
		transform: rotate(0deg);
}
#costume-landing-page .costume-services .costume-services-block h3.costume-services-block-title
{
		font-weight: 600; 
		font-style: normal;
		color: #39364f;
		margin-top: 10px;
		margin-bottom: 10px; 
		text-transform: capitalize;
		font-size:18px;
}
#costume-landing-page .costume-services .costume-services-block p.costume-services-block-para
{ 
		font-size: 16px;
		/* line-height: 28px; */
		color: #39364f;
		margin-bottom: 0;
} 
#costume-landing-page .costume-services .row 
{
		margin-right: -15px !important;
		margin-left: -15px !important;
}
#costume-landing-page  .costume-services .costume-services-leftpadd
{
	padding-left:0;
	padding-right:15px;
}
#costume-landing-page  .costume-services .costume-services-rightpadd
{
	padding-left:15px;
	padding-right:0px;
}
#costume-landing-page  .costume-services .costume-services-left-rightpadd
{
	padding-left:15px;
	padding-right:15px;
}
/*css for csotume wavy conatiner2 costume-services end here*/ 


/*css for csotume cta start here*/
#costume-landing-page .costume-wawy-conatiner3
{ 
		position: relative;
		overflow: hidden;
		margin-top:0px;
		padding: 0px 0;
		text-align:center; 
		background: #0f83de;
}  
#costume-landing-page .costume-wawy-conatiner3   .container-overlay-costume
{
		border:none; 
		width: 100%;
		padding:50px 0;
}
#costume-landing-page .costume-wawy-conatiner3  .costume-cta h3.ready-to-demo
{
		color: #fff;
		font-size: 30px;
		font-weight: normal;
		margin-top: 0;
		margin-bottom: 20px;
		text-transform: capitalize;
}
#costume-landing-page .costume-wawy-conatiner3  .costume-cta h2.ready-to-conatct
{
		color:#CDDC39;
		font-size:18px;
		font-weight: normal; 
		margin-top: 0;
		margin-bottom: 20px;
		text-transform:capitalize; 
}   
#costume-landing-page .costume-wawy-conatiner3  .costume-cta .btn-req-costume-cta
{
		padding: 10px 25px;
		margin-bottom: 0;
		font-size: 18px;
		font-weight: 400;
		line-height: 1.42857143;
		text-align: center;
		white-space: nowrap;
		-ms-touch-action: manipulation;
		touch-action: manipulation;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		border: 2px solid rgba(116, 255, 7, 0.5);
		border-radius: 0;
		color: #fff;
		text-transform: capitalize;
}  
#costume-landing-page .costume-wawy-conatiner3  .costume-cta  .hvr-rectangle-out-c 
{
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: perspective(1px) translateZ(0);
		transform: perspective(1px) translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		position: relative;
		background:#0f83de ;
		-webkit-transition-property: color;
		transition-property: color;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		border: 1px solid #fff;
}
#costume-landing-page .costume-wawy-conatiner3  .costume-cta  .hvr-rectangle-out-c:before
{
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background:rgba(0, 0, 0, 0.36);
		-webkit-transform: scale(0);
		transform: scale(0);
		-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;
}
#costume-landing-page .costume-wawy-conatiner3  .costume-cta .hvr-rectangle-out-c:hover, 
#costume-landing-page .costume-wawy-conatiner3  .costume-cta .hvr-rectangle-out-c:focus, 
#costume-landing-page .costume-wawy-conatiner3  .costume-cta .hvr-rectangle-out-c:active 
{
		color: white;
}
#costume-landing-page .costume-wawy-conatiner3  .costume-cta .hvr-rectangle-out-c:hover:before, 
#costume-landing-page .costume-wawy-conatiner3  .costume-cta .hvr-rectangle-out-c:focus:before, 
#costume-landing-page .costume-wawy-conatiner3  .costume-cta  .hvr-rectangle-out-c:active:before
{
		-webkit-transform: scale(1);
		transform: scale(1);
} 
/*css for csotume cta end here*/  

/*css for common model start*/ 
.common-costume-landing-model
{
		z-index:99999;
}
.common-costume-landing-model label
{
		font-weight: normal;
		margin-bottom: 8px;
		text-align: left;
		font-size: 14px;
		color: #1C232B;
		margin-top: 0;
		font-family:Graphik,Helvetica,helvetica,arial,sans-serif
}
.common-costume-landing-model label span 
{
		padding-left: 5px;
		color: #FF0000;
		font-weight: normal;
}
.common-costume-landing-model .model-no-pl-pr 
{
		padding-left:0;
		padding-right:0;
}
.common-costume-landing-model  .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; 
}
.common-costume-landing-model .form-control:focus, 
.common-costume-landing-model .form-control:active 
{
		border-color: #20a7d6 !important;
		outline: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
}
.common-costume-landing-model  input[type="text"], input[type="password"], input[type="date"], input[type="email"], input[type="time"] ,
.common-costume-landing-model select
{
		height: 36px;
		border-top-width: 1px;
		border-style: solid;
}
.common-costume-landing-model .btn-common-eventview
{ 
		padding: 5px 12px;
		font-size: 15px;
		font-weight: normal;
		text-transform: capitalize;
		height: auto;
		width: auto; 
		background-color: #7bad22;
		border: 2px solid #7bad22;
		color: #fff;
		text-align: center;
		margin-bottom: 0px;
		overflow-wrap: break-word; 
		white-space: normal;
		border-radius: 0px; 
		cursor: pointer;
		text-decoration: none;
}
.common-costume-landing-model  .btn-common-eventview:hover,
.common-costume-landing-model  .btn-common-eventview:focus,
.common-costume-landing-model  .btn-common-eventview:active
{ 
		background-color: #9CCC47;
		border: 2px solid #9CCC47;
		outline:0;
		box-shadow: none;
		color:#fff;
}
.common-costume-landing-model .btn-event-view-cancel
{
		background-color: #fff;
		border: 2px solid #c2c2cc;
		color: #000;
}
.common-costume-landing-model  .btn-event-view-cancel:hover, 
.common-costume-landing-model  .btn-event-view-cancel:focus, 
.common-costume-landing-model  .btn-event-view-cancel:active
{  
		background-color: #eee;
		border:2px solid #c2c2cc;
		color: #000;
} 
.common-costume-landing-model  .modal-header .close  
{
		opacity: .5;
} 
.common-costume-landing-model .modal-header .modal-title
{
		text-align: center;
		font-weight: 600;
		font-size: 20px;  
		text-transform: capitalize;
		margin-top:0;
} 
/*.common-costume-landing-model .modal-header,
.common-costume-landing-model  .modal-footer 
 {
    padding: 7px 15px;
}*/
.common-costume-landing-model  .modal-footer 
{
		margin-top: 0;
}  
.common-costume-landing-model  .modal-dialog 
{ 
		margin: 100px auto;
}
.common-costume-landing-model  .textarea-height-popup
 {
		height: 50px !important;
}
.common-costume-landing-model .form-group 
{
		margin-bottom: 17px;
}  
.common-costume-landing-model .bag-color
{
		background-image:linear-gradient(155deg, rgba(8, 103, 179, 0.9686274509803922) 0%, rgb(15, 131, 222) 50%, rgb(83, 206, 89) 100%);
		color: white;
} 
.common-costume-landing-model .modal-header .close-demo
{
		color: white;
}
.common-costume-landing-model  .div-align
{
	    display: inline-block;
}
.common-costume-landing-model  .div-align-loader
{
	   margin-left:20px;
}

.validation-msg
{
		color: rgba(255, 0, 0, 0.7490196078431373);
		font-size: 12px;
		display: block;
}