html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, and, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, textarea, select {
	background: transparent;
	border: 0;font-size:100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}

abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
	font-family: proxima-nova-regular;
}
blockquote, q {
	quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
	content: none
}
del {
	text-decoration: line-through
}
hr {
	background: transparent;
	border: 0;
	clear: both;
	color: transparent;
	height: 1px;
	margin: 0;
	padding: 0
}
mark {
	background-color: #ffffb3;
	font-style: italic
}
input, select {
	vertical-align: middle
}
ins {
	background-color: red;
	color: white;
	text-decoration: none
}
ol, ul {
	list-style: none
}/*table{border-collapse:collapse;border-spacing:0}*/
/* Clearfix */
#myframe{display: block;}
.clear {
	clear: both;
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
}
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
}
* html .clearfix, :first-child+html .clearfix {
	zoom: 1
}
a {
	text-decoration: none;
	color: #000;
}
a:focus, a:hover {
	text-decoration: none !important;
}

.align-left {
	float: left;
}
.align-right {
	float: right;
}
img {
	height: auto;
	max-width:100%;
}
.align-center {  text-align: center;}
img{ max-width:100%;  height:auto;}
body
{
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	line-height:26px;
	color: #000000;
	}
body h2 {    font-weight: bold;
    font-size: 28px;
    margin-bottom: 20px;
    border: none;
    background: transparent;
    color: #000;
    height: auto;}
 h2:after {
    content: "";
    display: block;
    width: 50px;
    height: 2px;
    background-color: #298ccc;
    margin: 10px auto 0;
}
.wallet-banner {
    background: url(../images/banner-bg.jpg) no-repeat;
    color: #fff;
    padding: 86px 0;
    background-size: cover;
}
.wallet-banner h1 {
font-size: 30px;
    font-weight: bold;border:none;
    line-height: 36px;color: #fff;
}

.wallet-banner img {
    vertical-align: sub;
    margin: 0 10px 0 0;
}

.wallet-banner p {
    font-size: 24px;
    margin: 30px 0 0;
    line-height: 36px;
}
.cont-wrap {
    width: 1180px;
    margin: 0 auto ;    
	padding:50px 0;
}

.top-tb-col:first-child {
    width: 42%;
    border: 1px solid #adadad;
    border-radius: 5px 0 0 5px;
}

.two-col-top {
    width: 685px;
    margin: 25px auto 0;
    overflow: hidden;
}

.top-tb-col:last-child {
    width: 57%;
    border: 1px solid #adadad;
    border-left: none;
    border-radius: 0 5px 5px 0;
}

.two-col-top h4 {
    font-size: 20px;
    color: #fff;
    background: #298ccc;
    padding: 15px 0 15px;font-weight: bold;
    position: relative;margin: 0;
}


.two-col-top .top-tb-col:first-child h4:after {
    content: "";
 /*   width: 100%;
    height: 30px;*/
/*    background-image:url(../images/red-bottom-arrow.png);*/
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1;
    background-size: 100% 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 27px 140px 0 140px;
    border-color: #298ccc transparent transparent transparent;
}
.two-col-top .top-tb-col:last-child h4:after {
    content: "";
 /*   width: 100%;
    height: 30px;*/
/*    background-image:url(../images/red-bottom-arrow.png);*/
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1;
    background-size: 100% 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 27px 195px 0 195px;
    border-color: #298ccc transparent transparent transparent;
}

.top-tb-col {
    background: #f8f8f8;
    float: left;
}

.two-col-top img {
    position: relative;
    z-index: 1;
    margin: -7px 0 0;
}

.two-col-top p {
    border-bottom: 1px dashed #8c8c8c;
    padding: 15px 0;
    margin: 0 10px;
    min-height: 30px;
}

.top-tb-col:last-child strong {
    font-size: 20px;
    font-weight: 600 !important;
    line-height: 24px;
}

.top-tb-col:last-child span {
    margin: 0 15px;
}

.two-col-top p:last-child {
    border: none;
}
.cta-block {
    margin: 40px 0 0;
}

.add-money-cta {
    background: #ff3735;
    color: #FFF !important;
    font-size: 21px;
    border-bottom: 5px solid #ff3735;
    padding: 10px 50px;
    text-decoration: none;
    display: inline-block;
    transition: 0.5s;
    border-radius: 4px;font-weight: bold;
}

.add-money-cta:hover, .add-money-cta:active {
        background: #e5be00;
    color: #000 !important;
}
.dark-grey-block {
    position: relative;
}

