* {
    margin: 0;outline: none;
    padding: 0;    -webkit-print-color-adjust: exact;
    box-sizing: border-box;  }
html * {
    -webkit-print-color-adjust: exact;
    box-sizing: border-box;

}
html {height: 100%; overflow-x:hidden}

body {
    font-family: 'Roboto', sans-serif;
    color: #000;
    font-size: 16px;
}

a {color:#000;outline: none;text-decoration:none ;-webkit-transition:all 0.4s ease;
    -moz-transition:all 0.4s ease;
    -ms-transition:all 0.4s ease;
    -o-transition:all 0.4s ease;
    transition:all 0.4s ease;
}
a:hover { text-decoration:none;color:#eee;
}
img { border: none;
}
input[type="submit"] {cursor: pointer;}
p { padding:0px;}
input, button {outline:none; border:none;-webkit-transition:all 0.4s ease;
    -moz-transition:all 0.4s ease;
    -ms-transition:all 0.4s ease;
    -o-transition:all 0.4s ease;
    transition:all 0.4s ease;}

.main {
    background: url(../images/header-bg.png) 0% 0% / cover no-repeat fixed rgb(255, 255, 255);
    background-position: 50% 0;
    color: #333;
    font-size: 16px;
}
.main_index {background: url(../images/header-bg.png)center top no-repeat; padding-bottom: 0px; height: 869px;}
.after_header {height: 600px;}

.steps {
    background: url(../images/steps.png) center top no-repeat;
    height: 411px;
    margin-top: 562px;
}
.about {
    background: url(../images/about.jpg) center top no-repeat;
    height: 408px;
    margin-top: 230px;
}
.actions {
    background: url(../images/action-bg.png) center top no-repeat;
    height: 629px;
    margin-top: 24px;
}

.registrations {
    background: url(../images/registration-bg.jpg) center top repeat;
    height: 193px;
    margin-top: 124px;
}
.middle {background: url(../images/middle1.png)center top no-repeat; height: 1242px;}
.bottom {background: url(../images/bottom-bg.png)center top no-repeat; height: 1129px;}

