*,::before,:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0
}

:active,:focus,:hover {
    outline: 0;
    outline-offset: 0
}

body,html {
    width: 100%;
    height: 100%;
    background: #fff;
    font-weight: 400;
    font-size: 16px;
    font-family: 'PT Sans',sans-serif;
    color: #000;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    line-height: 28px;
    min-width: 1240px;
    font-weight: 300
}

body,li,ol,ul {
    margin: 0;
    padding: 0
}

fieldset,img {
    border: 0
}

ol,ul {
    list-style: none
}

.sbmt,h1,h2,h3,h4,h5,h6 {
    font-weight: 300
}

h1 {
    font-family: 'PT Sans',sans-serif;
    font-size: 32px;
    font-weight: 400;
    background: #2874be;
    background: -moz-linear-gradient(left,#2874be 0,#209edb 100%);
    background: -webkit-linear-gradient(left,#2874be 0,#209edb 100%);
    background: linear-gradient(to right,#2874be 0,#209edb 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    height: 32px
}

h3 {
    font-family: 'PT Sans',sans-serif;
    font-size: 32px;
    font-weight: 400;
    background: #2874be;
    background: -moz-linear-gradient(left,#2874be 0,#209edb 100%);
    background: -webkit-linear-gradient(left,#2874be 0,#209edb 100%);
    background: linear-gradient(to right,#2874be 0,#209edb 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    height: 32px
}

.line {
    border-bottom: 2px solid #ccd4d9;
    width: 200px;
    margin-bottom: 25px;
    margin-top: 15px
}

h2 {
    font-family: 'PT Sans',sans-serif;
    font-size: 22px;
    color: #38342e
}

h4 {
    font-family: 'PT Sans',sans-serif;
    font-size: 50px;
    color: #000
}

h5 {
    font-family: 'PT Sans',sans-serif;
    font-size: 50px;
    color: #000
}

td {
    font-size: 16px;
    line-height: 24px
}

input {
    outline: 0
}

select {
    outline: 0
}

::-webkit-input-placeholder {
    color: #5a5a5a
}

::-moz-placeholder {
    color: #5a5a5a
}

:-ms-input-placeholder {
    color: #5a5a5a
}

:-moz-placeholder {
    color: #5a5a5a
}

a {
    text-decoration: none;
    color: #000
}

a:hover {
    color: #7fa14a;
    text-decoration: none;
    cursor: pointer
}

.wrap {
    width: 1170px;
    margin: 0 auto;
    display: block
}

.wrap-small {
    width: 960px;
    margin: 0 auto;
    display: block
}

.clear {
    clear: both;
    display: block
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.float-left {
    float: left!important
}

.float-right {
    float: right!important
}

.mt5 {
    margin-top: 5px!important
}

.mt20 {
    margin-top: 20px!important
}

.mt40 {
    margin-top: 40px!important
}

.mt70 {
    margin-top: 70px!important
}

.mt90 {
    margin-top: 90px!important
}

.mt100 {
    margin-top: 100px!important
}

.mt130 {
    margin-top: 130px!important
}

.mt160 {
    margin-top: 160px!important
}

.mb10 {
    margin-bottom: 10px!important
}

.mb30 {
    margin-bottom: 30px!important
}

.mb50 {
    margin-bottom: 50px!important
}

.mb60 {
    margin-bottom: 60px!important
}

.ml30 {
    margin-left: 30px!important
}

.topcontact {
    height: 68px;
    width: 800px;
    float: left;
    line-height: 68px;
    position: relative;
    z-index: 9999
}

.topcontact img {
    margin: 0 10px -4px 60px
}

.topcontact a {
    color: #fff
}

.topcontact a:hover {
    color: #22c22f
}

.clockbox {
    width: 260px;
    float: right;
    line-height: 68px;
    font-size: 17px
}

.clockbox img {
    margin: 0 15px -10px 5px
}

.nav {
    width: 100%;
    display: block;
    margin-top: 15px
}

ul.menu {
    width: 100%;
    height: 45px;
    position: relative;
    display: table;
    margin-top: 0;
    padding: 0
}

ul.menu li {
    display: table-cell;
    position: relative;
    background: url(../img/icon/dot.png) no-repeat;
    background-position: right;
    padding: 0 15px 4px 15px
}

ul.menu li:first-child {
    padding: 0 15px 4px 0
}

ul.menu li:last-child {
    background: 0 0;
    padding: 0 0 4px 15px
}

ul.menu li a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 45px;
    color: #000;
    font-size: 17px;
    text-decoration: none;
    font-family: 'PT Sans',sans-serif
}

ul.menu li a:hover {
    color: #22507b;
    cursor: pointer
}

ul.menuacc li {
    text-align: center;
    text-decoration: none;
    border: 0;
    outline: 0;
    padding: 5px 41px;
    display: inline-block;
    transform: skew(-16deg);
    border-radius: 30px;
    box-shadow: 0 0 0 2px #e0f2fc,0 0 0 4px #fff;
    font-size: 17px;
    color: #000;
    background: #fff
}

ul.menuacc li:hover {
    color: #fff;
    box-shadow: 0 0 0 2px #e0f2fc,0 0 0 4px #bcda33;
    background: #bcda33
}

.active {
    color: #fff!important;
    box-shadow: 0 0 0 2px #e0f2fc,0 0 0 4px #bcda33!important;
    background: #bcda33!important
}

ul.menuacc li span {
    display: inline-block;
    transform: skew(16deg)
}

ul.menuacc {
    width: 100%;
    height: 45px;
    position: relative;
    display: table;
    margin-top: 0;
    padding: 0
}

ul.menuacc li {
    position: relative;
    margin: 0 5px
}

ul.menuacc li a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 45px;
    color: #000;
    font-size: 17px;
    text-decoration: none;
    font-family: 'PT Sans',sans-serif
}

ul.menuacc li a:hover {
    color: #000;
    cursor: pointer
}

nav.shift ul li a {
    position: relative;
    z-index: 1
}

nav.shift ul li a:hover {
    color: #10597f
}

nav.shift ul li a:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 1px;
    content: '.';
    color: transparent;
    background: #22c22f;
    visibility: none;
    opacity: 0;
    z-index: -1;
    border-radius: 20px
}

nav.shift ul li a:hover:after {
    opacity: 1;
    visibility: visible;
    height: 100%
}

nav ul {
    list-style: none;
    text-align: center
}

nav ul li {
    display: inline-block
}

nav ul li a,nav ul li a:after,nav ul li a:before {
    transition: all .5s
}

nav ul li a:hover {
    color: #555
}

@-webkit-keyframes fill {
    0% {
        width: 0%;
        height: 1px
    }

    50% {
        width: 100%;
        height: 1px
    }

    100% {
        width: 100%;
        height: 100%;
        background: #2ecc71
    }
}

@-webkit-keyframes circle {
    0% {
        width: 1px;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        height: 1px;
        z-index: -1;
        background: #eee;
        border-radius: 100%
    }

    100% {
        background: #aaa;
        height: 5000%;
        width: 5000%;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        border-radius: 0
    }
}

.header-lower {
    background: url(../img/bg/header.png) center no-repeat;
    height: 847px
}

.header-acc-lower {
    background: url(../img/bg/header-acc-lower.png) center no-repeat;
    height: 614px;
    margin-bottom: 50px
}

.header-numbers {
    background: url(../img/bg/numbers.png) center no-repeat;
    height: 847px
}

.header {
    background: url(../img/header.png) center no-repeat;
    height: 847px
}

.header-acc {
    background: url(../img/bg/header-acc.png) center no-repeat;
    height: 614px
}

.headleft {
    width: 430px;
    float: left;
    padding-top: 125px;
    position: relative;
    z-index: 9999
}

.logo {
    margin-bottom: 60px
}

.bh-login {
    background: url(../img/icon/login.png) 30px 0 no-repeat,url(../img/button/login.png) top left no-repeat;
    width: 302px;
    height: 66px;
    font-size: 20px;
    color: #fff;
    line-height: 66px;
    padding-left: 80px
}

.bh-login:hover {
    background: url(../img/icon/login.png) 30px -66px no-repeat,url(../img/button/login.png) bottom left no-repeat;
    color: #296bb7
}

.bh-register {
    background: url(../img/icon/register.png) 30px 0 no-repeat,url(../img/button/register.png) top left no-repeat;
    width: 325px;
    height: 66px;
    font-size: 20px;
    color: #fff;
    line-height: 66px;
    padding-left: 80px;
    margin-top: 15px
}

.bh-register:hover {
    background: url(../img/icon/register.png) 30px -66px no-repeat,url(../img/button/register.png) bottom left no-repeat;
    color: #296bb7
}

.headleft p {
    color: #fff;
    text-align: justify;
    padding-top: 40px
}

.headleft p a {
    float: right;
    color: #9cdaff;
    margin-top: 20px
}

.headleft p a img {
    margin-left: 10px
}

.headleft p a:hover {
    color: #22c22f
}

.statcircle {
    width: 530px;
    height: 500px;
    float: left;
    margin-top: 70px
}

.stat1 {
    background: url(../img/bg/stat1.png) top;
    width: 229px;
    height: 215px;
    color: #fff;
    text-align: center;
    padding: 110px 5px 0 40px;
    font-size: 18px;
    float: left;
    margin: 3px
}

.stat1 span {
    background: #238bcd;
    border-radius: 20px;
    width: 170px;
    height: 45px;
    display: block;
    text-align: center;
    line-height: 45px;
    font-size: 18px;
    margin-top: 10px
}

.stat1:hover {
    background: url(../img/bg/stat1.png) bottom;
    width: 229px;
    height: 215px;
    color: #2578c4
}

.stat1:hover span {
    color: #fff
}

.stat2 {
    background: url(../img/bg/stat2.png) top;
    width: 229px;
    height: 215px;
    color: #fff;
    text-align: center;
    padding: 110px 50px 0 15px;
    font-size: 18px;
    float: left;
    margin: 3px
}

.stat2 span {
    background: #238bcd;
    border-radius: 20px;
    width: 170px;
    height: 45px;
    display: block;
    text-align: center;
    line-height: 45px;
    font-size: 18px;
    margin-top: 10px
}

.stat2:hover {
    background: url(../img/bg/stat2.png) bottom;
    width: 229px;
    height: 215px;
    color: #2578c4
}

.stat2:hover span {
    color: #fff
}

.stat3 {
    background: url(../img/bg/stat3.png) top;
    width: 229px;
    height: 215px;
    color: #fff;
    text-align: center;
    padding: 25px 5px 0 40px;
    font-size: 18px;
    float: left;
    margin: 3px
}

.stat3 span {
    background: #238bcd;
    border-radius: 20px;
    width: 170px;
    height: 45px;
    display: block;
    text-align: center;
    line-height: 45px;
    font-size: 18px;
    margin-bottom: 10px
}

.stat3:hover {
    background: url(../img/bg/stat3.png) bottom;
    width: 229px;
    height: 215px;
    color: #2578c4
}

.stat3:hover span {
    color: #fff
}

.stat4 {
    background: url(../img/bg/stat4.png) top;
    width: 229px;
    height: 215px;
    color: #fff;
    text-align: center;
    padding: 25px 50px 0 15px;
    font-size: 18px;
    float: left;
    margin: 3px
}

.stat4 span {
    background: #238bcd;
    border-radius: 20px;
    width: 170px;
    height: 45px;
    display: block;
    text-align: center;
    line-height: 45px;
    font-size: 18px;
    margin-bottom: 10px
}

.stat4:hover {
    background: url(../img/bg/stat4.png) bottom;
    width: 229px;
    height: 215px;
    color: #2578c4
}

.stat4:hover span {
    color: #fff
}

.hometxt {
    width: 620px;
    float: right;
    text-align: justify
}

.hometxt2 {
    width: 548px;
    float: left;
    margin-top: 10px;
    text-align: justify
}

.video {
    background: url(../img/bg/video.png);
    width: 531px;
    height: 394px;
    float: right
}

.maindvideo {
    width: 531px;
    height: 394px;
    position: relative;
    z-index: 1
}

.videotxt {
    padding: 310px 0 0 130px;
    font-size: 18px;
    position: relative;
    z-index: 9999;
    margin-top: -610px
}

.videotxt span {
    display: block;
    font-size: 14px;
    margin-top: -8px
}

.videotxt img {
    float: left;
    margin: -4px 20px 0 0
}

.videotxt a:hover {
    color: #2f5f9d
}

.video-logo {
    z-index: 9999;
    position: relative;
    display: block;
    margin-left: -35px!important
}

.videotxt a {
    margin-top: 200px;
    display: block
}

.buttonbig {
    background: url(../img/button/big.html) top no-repeat;
    width: 548px;
    height: 83px;
    text-align: center;
    color: #000;
    font-size: 20px;
    line-height: 83px
}

.buttonbig:hover {
    background: url(../img/button/big.html) bottom no-repeat;
    color: #fff
}

.plans {
    background: url(../img/bg/plans.jpg) center no-repeat;
    max-height: 1690px;
    height: 1217px;
    margin: 0 auto;
    margin-top: 100px;
}

.planhead {
    color: #dfedf9;
    font-size: 30px;
    padding: 30px 40px
}

.input {
    background: url(../img/bg/input.png);
    width: 391px;
    height: 50px;
    border: 0;
    font-size: 18px;
    padding-left: 35px;
    font-family: 'PT Sans',sans-serif;
    padding-right: 100px
}

.input-calc {
    background: url(../img/icon/usd.png) 92% 50% no-repeat,url(../img/bg/input.png);
    width: 391px;
    height: 50px;
    border: 0;
    font-size: 18px;
    padding-left: 35px;
    font-family: 'PT Sans',sans-serif;
    padding-right: 100px
}

.plantxt {
    display: inline-block;
    transform: skew(-16deg);
    border-radius: 30px;
    color: #fff;
    background: #2172b9;
    width: 615px;
    height: 50px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    line-height: 50px
}

.plantxt span {
    display: inline-block;
    transform: skew(16deg);
    color: #91d7ff
}

.plantxt span b {
    color: #fff
}

.calcresdet {
    background: #2172b9;
    border-radius: 20px;
    width: 215px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    font-size: 24px;
    color: #fff;
    margin: 0 auto;
    margin-top: 15px;
    display: inline-block;
    transform: skew(-16deg);
    border-radius: 30px;
    color: #fff;
    background: #2172b9;
    text-align: center;
    color: #fff;
    font-size: 20px;
    line-height: 50px
}

.calcresdet span {
    display: inline-block;
    transform: skew(16deg)
}

.calcres {
    width: 1050px;
    margin: 0 auto;
    height: 375px
}

.calcres .input-calc {
    float: left
}

.calcres .plantxt {
    float: right
}

.calcplans {
    height: 443px;
    padding-top: 100px
}

.calcresbox {
    width: 260px;
    float: left;
    text-align: center;
    color: #fff;
    font-size: 20px;
    margin-top: 40px;
    height: 190px;
    padding-top: 100px
}

.calcresbox img {
    display: block;
    margin: 0 auto
}

.calcresbox:nth-child(4) {
    background: url(../img/icon/calc1.png) top center no-repeat
}

.calcresbox:nth-child(4):hover {
    background: url(../img/icon/calc1.png) bottom center no-repeat
}

.calcresbox:nth-child(5) {
    background: url(../img/icon/calc2.png) top center no-repeat
}

.calcresbox:nth-child(5):hover {
    background: url(../img/icon/calc2.png) bottom center no-repeat
}

.calcresbox:nth-child(6) {
    background: url(../img/icon/calc3.png) top center no-repeat
}

.calcresbox:nth-child(6):hover {
    background: url(../img/icon/calc3.png) bottom center no-repeat
}

.calcresbox:nth-child(7) {
    background: url(../img/icon/calc4.png) top center no-repeat
}

.calcresbox:nth-child(7):hover {
    background: url(../img/icon/calc4.png) bottom center no-repeat
}

.weaccept {
    height: 135px;
    color: #000;
    font-size: 24px;
    padding: 20px 0 0 65px
}

.weaccept span {
    margin-right: 30px
}

.weaccept img {
    margin: 0 -8px -15px 0
}

.refbg {
    background: url(../img/bg/ref.png) center no-repeat;
    max-width: 1355px;
    height: 624px;
    margin: 0 auto;
    margin-top: 80px
}

.adminbg {
    background: url(../img/bg/plans22.jpg) center no-repeat;
    max-width: 1355px;
    height: 624px;
    margin: 0 auto;
    margin-top: 80px
}

.adminbg .left {
    width: 500px;
    float: left;
    color: #fff;
    text-align: justify;
    margin-left: 300px;
    padding: 90px 0 0 20px;
    line-height: 24px
}

.refbg .left {
    width: 500px;
    float: left;
    color: #fff;
    text-align: justify;
    padding: 90px 0 0 20px;
    line-height: 24px
}

.refbg .left img {
    margin: 0 auto;
    display: block
}

.refbg .left span {
    display: block;
    font-size: 26px;
    text-align: center;
    margin: 30px 0
}

.refbg .left div {
    display: block;
    font-size: 100px;
    text-align: center;
    font-weight: 700;
    text-shadow: 3px 3px 2px rgba(0,0,0,.2);
    padding-top: 60px;
    font-family: 'Maven Pro',sans-serif;
    font-weight: 700
}

.refbg .right {
    width: 520px;
    float: right;
    color: #000;
    text-align: justify;
    padding: 70px 20px 0 0;
    line-height: 24px
}

.refbg .right img {
    margin: 0 auto;
    display: block
}

.refbg .right span {
    display: block;
    font-size: 26px;
    text-align: center;
    margin: 30px 0;
    background: #2874be;
    background: -moz-linear-gradient(left,#2874be 0,#209edb 100%);
    background: -webkit-linear-gradient(left,#2874be 0,#209edb 100%);
    background: linear-gradient(to right,#2874be 0,#209edb 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.refbg .right div {
    font-size: 100px;
    text-align: center;
    font-weight: 700;
    text-shadow: 3px 3px 2px rgba(0,0,0,.2);
    padding-top: 60px;
    font-family: 'Maven Pro',sans-serif;
    font-weight: 700;
    color: #2874be
}

.btn-green {
    text-align: center;
    text-decoration: none;
    border: 0;
    outline: 0;
    padding: 10px 35px;
    display: inline-block;
    transform: skew(-16deg);
    border-radius: 30px;
    box-shadow: 0 0 0 2px #fff,0 0 0 4px #ed3237;
    font-size: 17px;
    color: #000;
    background: #ED3237;
    /* background: -moz-linear-gradient(left,rgba(186,217,44,1) 0,rgba(173,211,7,1) 100%);
    background: -webkit-linear-gradient(left,rgba(186,217,44,1) 0,rgba(173,211,7,1) 100%);
    background: linear-gradient(to right,rgba(186,217,44,1) 0,rgba(173,211,7,1) 100%) */
}

.btn-green:hover {
    color: #fff;
    background: #289eda;
    background: -moz-linear-gradient(left,rgba(40,158,218,1) 0,rgba(31,120,195,1) 100%);
    background: -webkit-linear-gradient(left,rgba(40,158,218,1) 0,rgba(31,120,195,1) 100%);
    background: linear-gradient(to right,rgba(40,158,218,1) 0,rgba(31,120,195,1) 100%)
}

.btn-green span {
    display: inline-block;
    transform: skew(16deg)
}

.btn-logout {
    padding: 0 25px 0 40px!important;
    font-size: 16px!important;
    height: 32px!important;
    line-height: 32px!important;
    box-shadow: 0 0 0 2px #2164a8,0 0 0 4px #ed3237;
    margin-top: 35px
}

.btn-logout img {
    margin: 0 0 -4px 20px
}

.btn-blue {
    text-align: center;
    text-decoration: none;
    border: 0;
    outline: 0;
    padding: 10px 35px;
    display: inline-block;
    transform: skew(-16deg);
    border-radius: 30px;
    box-shadow: 0 0 0 2px #fff,0 0 0 4px #1585cd;
    font-size: 17px;
    color: #fff;
    background: #289eda;
    background: -moz-linear-gradient(left,rgba(40,158,218,1) 0,rgba(31,120,195,1) 100%);
    background: -webkit-linear-gradient(left,rgba(40,158,218,1) 0,rgba(31,120,195,1) 100%);
    background: linear-gradient(to right,rgba(40,158,218,1) 0,rgba(31,120,195,1) 100%)
}

.btn-blue:hover {
    color: #000;
    background: #ED3237;
    background: -moz-linear-gradient(left,rgba(186,217,44,1) 0,rgba(173,211,7,1) 100%);
    background: -webkit-linear-gradient(left,rgba(186,217,44,1) 0,rgba(173,211,7,1) 100%);
    background: linear-gradient(to right,rgba(186,217,44,1) 0,rgba(173,211,7,1) 100%)
}

.btn-blue span {
    display: inline-block;
    transform: skew(16deg);
    font-size: 17px!important;
    padding: 0!important;
    margin: 0!important;
    background: #fff!important;
    background: -moz-linear-gradient(left,#fff 0,#fff 100%)!important;
    background: -webkit-linear-gradient(left,#fff 0,#fff 100%)!important;
    background: linear-gradient(to right,#fff 0,#fff 100%)!important;
    -webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent!important
}

.btn-blue:hover span {
    background: #000!important;
    background: -moz-linear-gradient(left,#000 0,#000 100%)!important;
    background: -webkit-linear-gradient(left,#000 0,#000 100%)!important;
    background: linear-gradient(to right,#000 0,#000 100%)!important;
    -webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent!important
}

.btn-big {
    width: 100%!important;
    height: 80px!important;
    line-height: 80px!important;
    padding: 0!important;
    font-size: 20px!important
}

.certbg {
    background: url(../img/bg/certificate.png) center no-repeat;
    max-width: 1661px;
    height: 614px;
    margin: 0 auto;
    margin-top: 120px
}

.cert {
    width: 338px;
    height: 484px;
    -webkit-box-shadow: 0 0 17px 3px rgba(0,0,0,.13);
    -moz-box-shadow: 0 0 17px 3px rgba(0,0,0,.13);
    box-shadow: 0 0 17px 3px rgba(0,0,0,.13);
    border-radius: 50px;
    float: left;
    z-index: 9999;
    position: relative;
    margin: 80px 0 0 10px
}

.certcheck {
    padding-top: 57px;
    float: right;
    width: 770px
}

.certleft {
    width: 470px;
    float: right
}

.certleft img {
    float: left
}

.certright {
    width: 300px;
    float: right;
    color: #297fc5;
    font-size: 24px;
    padding-top: 35px
}

.certright div {
    color: #000;
    font-size: 20px;
    padding-top: 5px
}

.certworld {
    height: 270px;
    background: url(../img/bg/refblock.jpg) right #2795ce;
    width: 850px;
    float: right;
    margin-top: 30px;
    -webkit-border-top-right-radius: 50px;
    -webkit-border-bottom-right-radius: 50px;
    -moz-border-radius-topright: 50px;
    -moz-border-radius-bottomright: 50px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    position: relative
}

.certinfo {
    width: 400px;
    float: left;
    text-align: justify;
    color: #fff;
    padding: 30px 0 0 65px;
    line-height: 24px
}

.certinfo span {
    display: block;
    font-size: 20px;
    padding: 10px 0 15px 0
}

.certinfo-ssl {
    z-index: 9999!important;
    position: relative!important;
    margin-top: -270px!important
}

.certinfo-uk {
    z-index: 9999!important;
    position: relative!important;
    margin-top: -270px!important;
    margin-left: 400px!important
}

.certworldvideo {
    height: 270px;
    width: 850px
}

.statbg {
    background: url(../img/bg/stats.png) center no-repeat;
    max-width: 1674px;
    height: 743px;
    margin: 0 auto;
    padding-top: 70px
}

.left50 {
    width: 430px;
    float: left
}

.right50 {
    width: 430px;
    float: right
}

#clocktime {
    color: #004d86
}

.detstatrow {
    width: 430px;
    height: 41px;
    margin-bottom: 20px
}

.statTbl .table {
  padding: 30px;
  background-color: white; }
  .statTbl .table.in .sum {
    color: #3c9ef1; }
  .statTbl .table.in + .title {
    background-color: #3c9ef1; }
  .statTbl .table.out .sum {
    color: #44d29d; }
  .statTbl .table.out + .title {
    background-color: #44d29d; }
  .statTbl .table .tRow {
    height: 30px; }
    .statTbl .table .tRow .name {
      font-size: 15px;
      line-height: 1;
      color: #202b2f;
      font-weight: 600;
      letter-spacing: 0.025em; }
    .statTbl .table .tRow .date {
      width: 215px;
      font-size: 13px;
      line-height: 1;
      color: #202b2f;
      font-weight: normal;
      letter-spacing: 0.025em; }
    .statTbl .table .tRow .sum {
      width: 95px;
      font-size: 15px;
      line-height: 1;
      font-weight: bold;
      letter-spacing: 0.025em; }
.statTbl .title {
  text-align: center; }
  .statTbl .title span {
    font-size: 17px;
    line-height: 53px;
    color: white;
    font-weight: bold;
    letter-spacing: 0.025em;
    text-transform: uppercase; }
.statTbl .inner {
  -webkit-box-shadow: 0px 0px 27px rgba(0, 0, 0, 0.21);
  -moz-box-shadow: 0px 0px 27px rgba(0, 0, 0, 0.21);
  box-shadow: 0px 0px 27px rgba(0, 0, 0, 0.21);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
  overflow: hidden; }

  .table {
  display: table; }
  .table.full {
    width: 100%; }
  .table .tBody {
    display: table-row-group; }
  .table .tRow {
    display: table-row; }
  .table .tHead {
    display: table-row; }
  .table .tCell {
    display: table-cell !important; }
    .table .tCell.middle {
      vertical-align: middle; }
    .table .tCell.top {
      vertical-align: top; }
    .table .tCell.bottom {
      vertical-align: bottom; }
    .table .tCell.right {
      text-align: right; }
    .table .tCell.left {
      text-align: left; }
    .table .tCell.center {
      text-align: center; }

.statname {
    width: 210px;
    float: left;
    color: #000;
    font-size: 16px;
    line-height: 18px;
    margin-top: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.statsumm {
    background: #dfedf9;
    border-radius: 25px;
    width: 205px;
    float: right;
    display: inline-block;
    transform: skew(-16deg);
    padding-right: 25px
}

.statsumm:hover {
    background: #aed30a
}

.statsumm:hover span {
    color: #fff
}

.statsumm span {
    display: inline-block;
    transform: skew(16deg);
    color: #98a1a6;
    text-transform: uppercase;
    display: block;
    color: #000;
    font-size: 16px;
    line-height: 47px
}

.statsumm img {
    transform: skew(16deg);
    margin: 7px 0 0 10px
}

.statname span {
    color: #98a1a6;
    font-size: 12px;
    text-transform: uppercase;
    display: block
}

.footer {
    background: url(../img/bg/footer.png) center no-repeat;
    max-width: 2500px;
    height: 469px;
    margin: 0 auto;
    padding-top: 70px
}

.footer .left {
    width: 590px;
    float: left;
    padding: 110px 0 0 15px
}

.footer .right {
    width: 555px;
    float: right;
    text-align: justify;
    padding-top: 210px
}

.footermenu {
    height: 73px;
    line-height: 73px;
    background: #e9f4fd;
    padding-top: 15px
}

.address {
    background: url(../img/bg/addres.png) left;
    height: 44px;
    line-height: 44px;
    color: #fff;
    font-size: 18px;
    margin-top: 14px;
    margin-bottom: 20px
}

.footer .wrap .left a {
    display: block;
    color: #fff;
    line-height: 38px;
    max-width: 220px;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.footer .wrap .left a:hover {
    color: #b9d829;
    cursor: pointer
}

.footer .wrap .left a img {
    margin: 0 10px -9px 0
}

.plans-radio input[type=radio] {
    display: none!important
}

.plans-radio input[type=radio]+label {
    display: block;
    float: left;
    cursor: pointer;
    margin-left: 35px;
    background: url(../img/button/plan.png) bottom
}

.plans-radio input[type=radio]:first-child+label {
    margin-left: 0
}

.plans-radio input[type=radio]:checked+label {
    background: url(../img/button/plan.png) top
}

.plan-perc sup {
    font-size: 22px
}

.plan-standart {
    width: 236px;
    height: 191px;
    float: left;
    padding: 30px 0 0 15px
}

.plan-standart:hover {
    cursor: pointer!important
}

.plan-perc {
    text-align: left;
    color: #91d7ff;
    font-weight: 600;
    font-size: 46px;
    font-family: 'Maven Pro',sans-serif;
    padding-left: 30px
}

.plan-perc span {
    color: #fff;
    font-weight: 400;
    display: block;
    text-transform: uppercase;
    font-size: 18px;
    margin-top: 9px;
    font-family: 'PT Sans',sans-serif
}

.minmax {
    background: #dfedf9;
    border-radius: 15px;
    width: 190px;
    height: 57px;
    display: inline-block;
    transform: skew(-11deg);
    margin-top: 3px;
    padding: 6px 0 0 25px
}

.minmax span {
    transform: skew(11deg);
    display: block;
    color: #273d69;
    font-size: 14px;
    line-height: 22px
}

@keyframes numb1 {
    0 {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.numb1 {
    height: 847px;
    margin: 0 auto;
    z-index: 1;
    position: relative;
    background: url(../img/bg/numb1.png) center;
    animation: numb1 4s linear infinite;
    -moz-animation: numb1 4s linear infinite;
    -webkit-animation: numb1 4s linear infinite;
    -o-animation: numb1 4s linear infinite;
    margin-bottom: -847px
}

@keyframes numb2 {
    0 {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.numb2 {
    height: 847px;
    margin: 0 auto;
    z-index: 1;
    position: relative;
    background: url(../img/bg/numb2.png) center;
    animation: numb2 2s linear infinite;
    -moz-animation: numb2 2s linear infinite;
    -webkit-animation: numb2 2s linear infinite;
    -o-animation: numb2 2s linear infinite;
    margin-bottom: -847px
}

@keyframes animatednumbers {
    0 {
        background-position: 0 0
    }

    100% {
        background-position: 0 -847px
    }
}

.numbers {
    height: 485px;
    margin: 0 auto;
    z-index: 1;
    position: relative;
    background-image: url(../img/bg/numbers.png);
    animation: animatednumbers 20s linear infinite;
    -moz-animation: animatednumbers 20s linear infinite;
    -webkit-animation: animatednumbers 20s linear infinite;
    -o-animation: animatednumbers 20s linear infinite
}

.numbers-acc {
    height: 370px;
    margin: 0 auto;
    z-index: 1;
    position: relative;
    background-image: url(../img/bg/numbers.png);
    animation: animatednumbers 20s linear infinite;
    -moz-animation: animatednumbers 20s linear infinite;
    -webkit-animation: animatednumbers 20s linear infinite;
    -o-animation: animatednumbers 20s linear infinite
}

.graph {
    height: 835px;
    background: url(../img/bg/graph.png) repeat-x 0 100%;
    animation: graph 60s linear infinite;
    -webkit-animation: graph 60s linear infinite
}

@keyframes graph {
    from {
        background-position: -2253px 100%,0 0
    }

    to {
        background-position: 0 100%,0 0
    }
}

@-webkit-keyframes graph {
    from {
        background-position: -2253px 100%,0 0
    }

    to {
        background-position: 0 100%,0 0
    }
}

.graph2 {
    height: 835px;
    background: url(../img/bg/graph2.png) repeat-x 0 100%;
    animation: graph2 180s linear infinite;
    -webkit-animation: graph2 180s linear infinite
}

@keyframes graph2 {
    from {
        background-position: -2253px 100%,0 0
    }

    to {
        background-position: 0 100%,0 0
    }
}

@-webkit-keyframes graph2 {
    from {
        background-position: -2253px 100%,0 0
    }

    to {
        background-position: 0 100%,0 0
    }
}

.graph3 {
    height: 835px;
    background: url(../img/bg/graph3.png) repeat-x 0 100%;
    animation: graph3 120s linear infinite;
    -webkit-animation: graph3 120s linear infinite
}

@keyframes graph3 {
    from {
        background-position: -2253px 100%,0 0
    }

    to {
        background-position: 0 100%,0 0
    }
}

@-webkit-keyframes graph3 {
    from {
        background-position: -2253px 100%,0 0
    }

    to {
        background-position: 0 100%,0 0
    }
}

.graph4 {
    height: 835px;
    background: url(../img/bg/graph4.png) repeat-x 0 100%;
    animation: graph4 75s linear infinite;
    -webkit-animation: graph4 75s linear infinite
}

@keyframes graph4 {
    from {
        background-position: -2253px 100%,0 0
    }

    to {
        background-position: 0 100%,0 0
    }
}

@-webkit-keyframes graph4 {
    from {
        background-position: -2253px 100%,0 0
    }

    to {
        background-position: 0 100%,0 0
    }
}

.txtleft {
    width: 540px;
    float: left;
    text-align: justify
}

.txtright {
    width: 540px;
    float: right;
    text-align: justify
}

.abouticobox {
    background: url(../img/bg/abouticon.png);
    width: 242px;
    height: 160px;
    float: left;
    text-align: center;
    margin-top: 5px
}

.abouticobox img {
    margin: 20px
}

.abouttxtright h1 {
    padding-bottom: 50px;
    font-size: 28px
}

.abouttxtright {
    width: 850px;
    float: right;
    border-bottom: 1px solid #ccd4d9;
    padding-bottom: 30px;
    margin-bottom: 30px;
    min-height: 190px;
    text-align: justify
}

.abouttxtright:nth-child(11) {
    border-bottom: 0
}

.lastaccess {
    width: 300px;
    float: left
}

.lastaccess h1 {
    font-size: 26px
}

.lastaccess h1 img {
    margin: 0 10px -4px 0
}

.lastaccess .line {
    margin-bottom: 5px;
    margin-top: 5px
}

.percdashboard {
    width: 500px;
    float: right
}

.percdashboard .line {
    margin-bottom: 5px;
    margin-top: 5px
}

.accbalance {
    background: url(../img/bg/accbalance.jpg) center;
    height: 550px;
    max-width: 1920px
}

.accbal {
    width: 350px;
    float: left
}

.accbalico {
    width: 260px;
    float: left;
    text-align: center;
    color: #e1f0fb;
    font-size: 28px;
    margin-top: 150px;
    height: 190px;
    display: block;
    padding-top: 100px;
    margin-left: 70px;
    margin-bottom: -30px
}

.accbalico {
    background: url(../img/icon/calc3.png) top center no-repeat
}

.accbalico:hover {
    background: url(../img/icon/calc3.png) bottom center no-repeat
}

.accdepico {
    width: 260px;
    float: left;
    text-align: center;
    color: #e1f0fb;
    font-size: 28px;
    margin-top: 150px;
    height: 190px;
    display: block;
    padding-top: 100px;
    margin-left: 70px;
    margin-bottom: -30px
}

.accdepico {
    background: url(../img/icon/calc2.png) top center no-repeat
}

.accdepico:hover {
    background: url(../img/icon/calc2.png) bottom center no-repeat
}

.accbal2 {
    display: block;
    font-size: 50px;
    text-align: center;
    font-weight: 700;
    text-shadow: 3px 3px 2px rgba(0,0,0,.2);
    padding-top: 0;
    font-family: 'Maven Pro',sans-serif;
    font-weight: 400;
    color: #fff;
    width: 260px;
    margin-left: 70px
}

.accpay {
    width: 685px;
    float: right;
    padding: 140px 0 0 40px
}

.paybox {
    border: 1px solid #ccc;
    border-radius: 20px;
    width: 290px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 24px;
    color: #fff;
    display: inline-block;
    transform: skew(-16deg);
    border-radius: 30px;
    color: #fff;
    text-align: left;
    color: #000;
    font-size: 20px;
    line-height: 50px;
    margin: 0 20px 15px 0
}

.payspan {
    display: inline-block;
    transform: skew(16deg)
}

.payico {
    width: 130px;
    border-right: 1px solid #ccc;
    margin: 5px 0 0 10px;
    float: left
}

.paybal {
    width: 100px;
    float: right;
    color: #000;
    font-size: 16px;
    text-align: left;
    padding-left: 25px
}

.finance {
    background: url(../img/bg/finance.jpg) top center no-repeat;
    height: 774px;
    max-width: 1920px;
    margin-top: 20px;
    padding-top: 20px
}

.calcresbox {
    width: 260px;
    float: left;
    text-align: center;
    color: #fff;
    font-size: 20px;
    margin-top: 40px;
    height: 190px;
    padding-top: 120px
}

.calcresbox img {
    display: block;
    margin: 0 auto
}

.calcresbox:nth-child(1) {
    background: url(../img/icon/acc1.png) top center no-repeat
}

.calcresbox:nth-child(1):hover {
    background: url(../img/icon/acc1.png) bottom center no-repeat
}

.calcresbox:nth-child(2) {
    background: url(../img/icon/acc2.png) top center no-repeat
}

.calcresbox:nth-child(2):hover {
    background: url(../img/icon/acc2.png) bottom center no-repeat
}

.calcresbox:nth-child(3) {
    background: url(../img/icon/acc3.png) top center no-repeat
}

.calcresbox:nth-child(3):hover {
    background: url(../img/icon/acc3.png) bottom center no-repeat
}

.calcresbox:nth-child(4) {
    background: url(../img/icon/acc4.png) top center no-repeat
}

.calcresbox:nth-child(4):hover {
    background: url(../img/icon/acc4.png) bottom center no-repeat
}

.refurl {
    background: url(../img/bg/refurl.png) top center no-repeat;
    height: 393px;
    max-width: 1920px
}

.refurlleft {
    width: 730px;
    float: left;
    padding-top: 60px;
    color: #fff;
    font-size: 20px
}

.refurlleft .line {
    margin-bottom: 85px
}

.refurlleft img {
    margin: 0 25px -20px 0
}

.w295 {
    width: 295px
}

.refurlright {
    width: 440px;
    float: right;
    padding-top: 90px
}

.refurlright img {
    float: left;
    margin: -5px 35px 0 0
}

.refperc {
    display: block;
    font-size: 100px;
    text-align: left;
    font-weight: 700;
    text-shadow: 3px 3px 2px rgba(0,0,0,.2);
    padding-top: 40px;
    font-family: 'Maven Pro',sans-serif;
    font-weight: 700;
    color: #2688cb
}

.step {
    width: 372px;
    float: left;
    margin-right: 17px
}

.step .block {
    width: 372px;
    height: 244px;
    background: url(../img/bg/step.png)
}

.step h1 {
    font-size: 24px;
    margin-left: 55px
}

.step .line {
    margin-left: 55px
}

.step .txt {
    width: 372px;
    text-align: justify;
    padding: 30px 40px 0 20px
}

.pay-radio .paybox {
    border: 0
}

.pay-radio input[type=radio]:checked+label .payico {
    border-right: 1px solid #96ae29
}

.pay-radio input[type=radio] {
    display: none!important
}

.pay-radio input[type=radio]+label {
    display: block;
    float: left;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 20px;
    width: 290px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 24px;
    color: #fff;
    display: inline-block;
    border-radius: 30px;
    color: #fff;
    text-align: left;
    color: #000;
    font-size: 20px;
    line-height: 50px;
    margin: 0 20px 15px 0
}

.pay-radio input[type=radio]:checked+label {
    background: #bcda33;
    box-shadow: 0 0 0 2px #fff,0 0 0 4px #ed3237
}

.deposit-plans {
    background: url(../img/bg/deposit-plans.jpg) center no-repeat;
    max-height: 1920px;
    height: 1128px;
    margin: 0 auto;
    margin-top: 30px
}

.deposit-plans .calcplans {
    padding-top: 40px!important;
    height: 690px!important
}

.deposit-plans .calcresbox {
    margin-top: 60px!important
}

.depinp {
    width: 391px;
    font-size: 20px;
    color: #fff;
    float: left;
    margin-left: 20px
}

.depinp span {
    margin-left: 35px;
    display: block;
    padding-bottom: 10px;
    color: #ED3237
}

.deppay {
    width: 391px;
    font-size: 20px;
    color: #fff;
    float: left;
    margin-left: 20px
}

.depbut {
    width: 270px;
    font-size: 20px;
    color: #fff;
    float: left;
    margin-left: 20px
}

.depbut span {
    margin-left: 35px;
    display: block;
    padding-bottom: 10px
}

.depbut .sbmt {
    padding: 0 0!important;
    width: 100%!important;
    font-size: 18px!important
}

.sbmt {
    text-align: center;
    text-decoration: none;
    border: 0;
    outline: 0;
    display: inline-block;
    transform: skew(-16deg);
    border-radius: 30px;
    font-size: 16px;
    color: #000!important;
    background: #ED3237;
    height: 50px;
    line-height: 50px;
    padding: 0 55px
}

.sbmt:hover {
    cursor: pointer;
    color: #000!important;
    background: #b9d43d
}

.sbmt span {
    display: inline-block;
    transform: skew(16deg);
    margin-left: 0!important;
    font-family: 'PT Sans',sans-serif;
    width: 100%
}

.sbmt span img {
    float: right;
    margin: 17px 25px 0 0
}

.box-blue {
    text-align: center;
    text-decoration: none;
    border: 0;
    outline: 0;
    padding: 10px 35px;
    display: inline-block;
    transform: skew(-16deg);
    border-radius: 60px;
    box-shadow: 0 0 0 2px #fff,0 0 0 4px #1585cd;
    font-size: 17px;
    color: #fff;
    background: #289eda;
    background: -moz-linear-gradient(left,rgba(40,158,218,1) 0,rgba(31,120,195,1) 100%);
    background: -webkit-linear-gradient(left,rgba(40,158,218,1) 0,rgba(31,120,195,1) 100%);
    background: linear-gradient(to right,rgba(40,158,218,1) 0,rgba(31,120,195,1) 100%);
    width: 370px;
    height: 150px
}

.box-blue span {
    display: inline-block;
    transform: skew(16deg);
    font-size: 17px!important;
    padding: 0!important;
    margin: 0!important;
    background: #fff!important;
    background: -moz-linear-gradient(left,#fff 0,#fff 100%)!important;
    background: -webkit-linear-gradient(left,#fff 0,#fff 100%)!important;
    background: linear-gradient(to right,#fff 0,#fff 100%)!important;
    -webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent!important
}

.dtext {
    font-size: 20px;
    margin-top: 20px
}

.dnumber {
    font-size: 50px;
    line-height: 50px;
    font-family: 'Maven Pro',sans-serif;
    font-weight: 700
}

.dleft {
    width: 400px;
    float: left
}

.dright {
    width: 700px;
    float: right
}

.custom-select {
    position: relative;
    width: 100%
}

.custom-select select {
    display: none
}

.select-selected {
    width: 100%;
    text-decoration: none;
    border: 0;
    outline: 0;
    padding: 10px 55px;
    display: inline-block;
    transform: skew(-16deg);
    border-radius: 60px;
    box-shadow: 0 0 0 2px #fff,0 0 0 4px #e0f2fc;
    font-size: 17px;
    color: #000;
    background: #e0f2fc
}

.select-selected:after {
    position: absolute;
    content: "";
    top: 20px;
    right: 20px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #207bc5 transparent transparent transparent
}

.select-selected.select-arrow-active:after {
    border-color: transparent transparent #207bc5 transparent;
    top: 13px
}

.select-items div,.select-selected {
    color: #000;
    padding: 8px 30px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0,0,0,.1) transparent;
    cursor: pointer
}

.select-items {
    position: absolute;
    background-color: #e0f2fc;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99
}

.select-hide {
    display: none
}

.same-as-selected,.select-items div:hover {
    background-color: rgba(0,0,0,.1)
}

.bannersize {
    font-size: 24px;
    color: #6c6f70;
    padding-bottom: 20px
}

.bannerurl {
    width: 695px!important;
    text-align: center;
    font-size: 18px;
    color: #000;
    border: 0;
    box-shadow: 0 0 0 2px #fff,0 0 0 4px #e0f2fc;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    padding: 20px;
    background: #e0eff8
}

.banner-res-box {
    background: #f6f9ff;
    box-shadow: 0 0 0 2px #fff,0 0 0 4px #e0f2fc;
    border-radius: 100px;
    text-align: justify;
    color: #000;
    width: 100%;
    padding: 40px 55px;
    color: #000;
    margin-top: 40px;
    margin-bottom: 50px;
    transform: skew(-5deg)
}

.banner-res-box-skew {
    display: inline-block;
    transform: skew(5deg)
}

.box16 {
    background: #f6f9ff;
    box-shadow: 0 0 0 2px #fff,0 0 0 4px #e0f2fc;
    border-radius: 70px;
    text-align: justify;
    color: #000;
    width: 100%;
    padding: 40px 85px;
    color: #000;
    margin-top: 40px;
    margin-bottom: 50px;
    transform: skew(-16deg)
}

.box16 span {
    display: inline-block;
    transform: skew(16deg)
}

.mapbox {
    background: #f6f9ff;
    box-shadow: 0 0 0 2px #fff,0 0 0 4px #e0f2fc;
    border-radius: 70px;
    width: 100%;
    transform: skew(-10deg);
    margin-top: 70px
}

.box {
    background: #f6f9ff;
    box-shadow: 0 0 0 2px #fff,0 0 0 4px #e0f2fc;
    border-radius: 70px;
    text-align: justify;
    color: #000;
    width: 100%;
    padding: 40px 85px;
    color: #000;
    margin-top: 40px;
    margin-bottom: 50px;
    transform: skew(-5deg)
}

.box span {
    display: inline-block;
    transform: skew(5deg)
}

.logbut {
    font-size: 18px!important;
    margin: 0!important
}

.inpts {
    width: 100%;
    text-decoration: none;
    border: 0;
    outline: 0;
    padding: 10px 25px;
    display: inline-block;
    transform: skew(-16deg);
    border-radius: 60px;
    box-shadow: 0 0 0 2px #fff,0 0 0 4px #e0f2fc;
    font-size: 15px;
    color: #000;
    background: #e0f2fc
}

.refbg .inpts {
    box-shadow: 0 0 0 2px #2e82bf,0 0 0 4px #e0f2fc!important
}

.inptspay {
    width: 100%;
    text-decoration: none;
    border: 0;
    outline: 0;
    padding: 10px 25px;
    display: inline-block;
    transform: skew(-16deg);
    border-radius: 60px;
    font-size: 15px;
    color: #000;
    box-shadow: 0 0 0 2px #e1f0fb,0 0 0 4px #fff!important;
    background: #fff!important
}

td {
    padding: 7px
}

button.accordion {
    background: #f6f9ff;
    box-shadow: 0 0 0 2px #fff,0 0 0 4px #e0f2fc;
    border-radius: 20px;
    text-align: justify;
    color: #000;
    width: 100%;
    padding: 20px 55px;
    color: #000;
    margin-bottom: 20px;
    border: 0;
    font-size: 18px;
    cursor: pointer;
    transform: skew(-16deg)
}

button.accordion span {
    display: inline-block;
    transform: skew(16deg)
}

button.accordion.active,button.accordion:hover {
    color: #1d7ec9
}

div.panel {
    padding: 0 60px;
    max-height: 0;
    overflow: hidden;
    transition: max-height .4s ease-out
}

div.panel p {
    padding-top: 10px;
    padding-bottom: 40px;
    font-size: 16px;
    text-align: justify
}

* {
    -webkit-touch-callout: text!important;
    -webkit-user-select: text!important;
    -khtml-user-select: text!important;
    -moz-user-select: text!important;
    -ms-user-select: text!important;
    user-select: text!important
}

.article_block h2 {
    padding: 0
}

input[type=checkbox] {
    display: none
}

input[type=checkbox]+label span {
    display: inline-block;
    width: 61px;
    height: 30px;
    margin: -4px 10px 0 0;
    vertical-align: middle;
    background: url(../img/icon/check.png) left top no-repeat;
    cursor: pointer
}

input[type=checkbox]:checked+label span {
    background: url(../img/icon/check.png) -61px top no-repeat
}

.howpaybox {
    color: #fff!important;
    font-size: 20px!important;
    padding-top: 20px!important
}

input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 1000px transparent inset;
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #000!important
}

.gray {
    -webkit-filter: grayscale(100%) opacity(50%);
    filter: grayscale(100%) opacity(50%)
}

.error {
    color: #fff;
    background: #da3333;
    border-radius: 15px;
    margin-top: 30px;
    padding: 10px 20px
}

.ok {
    font-size: 18px;
    color: #000;
    border-radius: 25px;
    margin-top: 30px;
    padding: 20px 40px;
    background: #bcda33
}