.dark-grey-block:before {
    content: "";
    width: 100%;
    height: 62%;
    background: #4d4d4d;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.dark-grey-block .cont-wrap{padding-bottom: 0; }
.dark-grey-block h2 {
    color: #fff;
}

.dark-grey-block h2:after {
    background-color: #fff;
}
.usewallet-block {
    display: inline-block;
    width: 24%;
    margin: 0 5px;
    vertical-align: top;
    background: #fff url(../images/usewalletbg.png) top no-repeat;
    -webkit-box-shadow: 0 0 10px #fff;
    box-shadow: 0 0 10px #4d4d4d;
    min-height: 255px;
}

.usewallet-block-wrap {
    padding: 20px 10px;
}

.usewallet-block img {
    display: block;
    margin: 0 auto 0;
}

.usewallet-block strong {
    font-size: 18px;
    display: block;
    margin: 9px 0 10px;
}

.usewallet-block:first-child, .usewallet-block:last-child {
    margin: 0;
}

.wallet-four-col {
    margin-top: 35px;
}
.work-col {
    display: inline-block;
    width: 32.5%;    vertical-align: top;
}

.grey-circle {
    background: #eeeeee;
    display: inline-block;
    padding: 35px 0;
    width: 140px;
    border-radius: 50%;
}
.dashed-circle {
    display: inline-block;
    border: 1px dashed #c6c5c5;
    padding: 10px;
    border-radius: 50%;
}

.half-dashed-circle {
    display: inline-block;
    padding: 10px;
    position: relative;
}

.half-dashed-circle:before {
    content: "";
    width: 100%;
    height: 90px;
    border-top-left-radius: 110px;
    border-top-right-radius: 110px;
    border: 2px dashed #4d4d4d;
    border-bottom: 0;
    position: absolute;
    left: 0;
    top: 0;
}

.half-dashed-circle:after {
    content: "";
    width: 100%;
    border-top: 2px dashed #4d4d4d;
    position: absolute;
    left: 101%;
    top: 90px; background:url(../images/dark-grey-arrow.png) center no-repeat;
}
.work-col:last-child .half-dashed-circle:after{ display:none;}
.work-col:nth-child(2) .half-dashed-circle:before {
    top: auto;
    bottom: 0;
    -ms-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    transform: rotate(180deg);
}
.work-col p {
    margin: 20px 0 0;
}
.dashed-circle:after {
    content: "";
    width: 100%;
    height: 18px;
    top: 81.5px;
    background: url(../images/dark-grey-arrow.png) center no-repeat;
    left: 100%;
    position: absolute;
}
.work-col:last-child .dashed-circle:after{ display:none;}
.two-col-faq .align-left {
    width: 47%;
}

.align-left .align-right {}

.two-col-faq .align-right {
    width: 47%;
}

p.qsn {
    font-weight: bold;
    margin-bottom: 5px;
}

.qa-block {
    margin-bottom: 25px;
}

.qa-block p {
    position: relative;
    padding: 0 0 0 30px;
}

.qa-block p:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    font-weight: bold;
}

p.qsn:before {
    content: "Q";
    content: "Q. ";
}

p.ans:before {
    content: "A.";
}

.two-col-faq {
    overflow: hidden;
}

.light-grey-bg {
    background: #eeeeee;
}

.qa-block:last-child {
    margin: 0;
}
#clients-block h2 {
    margin-bottom: 30px;
}

/* Media Query */

@media only screen and (min-width:1025px) and (max-width:1120px)
{
	.cont-wrap {width: 94%;}	
	}

@media only screen and (min-width:960px) and (max-width:1024px)
{
	.cont-wrap {    width: 98%;}
	.work-col{    width: 310px; }
	.half-dashed-circle:after{width: 72%;}
	}

@media only screen and (min-width:768px) and (max-width:959px)
{
		.cont-wrap {    width: 92%;}
		.usewallet-block{    width: 23%;    min-height: 330px;}
		.work-col{    width: 100%;}
		.half-dashed-circle:before, .half-dashed-circle:after{ display:none; }
		.dashed-circle:after {    top: 100%;    left: 0;  -ms-transform: rotate(90deg); /* IE 9 */  -webkit-transform: rotate(90deg); /* Safari 3-8 */  transform: rotate(90deg);}
		.work-col p {    margin: 30px 0 0;}
		.work-col:last-child p{ margin:0;}
	}

@media only screen and (min-width:480px) and (max-width:767px)
{
		.cont-wrap {    width: 92%;}
		.usewallet-block{    width: 100%;    min-height: auto;    margin: 0 0 20px !important;}
		.work-col{    width: 100%;}
		.half-dashed-circle:before, .half-dashed-circle:after{ display:none; }
		.dashed-circle:after {    top: 103%;    left: 0;  -ms-transform: rotate(90deg); /* IE 9 */  -webkit-transform: rotate(90deg); /* Safari 3-8 */  transform: rotate(90deg);}
		.work-col p {    margin: 30px 0 0;}
		.work-col:last-child p{ margin:0;}
		.two-col-top {    width: 100%;}
		.top-tb-col:first-child {    width: 36%;}
		.top-tb-col:last-child {    width: 63%;}
		.two-col-top h4 {    font-size: 18px;    padding: 10px 0 10px;}
		.two-col-top p {    margin: 0 5px;}
		.two-col-faq div {    width: 100% !important;}
		.wallet-banner {    padding: 25px 15px 40px;}
	}

@media only screen and (max-width:479px)
{
		.cont-wrap {    width: 92%;}
		.usewallet-block{    width: 100%;    min-height: auto;    margin: 0 0 20px !important;}
		.work-col{    width: 100%;}
		.half-dashed-circle:before, .half-dashed-circle:after{ display:none; }
		.dashed-circle:after {    top: 103%;    left: 0;  -ms-transform: rotate(90deg); /* IE 9 */  -webkit-transform: rotate(90deg); /* Safari 3-8 */  transform: rotate(90deg);}
		.work-col p {    margin: 30px 0 0;}
		.work-col:last-child p{ margin:0;}
		.two-col-top {    width: 100%;}
		.top-tb-col:first-child {    width: 35%;}
		.top-tb-col:last-child {    width: 63%;}
		.two-col-top h4 {     font-size: 18px;    padding: 10px 0 10px;    min-height: 55px;    line-height: normal;}
		.two-col-top p {    margin: 0 5px;    font-size: 15px;    line-height: normal;    min-height: 45px;}
		.top-tb-col:last-child strong {    font-size: 16px;}
		.two-col-faq div {    width: 100% !important;}
		.wallet-banner h1 {    font-size: 33px;}
		.wallet-banner p {    font-size: 18px;   line-height: 26px;}
		.wallet-banner {    padding: 15px 10px 30px;}
		
		}