/* CSS reset style starts */
	body,h1,h2,h3,h3,h4,h5,h6,p,span,ul,ul li,ol,ol li,dl,dt,dd,figure { margin:0; padding:0; font-family:arial; font-size:15px; -webkit-text-size-adjust:none; }article,aside,details,figcaption,figure,footer,header,hgroup,nav,section { display:block; }img { border:0; outline:none; }a { text-decoration:none; color:#323232; }ul { list-style-type:none; }
/* CSS reset style ends */

/* Global style starts */
	@font-face {
		font-family: "interstate";
		font-style: normal;
		font-weight: normal;
		src: url('fonts/interstaterom-webfont.eot');
		src: url('fonts/interstaterom-webfont.eot?#iefix') format('embedded-opentype'),
			 url('fonts/interstaterom-webfont.woff') format('woff'),
			 url('fonts/interstaterom-webfont.ttf') format('truetype'),
			 url('fonts/interstaterom-webfont.svg#InterstateRegular') format('svg');
	}

	@font-face {
		font-family: 'interstatelight_vnuregular';
		src: url('fonts/interstatelight_vnu-webfont.eot');
		src: url('fonts/interstatelight_vnu-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/interstatelight_vnu-webfont.woff') format('woff'), url('fonts/interstatelight_vnu-webfont.ttf') format('truetype'), url('fonts/interstatelight_vnu-webfont.svg#interstatelight_vnuregular') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	
	@font-face {
		font-family: 'interstateregular_vnuregular';
		src: url('fonts/interstateregular_vnu-webfont.eot');
		src: url('fonts/interstateregular_vnu-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/interstateregular_vnu-webfont.woff') format('woff'), url('fonts/interstateregular_vnu-webfont.ttf') format('truetype'), url('fonts/interstateregular_vnu-webfont.svg#interstateregular_vnuregular') format('svg');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'interstateextralight';
		src: url('fonts/interstate-extralight-webfont.eot');
		src: url('fonts/interstate-extralight-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/interstate-extralight-webfont.woff') format('woff'), url('fonts/interstate-extralight-webfont.ttf') format('truetype'), url('fonts/interstate-extralight-webfont.svg#interstateextralight') format('svg');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
    font-family: 'open_sansregular';
    src: url('opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-regular-webfont.woff') format('woff'), url('fonts/opensans-regular-webfont.ttf') format('truetype'),  url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

	body{
		background-color: #fff;
		font:normal 12px/16px Arial, Helvetica,Sans-Serif;
		color:#333;
	}

	img{
		/* Responsive images (ensure images don't scale beyond their parents) */
			max-width:100%;
		/* Part 1: Set a maxium relative to the parent */
			width:auto\9;
		/* IE7-8 need help adjusting responsive images */
			height:auto;
		/* Part 2: Scale the height according to the width, otherwise you get stretching */
			vertical-align:middle;
			border:0;
			-ms-interpolation-mode:bicubic;
	}

	.clear {clear:both;}

	.clearfix:before,.clearfix:after{
		content: '\0020';
		display: block;
		overflow: hidden;
		visibility: hidden;
		width: 0;
		height: 0;
	}
	.clearfix:after {clear: both;}
	.clearfix {zoom: 1;}

	.select-box-cont-js{display:none;}

	a,a:hover {}
	a:hover,a:focus,a:visited,a:active {text-decoration:none;outline:none;border:none;}
	.no-wrap{white-space: nowrap;}


/* Gradient Style Starts */
	.gradient {
		background: #01BCF3;
		background: -webkit-gradient(linear, 0 0, 0 100%, from(#017DE1), to(#004988));
		background: -webkit-linear-gradient(#01BCF3, #014284 100%);
		background: -moz-linear-gradient(#01BCF3, #014284 100%);
		background: -ms-linear-gradient(#01BCF3, #014284 100%);
		background: -o-linear-gradient(#01BCF3, #014284 100%);
		background: linear-gradient(#017DE1, #014284 100%);
		-pie-background: linear-gradient(#017DE1, #014284 100%);
		position: relative;
		overflow:hidden;
	}
/* Gradient Style Starts */

.Header {width:100%; position:fixed; padding: 15px 0px; z-index:999;}
.PayMain {width: 1140px; margin:auto; padding: 0px 15px;}
.HeadLeft {width: 100px; float:left;}
.HeadRight {width: 100px; float:right;}
.HeadLeft a img {width: 60px;}
.PayContent {position:relative; top:64px;}
.PaySlider1 {background: url('../images/Desktop_banner.jpg') no-repeat center; background-size: cover; height: 500px; padding: 0px 15px; position:relative;}
.PaySlidercnt {margin: 0 auto; width: 350px; position:relative; top: 100px;text-align: center;}
.PaySlidercnt h1 {font-family: 'interstatelight_vnuregular'; color:#FFF; font-size: 30px; line-height: 35px; margin-bottom: 20px;width: 94%;}
.PaySlidercnt p {font-family: 'interstatelight_vnuregular'; color:#FFF; font-size: 16px; line-height: 22px;}
.Paylist {margin-top:20px;}
.Paylist ul li {display: inline-block; margin-right: 15px;}
.Paylist ul li:last-child {margin-top: 13px;}


.PayMainTab {width: 1170px; margin:auto;}
.PayTabInner h1 {font-family: 'interstatelight_vnuregular'; color:#004684; font-size: 28px; line-height: 35px; margin-bottom: 15px; text-align:center;}
.PayTabInner p {font-family: "interstate"; color:#222222; font-size: 14px; line-height: 19px; text-align:center;}
.tabcnt .cnt {background: url('../images/Gradient.jpg') repeat-x bottom;}
.payFirstTabBox {width: 380px; float:left; text-align:center;}
.payFirstTab {margin: 30px 0px;}


.payFirstTabBox p {font-family: "interstate"; color:#222222; font-size: 14px; line-height: 22px; text-align:center; padding-top:20px; margin-bottom:10px;}
p.FooterFnt {font-family: "interstate"; color:#222222; font-size: 14px; line-height: 22px; text-align:center; padding-top:20px; margin-bottom:10px;}
.PaySmal img {width: 50px;}
.mainImg img {width: 150px; margin: 20px 0px;}
.Payblue {color:#2E509F !important;}
.Paylists {width: 253px; margin: 20px auto;}
.Paylists ul li {float:left; margin-left: 7px; margin-right: 7px;}
.play-icon-top{margin-top: 12px;}
.Paylistss {width: 176px; margin: 20px auto;}
.Paylistss ul li {float:left; margin-left: 7px; margin-right: 7px;}
.play-icon1-top{margin-top: 13px;}
.FooterFnt a {color:#2E509F !important; text-decoration: underline;}
.tabsectionInner {width: 200px; float:left; margin-right:17px; margin-left:17px;}
.tabsectionInner.last {margin-right:0px;}
.Tabsection2 {margin: 40px 0px;}
.tabsectionInner p {font-family: "interstate"; color:#222222; font-size: 14px; line-height: 19px; text-align:center; margin-top:20px;}
.PayMachine {text-align:center; margin: 50px 0px;}
.PayInstant h1 {font-family: 'interstatelight_vnuregular'; color:#004684; font-size: 28px; line-height: 35px; margin-bottom: 15px; text-align:center;}
.PayInstant {padding: 50px 0px; border-bottom:1px solid #CCC;}
.payCountNo ol {margin:0px 15px;}
.payCountNo ol li {font-size: 14px; font-family: 'interstatelight_vnuregular'; padding-bottom:8px;}
.ListAlb ul {margin-top: 10px;}
.ListAlb ul li {font-size: 13px; font-family: 'interstatelight_vnuregular'; padding-bottom:8px;}
.ListAlb ul li a {color:#0387cd;}
.PayButton {margin-top: 50px; text-align:center;}
.PayButton a {background:#0387cd; padding: 10px 25px 12px 25px; font-size:14px; font-family: 'interstateregular_vnuregular'; color:#FFF; width: 200px; display: block; margin:auto;}
.Paytile h1 {font-family: 'interstatelight_vnuregular'; color:#FFF; font-size: 28px; line-height: 35px; margin-bottom: 15px; text-align:center; padding-top: 50px;}
.Paytile p {font-family: 'interstatelight_vnuregular'; color:#FFF; font-size: 15px; line-height: 23px; margin-bottom: 15px; text-align:center; padding-top: 0px;}
.Paytile {padding: 50px 0px; position:relative; background: url(../images/cardholder.jpg) no-repeat; background-attachment:fixed; min-height: 400px;}
.payCardBox {width: 700px; margin: 50px auto 0;}
.payCardBoxInner {width:350px; margin: 0 auto; text-align:center;}
.PayCopyRight {background:#222;}
.PayCopyRight .PayMain {padding: 20px 15px;}
.PayCopyRight p {font-family: "interstate"; color:#999; font-size: 12px; padding-bottom:10px;}
.PayCopyRight p:last-child { padding-bottom:0px;}
.FooterCopyRight {padding: 10px 0px 40px 0px;}
.PayMobilebanner {display:none;}
.AboutUsCnt {display:none;}
.MenuLink {position:relative;}
.MenuOpen {position:absolute; top:9px; right:0px; cursor:pointer;}
.MenuClose {position:absolute; top:9px; display:none; right:0px; cursor:pointer;}
.HM_Menu {width: 300px; position:fixed; right:0px; background:#FFF; z-index:999; top:64px; display:none;}
.HM_Menu ul li {border-bottom:1px solid #F1F1F1;}
.HM_Menu ul li a {font-size:16px; font-family: 'interstateregular_vnuregular'; padding:12px 15px; display:inherit; color:#2F568C;}
.BodyOverloay {position:fixed; top:0px; right:0px; left:0px; bottom:0px; width:100%; height:100%; background: rgba(0,0,0,0.5); z-index:999; display:none;}
#back-top {position: fixed; bottom: 0px; right: 0px; padding: 0; z-index:99;}
#back-top span {width: 33px; height: 33px; display: block; margin-bottom: 0px; background: #ddd url("../images/back-to-top.png") no-repeat; -webkit-border-radius: 3px;
-moz-border-radius: 3px; border-radius: 3px; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; z-index: 9999;}
.BackPattens {background: url(../images/Texture.png) repeat; position:absolute; top:0px; right:0px; left:0px; bottom:0px;}
.BackPatten {background: url(../images/Texture.png) repeat; position:absolute; top:0px; right:0px; left:0px; bottom:0px;}

/*---Tab---*/
.tabmenu ul {width:100%;}
.tab li {float:left; width: 33.33%;}
.tab li a {font-size:17px; padding:12px 0px 14px 0px; text-decoration:none; color:#222; text-align:center; border-right:1px solid #CCC; display: inherit; font-family: 'interstateregular_vnuregular'; background: #DDD;
		background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#DDD));
		background: -webkit-linear-gradient(#FFF, #DDD 100%);
		background: -moz-linear-gradient(#FFF, #DDD 100%);
		background: -ms-linear-gradient(#FFF, #DDD 100%);
		background: -o-linear-gradient(#FFF, #DDD 100%);
		background: linear-gradient(#FFF, #DDD 100%);
		-pie-background: linear-gradient(#FFF, #DDD 100%);
		position: relative;
		overflow:hidden;}

.tab li.active a{background:#FFF; padding:10px 0px 14px 0px; border-top: 2px solid #1CB3EA; }
.cnt {padding: 30px 0px;}

/*---Tab---*/


/*---Toggle---*/
.open {background: url('../images/DownArrow.png') no-repeat; background-position:98%; margin-bottom:2px; cursor:pointer; font-size: 16px; font-family: "interstate"; padding: 10px 0px;}
.view{padding:0px 0px 10px 0px;}
.view p {font-size: 14px; font-family: 'interstatelight_vnuregular'; margin: 5px 0px; display:block;}
.view p strong {display:block;}
.minus {background: url('../images/UpArrow.png') no-repeat; background-position:98%}
/*---Toggle---*/

/*---Footer---*/
	.CitiFooter {border-bottom:1px solid #CCC; padding: 10px 0px;}
	.CitiFootLeft {width: 100px; float:left;}
	.CitiFootRight {width: 900px; float:right;}
	.CitiFootLeft a {color:#666; font-size:12px; font-family: arial;}
	.CopyCnt {color:#999; font-size:11px; font-family: arial; text-align:right;}
	.FooterList {float:right;}
	.FooterList ul li {float:left; margin-left: 15px;}
	.FooterList ul li a {color:#666; font-size:12px; font-family: arial; }
/*---Footer---*/
@media (min-width: 1800px) {
	.PaySlider1 {background: url('../images/slider/sliderD-1.jpg') no-repeat center;}
}

@media (max-width : 1024px ){
	.PayMain {width: 96%; margin: auto;}
	.PayMainTab {width:100%; overflow-x: hidden;}
	.payFirstTabBox {width: 327px;}
	.CitiFootRight {width: 80%}
	.slick-dots {bottom: -15px !important;}
	
}

@media (max-width : 768px ){
	.payFirstTabBox {width: 245px;}
	/*.PaySlidercnt {margin-left: 0px;} */
	.FooterList ul li {float: left; margin-left: 7px;}
}

@media (max-width : 767px ){
	.BackPattens {background:#01BCF3; position:relative;}
	.footer-rotate {-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg);transform: rotate(-90deg);}
	.AboutUsCnt {display:block; font-family:arial; color:#666; width: 88px; float:right; font-weight:bold;}
	.iconToggle {background: url(../images/foot-down-arrow.png) no-repeat right; background-size: 85%; background-position: 1px 3px; -webkit-transition: -webkit-transform 1s; -moz-transition: -moz-transform 1s; -ms-transition: -ms-transform 1s; -o-transition: -o-transform 1s; transition: transform 1s; float: right; width: 20px;}

	.PaySlider1 {background:#01BCF3; height: auto; }
	.PaySlidercnt {top:0px; width: 95%; margin:auto; padding: 30px 0px;}
	.PaySlidercnt h1, .PaySlidercnt p {text-align:center;}
	.Paylist {width: 260px; margin:10px auto;}
	.PayMobilebanner {display:block;}
	.payCardBox {width: 80%;}
	.tabsectionInner {float:none; margin:auto;}
	.tabsectionInner.last {margin-right: auto;}
	.payCardBoxInner {width:40%; padding: 0px 5% 0px 5%;}
	.FooterList {display:none; margin-top:5px;}
	.PayMain {width: 95%;}
}

@media (max-width : 568px ){
	.PayMain {width: 94%;}
}

@media (max-width : 480px ){
	.tab li a {font-size: 14px;}
	.PayMain {width: 93%;}
}

@media (max-width : 375px ){
	.CitiFootRight {width: 64% !important;}
	.PayMain {width: 92%;}
	.tab li a { font-size: 15px;}
	.open {padding-right: 30px; line-height: 20px;}
}

@media (max-width : 360px ){
	.PayMain {width: 91%;}
}

@media (max-width : 320px ){
	.PayMain {width: 90.5%;}
	.tab li a { font-size: 14px;}
	.FooterCopyRight .CitiFootRight {width: 69%;}
}