body {
    line-height: 1.75;
    color: #515184;
}

html, body {
    margin: 0;
    padding: 0;
    background-color: #f5f5f5;
    overflow-x: hidden;
}

.redpri {
    color: #f63c3c !important;
    font-weight: bold;
    font-size: 16px;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
}

i.fab {
    color: #138ae6;
}

header {

}

.pricetxt {
    font-weight: bold;
    font-size: 18px;
    color: #0e8c6f !important;
}

.paydivlabel {
    text-align: center;
    background-color: #e9f5f7;
    padding: 20px;
    border-radius: 20px;
}

.pricetxtpay {
    background-color: #0e8c6f;
    color: white;
    padding: 5px 10px;
    border-radius: 6px;
    font-size: 18px;
    font-weight: bold;
    line-height: 50px;
}

.spancache {
    background-color: #ffffffcf;
    border-radius: 7px;
    margin: 10px;
    float: left;
    padding: 2px 5px;
    min-width: 250px;
}

#spandivstyle {
    float: left;
    position: relative;
    height: 23px;
    z-index: 1000;
    cursor: pointer;
}

#spandivstyle:hover ul {
    display: block;
}

#spandivstyle ul {
    display: none;
    position: absolute;
    width: 200px;
    z-index: 999;
    border-radius: 7px;
    box-sizing: border-box;
    padding: 0;
    background-color: #bed5e8;
    overflow: hidden;
}

#spandivstyle img {
    width: 20px;
    height: 20px;
    float: right;
}

#spandivstyle ul li {

}

#spandivstyle ul li a {
    color: #393939;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    float: right;
}

#spandivstyle ul li a:hover {
    color: #1d85d5;
}

.activestyle a {
    background-color: #1d85d5;
    color: white !important;
    font-weight: bold;
}

.boxb {
    box-sizing: border-box;
    width: 100%;
}

.div_bala_zir {
    background-color: #3c3698;
    padding: 2px 40px;
    font-size: 12px;
    color: #f9e9d5;
}

#headimgtext {
    height: 260px;
    background-position: center;
}

#headimgtext canvas {
    height: 285px !important;
    position: absolute;
    z-index: 500;
    top: 0px;
    right: 0px;
}

#headimgtext img {
    float: left;
    padding: 20px;
}

#headimgtext > div {
    padding: 7px 30px;
    position: absolute;
}

#headimgtext div > div {
    color: white;
    font-weight: bold;
    font-size: 26px;
    text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
}

.headtextspan {
    color: #3c3698;
    text-shadow: 0px 2px 5px rgba(255, 255, 255, 0.25);
}

header nav {
    overflow: hidden;
    padding: 0px 10px;
}

.bgtab {
    background: #eb3fc8;
    background: -moz-linear-gradient(45deg, #3c3698 1%, #eb3fc8 100%);
    background: -webkit-linear-gradient(45deg, #3c3698 1%, #eb3fc8 100%);
    background: linear-gradient(45deg, #3c3698 1%, #eb3fc8 100%);
}

.bgtabbtn {
    background: #5c9b4b;
    /*background: #ff8831;*/
    /*background: -moz-linear-gradient(45deg, #eb3fc8 1%, #ff8831);*/
    /*background: -webkit-linear-gradient(45deg, #eb3fc8 1%, #ff8831);*/
    /*background: linear-gradient(45deg, #eb3fc8 1%, #ff8831);*/
}

.bgtabbtn:hover {
    background: #3e7b3c !important;
}

#menuulmobile {
    display: none;
}

#menuulmobile li ul li a {
    text-align: center;
    width: 100%;
}

.width131 {
    width: 131px;
}

.width168 {
    width: 168px;
}

#menuulmobile li ul {
    display: none;
    position: absolute;
    margin-top: 50px;
    background-color: #512741;
    height: initial;
    padding: 0;
    border-radius: 7px;
    box-shadow: 0px 4px 10px 2px #c6c6c6;
}

#menuulmobile li:hover ul {
    display: block;
}

#imgmenu {
    float: left;
}

#menuulmobile > li > a > img {
    height: 10px;
    width: 10px;
    margin: 13px 5px;
}

#imgmenu img {
    width: 20px;
    height: 20px;
    margin: 14px 8px;
    float: left;
}

header nav, header nav ul, header nav ul li, header nav ul li a {
    height: 40px;
}

header nav ul {
    margin: 0px;
}

header nav ul li {
    float: right;
}

