@charset "UTF-8";
@import 'paymentfont.css';
a,
a:focus,
a:visited,
body {
    color: #3f3f3f
}
.page-heading h3,
header img {
    margin: 20px auto
}
.list li,
.notelogo,
.page header img,
.sweet-alert {
    float: left
}
.btn-file,
.center,
.page-heading h2,
.page-heading h3 {
    text-align: center
}
.btn,
.btn-file {
    font-weight: 400
}
#justified-menu:after,
.slideTwo label:after,
.slideTwo:after {
    content: ''
}
@font-face {
    font-family: Candara;
    src: url(https://d3gp250iwajjnm.cloudfront.net/fonts/candara.eot?#iefix) format('embedded-opentype'), url(https://d3gp250iwajjnm.cloudfront.net/fonts/candara.woff) format('woff'), url(https://d3gp250iwajjnm.cloudfront.net/fonts/candara.ttf) format('truetype'), url(https://d3gp250iwajjnm.cloudfront.net/fonts/candara.svg#Candara) format('svg');
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: Candara-Bold;
    src: url(https://d3gp250iwajjnm.cloudfront.net/fonts/candara-bold.eot?#iefix) format('embedded-opentype'), url(https://d3gp250iwajjnm.cloudfront.net/fonts/candara-bold.woff) format('woff'), url(https://d3gp250iwajjnm.cloudfront.net/fonts/candara-bold.ttf) format('truetype'), url(https://d3gp250iwajjnm.cloudfront.net/fonts/candara-bold.svg#Candara-Bold) format('svg');
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: Zilra;
    src: url(https://d3gp250iwajjnm.cloudfront.net/fonts/zilra.eot?#iefix) format('embedded-opentype'), url(https://d3gp250iwajjnm.cloudfront.net/fonts/zilra.woff) format('woff'), url(https://d3gp250iwajjnm.cloudfront.net/fonts/zilra.ttf) format('truetype'), url(https://d3gp250iwajjnm.cloudfront.net/fonts/zilra.svg#Zilra) format('svg');
    font-weight: 400;
    font-style: normal
}
@font-face {
	font-family: 'Avenir Book';
	src: url('../fonts/Avenir-Book.eot');
	src: url('../fonts/Avenir-Book.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Avenir-Book.woff2') format('woff2'),
		url('../fonts/Avenir-Book.woff') format('woff'),
		url('../fonts/Avenir-Book.ttf') format('truetype'),
		url('../fonts/Avenir-Book.svg#Avenir-Book') format('svg');
	font-weight: normal;
	font-style: normal;
}

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

@font-face {
	font-family: 'Avenir Book';
	src: url('../fonts/Avenir-BookOblique.eot');
	src: url('../fonts/Avenir-BookOblique.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Avenir-BookOblique.woff2') format('woff2'),
		url('../fonts/Avenir-BookOblique.woff') format('woff'),
		url('../fonts/Avenir-BookOblique.ttf') format('truetype'),
		url('../fonts/Avenir-BookOblique.svg#Avenir-BookOblique') format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Avenir';
	src: url('../fonts/Avenir-HeavyOblique.eot');
	src: url('../fonts/Avenir-HeavyOblique.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Avenir-HeavyOblique.woff2') format('woff2'),
		url('../fonts/Avenir-HeavyOblique.woff') format('woff'),
		url('../fonts/Avenir-HeavyOblique.ttf') format('truetype'),
		url('../fonts/Avenir-HeavyOblique.svg#Avenir-HeavyOblique') format('svg');
	font-weight: 900;
	font-style: italic;
}

@font-face {
	font-family: 'Avenir';
	src: url('../fonts/Avenir-MediumOblique.eot');
	src: url('../fonts/Avenir-MediumOblique.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Avenir-MediumOblique.woff2') format('woff2'),
		url('../fonts/Avenir-MediumOblique.woff') format('woff'),
		url('../fonts/Avenir-MediumOblique.ttf') format('truetype'),
		url('../fonts/Avenir-MediumOblique.svg#Avenir-MediumOblique') format('svg');
	font-weight: 500;
	font-style: italic;
}

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

@font-face {
	font-family: 'Avenir';
	src: url('../fonts/Avenir-Oblique.eot');
	src: url('../fonts/Avenir-Oblique.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Avenir-Oblique.woff2') format('woff2'),
		url('../fonts/Avenir-Oblique.woff') format('woff'),
		url('../fonts/Avenir-Oblique.ttf') format('truetype'),
		url('../fonts/Avenir-Oblique.svg#Avenir-Oblique') format('svg');
	font-weight: normal;
	font-style: italic;
}
body {
    font-family: 'Avenir Book';
    font-size: 16px;
    overflow-x: hidden;
	font-style:normal;
	font-weight:normal;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6
{
	font-family:'Avenir';
	font-weight:900;
}
#wrap a,
#wrap a:focus,
#wrap a:visited {
    color: #0c7cc2;
    text-decoration: underline
}
.form-control {
    border-radius: 0;
    border-color: #7f7f7f;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-box-shadow: inset 0 1px 1px transparent;
    box-shadow: inset 0 1px 1px transparent
}
select {
	background-image: url(../img/images/arrows.svg) !important;
    background-position: calc(100% - 10px) 50% !important;
    background-repeat: no-repeat !important;
    background-size: 20px !important;
}
a:hover {
    color: #20a6fc!important;
	text-decoration:none;
}
footer {
    background: #fff;
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 20
}
.btn-default,
.btn-success {
    color: #fff!important;
    background: #20a6fc;
    border-color: #20a6fc
}
.page-heading h2 {
    font-size: 70px!important;
	font-weight: 500;
}
.page-heading .sub-heading{
	font-size:20px;
	font-weight:500;
	text-align:center;
	padding:20px 0px;
}
.page-heading h3 {
    font-size: 22px!important;
    width: 100%
}
.footer-menu li,
.list-footer-menu {
    font-size: 14px;
    font-family: 'Avenir Book'
}
.footer-menu,
.list-footer-menu {
    list-style: none;
    padding: 0;
    margin: 0
}
.footer-menu li {
    padding: 10px 0
}
li a .arrow-icon,
span.text {
    font-family: 'Love Ya Like A Sister'
}
.footer-menu li:first-child {
    padding-left: 0
}
@media (min-width: 1200px) {
    .home .wrap-tooltips .container,
    .home footer .container {
        width: 1250px
    }
}
.btn {
    box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
    border-radius: 4px;
    font-family: Avenir Book;
    font-size: 20px;
    letter-spacing: 0.8px;
	border: none;
	transition: all .25s ease;
}
.btn:hover{
	/*margin-top: -2px;
    margin-bottom: 2px;*/
	box-shadow: 0 1px 1px 0 rgba(90,122,190,0.1), 0 10px 20px 0 rgba(90,122,190,0.2);
}
.btn-lg {
    padding: 10px 25px!important
}
.btn-success:hover {
    color: #fff!important
}
.btn-default {
    text-decoration: none!important
}
.btn-default:hover
{
	color: #fff!important;
    border-color: #fff;
    background: #20a6fc
}
.btn-active, .btn-active:hover {
    color: #20a6fc!important;
    border-color: #20a6fc;
    background: #fff
}
.header-form .btn {
    width: 100%
}
.fullwidth {
    width: 100%!important
}
.form {
    padding-top: 28px
}
span.text {
    padding: 0 15px;
    font-size: 13.5px
}
.body-email {
    font-size: 16px!important
}
.body-email .wrap {
    width: 565px;
    margin: 0 auto
}
.body-email .btn {
    margin: 0 auto;
    display: block;
    width: 40%
}
.body-email .copyright {
    font-size: 12px;
    text-align: center
}
.header-right {
    line-height: 80px;
    font-size: 16px;
    margin: 20px auto 0
}
.icon-form {
    font-size: 14px;
    line-height: 34px;
    z-index: 11
}
.fa-1x {
    font-size: 1.5em!important
}
.info-icon {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}
.fa {
    color: #20a6fc;
    margin: 5px 10px 5px 0
}
.btn-file,
.nav>li span:first-child {
    margin-right: 10px;
	background-position:center;
}
.btn-file[disabled] {
    background: url(../img/images/upload-cloud-disable.svg) no-repeat!important
}
.btn-file {
    position: relative;
    overflow: hidden;
    padding: 0;
    margin-top: -10px;
    color: #000!important;
    background: url(../img/images/upload-cloud.svg) no-repeat !important;
    border: 0;
    font-size: 0;
    width: 24px;
    height: 18px;
    display: inline-block;
    margin-bottom: 0;
    line-height: 1.42857143;
    border-radius: 0;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.btn-file-lg {
    background: none !important;
    width: 204px;
    height: 105px;
    margin-top: 5px;
    border: 1px dashed #39b283;
    font-size: 11.5pt;
    text-align: center;
    line-height: 19px;
    padding: 5px;
}
#mouseover .popup,
.logoicon,
.signature,
.slideTwo:after {
    position: absolute
}
.icon-form strong {
    font-size: 12px
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: 0;
    background: #fff;
    cursor: inherit;
    display: block
}
.btn,
.btn:active,
.btn:forcus,
.btn:visited,
:focus {
    outline: 0!important;
    -webkit-box-shadow: none;
    box-shadow: none
}
.fa-trash-o {
    color: #af4d4d!important
}
.button {
    padding: 20px 0
}
.text-form {
    font-size: 14px;
    font-weight: 700;
    line-height: 34px
}
.text-form a {
    color: #0c7cc2!important;
    text-decoration: underline!important
}
.list li.active a,
.nav-pills>li>a,
.readmore {
    text-decoration: none!important
}
.font-lg {
    font-size: 16px
}
.amount,
.buy-zilra {
    font-size: 20px
}
.amount {
    color: #20a6fc
}
.navbar {
    border-radius: 0
}
.navbar-left .navbar-toggle {
    border-color: #fff
}
.navbar-collapse {
    padding-left: 0;
    padding-right: 0
}
.navbar-left {
    /*background: #20a6fc;*/
    width: 100%;
    border: 0
}
.nav-pills>li>a {
    border-radius: 0;
    color: #4A4A4A!important;
    font-weight: 400;
    font-size: 14px;
    height: 65px;
    padding: 15px 10px!important
}
.account-setting,
.font-lg,
.list li,
form {
    font-size: 14px
}
.list,
.list li:first-child {
    padding-left: 0
}
.nav>li span {
    height: 30px;
    display: inline-block;
    float: left;
    line-height: 35px;
    background-repeat: no-repeat
}
.nav-stacked>li+li {
    margin-top: 0
}
.navbar-toggle .icon-bar {
    background: #fff
}
.nav>li>a:focus,
.nav>li>a:hover {
    background: #fff;
    color: #20a6fc!important
}
.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    background-color: #fff;
    color: #20a6fc!important
}
.nav>li span:first-child{background-position:left;}
.transli a .trans {
    background-image: url(../img/images/trans-icon.svg);
    width: 36px;
    height: 36px
}
.transli a:hover .trans,
.transli.active a .trans {
   background-position:right;
}
.userli a .user-list {
    background-image: url(../img/images/user-list.png);
    width: 40px;
    height: 36px
}
.userli a:hover .user-list,
.userli.active .user-list {
    background-position:right;
}
.sendli a .send {
    background-image: url(../img/images/send-icon.svg);
    width: 36px;
    height: 36px
}
.sendli a:hover .send,
.sendli.active .send {
    background-position:right;
}
.requestli a .request {
    background-image: url(../img/images/request-icon.svg);
    width: 36px;
    height: 36px
}
.requestli a:hover .request,
.requestli.active .request {
    background-position:right;
}
.withdrawli a .withdraw {
    background-image: url(../img/images/withdraw-icon.svg);
    width: 36px;
    height: 36px
}
.withdrawli a:hover .withdraw,
.withdrawli.active .withdraw {
    background-position:right;
}
.settingli a .setting {
    background-image: url(../img/images/setting-icon.svg);
    width: 36px;
    height: 36px
}
.settingli a:hover .setting,
.settingli.active .setting {
    background-position:right;
}
.supportli a .support {
    background-image: url(../img/images/support-icon.svg);
    width: 36px;
    height: 36px
}
.supportli a:hover .support,
.supportli.active .support {
    background-position:right;
}
.taskli a .tasks {
    background-image: url(../img/images/task.png);
    width: 30px;
    height: 38px
}
.taskli a:hover .tasks,
.taskli.active .tasks {
    background-position:right;
}
.spanli a .spam {
    background-image: url(../img/images/spam.png);
    width: 38px;
    height: 38px
}
.spanli a:hover .spam,
.spanli.active .spam {
    background-position:right;
}
.activityli a .activity{
	background-image: url(../img/images/activity.svg);
    width: 38px;
    height: 38px
}
.activityli a:hover .activity,
.activityli.active .activity{
	background-position:right;
}
.getpaidli a .getpaid{
	background-image: url(../img/images/getpaid.svg);
    width: 38px;
    height: 38px
}
.getpaidli a:hover .getpaid,
.getpaidli.active .getpaid{
	background-position:right;
}
.payoutsli a:hover .payouts,
.payoutsli.active .payouts{
	background-position:right;
}
.payoutsli a .payouts{
	background-image: url(../img/images/payouts.svg);
    width: 38px;
    height: 38px
}
.customersli a .customers{
	background-image: url(../img/images/customers.svg);
    width: 38px;
    height: 38px
}
.customersli a:hover .customers,
.customersli.active .customers{
	background-position:right;
}

li a .arrow-icon {
    background-image: url(../img/images/arrow-icon.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 36px;
    height: 36px;
    display: inline-block;
    margin-left: 10px;
    text-align: center;
    font-size: 16px;
    line-height: 36px
}
a:hover .arrow-icon,
li.active .arrow-icon {
    background-image: url(../img/images/arrow-active.png);
    height: 36px;
    width: 36px
}
.list {
    list-style: none;
    padding-bottom: 40px
}
.list li {
    padding: 0 15px;
    border-right: 1px solid #3f3f3f;
    font-weight: 400;
    font-family: 'Avenir'
}
.list li:last-child {
    border-right: 0;
    padding-right: 0
}
.list li.active a {
    color: #3f3f3f!important
}
.account-setting {
    line-height: 30px
}
.information {
    color: #9c9c9c
}
#addnewmail,
#changemail,
#newpassword,
#phone_verify {
    display: none
}
.input-group-addon {
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #FFF;
    border: 0 solid #ccc;
    border-radius: 0
}
.noborder,
.panel {
    border: 0
}
.input-group-addon .fa-2x {
    margin: 0!important;
    padding-left: 5px;
    color: #a1a1a1!important;
    cursor: pointer
}
.table>thead>tr>th {
    border-bottom: 0
}
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    border-top: 0
}
.meta .author {
    font-weight: 700;
    padding-right: 15px
}
.meta .time {
    color: #929090
}
.caption p {
    font-size: 16px
}
.readmore {
    color: #20a6fc!important;
    padding-left: 10px
}
.readmore:hover {
    text-decoration: underline!important
}
.thumbnail {
    padding: 0;
    border-radius: 0
}
#justified-menu {
    position: relative;
    text-align: center
}
@media (max-width: 991px) {
    #justified-menu {
        padding: 0 7px
    }
    #justified-menu li.inline-block {
        display: none
    }
    #justified-menu li.inline-block.active {
        display: inline-block;
        background: 0 0;
        padding-left: 0
    }
    #justified-menu .pre {
        float: left
    }
    #justified-menu .nxt {
        float: right
    }
    .dropdown .carat {
        top: 15px!important
    }
    .btn-search {
        padding: 8.5px 12px!important
    }
    .float-right {
        float: none !important
    }
}
#justified-menu:after,
.inline-block {
    display: inline-block;
    position: relative
}
.inline-block {
    width: auto;
    background: url(../img/images/dot-active.svg) center right repeat-x;
    padding-left: 64px
}
.float-right {
    float: right
}
.inline-block i {
    font-family: 'Avenir Book';
    font-size: 16px;
    right: -15%;
    color: #000;
    font-style: normal
}
#justified-menu li.active~* {
    background: url(../img/images/dot.svg) center right repeat-x
}
#justified-menu li.active~* i {
    color: #858585
}
#justified-menu a,
.forgot {
    text-decoration: none!important;
    color: #3f3f3f!important
}
#justified-menu .disabled a {
    pointer-events: none;
}
#justified-menu li:nth-child(2) {
    padding-left: 0!important
}
#justified-menu li:nth-child(2) i {
    left: -25px
}
#justified-menu li:nth-last-child(2) {
    padding-right: 0!important
}
#justified-menu:after {
    width: 100%;
    height: 0;
    line-height: 0
}
#justified-menu li {
    line-height: 40px;
    font-size: 16px;
    font-family: 'Love Ya Like A Sister'
}
#justified-menu li.active~* a:hover span,
#justified-menu span {
    display: block;
    background: url(../img/images/round-active.svg) center no-repeat #fff;
    height: 40px;
    width: 55px
}
#justified-menu li.active~* a span {
    display: block;
    background: url(../img/images/round.svg) center no-repeat #fff;
    height: 40px;
    width: 55px
}
.nxt,
.pre {
    background: 0 0!important;
    padding: 0;
    display: inline-block;
    width: auto;
    color: #fff;
    cursor: pointer
}
.nxt a span,
.nxt a:hover span,
.pre a span,
.pre a:hover span {
    height: 20px;
    width: 35px!important
}
.pre a span {
    background: url(../img/images/previous.svg) center left no-repeat!important
}
.nxt a span {
    background: url(../img/images/next.svg) center right no-repeat!important
}
.pre a:hover span {
    background: url(../img/images/previous-active.svg) center left no-repeat!important
}
.nxt a:hover span {
    background: url(../img/images/next-active.svg) center right no-repeat!important
}
.tab-content {
    height: 175px;
    overflow: hidden
}
.bigsize {
    font-size: 400px
}
.mediumsize {
    font-size: 200px
}
.normalsize {
    font-size: 22px
}
#mouseover {
    display: inline;
    position: relative
}
#mouseover:hover .popup {
    opacity: 1;
    transition-duration: .4s;
    display: block
}
#mouseover .popup {
    left: 170%;
    top: 0;
    transform: translate(-50%);
    bottom: 2em;
    opacity: 0;
    pointer-events: none;
    transition-duration: .8s;
    width: 480px;
    height: 165px;
    background: url(../img/images/bg-popup.svg) no-repeat;
    padding: 16px 10px 20px 48px;
    z-index: 999;
    font-family: 'Avenir Book';
    font-size: 14px;
    display: none
}
#mouseover .popup strong,
.font-bold,
strong {
    font-family: 'Avenir';
    font-weight: 900;
}
.popup img {
    padding-right: 3px
}
.minheight {
    height: 500px
}
.paddingtopbottom {
    padding-bottom: 50px;
    padding-top: 50px
}
.padding-img img {
    padding-right: 30px
}
#particles-js {
    width: 100%;
    height: 100%;
    background-color: #fff;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat
}
canvas {
    display: block;
    vertical-align: bottom
}
.logoicon {
    width: 104px;
    height: 219px;
    top: 50%;
    left: 55%;
    margin: -100px auto auto -100px;
    border-radius: 4px;
    box-sizing: border-box;
    z-index: 100;
    background: 0 0
}
.modal {
    top: 5%
}
.modal-body {
    padding: 5px 15px;
	max-height: 500px;
	overflow-y:auto;
}
.modal-backdrop {
    background-color: #fff
}
.modal-content {
    border-radius: 0;
    border-color: #c2c2c2;
    -webkit-box-shadow: 0 3px 9px transparent;
    box-shadow: 0 3px 9px transparent
}
.font-normal,
.text_forgot,
label.error,
span.error {
    font-family: 'Avenir Book'
}
.box {
    border: 1px solid #8bcbaa;
    background: #cae7d8;
    width: 100%;
    padding: 10px;
    margin-bottom: 30px
}
.slideTwo,
.slideTwo:after {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px
}
@media (max-width: 991px) {
    .header-right p {
        text-align: center!important;
        width: 100%
    }
    .header-right {
        float: left!important;
        width: 100%;
        line-height: 0;
        margin: 0
    }
}
.col-right {
    padding-top: 20px
}
.lineheight-34-px {
    line-height: 34px;
    font-size: 14px
}
.font-14-px {
    font-size: 14px
}
.checkbox,
.radio {
    margin-top: 0;
    margin-bottom: 0;
	position:relative;
}