.navs {height: 62px; border-radius: 12px; background: rgba(0,0,0,0.8);}
.navs-small {height: 62px; border-radius: 12px; background: rgba(0,0,0,0.8);padding-top: 3px;}
.navs-small {text-align: center;}
.navs {text-align: center;line-height: 62px;}
.navs ul li {list-style: none;display: inline-block;vertical-align: middle;line-height: 62px;}
.navs-small ul li {list-style: none;display: inline-block;vertical-align: middle; }
.navs ul li a {font-size: 16px;text-transform: uppercase;color: #fff;padding: 0 20px;letter-spacing: 0.40px;font-weight: 700;display: block;margin-bottom: 4px;}
.navs-small ul li a {font-size: 12px;text-transform: uppercase; color: #fff;font-weight: 700;display: block;margin-top: 2px;}
.navs ul li a:hover {color: #fff; background: #1ab66d;}
.navs-small ul li a:hover {color: #1ab66d;}

.navs-main {height: 62px;}
.navs-main {text-align: center;line-height: 62px;}
.navs-main ul li {list-style: none;display: inline-block;vertical-align: middle;line-height: 62px;}
.navs-main ul li a {font-size: 18px;text-transform: uppercase;color: #000;padding: 0 30px;letter-spacing: 0.40px;font-weight: 700;display: block;margin-bottom: 4px;}
.navs-main ul li a:hover {color: #fff; background: #1ab66d;}

.text-green{ color: #00ad5d !important; }

a.logo {float: left}
a.logo .name { background: linear-gradient(#a5f781, #fff);  /* подробнее про градиенты */
    -webkit-background-clip: text;  /* подробнее про background-clip */
    color: transparent;font-size: 42px;font-weight: 900;text-transform: uppercase;margin-bottom: -15px}
a.logo .slogon {font-size: 13px;color: #fff;letter-spacing: 0.40px;font-weight: 500;font-size: 18px}

.fast {float: right;margin-top: 10px}
.fast .btn {padding: 15px 30px;border-radius: 3px;color: #fff;letter-spacing: 0.20px;font-size: 18px;text-align: center;font-weight: 500;margin: 0 10px}
.fast .btn1 {background: #859918}
.fast .btn1:hover {background: #a5bf16}

.fast .btn2 {background: #369488}
.fast .btn2:hover {background: #37c9b6}


.fast .btn3 {background: #859918}
.fast .btn3:hover {background: #a5bf16}

.fast .btn4 {background: #cd234f}
.fast .btn4:hover {background: #ef144c}

.sfera1 {
    width: 316px;
    height: 303px;
    background: url(../images/sfera1.png) no-repeat center;
    text-align: center;
    background-size: contain;
    font-size: 16px;
    float: left;
}
.sfera2 {
       width: 316px;
       height: 303px;
       background: url(../images/sfera2.png) no-repeat center;
       text-align: center;
       background-size: contain;
       font-size: 16px;
       float: right;
   }
.sfera1,.sfera2 {margin-top: 100px}

.sfera1 span {display: block;text-align: center;font-weight: 900;font-size: 21px}
.sfera1 p {padding-top: 105px;text-shadow: 1px 1px #000}

.sfera2 span {display: block;text-align: center;font-weight: 900;font-size: 21px}
.sfera2 p {padding-top: 85px;text-shadow: 1px 1px #000}


a.name {
    width: 364px;
    height: 351px;
    display: block;
    margin: 160px auto;
    padding-left: 18px;
    line-height: 100px;
    text-align: center;
    font-weight: 900;
    color: #fff;
    font-size: 86px;
    letter-spacing: 0.40px;
    text-transform: uppercase;
    text-shadow: 1px 1px #000;
}
a.name small {
    font-size: 12px;
    line-height: 14px;
}

.main h1 {text-align: center;font-size: 60px;text-align: center;font-weight: 900;color: #fff;text-transform: uppercase;margin-bottom: 200px}


.title {text-align: center;font-weight: 900;font-size: 34px;color: #fff;letter-spacing: 1px;margin-bottom: 60px}
.title span {display: block;text-align: center;font-size: 19px;font-weight: normal;}

.gostep .title {color: #ffd42a}
.gostep .title span,  .shop .title span {color: #fff}

.gostep  .shag {text-align: center;font-size: 35px;color: #cdff48;font-weight: 900;padding-bottom: 30px}
.gostep  .image {text-align: center;height:90px;margin-bottom: 55px }
.gostep  .image {max-height: 90px}
.gostep .desc {color: #fff;text-align: center;font-size: 21px;line-height: 26px}
.gostep .desc span {font-weight: 900}

.gostep .brd {padding: 30px;border: 1px #438e99 solid;position: relative;}
.gostep .brd:before {content: "";width: 35px;height: 30px;position: absolute;top: 10px;left: 10px;border: 3px #eee solid;border-width: 8px 0px 0 8px}
.gostep .brd:after {content: "";width: 35px;height: 30px;position: absolute;bottom:  10px;right:  10px;border: 3px #eee solid;border-width: 0px 8px 8px 0}

.tctblckq1 {margin: 0;text-align: center;}
.tctblckq1 ul li {list-style: none;display: inline-block;vertical-align: top;margin: 0 20px;width: 490px;height: 82px;border: 2px solid #7c9a2c}
.tctblckq1 ul li div {margin: 9px 0 0 4px;}
.shop .title {color: #acff2a}

.shop {background: url(../images/tarrbg.jpg) no-repeat center top;padding-top: 30px;position: relative;}
.shop:after {content: "";width: 100%;height: 100%;background: rgba(0,0,0,.6);position: absolute;left: 0;top: 0;}

.shop * {position: relative;z-index: 99}

.shop .imgtarr {width: 192px;float: left; margin-bottom: 60px;}
.shop .desctarr {width: 46%;float: right; margin-bottom:60px;}
.shop .desctarr h4 {color: #ff0078;font-size: 28px;font-weight: 900}
.shop .desctarr .price {font-size: 24px;color: #ff3368;font-weight: 900;}
.shop .desctarr .opis {margin: 10px 0;font-size: 16px;color: #fff}
.shop .desctarr .opis .name {float: left}
.shop .desctarr .opis .value {float: right;font-weight: 900}

.shop2 .imgtarr {width: 192px;float: left; margin-top: 10px;}
.shop2 .imgtarr span {
    position: absolute;
    width: 192px;
    text-align: center;
    padding-top: 118px;
    font-size: 30px;
    font-weight: bold;
}
.imgtarr span {
    position: absolute;
    width: 192px;
    text-align: center;
    padding-top: 118px;
    font-size: 30px;
    font-weight: bold;
}
.imgmain div {
    position: absolute;
    padding-top: 162px;
    padding-left: 62px;
}
.imgmain span {
    position: relative;
    font-size: 30px;
    font-weight: bold;
    color: #0a5200;
}

.imgmain b{
    position: relative;
    text-align: left;
    font-size: 18px;
    font-weight: normal;
    color: #0a5200;
}
.imgstore {width: 192px;margin-top: 10px; text-align: center;}
.imgstore span {
    position: absolute;
    width: 192px;
    text-align: center;
    padding-top: 118px;
    font-size: 30px;
    font-weight: bold;
}

.shop2 .desctarr {width: 58%;float: right; margin-bottom:0px;}
.shop2 .desctarr h4 {color: #0a5200;font-size: 28px;font-weight: 900}
.shop2 .desctarr .price {font-size: 24px;color: #0a5200;font-weight: 900;}
.shop2 .desctarr .opis {margin: 10px 0;font-size: 16px;color: #000}
.shop2 .desctarr .opis .name {float: left}
.shop2 .desctarr .opis .value {float: right;font-weight: 900}

.actions {
    padding-top: 150px;
}

.mining {
    font-size: 18px;
}
.stat-div {
    height: 332px;
    text-align: center;
    background: url(../images/stata.png) no-repeat center top;
}
.buy-ferm {
    box-shadow: 0 0px 20px #000;
    max-width: 1920px;
    margin: auto;
    height: 358px;
    color: #fff;
    background: rgba(0,0,0,.6) no-repeat;
}

.buy {
    position: relative;
    background: url(../images/ferm-buy-bg.png) no-repeat center;
    width: 204px;
    height: 337px;
}

.stat-main {
    padding-top: 96px;
    position: relative;
    font-size: 30px;
}
.stat-sum {
    position: relative;
    font-size: 30px;
    font-weight: bold;
}
.stat-sum-action {
    position: relative;
    font-size: 18px;
    margin-top: 56px;
}
.seo {margin-top: 80px;font-size: 16px;line-height: 26px;color: #fff}
.seo .title {color: #2ae3ff}
.text-blue {color: #00e4ff !important;}




.statictext {
    box-shadow: 0 0px 20px #fff;
    padding: 20px;
    border-radius: 12px;
    border: 2px solid #00ad5d;
    margin-top: 48px;
    min-height: 600px;
    background: rgb(177, 195, 219, 0.9);
}

.statictext h3 {text-align: center;font-size: 40px;text-align: center;font-weight: 900;color: #097845;text-transform: uppercase;margin-bottom: 20px;display: block;}


.cabinet {background: url(../images/header-bg.png) 0% 0% / cover no-repeat fixed; min-height: 1000px;}
.leftfast {
    margin-top: 35px;
    width: 68%;
    float: left;
}
.leftfast .go {
    width: 237px;
    display: block;
    float: left;
    margin-right: 20px;
    border-radius: 4px;
    border: 3px #000 solid;
    background: #4f3d5a;
    padding: 15px 0 5px;
    margin-bottom: 25px;
}
.leftfast .go .icon {text-align: center;}
.leftfast .go .name {padding: 10px 0;text-align: center;font-size: 16px;color: #fff;text-transform: uppercase;}
.leftfast .go:nth-child(1):hover {background: #52a3e2}
.leftfast .go:nth-child(2):hover {background: #cd234f}
.leftfast .go:nth-child(3):hover {background: #4dada3}

.leftfast .go:nth-child(4):hover {background: #e6c13f}
.leftfast .go:nth-child(5):hover {background: #e68a3f}
.leftfast .go:nth-child(6):hover {background: #5eab19}

.balance {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
    padding: 24px 10px 24px 10px;
    border-radius: 12px;
    border: 3px #00ad5d solid;
    background: #adc1d8;
}
.ntitle {text-align: center;font-size: 19px;color: #eee;font-weight: 900;letter-spacing: 1px;margin-bottom: 15px}
.cabmenu {margin: 0px auto;text-align: center;}
.cabmenu .field-gr {display: inline-block;vertical-align: top;margin: 8px;text-transform: uppercase;}
.cabmenu .field-gr a {display: block;padding:12px 20px;border: 3px #00ad5d solid; background: rgb(0,0,0,0.9);text-align: center;text-align: center;color: #fff;border-radius: 12px}
.cabmenu .field-gr a:hover {background:#00ad5d ;border: 3px #000 solid;}

.cabmenu .field-gr-exit {display: inline-block;vertical-align: top;margin: 8px;text-transform: uppercase;}
.cabmenu .field-gr-exit a {display: block;padding:12px 20px;border: 3px #00ad5d solid; background: rgba(239, 10, 10, 0.9);text-align: center;text-align: center;color: #fff;border-radius: 12px}
.cabmenu .field-gr-exit a:hover {background:#00ad5d ;border: 3px #000 solid;}

.slot2 {text-align: center;}
.slot2 ul li {list-style: none;display: inline-block;vertical-align: top;margin: 0 10px;width: 490px;height: 82px; border-radius: 6px; border: 2px #00ad5d solid; background: #91bdc7;text-align: center;color: rgba(255,255,255,0.2);font-size:12px}
.slot55 {text-align: center;}
.slot55 ul li {list-style: none;display: inline-block;vertical-align: top;margin:40px 20px 20px 20px;padding: 10px; border-radius: 6px; border: 2px #00ad5d solid; background: #91bdc7;text-align: center;color: rgba(255,255,255,0.2);font-size:12px}
.slot56 {text-align: center;}
.slot56 ul li {list-style: none;display: inline-block;vertical-align: top;margin:-34px 20px 20px 20px;padding: 10px; border-radius: 6px; border: 2px #00ad5d solid; background: #91bdc7;text-align: center;color: rgba(255,255,255,0.2);font-size:26px}

.cabt {height: 61px;width: 423px;background: url(../images/tl1.png) no-repeat left;line-height: 61px;padding:0 20px;color: #fff;font-size: 18px;letter-spacing: 1px;text-shadow: 1px 1px #000;margin-bottom: 20px}

.itemc {border-bottom: 1px solid rgba(0,0,0,0.1);padding:15px;font-size: 18px;color: #000;margin-left: 30px}
.itemc span {float: right;font-weight: 900}

.inf {width: 100%}


.cabt2 {height: 61px;width: 423px;background: url(../images/tl2.png) no-repeat right;line-height: 61px;padding:0 20px;color: #fff;font-size: 18px;letter-spacing: 1px;text-shadow: 1px 1px #000;margin-bottom: 20px;text-align: right;float: right}


.inf2 .itemc {margin-left: 0;margin-right: 30px}

.slot4 {width: 204px;height: 304px;border: 2px #98ab19 solid;margin: 40px 0 0 45px}

.w-50 {width: 50%}
.w-48 {width: 48%}

/*
.slot55 {width: 731px;height: 94px;border: 2px #ab5019 solid;margin: 60px auto 0;}
*/


.alert-sk {
    margin: 15px auto;
    text-align: center;
    display: table;
    padding: 12px 35px;
    border: 3px #00ad5d solid;
    border-radius: 12px;
    color: #000;
    font-size: 18px;
    letter-spacing: 0.5px;
    background: rgba(255,255,255,.6);
    box-shadow: 0 16px 36px rgba(11, 4, 68, 0.7);
}

input.lg, textarea.lg {
    width: 100%;
    height: 50px;
    padding: 0 15px;
    background: none;
    border-bottom: 1px rgba(0, 0, 0, 0.4) solid;
    color: #000
}

input.lg:focus, textarea.lg:focus {border-bottom: 2px rgba(0,0,0,0.9) solid;}

textarea.lg  {border-width: 0 0 1px 0;min-height: 120px}

.tableform small {padding:3px 6px;background-color: #fff; border-radius: 6px; color: #00ad5d;display: inline;margin: 6px 0;position: relative;top: 6px}
.tableform a {color: #00ad5d;}

.tableform .button {padding:18px 35px;border-radius: 3px;color: #fff;font-size: 14px;font-weight: 900;background: #1abf7b;text-transform: uppercase;cursor: pointer;}
.tableform .button:hover {background:#10e68e}

.tableform a.rs-ps {padding:18px 35px;border-radius: 3px;color: #fff;font-size: 14px;font-weight: 900;background: #d9e610;text-transform: uppercase;cursor: pointer;margin: 0 30px}
.rs-ps:hover {background:#e5ff39}

.am {width: 100%;height: 50px;padding:0 15px;background: none;border-bottom: 1px rgba(0,0,0,0.4) solid;color: #000}

.button2 {padding:18px 35px;border-radius: 8px;color: #fff;font-size: 14px;font-weight: 900;background: #00ad5d;text-transform: uppercase;cursor: pointer;}
.button2:hover {background: #028b4c;}


.button-buy {padding:12px 35px;width: 100%;border-radius: 0px;color: #fff;font-size: 14px;font-weight: 900;background: #a47ddf;text-transform: uppercase;cursor: pointer;}
.button-buy:hover {background: #724f9d;}

.button3 {padding:12px 25px;border-radius: 14px;color: #fff; border: 2px #00ad5d solid; font-size: 14px;font-weight: 900;background: #212529;text-transform: uppercase;cursor: pointer;}
.button3:hover {background: #00ad5d;}



.alert-sk2 {margin: 15px auto;text-align: center;display: block;padding:12px 35px;border: 3px #e51480 solid;color: #fff;font-size: 18px;letter-spacing: 0.5px;background: rgba(0,0,0,.3);box-shadow: 0 16px 36px rgba(229,20,128,.60)}
.alert-sk2 a {color: #fff;font-size: 24px}


.lg2 {width: 100%;height: 45px;padding:0 15px;background: none;border-bottom: 1px rgba(0,0,0,0.4) solid;color: #050505;display: block;border-width: 0 0 1px 0; font-weight: bold;}
.lg2:focus {border-bottom: 1px rgba(255,255,255,0.7) solid;}
.lg2 option {color: #333}

.tik {padding:25px;border: 5px solid #0cdb72;margin-bottom: 40px;box-shadow: 0 13px 20px rgba(12,219,114,.3)}

.tik .aut {padding-bottom: 20px;color: #fff;font-size: 14px;float: left}
.tik .aut span {font-weight: 900;font-size: 18px}

.tik .date {float: right;font-size: 13px;padding-top: 10px}



.serfcontrol {padding: 3px 5px;font-size: 13px;color: #fff;cursor: pointer;margin: 8px 0}
.serfcontrol.play {background: green}
.serfcontrol.stop {background: red}

.scon2 {display: inline-block;vertical-align: top;   padding: 0.375rem 0.75rem;border-radius: 0.25rem;color: #fff; margin: 8px 0}

.scon2.scon2-speed-1 { background: #6d794a  }
.scon2.scon2-speed-2 { background: #7e943b  }
.scon2.scon2-speed-3 { background: #807f22  }
.scon2.scon2-speed-4 { background: #96661b  }
.scon2.scon2-speed-5 { background: #96491b  }
.scon2.scon2-speed-6 { background: #96321b  }
.scon2.scon2-speed-7 { background: red  }


.serfimghigh { border: 4px #02ab5c solid!important;box-shadow: 0 16px 26px rgba(0,0,0,.6)!important }

.pay {
    border: 4px #02ab5c solid!important;
    box-shadow: 0 16px 26px rgba(0,0,0,.6)!important;
    border-radius: 12px;
    background-color: rgb(255,255,255,0.5);
}

h5.mb-0 a{color:red; }

.statictext .card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    border: 1px solid rgba(255,255, 255, 0.325);
}


.cabinet .statictext {margin-top: 42px;min-height: auto}


.srf h5 a {color: #1e5d2e;font-size: 19px;}


.spri {  border: 2px solid rgb(0,173,93);border-radius:12px;padding:15px;background: rgba(255,255,255,0.5);}
.spri h5 {padding:10px 0;font-weight: 900;font-size: 19px}

.slot2 ul li div {margin: 9px 0 0 4px;}


.vip {position: absolute;right: 0px;top: 0px;}
.vip img {max-width: 60px;}

.serf {position: relative;}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: green!important;
}

.custom-checkbox .custom-control-input:checked:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 255, 0, 0.25)
}
.custom-checkbox .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 0, 0, 0.25)
}
.custom-checkbox .custom-control-input:active ~ .custom-control-label::before {
    background-color: #C8FFC8;
}
.custom-checkbox .custom-control-input ~ .custom-control-label::before {
    background-color: #93d493;
}

.main-text {
    color: #337255;
    font-weight: 300;
}

.col-31 {
    -ms-flex: 0 0 24%;
    flex: 0 0 24%;
    max-width: 24%;
}