header nav ul li a {
    float: right;
    padding: 0 10px;
    height: 40px;
    /*color: #4b4f55 !important;*/
    color: #fff !important;
    line-height: 39px;
    font-weight: 600;
    font-size: 12px;
    width: 100%;
}

header nav ul li a:hover {
    background-color: #0d589e;
}

img {
    color: #6d7963;
}

header nav ul li a img {
    height: 15px;
    width: 15px;
    margin: 10px 5px;
    float: right;
}

.divbtn {
    text-align: left;
    width: 60%;
}

.btn {
    color: #3c3698;
    margin: 0px auto;
    padding: 10px 20px;
    background-color: transparent;
    border: 1px solid #ffffff;
    border-radius: 4px;
    font-weight: bold;
    font-size: 14px;
}

.btn:hover {
    background-color: #ffffff;
    color: #3c3698;
}

button:disabled {
    background-color: #bababa !important;
    border-bottom: 4px solid #9c9c9c !important;
}

.btnbrothr button {
    border: 1px solid #eb3fc8 !important;
    color: #eb3fc8 !important;
    background-color: transparent !important;
}

[id=divbtn1] {
    width: 50% !important;
    text-align: left !important;
}

[id=divbtn2] {
    width: 50% !important;
    text-align: right !important;
}

input[type=checkbox], input[type=radio] {
    width: 20px !important;
    margin: 8px 20px !important;
}

.btnbrothr button:hover {
    color: #ffffff !important;
    background-color: #eb3fc8 !important;
}

.slowion, .slowions * {
    -wibkit-transition: all 0.5s;
    transition: all 0.5s;
}

.slowionsf * {
    -wibkit-transition: all 0.2s;
    transition: all 0.2s;
}

.cur, .curs * {
    cursor: pointer;
}

#accsell {
    padding: 20px 0;
}

#accsell ul {
    width: 100%;
    padding: 0px;
}

#accsell .div_bala_zir {
    height: 5px;
    display: none;
}

#accsell ul li {
    width: 25%;
    text-align: center;
    float: right;
}


/*#accsell ul li::before {
    content: "";
    background-image: url('/image/wings/8c.png');
    position: absolute;
    background-repeat: no-repeat;
    background-position: center top;
    z-index: 49;
    height: 330px;
    width: 470px;
    margin-right: 80px;
    display: block;
    opacity: 0.75;
}

#accsell ul li > div {
    margin: 10px auto;
    text-align: center;
    width: 250px;
    height: 648px;
    background-color: #f9f9f9;
    border-radius: 12px;
    border-top: none;
    overflow: hidden;
    background-image: url('/image/wings/8c.png');
    background-repeat: no-repeat;
    background-size: 150%;
    background-position: top center;
    z-index: 50;
    position: relative;
}*/

/*#accsell > ul > li::before {
    content: "";
    background-image: url('/image/wings/8c.png');
    position: relative;
    background-repeat: no-repeat;
    background-position: center top;
    height: 330px;
    opacity: 0.75;
    display: block;
    margin: 1px auto;
    bottom: 0px;
    top: 300px;
    z-index: 20;
    margin-top: -320px;

}*/

#accsell > ul > li > div {
    margin: 10px auto;
    text-align: center;
    width: 250px;
    height: 648px;
    background-color: #f9f9f9;
    border-radius: 12px;
    border-top: none;
    overflow: hidden;
    /*    background-image: url('/image/wings/8c.png');
        background-repeat: no-repeat;
        background-size: 150%;
        background-position: top center;
    */
    z-index: 100;
    position: relative;
}

#accsell .accimg {
    width: 250px;
    height: 533px;
    float: right;
}

#accsell .accimg:hover {
    opacity: 0.9;
}

.fvc ul li {
    width: 25% !important;
}

.fvc ul li > div {
    width: 350px !important;
    height: 320px !important;
    box-shadow: 0px 2px 20px 5px #d7d7d7;
}

.fvc .accimg {
    width: 350px !important;
    height: 210px !important;
}

#accsell .accinfor, #accsell .accprice {
    height: 35px;
    float: right;
    width: 100%;
    line-height: 35px;
}

#accsell .accinfor > div {
    color: #eb3fc8;
    width: 33%;
    float: right;
    font-weight: bold;
}

#accsell .accprice > div {
    color: #eb3fc8;
    font-weight: bold;
    background-color: white;
    height: 35px;
}

#accsell .accprice > div > label {
    color: #e84875;
}

#accsell .accinfor > div > label {
    color: #898989;
    font-weight: bold;
}