.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] {
    margin-top: 8px;
	margin-left:-18px;
}
.slideTwo input[type=checkbox] {
    visibility: hidden
}
.slideTwo {
    width: 40px;
    height: 10px;
    background: #839494;
    margin: 5px 15px;
    border-radius: 50px;
    position: relative
}
.slideTwo:after {
    top: 14px;
    left: 14px;
    height: 0;
    width: 52px;
    border-radius: 50px;
    background: #111
}
.slideTwo label,
.slideTwo label:after {
    position: absolute;
    width: 26px;
    height: 26px
}
.slideTwo label {
    display: block;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
    cursor: pointer;
    top: -8px;
    z-index: 1;
    left: -8px;
    background: #61b972
}
.slideTwo label:after {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background: #61b972;
    left: 0;
    top: 0
}
.slideTwo input[type=checkbox]:checked+label {
    left: 25px
}
.slideTwo input[type=checkbox]:checked+label:after {
    background: #61b972
}
.notediv,
label.error,
span.error {
    background: #fff;
    position: absolute
}
.notediv {
    display: none;
    border: 1px solid #c5c5c5;
    -webkit-box-shadow: 0 0 9px 0 rgba(148, 148, 148, .7);
    -moz-box-shadow: 0 0 9px 0 rgba(148, 148, 148, .7);
    box-shadow: 0 0 9px 0 rgba(148, 148, 148, .7);
    z-index: 999;
    top: 40px;
    right: 0
}
.notediv:after,
.notediv:before {
    bottom: 100%;
    right: 15px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-width: 15px;
    margin-left: -15px
}
.notediv:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff
}
.notediv:before {
    border-color: rgba(197, 197, 197, 0);
    border-bottom-color: #c5c5c5
}
.checkbox {
    line-height: 33px
}
.forgot {
    float: right;
    cursor: pointer
}
.notelogo,
.tooltip,
.tooltips,
.tooltips:hover {
    text-decoration: none
}
.text_forgot {
    color: #20a6fc;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px
}
label.error,
span.error {
    left: 0;
    width: 100%;
    color: #fb5959;
    font-size: 14px;
    margin-top: -29px;
    font-weight: 400;
    z-index: 1;
    top: 7px
}
label.error i.glyphicon,
span.error i.glyphicon {
    padding-right: 5px;
    font-size: 12px
}
input.error,
select.error {
    border-color: #FB5959
}
input.valid {
    border-color: inherit;
}
.lb_label {
    width: 100%;
    top: 45px!important;
    font-weight: 400;
    font-size: 14px;
	padding-left:5px;
}
form .form-group {
    margin-bottom: 25px;
	position:relative;
}
.lb_wrap {
    display: block!important
}
i.cursor {
    cursor: pointer!important
}
.form-control:focus {
    border-color: inherit;
}
select::-ms-expand {
    display: none
}
.wrap-tooltips {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: auto;
    padding-bottom: 50px
}
.tooltip-inner,
.tooltips span {
    padding: 10px 15px;
    width: 280px;
	color: #000;
	background: #fff;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.10);
	position:relative;
	border: 1px solid rgba(153, 153, 153, 0.16);
}
.tooltip.top .tooltip-arrow{display:none;}
.tooltip-inner:before, .tooltip-inner:after{right: 50%;
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;}
.tooltip-inner:before {
    border-color: rgba(194, 225, 245, 0);
    border-right-color: #fff;
    border-width: 0px;
    margin-top: 0px;
}
.tooltip-inner:after {
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #fff;
    border-width: 10px;
    margin-top: -3px;
    margin-right: -5px;
}
.tooltip.top .tooltip-arrow, .tooltip.bottom .tooltip-arrow{border-top-color: #fff}
.wrap-tooltips img {
    z-index: 1
}
.tooltips {
    outline: 0;
    -webkit-transform: translateZ(0);
    -webkit-font-smoothing: antialiased;
    position: absolute;
    display: inline-block
}
.tooltips strong {
    line-height: 30px
}
.tooltip-inner {
    max-width: 280px;
    text-align: left;
    position: relative
}
.tooltips span {
    top: -10px;
    color: #fff;
    display: block;
    left: 130%;
    margin-bottom: 15px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    z-index: 10
}
.tooltips.right span {
    right: 140%!important;
    left: auto!important
}
.tooltips:hover span {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    z-index: 10
}
.callout,
.tooltips.right .callout {
    z-index: 20;
    position: absolute;
    top: 50px;
    border: 0
}
.callout {
    left: -36px
}
.tooltips.right .callout {
    right: -36px;
    left: auto!important
}
.lte8 .tooltips span {
    display: none
}
.lte8 .tooltips:hover span,
.tooltip {
    display: block
}
.doller {
    top: 240px;
    left: 17%
}
.light {
    top: 400px;
    left: 5%
}
.rocket {
    top: 430px;
    left: 18%
}
.cheque {
    top: 600px;
    left: 3%;
    margin-bottom: 50px
}
.lock {
    top: 580px;
    left: 32%
}
.wallet {
    top: 540px;
    left: 61%
}
.rupe {
    top: 400px;
    right: 22%
}
.wrap-tooltips .home {
    top: 210px;
    right: 15%
}
.percentage {
    top: 563px;
    right: 12%
}
.exchange {
    top: 410px;
    right: 3%
}
.home .wrap-tooltips .container {
    position: relative
}
.offlinever label {
    padding-left: 15px!important
}
.tooltip {
    position: absolute;
    z-index: 1070;
    font-family: "Avenir Book", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    filter: alpha(opacity=0);
    opacity: 0;
    line-break: auto
}
.areacode,
.footer-right,
.notelogo {
    text-align: center
}
.tooltip.in {
    filter: alpha(opacity=100);
    opacity: 1
}
.tooltip.top {
    padding: 5px 0;
    margin-top: -3px
}
.tooltip.right {
    padding: 0 5px;
    margin-left: 3px
}
.tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px
}
.tooltip.left {
    padding: 0 5px;
    margin-left: -3px
}
.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}
.tooltip.left .tooltip-arrow,
.tooltip.right .tooltip-arrow {
    top: 50%;
    margin-top: -5px;
    width: 40px;
    height: 24px;
    border-color: transparent
}
.tooltip.right .tooltip-arrow {
    left: -32px;
    background: url(../img/images/arrow_tooltips.png) left no-repeat
}
.tooltip.left .tooltip-arrow {
    right: -32px;
    background: url(../img/images/arrow_tooltips_right.png) left no-repeat
}
.popover>.arrow,
.popover>.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}
@media (max-width: 991px) {
    label.error {
        left: 0;
        font-size: 11px;
        padding-top: 4px
    }
    .wrap-tooltips {
        display: none!important
    }
    label.error .sweet-alert {
        margin-top: -4px
    }
    .dropdown .selected,
    .dropdown li {
        padding: 10px 12px 10px!important
    }
}
.sweet-alert {
    width: 24px;
    margin-top: -2px
}
.sweet-alert .sa-icon {
    width: 24px;
    height: 24px;
    border: 0 solid gray;
    -webkit-border-radius: 40px;
    border-radius: 50%;
    margin: 0 auto;
    padding: 0;
    position: relative;
    box-sizing: content-box
}
.sweet-alert .sa-icon.sa-error {
    border-color: #fb5959
}
.sweet-alert .sa-icon.sa-error .sa-x-mark {
    position: relative;
    display: block
}
.sweet-alert .sa-icon.sa-error .sa-line {
    position: absolute;
    height: 3px;
    width: 15px;
    background-color: #fb5959;
    display: block;
    top: 10px;
    border-radius: 2px
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 5px
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 4px
}
.sweet-alert .sa-icon.sa-success {
    border-color: #A5DC86
}
.sweet-alert .sa-icon.sa-success::after,
.sweet-alert .sa-icon.sa-success::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background: #fff
}
.sweet-alert .sa-icon.sa-success::before {
    -webkit-border-radius: 48px 0 0 48px;
    border-radius: 48px 0 0 48px;
    top: -7px;
    left: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 24px 24px;
    transform-origin: 24px 24px
}
.sweet-alert .sa-icon.sa-success::after {
    -webkit-border-radius: 0 48px 48px 0;
    border-radius: 0 48px 48px 0;
    top: -1px;
    left: 16px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0 24px;
    transform-origin: 0 24px
}
.sweet-alert .sa-icon.sa-success .sa-placeholder {
    width: 24px;
    height: 24px;
    border: 0 solid rgba(165, 220, 134, .2);
    -webkit-border-radius: 40px;
    border-radius: 50%;
    box-sizing: content-box;
    position: absolute;
    left: -2px;
    top: -2px;
    z-index: 2
}
.sweet-alert .sa-icon.sa-success .sa-fix {
    width: 3px;
    height: 20px;
    background-color: #fff;
    position: absolute;
    left: 10px;
    top: 3px;
    z-index: 1;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.sweet-alert .sa-icon.sa-success .sa-line {
    height: 3px;
    background-color: #20a6fc;
    display: block;
    border-radius: 2px;
    position: absolute;
    z-index: 2
}
.bank-icon,
.mailvan {
    display: inline-block
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
    width: 8px;
    left: 3px;
    top: 12px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
    width: 15px;
    right: 3px;
    top: 10px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
@-webkit-keyframes showSweetAlert {
    0% {
        transform: scale(.7);
        -webkit-transform: scale(.7)
    }
    45% {
        transform: scale(1.05);
        -webkit-transform: scale(1.05)
    }
    80% {
        transform: scale(.95);
        -webkit-transform: scale(.95)
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}
@keyframes showSweetAlert {
    0% {
        transform: scale(.7);
        -webkit-transform: scale(.7)
    }
    45% {
        transform: scale(1.05);
        -webkit-transform: scale(1.05)
    }
    80% {
        transform: scale(.95);
        -webkit-transform: scale(.95)
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}
@-webkit-keyframes hideSweetAlert {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
    100% {
        transform: scale(.5);
        -webkit-transform: scale(.5)
    }
}
@keyframes hideSweetAlert {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
    100% {
        transform: scale(.5);
        -webkit-transform: scale(.5)
    }
}
.showSweetAlert[data-animation=pop] {
    -webkit-animation: showSweetAlert .3s;
    animation: showSweetAlert .3s
}
.hideSweetAlert[data-animation=pop] {
    -webkit-animation: hideSweetAlert .2s;
    animation: hideSweetAlert .2s
}
@-webkit-keyframes animateSuccessTip {
    0%, 54% {
        width: 0;
        left: 3px;
        top: 8px
    }
    100%,
    70%,
    84% {
        width: 8px;
        left: 3px;
        top: 12px
    }
}
@keyframes animateSuccessTip {
    0%, 54% {
        width: 0;
        left: 3px;
        top: 8px
    }
    100%,
    70%,
    84% {
        width: 8px;
        left: 3px;
        top: 12px
    }
}
@-webkit-keyframes animateSuccessLong {
    0%, 65% {
        width: 0;
        right: 12px;
        top: 13px
    }
    100%,
    84% {
        width: 15px;
        right: 3px;
        top: 10px
    }
}
@keyframes animateSuccessLong {
    0%, 65% {
        width: 0;
        right: 12px;
        top: 10px
    }
    100%,
    84% {
        width: 15px;
        right: 3px;
        top: 10px
    }
}
@-webkit-keyframes rotatePlaceholder {
    0%, 5% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg)
    }
    100%,
    12% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg)
    }
}
@keyframes rotatePlaceholder {
    0%, 5% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg)
    }
    100%,
    12% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg)
    }
}
.animateSuccessTip {
    -webkit-animation: animateSuccessTip .75s;
    animation: animateSuccessTip .75s
}
.animateSuccessLong {
    -webkit-animation: animateSuccessLong .75s;
    animation: animateSuccessLong .75s
}
.sa-icon.sa-success.animate::after {
    -webkit-animation: rotatePlaceholder 4.25s ease-in;
    animation: rotatePlaceholder 4.25s ease-in
}
@-webkit-keyframes animateErrorIcon {
    0% {
        transform: rotateX(100deg);
        -webkit-transform: rotateX(100deg);
        opacity: 0
    }
    100% {
        transform: rotateX(0);
        -webkit-transform: rotateX(0);
        opacity: 1
    }
}
@keyframes animateErrorIcon {
    0% {
        transform: rotateX(100deg);
        -webkit-transform: rotateX(100deg);
        opacity: 0
    }
    100% {
        transform: rotateX(0);
        -webkit-transform: rotateX(0);
        opacity: 1
    }
}
.animateErrorIcon {
    -webkit-animation: animateErrorIcon .5s;
    animation: animateErrorIcon .5s
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
    -ms-transform: rotate(45deg)\9
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
    -ms-transform: rotate(-45deg)\9
}
.sweet-alert .sa-icon.sa-success {
    border-color: transparent\9
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
    -ms-transform: rotate(45deg)\9
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
    -ms-transform: rotate(-45deg)\9
}
@-webkit-keyframes animateXMark {
    0%, 50% {
        transform: scale(.4);
        -webkit-transform: scale(.4);
        margin-top: 26px;
        opacity: 0
    }
    80% {
        transform: scale(1.15);
        -webkit-transform: scale(1.15);
        margin-top: -6px
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        margin-top: 0;
        opacity: 1
    }
}
@keyframes animateXMark {
    0%, 50% {
        transform: scale(.4);
        -webkit-transform: scale(.4);
        margin-top: 26px;
        opacity: 0
    }
    80% {
        transform: scale(1.15);
        -webkit-transform: scale(1.15);
        margin-top: -6px
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        margin-top: 0;
        opacity: 1
    }
}
.animateXMark {
    -webkit-animation: animateXMark .5s;
    animation: animateXMark .5s
}
.showref {
    margin-top: -2px;
    margin-left: 6px
}
.showref .sweet-aler {
    margin-top: 0!important
}
.visible {
    -moz-animation: cssAnimation 0s ease-in 5s forwards!important;
    -webkit-animation: cssAnimation 0s ease-in 5s forwards!important;
    -o-animation: cssAnimation 0s ease-in 5s forwards!important;
    animation: cssAnimation 0s ease-in 5s forwards!important
}
@keyframes cssAnimation {
    to {
        width: 0;
        height: 0;
        overflow: hidden
    }
}
@-webkit-keyframes cssAnimation {
    to {
        width: 0;
        height: 0;
        visibility: hidden
    }
}
@media (min-width: 991px) {
    .page label.error,
    .page span.error {
        margin-top: -36px
    }
    .page #account label.error,
    .page #account span.error {
        margin-top: -26px
    }
    .col-left {
        max-width: 250px
    }
}
@media (max-width: 991px) {
    label.error span .sweet-alert {
        margin-left: -15px
    }
}
.page label.error,
.page span.error {
    position: absolute;
    left: 7px;
    width: 100%;
    color: #FB5959;
    font-size: 12px;
    margin-top: 0;
    font-family: 'Avenir Book';
    font-weight: 400;
    line-height: 18px;
    white-space: nowrap;
}
.page #newpassword label.error,
.page #newpassword span.error {
    left: 0
}
.page .sweet-alert {
    margin-top: 8px
}
.page .showref .sweet-alert {
    margin-top: 0
}
.page #account .sweet-alert {
    margin-top: -2px
}
.footer-right {
    line-height: 38px
}
.footer-right svg {
    position: absolute;
    bottom: 0
}
.footer-right a.social {
    display: inline-block;
    width: 36px
}
.modal-dialog button.close {
    position: relative;
    z-index: 10;
    color: red;
    border: 0 solid #999;
    width: 22px;
    opacity: 1;
	top:-5px;
	right:-10px;
}
.modal-dialog button.close:hover {
    opacity: .8
}
p.message.showerror {
    color: red
}
p {
    font-size: 12pt
}
.errorone {
    color: #FB5959
}
.iconerror {
    background: url(../img/images/upload-cloud-error.svg) no-repeat!important
}
.agree label.error {
    top: 25px
}
#person {
    cursor: pointer
}
.notelogo {
    position: absolute;
    width: 88px;
    height: 26px;
    background-color: #000;
    border-radius: 3px;
    line-height: 29px;
    color: #fff;
    margin-left: 20px;
    margin-top: 30px;
    font-size: 14px
}
.notelogo:before {
    content: '';
    top: 6px;
    left: -5px;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 8px 0;
    border-color: transparent #000 transparent transparent
}
.error-home {
    color: #FB5959
}
.font-bold {
    font-weight: 700
}
#wizard {
    padding-top: 20px
}
.mailvan {
    background: url(../img/images/mailvan.svg);
    height: 113px;
    width: 196px
}
.bank-icon {
    background: url(../img/images/bank-icon.svg);
    height: 143px;
    width: 147px
}
@media (min-width: 768px) {
    .modal-dialog {
        width: 505px;
        margin: 30px auto
    }
}
.areacode {
    background: #fff;
    border-color: #7f7f7f
}
#preloadedImages {
    width: 0;
    height: 0;
    display: inline;
    background-image: url()
}
.trash,
.trash-icon {
    display: inline-block
}
.trash {
    width: 24px;
    height: 24px;
    background: url(../img/images/trash.svg) no-repeat
}
#mouseover .infobox {
    background: url(../img/images/bg-popup-info.svg) no-repeat;
    padding: 10px 15px;
    left: 20px;
    width: 400px;
    line-height: 24px;
    height: 94px;
    top: -110px;
    background-size: cover;
}
.navbar-nav>li>a {
    padding-top: 0;
    padding-bottom: 0
}
.navbar {
    margin-bottom: 0;
    min-height: inherit
}
.navbar-default {
    border: 0;
    background: 0 0
}
.nav>li>a {
    padding: 0 8px
}
.nav>li>a:hover {
    text-decoration: underline!important
}
footer .navbar-toggle {
    margin-right: 0
}
.navbar-default .navbar-nav>li>a {
    color: #000
}
.trash-icon {
    background: url(../img/images/trash.svg) no-repeat;
    width: 24px;
    height: 24px
}
input.error:focus {
    border-color: #FB5959!important
}
button:focus,
button:visited {
    outline: 0!important;
    outline-offset: 0!important
}
@media (max-width: 520px) {
    input[type=checkbox][name="data[User][agree]"] {
        margin: 13px 7px 0 -18px;
        float: left
    }
}
@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}
@-o-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}
@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}
.input-text {
    margin: 0 auto;
    width: 270px;
    font-family: Candara
}
.input-text input {
    border: 0;
    border-bottom: 1px solid #20a6fc;
    outline: 0;
    font-size: 50px;
    width: 100%;
    padding-left: 40px
}
.input-text span {
    font-size: 50px;
    position: absolute
}
.group-co {
    padding-top: 30px
}
.zilra {
    color: #20a6fc
}
.paypal {
    color: #009cde
}
.wire {
    color: #2363af
}
.payonner {
    color: #ff4700
}
.payza {
    color: #2bb358
}
.skrill {
    color: #4f2556
}
.cheque {
    color: #5e5e5e
}
.group-co .icon {
    padding-bottom: 10px!important;
    font-size: 42px
}
.group-co .row .first,
.group-co .row .last {
    margin-bottom: 3px;
    margin-right: 3px;
    padding: 7px;
    font-size: 16px
}
.group-co .row .last {
    padding: 7px 0 7px 14px!important;
    z-index: 2;
    position: relative;
    overflow: hidden;
    height: 36px;
    line-height: 24px;
    white-space: nowrap
}
.group-co .row>div>.row>div {
    padding: 0
}
.group-co .last {
    -webkit-transition: width .6s ease;
    -moz-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease
}
.group-co .first,
.group-co .last {
    color: #fff
}
.size50 {
    font-size: 50px;
    text-align: right;
    display: block
}
.compare-page .text {
    font-size: 18px;
    color: #3f3f3f;
    padding-top: 15px;
    padding-left: 0
}
.zilra .size50 {
    line-height: 117px
}
.payonner .size50,
.paypal .size50,
.wire .size50 {
    line-height: 78px
}
.zilra .first,
.zilra .last {
    background: #20a6fc
}
.zilra .text-com {
    color: #20a6fc
}
.paypal .convertfee {
    background: #003087
}
.paypal .transactionfee {
    background: #009cde
}
.wire .convertfee {
    background: #73aadc
}
.wire .transactionfee {
    background: #2363af
}
.wire .text1 {
    color: #2363af
}
.wire .text2 {
    color: #73aadc
}
.payonner .first,
.payonner .last {
    background: #ff4700
}
.payza .first,
.payza .last {
    background: #2bb358
}
.payza .size50 {
    line-height: 156px
}
.skrill .first,
.skrill .last {
    background: #4f2556
}
.skrill .size50 {
    line-height: 117px
}
.skrill .text-com {
    color: #4f2556
}
.cheque .first,
.cheque .last {
    background: #5e5e5e
}
.cheque .size50 {
    line-height: 157px
}
.cheque .text-com {
    color: #5e5e5e
}
.in-small {
    display: none
}
.out-small {
    padding-left: 4px
}
@media (max-width: 770px) {
    .in-small {
        display: block;
        padding-left: 4px
    }
    .out-small {
        display: none
    }
    span.size50 {
        position: relative;
        left: 0;
        float: none;
        text-align: center;
        line-height: 65px!important
    }
}
@media(max-width:991px) {
    .form-control {
        height: 40px
    }
    .btn {
        padding: 10px 12px
    }
    .saved {
        display: none
    }
    .infomobile {
        display: block!important
    }
    #div_photo_info #mouseover {
        display: none
    }
    .same {
        float: left!important
    }
    span.country-code {
        line-height: 40px!important
    }
    .checkbox {
        line-height: 20px;
		padding-top:9px;
    }
    .text_forgot {
        line-height: 30px
    }
    .padding-lg {
        padding: 0 !important
    }
    .page #account>#phone_verify>.phone_div>.col-md-2>.form-group>label.verify_phone_code {
        left: 0;
        margin-top: -95px!important
    }
}
.same {
    margin-top: 4px
}
.phone {
    padding-left: 30px
}
span.country-code {
    position: absolute;
    padding-left: 5px;
    line-height: 61px;
    font-size: 14px;
    z-index: 1;
}
#account #phone{padding-left: 40px;}
.text-com {
    position: absolute;
    top: 8px;
    color: #000;
    left: 14px;
    font-size: 16px
}
.group-co .row .last:empty {
    padding: 7px 0!important
}
.home #wrap-home {
    min-height: 450px;
	position:relative;
}
@media(min-width: 1400px)
{
	.home #wrap-home {
		/*min-height: 600px;*/
		position:relative;
	}
}