#accsell .accpay {
    height: 40px;
    color: #fff;
    text-align: center;
    float: right;
    width: 100%;
    line-height: 40px;
    font-weight: bold;
}

#accsell .accpay div {
    text-align: center;
    /*padding-left: 20px;*/
}

#accsell .accpay div:hover {
    text-align: center;
    /*padding-left: 0px;*/
}

#accsell .accpay img {
    width: 20px;
    height: 20px;
    margin: 10px;
    position: absolute;
}

#accsell .accpay:hover {
    background-color: #fff;
    color: #0e8c6f;
    padding-left: 20px;
}

footer {
    text-align: center;
    background: #cccccc url("/image/bghead.png") 100%;
    padding-top: 5px;
    border-top: 1px solid #bfbfbf;
}

footer > .fotdivimg {
    width: 33%;
    float: right;
    text-align: center;
    border-right: 1px solid #bfbfbf;
    padding: 10px;
    box-sizing: border-box;
}

footer > .fotdivimg:nth-child(2) img {
    max-width: 125px;
    width: 80%;
}

footer > .fotdivimg:first-child {
    border-right: none;
}

.imgfooterlogo {
    width: 200px;
    max-width: 80%;
}

#divimgshere img {
    margin: 2px;
}

#divimgshere img {
    width: 50px;
}

footer ul li a {
    color: #923ab0;
}

#copyright {
    background-color: #d75956;
    color: white;
    width: 100%;
    font-size: 14px;
}

#copyright a {
    color: white;
}

footer ul li a:hover, #copyright a:hover {
    color: #d75956;
}

footer .div_bala_zir {
    height: 3px;
    background-color: #070101;
}

#brgwrgvlxlapsguigwmd {
    max-width: 60%;
}

#bagback {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(52, 52, 52, 0.76);
    z-index: 450;
}

#imgnavmob {
    height: 50px;
}

.navlimob {
    display: none;
}

#imgnavmob img {
    width: 100%;
}

header nav ul .div_bala_zir {
    background-color: #00c3ff;
    display: none;
    height: 3px;
}

.labelaccdiv {
    padding: 0px 40px;
}

.labelaccdiv hr {
    width: 100%;
    margin: 5px auto;
    float: right;
    border: 1px solid #cccccc;
}

.labelaccdiv span {
    float: right;
    font-weight: bold;
}

.divsortbyaccounts > span {
    color: #333;
}

.classdivfooterchanged {
    direction: ltr;
    color: #1f1397 !important;
    font-weight: bold;
}

.labelaccdiv > span {
    color: #ca2826;
}

/* Page About Css Start*/
.portmf {
    padding: 30px;
}

.portmf p {
    font-weight: bold;
    color: #18bdf6;
    width: 90%;
    margin-top: 20px;
}

.portmf > div {
    text-align: center;
}

.portmf > div img {
    max-width: 200px;
    width: 40%;
    margin: 10px auto;
}

.portmf > .viedivac img {
    width: 70%;
    max-width: 450px;
}

.portmf ul {
    text-align: center;
    padding: 0px;
}

.portmf ul li {
    margin: 0 auto;
    /*color: #808080;*/
    width: 70%;
    text-align: right;
    /*line-height: 25px;*/
}

.portmf ul li:not(.notjusty) {
    text-align: justify;
}

.portmf ul li a {
    color: #0e8c6f;
}

/* Page About Css End*/
.lblspan div > span {
    float: right;
    width: 50%;
}

.lblspan div {
    width: 100%;
    float: right;
    line-height: 40px;
}

.lblspan div:nth-child(even) {
    background-color: #fbfbfb;
}

.lblspan div pre {
    white-space: pre-wrap; /* Since CSS 2.1 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.lblspan div span:first-child {
    /* color: #808080;
     font-weight: 700;*/
}

.lblspan div span:last-child {
    color: #0e8c6f;
}

.lblspan div pre:last-child {
    width: 50%;
    float: right;
    color: #0e8c6f;
    overflow: hidden;
    padding: 20px;
    box-sizing: border-box;
    cursor: pointer;
}

.formdiv {
    padding: 30px;
}

.divform, .divceckbox {
    box-sizing: border-box;
    padding: 3px 5px;
    text-align: center;
    float: right;
    width: 100%;
}

.formdiv form .divform:nth-child(odd) {
    background-color: #fbfbfb;
}

.divform label, .divceckbox label {
    line-height: 40px;
}