.home div#wrap {
    /*min-height: 600px;*/
	position:relative;
}

.chat-icon,
.icon-maximize {
    z-index: 999;
    position: fixed;
    background: url(../img/images/chat.svg);
    width: 47px;
    height: 42px;
    cursor: pointer;
    right: 30px;
    bottom: 35px;
    background-size: cover
}
.onmobile {
    display: none
}
@media(max-width:991px) {
    .onmobile {
        display: block;
    }
    .ondesktop {
        display: none
    }
    .footer-right {
        text-align: left
    }
    .chat-icon,
    .icon-maximize {
        width: 30px!important;
        height: 28px!important;
        left: 15px!important;
        bottom: 4px!important
    }
    .navbar-collapse {
        background: #FFF
    }
    .navbar-fixed-bottom {
        position: fixed;
		bottom: -5px;
		margin-left: 0px;
		margin-right: 0px;
    }
    .navbar-fixed-bottom .collapsing,
    .navbar-fixed-bottom .navbar-collapse.in {
        margin-bottom: -50px;
        z-index: 9;
		padding-bottom:10px;
    }
    .navbar-fixed-bottom .navbar-nav>li>a {
        color: #fff;
        padding: 6px 10px!important
    }
    .navbar-fixed-bottom .navbar-nav>li>a:hover {
        color: #20a6fc!important;
        text-decoration: none!important
    }
    .icon-bar {
        width: 22px;
        transition: all .2s
    }
	/*
    .top-bar {
        transform: rotate(45deg);
        transform-origin: 10% 10%
    }
    .middle-bar {
        opacity: 0
    }
    .bottom-bar {
        transform: rotate(-45deg);
        transform-origin: 10% 90%
    }
    .navbar-toggle.collapsed .bottom-bar,
    .navbar-toggle.collapsed .top-bar {
        transform: rotate(0)
    }
    .navbar-toggle.collapsed .middle-bar {
        opacity: 1
    }*/
    .top-bar, .bottom-bar {
        opacity: 0
    }
	.middle-bars{opacity:1; margin-top: -2px !important;}
    .navbar-toggle.collapsed .bottom-bar,
    .navbar-toggle.collapsed .top-bar {
        opacity: 1;
    }
	.middle-bars
	{
		transform: rotate(-45deg);
		transform-origin: 50% 50%
	}
	.middle-bar
	{
		transform: rotate(45deg);
		transform-origin: 50% 50%
	}
	.navbar-toggle.collapsed .middle-bars, .navbar-toggle.collapsed .middle-bar
	{
		transform: rotate(0);
	}
    span.text {
        padding: 0 5px
    }
    .footer-menu li {
        padding: 0
    }
    .footer-menu li:hover {
        background: #fff
    }
    .navbar-fixed-bottom .navbar-collapse {
        border-color: transparent!important
    }
    .navbar-brand {
        display: block!important
    }
}
.btn-position,
.dropdown {
    position: relative
}
.btn-position .fa {
    position: absolute;
    top: 15px !important;
    right: 10px;
}
@media (max-width: 767px) {
    .list li {
        padding: 0 5px;
        font-size: 14px
    }
    .logo-home,
    .logo-page {
        padding-bottom: 2px
    }
    .home #wrap {
        height: inherit
    }
    div#div_photo_info {
        width: 100%;
        text-align: left
    }
}
.page #account>#phone_verify>.phone_div>.col-md-2>.form-group>label.verify_phone_code {
    left: 0;
    margin-top: 8px
}
@media (max-width: 480px) {
    .footer-right a.social {
        width: 30px;
        height: 30px;
        margin: 0 2px
    }
    .footer-right a.social svg {
        position: relative;
        bottom: -16px;
        width: 30px;
        height: 30px
    }
    .list li {
        padding: 0 3px;
        font-size: 14px
    }
    .logo-home,
    .logo-home #Layer_1,
    .logo-page,
    .logo-page #Layer_1 {
        width: 100px!important
    }
    #person {
        width: 28px;
        margin-right: 10px
    }
    span.text {
        padding: 0 3px;
        font-size: 11px
    }
    #livechat-full {
        width: 100%!important;
        right: inherit!important
    }
}
@media (max-width: 768px) {
    span.smile {
        margin-left: 0!important
    }
    span.near-smile {
        margin-left: 20px
    }
    .tab-content {
        height: auto!important
    }
    #person {
        margin-right: 7px
    }
    .signature {
        position: relative
    }
    .sign {
        font-size: 11pt
    }
}
@media(max-width:320px) {
    span.text {
        padding: 0;
        font-size: 11px
    }
    .list li {
        padding: 0 3px;
        font-size: 14px
    }
}
.navbar-brand {
    font-size: 16px;
    color: #fff;
    display: none
}

span.btn-green,
a#resend_code {
    background: #20a6fc!important;
    border-color: #20a6fc!important;
    color: #fff!important;
    text-decoration: none!important
}
#phone_error,
#verify_error {
    display: block!important
}
@media (min-width: 991px) {
    .page #changemail label.error,
    .page #newpassword label.error {
        margin-top: -28px!important
    }
    .page #changemail .sweet-alert,
    .page #newpassword .sweet-alert {
        margin-top: 3px!important
    }
}
@media (max-width: 360px) {
    .checkbox input[type=checkbox],
    .checkbox-inline input[type=checkbox],
    .radio input[type=radio],
    .radio-inline input[type=radio] {
        margin-top: 5px!important
    }
}
span.smile {
    margin-left: -20px;
    padding-right: 4px
}
span.near-smile {
    display: block;
    margin-top: -25px
}
.pf-skrill {
    color: #4f2556
}
.pf-paypal {
    color: #003087
}
@media only screen and (min-width: 1023px) and (max-width: 1025px) {
    .footer-right {
        width: 100%!important
    }
}
@media only screen and (min-width: 767px) and (max-width: 769px) {
    .footer-menu {
        text-align: center
    }
    .footer-menu li {
        float: none!important;
        display: inline-block!important
    }
    .nav>li>a {
        padding: 0 28px!important
    }
    footer .container {
        width: auto!important
    }
}
.mess-success {
    font-size: 16px;
    color: #20a6fc
}
.mess-error {
    font-size: 16px;
    color: #FB5959
}
#livechat-compact-container,
tr#footer {
    display: none
}
.page .phone-position-message .sweet-alert {
    margin-top: 4px
}
@media (min-width: 991px) {
    .page #bank_settings label.error,
    .page #bank_settings span.error {
        margin-top: -32px
    }
}
.page #bank_settings label.error .sweet-alert,
.page #bank_settings span.error .sweet-alert {
    margin-top: 4px
}
@import url(https://fonts.googleapis.com/css?family=Arvo);
@media (min-width: 991px) {
    .heading-page {
        margin-top: 0
    }
    .float-right-desktop {
        float: right
    }
    .margin-bottom-z-icon {
        margin-bottom: -10px!important
    }
    .padding-lg {
        padding: 10px 0
    }
    .none-display {
        display: none!important
    }
}
@media (max-width: 991px) {
    #justified-menu li .info-text {
        left: -85px
    }
}
.heading-page {
    margin-bottom: 20px
}
.margin-bottom-z-icon {
    margin-bottom: -15px
}
.padding-top {
    margin-top: 25px
}
.clear-class {
    padding: 0;
    border: 0;
    background: 0 0
}
.gray-color {
    color: #3f3f3f!important
}
.light-gray {
    color: #aaa!important
}
.new-form .form-group {
    margin-bottom: 15px
}
.two-addon .input-group-addon:first-child {
    width: 120px
}
.none-float {
    float: none;
    display: inline-block;
    margin-right: -2px;
    margin-left: -2px;
}
.line-top-bottom {
    border-bottom: 1px solid #3f3f3f;
    border-top: 1px solid #3f3f3f;
    padding: 5px 0
}
.btn-position .fa {
    color: #fff;
    margin: 0 0 0 10px;
    font-size: 26px;
    top: 4px;
    height: 0;
    line-height: 0
}
.btn-position:hover .fa {
    color: #47AF7C
}
.padding-top-25 {
    padding-top: 25px
}
.dropdown {
    display: inline-block
}
.dropdown-content,
.img-inner,
.info-text,
.zilra-icon {
    position: absolute
}
.dropdown-content {
    display: none;
    z-index: 1;
    line-height: 0;
    margin-top: -18px
}
.dropdown:hover .dropdown-content,
.none-display,
span.icon-bar {
    display: block
}
.dropdown-content a {
    margin-bottom: 5px
}
.black-drop .modal-backdrop {
    background: rgba(0, 0, 0, .4)!important
}
.black-drop .modal-content {
    border-radius: 4px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .3);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .3);
    border: 0;
    line-height: 22px
}
.black-drop .modal-content .modal-body {
    padding: 20px;
    padding-bottom: 0px;
    margin-bottom: -5px;
}
.black-drop .modal-content .modal-header {
    background: #20a6fc;
    text-align: center;
    color: #fff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}
.black-drop .modal-dialog button.close {
    font-size: 24px;
    color: #fff;
    padding-top: 12px
}
span.icon-bar {
    background: #fff;
    height: 1px;
    width: 15px
}
.close span.icon-bar.top-bar {
    transform: rotate(45deg);
    margin-bottom: -1px;
    transform-origin: center
}
.close span.icon-bar.bottom-bar {
    transform: rotate(-45deg);
    transform-origin: center
}
.legal-font {
    font-size: 80pt;
    color: #20a6fc;
    padding: 100px 0
}
.error-on-top label.error,
.error-on-top span.error {
    left: 7px;
    top: 7px
}
.error-on-top-margin-left label.error,
.error-on-top-margin-left span.error {
    left: 5px;
    top: 4px
}
input.lg-font {
    font-size: 80px;
    color: #20a6fc;
    border: 0;
    border-bottom: 1px solid #20a6fc;
    -webkit-box-shadow: inset 0 0 0 transparent;
    box-shadow: inset 0 0 0 transparent;
    padding: 0 20%
}
.zilra-icon {
    bottom: 20px;
    left: 8%
}
.padding-lg {
    padding: 15% 0
}
.in-other-page .inline-block {
    padding-left: 110px
}
.img-inner {
    top: -100px;
    right: -30px
}
.info-text {
    display: none;
    right: -50%;
    width: 220px;
    height: 65px
}
.inline-block:hover .info-text,
.first-load .info-text {
    display: block
}
.inline-block.disabled:hover .info-text {
    display: none
}
.inline-block .info-text .arrow {
    transform: rotate(90deg)
}
.inline-block .info-text .arrow:before {
    content: url(../img/images/next.svg);
    width: 35px;
    height: 40px
}
.inline-block .info-text .text-body {
    background: url(../img/images/bg-body-text.svg) center no-repeat;
    width: 240px;
    height: 75px;
    font-size: 12px;
    line-height: 17px;
    padding: 10px;
    font-family: 'Avenir Book';
    color: #fff;
    text-align: left;
    background-size: 100% !important;
}
#justified-menu li:hover a span {
    background: url(../img/images/round-active.svg) center no-repeat #fff
}
.active .info-text .text-body {
    background: url(../img/images/bg-body-text-active.svg) center no-repeat;
    color: #000
}
#justified-menu a {
    position: relative;
    display: block;
    z-index: 1
}
#justified-menu li:nth-child(2) .info-text {
    left: -85px
}
.padding-bottom {
    padding-bottom: 50px
}
.in-no-header-page .inline-block {
    padding-left: 205px
}
.in-no-header-page .info-text {
    right: -31%
}
.error {
    color: #fb5959
}
p.error {
    line-height: 36px
}
.padding-left {
    padding-left: 10px
}
.clear-class:read-only {
    background-color: #fff;
    font-size: 13pt
}
.form-group.fullwidth {
    margin-bottom: 0
}
.form-group.fullwidth .form-control {
    margin-bottom: 10px
}
.while-color {
    color: #fff
}
@media (max-width: 768px) {
    .none-float {
        float: left;
    }
    #person {
        margin-bottom: -14px !important;
    }
    .while-color {
        display: none!important
    }
    .form-inline label {
        display: block
    }
    .text-align-fee {
        text-align: center!important
    }
    .text-align-fee span {
        padding-top: 30px
    }
}
@media (min-width: 1200px) {
    .page .container {
        width: 96%!important
    }
    .col-lg-15 {
        width: 20%;
        float: left
    }
}
.form-control {
    font-family: 'Avenir Book'
}
.page .toperror .lb_wrap label.error,
.page .toperror .lb_wrap span.error {
    left: 0;
    top: -20px;
    background: #fff
}
.page .toperror label.error .sweet-alert,
.page .toperror span.error .sweet-alert {
    margin-top: -1px;
    margin-left: -5px
}
.page .toperror .form-group.row label.error,
.page .toperror .form-group.row span.error,
.page .toperrorleft label.error,
.page .toperrorleft span.error {
    left: 7px;
    top: -20px
}
.page .toperrorleft label.error {
    left: 0px !important;
    font-size: 14px !important;
}
.page .toperrorleft label.error .sweet-alert,
.page .toperrorleft span.error .sweet-alert {
    margin-top: -1px;
    margin-left: 0
}
.col-lg-15,
.col-md-15,
.col-sm-15,
.col-xs-15,
.col-md-80,
.col-sm-80,
.col-lg-80,
.col-xs-80,
.col-lg-100,
.col-md-100,
.col-sm-100,
.col-xs-100 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}
.col-xs-15 {
    width: 20%;
    float: left
}
.col-lg-100,
.col-md-100,
.col-sm-100,
.col-xs-100{
	width:100%;
    float: left
}
@media (min-width: 480px)
{
	.col-xs-100
	{
		width: 10%;
	}
}
@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left
    }
    .col-sm-80 {
        width: 80%;
        float: left;
    }
	.col-sm-100
	{
		width: 10%;
	}
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left
    }
    .col-md-80 {
        width: 80%;
        float: left;
    }
	.col-md-100{
		width: 10%;
	}
}