.divform label, .divform > span, .divceckbox > span, .divceckbox > label {
    width: 50%;
    float: right;
    color: #808080;
    height: 40px;
}

.divform > span, .divceckbox > span {
    height: auto;
    padding: 5px;
    box-sizing: border-box;
}

.divform textarea {
    height: 100px;
}

.divform input, .divform textarea {
    border: 1px solid #f5f5f5;
    border-radius: 5px;
    width: 95%;
    max-width: 250px;
    padding: 5px;
    color: #808080;
    box-shadow: 1px 1px 1px #bababa;
}

.formdiv .diverbtn, .capcha {
    float: right;
    text-align: center;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}

.activesorticon {
    background: #fbc632 !important;
    color: black !important;
}

.divsortbyaccounts > span {
    padding: 5px 5px;
    font-size: 14px !important;
}

.divsortbyaccounts i {
    padding: 5px;
}

#clickandshowsearchbox {
    cursor: pointer;
    color: #fbc632;
}

a.ahightolow {
    color: #0e8c6f;
}

a.alowtohigh {
    color: #eb5b67;
}

.formdiv a.apagebuybttn, .formdiv button {
    background-color: #fbc632;
    color: #333;
    margin: 0px auto;
    padding: 10px 20px;
    border: 1px solid #fbc632;
    border-radius: 4px;
    font-weight: bold;
    font-size: 14px;
}

.formdiv a.apagebuybttn:hover, .formdiv button:hover {
    cursor: pointer;
    background-color: white;
    color: #fbc632;
}

.showerrform ul li {
    color: #bd6767;
}

.showsussform {
    color: #83bd73;
    text-align: center;
    margin: 10px;
}

.flex {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

.flex > div {
    width: 250px;
    padding: 10px;
    float: right;
    border: 1px solid #f0f0f0;
}

div.flex > div > label:first-child, .colorgreen {
    color: #50ad7f !important;
}

.flex > div > label {
    margin-right: 10px;
    color: #808080;
    float: right;
}

.divceckbox span {
    text-align: right;
}

.divceckbox label {
    text-align: left;
}

.msgdiv {
    width: 100%;
    padding: 20px;
    text-align: center;
    color: #808080;
}

.msgdivs {
    color: #83bd73;
}

.msgdive {
    color: #bd6767;
}

.helperdiv {
    padding: 20px;
}

.helperdiv li {
    list-style: inside;
    line-height: 25px;
    font-size: 14px;
    text-align: justify;
    text-justify: inter-word;
}

.allsolda {
    width: 100%;
    text-align: center;
    color: #d06f5b;
    padding: 10px;
}

.viedivac {
    text-align: center;
}

#logo10footer {
    width: 100px;
}

#headimglogo10 {
    float: right;
    z-index: 505;
    position: absolute;
}

#headimglogo10 img {
    width: 200px;
}

.nopadmarg {
    padding: 0px;
    margin: 0px;
}

.bgchange {
    animation-name: bgchange;
    -webkit-animation-name: bgchange;
    -webkit-animation-duration: 60s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
    animation-duration: 60s;
    animation-iteration-count: infinite;
}

.bgchange2 {
    animation-name: bgchange2;
    -webkit-animation-name: bgchange2;
    -webkit-animation-duration: 30s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
    animation-duration: 30s;
    animation-iteration-count: infinite;
}

@-webkit-keyframes bgchange {
    0% {
        background-color: #ffe6c5bd;
    }
    10% {
        background-color: #91dc5abd;
    }
    20% {
        background-color: #34a853bd;
    }
    30% {
        background-color: #4285f4bd;
    }
    40% {
        background-color: #006df0bd;
    }
    50% {
        background-color: #ffda44bd;
    }
    60% {
        background-color: #fbbc05bd;
    }
    70% {
        background-color: #933ec5bd;
    }
    80% {
        background-color: #ea7243bd;
    }
    90% {
        background-color: #ea4335bd;
    }
    100% {
        background-color: #ffe6c5bd;
    }
}

@keyframes bgchange {
    0% {
        background-color: #ffe6c5bd;
    }
    10% {
        background-color: #91dc5abd;
    }
    20% {
        background-color: #34a853bd;
    }
    30% {
        background-color: #4285f4bd;
    }
    40% {
        background-color: #006df0bd;
    }
    50% {
        background-color: #ffda44bd;
    }
    60% {
        background-color: #fbbc05bd;
    }
    70% {
        background-color: #933ec5bd;
    }
    80% {
        background-color: #ea7243bd;
    }
    90% {
        background-color: #ea4335bd;
    }
    100% {
        background-color: #ffe6c5bd;
    }
}