.amount-fix {
    color: inherit!important;
    font-size: 14px!important
}
.footer {
    padding-bottom: 20px
}
input[type=checkbox] {
    position: relative;
    top: 2px;
    width: 12px;
    height: 12px;
}
input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus{
	outline:none;
}
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
#cssmenu {
    width: 100%;
    color: #20a6fc
}
#cssmenu ul ul {
    display: none
}
#cssmenu>ul>li.active>ul {
    display: block
}
.align-right {
    float: right
}
#cssmenu>ul>li>a {
    padding: 10px;
    cursor: pointer;
    z-index: 2;
    font-size: 14px;
    text-decoration: none;
    color: #20a6fc;
    -webkit-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease
}
#cssmenu>ul>li>a:hover {
    color: #20a6fc !important;
    text-decoration: underline
}
#cssmenu ul ul li a:before {
    content: "_ ";
    position: relative;
    top: -6px
}
#cssmenu ul>li.has-sub>a:after,
#cssmenu ul>li.has-sub>a:before {
    position: absolute;
    content: "";
    background: #20a6fc;
    display: block
}
#cssmenu ul>li.has-sub>a:after {
    right: 22px;
    top: 13px;
    z-index: 5;
    height: 10px;
    width: 2px;
    -webkit-transition: all .1s ease-out;
    -moz-transition: all .1s ease-out;
    -ms-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    transition: all .1s ease-out
}
#cssmenu ul>li.has-sub>a:before {
    right: 18px;
    top: 17px;
    width: 10px;
    height: 2px;
    -webkit-transition: all .1s ease-out;
    -moz-transition: all .1s ease-out;
    -ms-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    transition: all .1s ease-out
}
#cssmenu ul>li.has-sub.open>a:after {
    background: 0 0
}
#cssmenu ul ul li a {
    padding: 10px 10px 10px 20px;
    cursor: pointer;
    z-index: 2;
    font-size: 12px;
    text-decoration: none;
    color: #20a6fc;
    -webkit-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease
}
#cssmenu ul ul li a:hover {
    background: #20a6fc;
    color: #fff !important;
}
#cssmenu ul ul ul li a {
    padding-left: 32px
}
#cssmenu ul ul>li.has-sub>a:after {
    top: 16px;
    right: 26px
}
#cssmenu ul ul>li.has-sub>a:before {
    top: 20px
}
#cssmenu>ul>li:last-child {
    padding-bottom: 25px
}
label.error.outbox {
    top: inherit;
    left: inherit;
    margin-top: -55px
}
span.success {
    color: #20a6fc
}
.spacestrong strong {
    margin-bottom: 8px;
    display: block
}
.two-addon label.error {
    /*left:120px!important*/
}
.amout-group label.error {
    /*left:58px!important*/
}
.border-black,
.border-black>tbody>tr>td {
    border-color: #7f7f7f
}
.border-white,
.border-white>tbody>tr>td {
    border-color: #ffffff
}
.border-white tr td:first-child {
    padding-left: 0px;
}
.border-white tr td:first-child .input.text,
.border-white tr td:first-child .input.textarea {
    margin-left: -1px;
    position: relative;
}
.box-border {
    height: 87%;
    position: absolute;
    top: 8px;
    border: 1px solid #7f7f7f;
    width: 142px;
    line-height: 120px;
}
.dd-option label,
.dd-selected label {
    font-weight: 400;
    color: #555;
    font-size: 14px;
    line-height: .42857143;
    font-family: 'Avenir Book';
    cursor: pointer
}
.dd-option:hover label {
    background: #fff;
    color: #47AF7C
}
@media (min-width: 768px) {
    input.text-search-box:focus {
        width: 258%;
        position: absolute;
        right: 0;
        -webkit-transition: all 150ms ease-in-out;
        -moz-transition: all 150ms ease-in-out;
        -ms-transition: all 150ms ease-in-out;
        transition: all 150ms ease-in-out;
        z-index: 1
    }
}
/*.datepicker-orient-left {
    margin-left: -1px
}*/
.menu-filter {
    background: #49b07b;
    color: #fff;
    line-height: 50px;
    padding: 0 15px;
    cursor: pointer;
    margin-bottom: 25px;
    position: relative
}
.menu-filter:after {
    background: url(../img/images/arrows-while.svg);
    width: 21px;
    height: 21px;
    position: absolute;
    top: 15px;
    right: 15px;
    background-size: 22px
}
.list-items {
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.10);
    -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.10);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.10);
    padding: 5px 10px;
    margin: 20px 0;
    line-height: 1.7;
	border: 1px solid rgba(153, 153, 153, 0.16);
	border-radius: 3px;
	font-size:14px;
}
.input.text {
    position: relative
}
.btn-search {
    padding: 5.5px 12px
}
.text-align-fee {
    text-align: right
}
.zilra-text {
    font-family: 'Zilra';
    font-weight: 300
}
.font-size-24px {
    font-size: 24px;
    padding-right: 7px;
}
.sugget {
    cursor: pointer;
    text-decoration: none!important
}
/*.input.select {
    max-height: 40px;
}*/
#person {
    background: url('../img/images/person.svg');
    background-size: cover;
    width: 27px;
    height: 31px;
    display: inline-block;
    margin-bottom: -10px;
}
@media(min-width: 991px) {
   /* .input.select {
        max-height: 33px;
    }*/
}
.btn {
    outline: none;
}
.chosen-container-single {
    width: 100% !important;
}
.last-child {
    white-space: nowrap;
    vertical-align: middle;
}
.input-group.two-addon {
    width: 100%;
}
.amount_decimal {
    outline: none !important;
}
svg.img-inner {
    height: 80px;
    width: 84px;
    right: -15px;
    top: -85px;
}
svg.svgbox {
    top: -70px;
    position: absolute;
    height: 60px;
}
.displayinline {
    text-align: center;
}
.displayinline div[class*="col-"] {
    display: inline-block;
    float: none;
}
.modal-footer {
    border-top: 0px;
}
h4 strong {
    font-family: 'Tahoma';
    font-weight: 700;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control,
.form-control[disabled]:focus,
.form-control[readonly]:focus,
fieldset[disabled] .form-control:focus {
    border-color: rgba(74, 74, 74, 0.5) !important;
}
.popup.clearfix.infobox.add-after:after {
    background: url(../img/images/bg-popup-info.svg) no-repeat bottom;
    height: 15px;
    width: 375px;
    background-size: cover;
    position: absolute;
    left: 0px;
}
.border-box {
    height: 118px;
    width: 218px;
    background: linear-gradient(90deg, #39b283 50%, transparent 50%), linear-gradient(90deg, #39b283 50%, transparent 50%), linear-gradient(0deg, #39b283 50%, transparent 50%), linear-gradient(0deg, #39b283 50%, transparent 50%);
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-size: 15px 2px, 15px 2px, 2px 15px, 2px 15px;
    background-position: 0px 0px, 204px 105px, 0px 105px, 204px 0px;
    padding: 5px;
    animation: border-dance 5s infinite linear;
    font-size: 11.5pt;
    text-align: center;
    line-height: 21px;
    position: relative;
    font-family: 'Avenir';
	font-weight:900;
}
.border-box:hover {
    cursor: pointer;
}
.border-box input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 217px;
    min-height: 100%;
    width: 217px;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: 0;
    background: #fff;
    cursor: inherit;
    display: block;
}
@keyframes border-dance {
    0% {
        background-position: 0px 0px, 300px 116px, 0px 150px, 216px 0px;
    }
    100% {
        background-position: 300px 0px, 0px 116px, 0px 0px, 216px 150px;
    }
}
.step-item {
    text-align: left;
    display: none;
    padding-top: 15px;
}
.step-item:after {
    display: table;
    content: '';
    clear: both;
}
div.active, span.active, p.active {
    display: block;
}
#paybycheckonline .modal-body {
    transition: height 500ms ease;
    padding: 20px 40px !important
}
#paybycheckonline .form-control,
#paybycheckonline .btn {
    padding: 9px 12px;
}
#paybycheckonline .form-control {
    height: 39px;
    font-size: 16px;
}
#paybycheckonline .form-control.phone {
    padding-left: 30px;
}
#paybycheckonline {
    transition: top 500ms ease;
}
#paybycheckonline span.country-code {
    line-height: 39px;
}
#step4 p {
    font-size: 12pt;
    line-height: 18pt;
}
@media (min-width: 768px) {
    #paybycheckonline .modal-dialog {
        width: 680px;
    }
}
.btn-reset {
    color: #fff !important;
    border-color: #c0392b;
    text-decoration: none !important;
    background: #c0392b;
}
.btn-reset:hover {
    color: #c0392b !important;
    border-color: #c0392b;
    background: #ffffff;
}
.chequediv {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -1;
    width: 100%;
    background: #fff;
    padding-top: 30px;
    padding-bottom: 35px;
}
.chequediv img {
    width: 100%;
    max-width: 94%;
    transition: opacity 500ms ease;
    opacity: 0;
}
.hover {
    z-index: 2;
    opacity: 1;
}
.hover img {
    opacity: 1;
}
.opacity {
    transition: opacity 500ms ease;
    opacity: 0;
}
li.inline-block.active.first-load {
    display: inline-block !important;
}
.dropdown label.error {
    margin-top: -26px;
    left: 0px;
}

span#contract_upload {
    width: 100%;
    background-size: 180px !important;
    height: 140px;
    background-image: url(../img/images/upload-cloud-disable.svg) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
li.inline-block.active {
    display: inline-block;
}
@media (max-width: 520px) {
    #paybycheckonline .modal-body {
        padding: 20px !important;
    }
}
.no-margin-bottom {
    margin-bottom: 0px;
    margin-top: 15px;
}
.tooltip-content {
    position: absolute !important;
    line-height: 1.2;
    pointer-events: none;
    text-align: left;
    z-index: 100;
    opacity: 0;
    padding: 1em;
    font-size: 14px;
    top: -105px;
    font-family: 'Avenir Book';
}
.tooltip-effect .tooltip-content {
    width: 220px;
    left: 50%;
    margin: 0px 0 30px -113px;
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
}
.tooltip-effect:hover .tooltip-content {
    opacity: 1;
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
/* Shape */

.tooltip-shape {
    position: absolute !important;
    width: 200px;
    height: 125px;
    pointer-events: none;
}
.tooltip-effect .tooltip-shape {
    bottom: 20px;
    left: 50%;
    margin: 0 0 0 -105px;
}
.tooltip:hover .tooltip-shape {
    pointer-events: auto;
}
.tooltip-shape svg {
    stroke: #333333;
    stroke-width: 2;
}
.tooltip-effect .tooltip-shape svg polygon {
    fill: transparent;
    stroke-dasharray: 580;
    stroke-dashoffset: 580;
}
.tooltip-effect:hover .tooltip-shape svg polygon {
    stroke-dashoffset: 0;
    fill: #fff;
    -webkit-transition: stroke-dashoffset 0.8s, fill 0.8s;
    transition: stroke-dashoffset 0.8s, fill 0.8s;
}
.tooltip-effect .tooltip-shape svg path {
    fill: transparent;
    stroke-dasharray: 580;
    stroke-dashoffset: 580;
}
.tooltip-effect:hover .tooltip-shape svg path {
    stroke-dashoffset: 0;
    fill: #fff;
    -webkit-transition: stroke-dashoffset 0.8s, fill 0.8s;
    transition: stroke-dashoffset 0.8s, fill 0.8s;
}
@media (max-width: 414px) {
    .page-heading h2 span:nth-child(2) .tooltip-content {
        margin-left: -53px;
    }
    .page-heading h2 span:nth-child(2) .tooltip-shape {
        margin-left: -47px;
    }
}
@media (min-width: 415px) and (max-width: 667px) {
    .page-heading h2 span:nth-child(2) .tooltip-content {
        margin-left: -141px;
    }
    .page-heading h2 span:nth-child(2) .tooltip-shape {
        margin-left: -134px;
    }
}
.customers-box {
    position: relative;
    /*min-height: 700px;*/
}
.item-box {
    width: 380px;
    position: absolute;
}
.content-box {
    background-image: url(../img/content-box.svg);
    width: 378px;
    height: 190px;
    position: relative;
    background-repeat: no-repeat !important;
}
.content-box p {
    font-size: 14px;
    padding: 20px;
}
.content-box:after {
    content: url(../img/arrow-tes.svg);
    position: absolute;
    bottom: -10px;
}
/*.customers-box .profileimg{width:100%;}*/

.customers-box .profileimg svg {
    width: auto;
    height: 40px;
}
.right-align>span {
    float: right;
}
.right-align span.profileimg {
    text-align: right;
    padding-left: 10px;
}
.right-align span.meta-tag {
    text-align: right;
}
.left-align>span {
    float: left;
}
.left-align span.profileimg {
    text-align: left;
    padding-right: 10px;
}
.left-align span.meta-tag {
    text-align: left;
}
.meta-tag span {
    display: block;
}
.meta-tag .name {
    font-size: 14px;
    font-family: 'Avenir';
	font-weight:900;
}
.meta-tag .pos {
    font-size: 14px;
    width: 100%;
}
.item1 {
    top: 50px;
}
.item1 .content-box {
    background-image: url(../img/content-box-item1.svg);
    width: 378px;
    height: 109px;
    position: relative;
}
.item1 .content-box:after {
    left: 67%;
    bottom: -15px;
}
.item1 .info-box {
    padding-top: 15px;
    margin: 0px -23px;
}
.item2 {
    right: 130px;
}
.item2 .content-box {
    background-image: url(../img/content-box-item2.svg);
    width: 378px;
    height: 168px;
    position: relative;
}
.item2 .content-box:after {
    right: 110px;
}
.item2 .info-box {
    padding-left: 30px;
    padding-top: 5px
}
.item3 {
    right: 40%;
    top: 240px
}
.item5 .content-box:after {
    left: 165px;
    bottom: -11px;
}
.item5 .info-box {
    padding-top: 10px;
}
.item4 {
    top: 450px;
    left: 100px;
}
.item4 .content-box:after {
    right: 42%;
    bottom: -11px;
}
.item4 .info-box {
    padding-top: 5px;
    margin: 0px -23px;
}
.item5 {
    right: 0px;
    top: 300px
}
.item3 .content-box:after {
    left: 162px;
    bottom: -11px;
}
.item3 .info-box {
    padding-right: 40%;
    padding-top: 10px;
}
.item4 .content-box,
.item5 .content-box,
.item3 .content-box {
    background-image: url(../img/content-box-item4.svg);
    width: 378px;
    height: 130px;
    position: relative;
}
@media (min-height: 991px) and (max-height: 1208px) {
    .customers-box {
        min-height: 900px !important;
    }
    .item5 {
        top: 500px
    }
}
@media (max-width: 991px) {
    .customers-box .profileimg {
        display: block;
        text-align: letf;
        max-width: 100%;
        width: auto;
    }
    .customers-box .profileimg svg {
        width: 200px;
        height: auto;
    }
    .navbar-fixed-bottom #cssmenu ul li ul li a svg path {
        fill: #fff;
    }
    .navbar-fixed-bottom #cssmenu ul li ul li:hover a svg path {
        fill: #47AF7C;
    }
}