@-webkit-keyframes bgchange2 {
    0% {
        background-color: #ffe6c5bd;
    }
    25% {
        background-color: #91dc5abd;
    }
    50% {
        background-color: #ffda44bd;
    }
    75% {
        background-color: #fbbc05bd;
    }
    100% {
        background-color: #ffe6c5bd;
    }
}

@keyframes bgchange2 {
    0% {
        background-color: #ffe6c5bd;
    }
    25% {
        background-color: #91dc5abd;
    }
    50% {
        background-color: #ffda44bd;
    }
    75% {
        background-color: #fbbc05bd;
    }
    100% {
        background-color: #ffe6c5bd;
    }
}

/*==================================================
 * Effect 1
 * ===============================================*/
.effect1 {
    -webkit-box-shadow: 0 10px 6px -6px #777;
    -moz-box-shadow: 0 10px 6px -6px #777;
    box-shadow: 0 10px 6px -6px #777;
}

/*==================================================
 * Effect 2
 * ===============================================*/
.effect2 {
    position: relative;
}

.effect2:before, .effect2:after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width: 300px;
    background: #777;
    -webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 15px 10px #777;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
}

.effect2:after {
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    right: 10px;
    left: auto;
}

/*==================================================
 * Effect 3
 * ===============================================*/
.effect3 {
    position: relative;
}

.effect3:before {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width: 300px;
    background: #777;
    -webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 15px 10px #777;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
}

/*==================================================
 * Effect 4
 * ===============================================*/
.effect4 {
    position: relative;
}

.effect4:after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    right: 10px;
    left: auto;
    width: 50%;
    top: 80%;
    max-width: 300px;
    background: #777;
    -webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 15px 10px #777;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
}

/*==================================================
 * Effect 5
 * ===============================================*/
.effect5 {
    position: relative;
}

.effect5:before, .effect5:after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 25px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width: 300px;
    background: #777;
    -webkit-box-shadow: 0 35px 20px #777;
    -moz-box-shadow: 0 35px 20px #777;
    box-shadow: 0 35px 20px #777;
    -webkit-transform: rotate(-8deg);
    -moz-transform: rotate(-8deg);
    -o-transform: rotate(-8deg);
    -ms-transform: rotate(-8deg);
    transform: rotate(-8deg);
}

.effect5:after {
    -webkit-transform: rotate(8deg);
    -moz-transform: rotate(8deg);
    -o-transform: rotate(8deg);
    -ms-transform: rotate(8deg);
    transform: rotate(8deg);
    right: 10px;
    left: auto;
}

/*==================================================
 * Effect 6
 * ===============================================*/
.effect6 {
    position: relative;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.effect6:before, .effect6:after {
    content: "";
    position: absolute;
    z-index: -1;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    top: 50%;
    bottom: 0;
    left: 10px;
    right: 10px;
    -moz-border-radius: 100px / 10px;
    border-radius: 100px / 10px;
}

.effect6:after {
    right: 10px;
    left: auto;
    -webkit-transform: skew(8deg) rotate(3deg);
    -moz-transform: skew(8deg) rotate(3deg);
    -ms-transform: skew(8deg) rotate(3deg);
    -o-transform: skew(8deg) rotate(3deg);
    transform: skew(8deg) rotate(3deg);
}

/*==================================================
 * Effect 7
 * ===============================================*/
.effect7 {
    position: relative;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.effect7:before, .effect7:after {
    content: "";
    position: absolute;
    z-index: -1;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    top: 0;
    bottom: 0;
    left: 10px;
    right: 10px;
    -moz-border-radius: 100px / 10px;
    border-radius: 100px / 10px;
}

.effect7:after {
    right: 10px;
    left: auto;
    -webkit-transform: skew(8deg) rotate(3deg);
    -moz-transform: skew(8deg) rotate(3deg);
    -ms-transform: skew(8deg) rotate(3deg);
    -o-transform: skew(8deg) rotate(3deg);
    transform: skew(8deg) rotate(3deg);
}

/*==================================================
 * Effect 8
 * ===============================================*/
.effect8 {
    position: relative;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.effect8:before, .effect8:after {
    content: "";
    position: absolute;
    z-index: -1;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    top: 10px;
    bottom: 10px;
    left: 0;
    right: 0;
    -moz-border-radius: 100px / 10px;
    border-radius: 100px / 10px;
}

.effect8:after {
    right: 10px;
    left: auto;
    -webkit-transform: skew(8deg) rotate(3deg);
    -moz-transform: skew(8deg) rotate(3deg);
    -ms-transform: skew(8deg) rotate(3deg);
    -o-transform: skew(8deg) rotate(3deg);
    transform: skew(8deg) rotate(3deg);
}

#telbtn {
    position: fixed;
    left: 10px;
    bottom: 10px;
    width: 150px;
    z-index: 600;
}

.bannerdiv img {
    width: 90%;
    height: auto;
    margin: auto;
}

.bannerdiv, .bannerdiv2, .bannerdiv3 {
    text-align: center;
}

.bannerdiv, .bannerdiv2 {
    /*height: 300px;*/
}

.bannerdiv3 {
    padding: 10px 0;
}

.bannerdiv {
    box-sizing: border-box;
    padding: 20px;
    background-color: #fff;
    background-image: url('/image/bghead.png');
}

#divimgshere {
    float: right;
    width: 100%;
}

.bannerdiv2 {
    width: 50%;
    float: right;
}

.divfooternamad * {
    width: 100%;
}

.divfooternamad {
    width: 50%;
    float: right;
}

.divfooternamad:nth-child(1) {
    text-align: left;
}

.divfooternamad:nth-child(2) {
    text-align: right;
}

.nopadmargmbile {
    display: none;
}

@media screen and (max-width: 1450px) {
    .fvc ul li {
        width: 33% !important;
    }
}

@media screen and (max-width: 1050px) {
    #accsell ul li {
        width: 33%;
    }

    .fvc ul li {
        width: 50% !important;
    }

    #headimgtext > div {
        padding: 25px 30px;
    }

    #headimgtext div > div {
        font-size: 20px;
    }

    #menuulmobile {
        display: block;
        padding: 0px;
    }

    #menuuldesktop {
        text-align: center;
        display: none;
        position: fixed;
        width: 230px;
        height: 100%;
        z-index: 510;
        right: -230px;
        top: 0px;
        padding: 0px;
        box-shadow: 0px 1px 5px black;
    }

    #menuuldesktop li {
        text-align: center;
        float: none;
        width: 100%;
    }

    #menuuldesktop li a {
        width: 100%;
        box-sizing: border-box;
    }

    #divimgshere img {
        width: 20px;
    }

    .portmf ul li {
        width: 100%;
        animation-iteration-count: infinite;
    }
}

@media screen and (max-width: 900px) {
    .bannerdiv2 {
        width: 100%;
    }

    .bannerdiv img {
        width: 100%;
    }

    .bannerdiv3 {
        padding: 0;
    }

    .bannerdiv {
        padding: 10px 20px 0 20px;
    }

    #nopadmarg {
        display: none;
    }

    .nopadmargmbile {
        display: block;
    }

    #telbtn {
        bottom: 70px;
        width: 100px;
    }
}

@media screen and (max-width: 720px) {
    .fvc ul li {
        width: 100% !important;
    }
}

@media screen and (max-width: 840px) {
    footer .fotdivimg:first-child ul {
        padding: 0px;
    }

    #accsell ul li {
        width: 50%;
    }

    .divbtn {
        text-align: center;
    }

    #headimgtext > div {
        padding: 15px;
    }

    #headimgtext div > div {
        font-size: 12px;
    }

    .btn {
        padding: 8px 12px;
        border-radius: 3px;
        font-size: 8px;
    }
}

@media screen and (max-width: 520px) {
    #accsell ul li {
        width: 100%;
    }

    .btn {
        padding: 5px 8px;
    }

    .formdiv form .divform span, .lblspan div span, .lblspan div pre {
        width: 100% !important;
    }

    .divform label {
        text-align: right;
        margin-right: 20px;
    }

    .formdiv, .portmf {
        padding: 10px !important;
    }

    #headimgtext img {
        width: 130px;
    }

    #headimgtext {
        height: 150px;
    }

    #headimgtext img {
        width: 100px;
    }

    #headimgtext canvas {
        height: 170px !important;
    }
}

#callofform, #pubgform, #clanform {
    display: none;
}

.statform {
    color: #d9534f;
}

.spanrowsession label {
    width: 25%;
    cursor: pointer;
    overflow: hidden;
}

@media screen and (max-width: 1100px) {
    .spanrowsession label {
        width: 30%;
    }
}

@media screen and (max-width: 940px) {
    .spanrowsession label {
        width: 50%;
    }
}

@media screen and (max-width: 610px) {
    .spanrowsession label {
        width: 100%;
    }
}

@media screen and (max-width: 520px) {
    .spanrowsession label {
        width: 50% !important;
        margin-right: 0px !important;
        text-align: center;
    }

    .divform label, .divform > span, .divceckbox > span, .divceckbox > label {
        width: 100%;
    }

    .lblspan div span:first-child {
        text-align: right;
        padding-right: 20px;
    }
}

.cbx {
    -webkit-perspective: 20;
    perspective: 20;
    top: 50%;
    left: 50%;
    border: 2px solid #e8e8eb;
    background: #e8e8eb;
    border-radius: 4px;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    cursor: pointer;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

.cbx:hover {
    border-color: #008FFF;
}

.flip {
    display: block;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    position: relative;
    width: 20px;
    height: 20px;
}

.cbxid {
    display: none;
}

.cbxid:checked + .cbx {
    border-color: #008FFF;
}

.cbxid:checked + .cbx .flip {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
}

.front,
.back {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border-radius: 2px;
}

.front {
    background: #fff;
    z-index: 1;
}

.back {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    background: #008FFF;
    text-align: center;
    color: #fff;
    line-height: 20px;
    box-shadow: 0 0 0 1px #008FFF;
}

.back svg {
    margin-top: 3px;
    fill: none;
}

.back svg path {
    stroke: #fff;
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

label.nostyle {
    width: 20px !important;
    float: left !important;
    color: inherit !important;
    height: 20px !important;
    -webkit-box-sizing: initial !important;
    -moz-box-sizing: initial !important;
    box-sizing: initial !important;
    position: relative;
    left: 20px;
    top: 7px;
}

.paydivlabel {
    text-align: center;
    background-color: #e9f5f7;
    padding: 20px;
    border-radius: 20px;
}


.cntr {
    margin: auto;
}

.btn-radio {
    cursor: pointer;
    display: inline-block;
    float: left;
    -webkit-user-select: none;
    user-select: none;
    text-align: right;
    margin: 10px auto;
    width: 100%;
}

.btn-radio:not(:first-child) {
    margin-left: 20px;
}

@media screen and (max-width: 480px) {
    .flex > div {
        width: 50%;
    }

    .btn-radio {
        display: block;
        float: none;
    }

    .btn-radio:not(:first-child) {
        margin-left: 0;
        margin-top: 15px;
    }
}

.btn-radio svg {
    fill: none;
    vertical-align: middle;
}

.btn-radio svg circle {
    stroke-width: 2;
    stroke: #C8CCD4;
}

.btn-radio svg path {
    stroke: #008FFF;
}

.btn-radio svg path.inner {
    stroke-width: 6;
    stroke-dasharray: 19;
    stroke-dashoffset: 19;
}

.btn-radio svg path.outer {
    stroke-width: 2;
    stroke-dasharray: 57;
    stroke-dashoffset: 57;
}

.btn-radio input {
    display: none;
}

.btn-radio input:checked + svg path {
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

.btn-radio input:checked + svg path.inner {
    stroke-dashoffset: 38;
    transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
}

.btn-radio input:checked + svg path.outer {
    stroke-dashoffset: 0;
}

.btn-radio span {
    display: inline-block;
    vertical-align: middle;
}

.img_newtemplate {
    width: 20px;
    height: 20px;
    margin: 7px;
}

.nomarginimg_newtemplate {
    margin: 0px 5px 0px 5px;
}

.loyaltypoints {
    margin-top: 5px;
    float: left;
    cursor: pointer;
}

.specialimageonheader {
    float: left;
    margin-top: 7px;
}

.loyaltypoints label {
    color: #f1439d;
    font-size: 20px;
    font-weight: bold;
}

.accimg_new_a_mother {
    overflow: hidden;
    display: block;
    height: 326px;
}

.accsell_new > ul > li > div {
    height: inherit !important;
}

.accimg_new_a_mother img {
    width: 350px !important;
    height: 323px !important;
    position: relative;
}

.fvc_new .accimg_new1 {
    z-index: 100;
}

.fvc_new .accimg_new2 {
    z-index: 200;
    top: -250px;
    width: 308px !important;
    margin-right: -1px;
    height: 155px !important;
}

.fvc_new .accimg_new3 {
    z-index: 300;
    position: absolute;
    top: 0px;
    left: 0px;
}

.fvc_new ul li > div {
    width: 350px !important;
    box-shadow: 0px 2px 20px 5px #d7d7d7;
}

.divdynamictemplate {
    position: absolute;
    z-index: 500;
    font-weight: bold;
}

.divdynamictemplate1 {
    left: 35px;
    top: 44px;
    font-size: 25px;
}

.divdynamictemplate1_gold {
    color: #503408;
}

.divdynamictemplate1_wooden {
    color: #9b6b43;
}

.divdynamictemplate1_silver {
    color: #393838;
}

.divdynamictemplate2 {
    left: 38px;
    bottom: 120px;
    color: aliceblue;
    transform: rotate(24deg);
    font-size: 14px;
}

.divdynamictemplate2_wooden {
    left: 75px;
    bottom: 129px;
}

.divdynamictemplate3 {
    left: 100px;
    bottom: 87px;
    font-size: 15px;
    color: #fff;
    transform: rotate(-16deg);
}

.coloroftikforauth {
    color: #0ab784 !important;
}

.coloroftikforunauth {
    color: #b70a3e !important;
}

.warning {
    color: #fec540;
}

.divdynamictemplate3_wooden {
    left: 163px;
}

.divdynamictemplate3_silver {
    left: 103px;
    bottom: 85px;
    color: #363636;
}

.imgnewspecianuc {
    margin-top: -10px;
    margin-bottom: -6px;
}

ul.nopadmarg .img_newtemplate {
    margin-top: 0px;
    margin-bottom: -5px;
}

.divpaywithvaseteh {
    background-color: #f7e7903d;
    padding: 10px;
    border-radius: 7px;
    margin: 10px 0px 0px 0px;
    cursor: pointer;
}

.divpaywithvaseteh .spanpaywithvaseteh {
    display: inline-block;
    margin-bottom: -28px;
}

.divpaywithvaseteh .colordiffrent {
    margin: 0px 10px;
    color: #4f82dd;
    font-weight: bold;
}

.divpaywithvaseteh .cbx_2 {
    margin-top: -10px;
}

.divpaywithvaseteh .cbx_2 svg {
    left: 50px;
    top: -12px;
}

.divpaywithvaseteh .cbx_2 input {
    border: 2px solid #4f82dd;
}

.divpaywithvaseteh .cbx_2 svg path {
    stroke: #4f82dd;
}

.spanvaseteshclickmore {
    color: #69693b;
    margin: 0px 10px;
    cursor: pointer;
}

#spanvaseteshclickmore {
    display: none;
    margin-top: 10px;
    color: #797979;
}

.divdynamictemplate4 {
    left: 34px;
    bottom: 99px;
    transform: rotate(24deg);
}

.divdynamictemplate4_wooden {
    left: 69px;
    bottom: 108px;
    transform: rotate(24deg);
}

.cssanimatetapesh {
    -webkit-animation: cssanimatetapesh 5s 5s infinite;
    -moz-animation: cssanimatetapesh 5s 5s infinite;
    -o-animation: cssanimatetapesh 5s 5s infinite;
    animation: cssanimatetapesh 5s 5s infinite;
    position: relative;
}

@-webkit-keyframes cssanimatetapesh {
    0%, 100% {
        width: 20px;
        height: 20px;
        margin-left: 5px;
        margin-top: 7px;
        transform: rotate(0deg);
    }

    50% {
        width: 30px;
        height: 30px;
        margin-left: 0px;
        margin-top: 2px;
        transform: rotate(180deg);
    }
}

@-moz-keyframes cssanimatetapesh {
    0%, 100% {
        width: 20px;
        height: 20px;
        margin-left: 5px;
        margin-top: 7px;
        transform: rotate(0deg);
    }

    50% {
        width: 30px;
        height: 30px;
        margin-left: 0px;
        margin-top: 2px;
        transform: rotate(180deg);
    }
}

@-o-keyframes cssanimatetapesh {
    0%, 100% {
        width: 20px;
        height: 20px;
        margin-left: 5px;
        margin-top: 7px;
        transform: rotate(0deg);
    }

    50% {
        width: 30px;
        height: 30px;
        margin-left: 0px;
        margin-top: 2px;
        transform: rotate(180deg);
    }
}

@keyframes cssanimatetapesh {
    0%, 100% {
        width: 20px;
        height: 20px;
        margin-left: 5px;
        margin-top: 7px;
        transform: rotate(0deg);
    }

    50% {
        width: 30px;
        height: 30px;
        margin-left: 0px;
        margin-top: 2px;
        transform: rotate(180deg);
    }
}