body{font-family:Arial,Verdana,Helvetica;margin:0;line-height:37px;font-size:22px;color:#cacaca;padding:0;border:0;background:url(images/fon.jpg) #1d1d04 fixed no-repeat center / cover}
.karkas{max-width:1400px;margin:0 auto;background-color:#2d2d2d}
.content{min-width:250px;margin:0 auto;text-align:justify;padding:10px 35px}
.header{background-image:url(images/fonik.png);display:flex;justify-content:space-between;padding:25px 35px;user-select:none}
.header .blok1,.footer-one .blok1{max-width:550px;display:flex;margin-top:3px}
.header .blok1 img,.footer-one .blok1 img{display:block;margin-right:25px;width:142px;pointer-events:none}
.logo-size{display:block;color:#fff;line-height:25px}
.logo-size1{display:inline-block;float:none;margin-bottom:17px;margin-top:5px;letter-spacing:1.58px;font-size:23px}
.logo-size2{display:inline-block;float:none;font-size:30px;font-weight:700;color:#fff88e;margin-bottom:13px;border-bottom:2px solid #fff3b3;padding-bottom:10px;letter-spacing:-.88px}
.logo-size3{display:inline-block;float:none;color:#fff;font-size:12px;margin-bottom:1px;letter-spacing:-.1px}
.logo-size4{display:inline-block;float:none;color:#fff;font-size:12px;margin-bottom:2px;letter-spacing:-.53px}
.logo-size5{display:inline-block;float:none;color:#fffea5;font-size:13px;letter-spacing:-.8px}
.header .blok2,.footer-one .blok2{max-width:480px}
.header .blok2 ul,.footer-one .blok2 ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:end;margin:0;padding:0}
.header .blok2 ul li a,.footer-one .blok2 ul li a{display:block;color:#000;background:linear-gradient(to bottom,#c9c9c9 0%,#f6f6f6 2%,#c4c5c7 98%,#757577 100%);padding:3px 5px 3px 13px;font-size:16px;text-decoration:none}
.header .blok2 .activmenu,.footer-one .blok2 .activmenu{color:#fff;background:#00b90f}
.header .blok2 ul li a:hover,.footer-one .blok2 ul li a:hover{background:#c1bf03;color:#fff}
.header .blok2 ul li,.footer-one .blok2 ul li{width:145px;line-height:33px;margin:4px}
.header .blok2 .fa,.footer-one .blok2 .fa{margin-right:10px}
h1{display:table;font-size:28px;font-weight:700;text-align:center;color:#333;max-width:1200px;position:relative;min-height:38px;background-color:#e4ff64;margin:35px auto 40px auto;padding:10px 15px 10px 35px}
h1::before{content:'';position:absolute;top:54%;left:-7px;width:36px;height:53px;margin-top:-26px;background:url(images/flag.png) center no-repeat}
h1 .fa{margin-right:5px}
h2,h3,h4,h5,h6{display:block;color:#fff781;margin:15px auto;font-size:28px;font-weight:700;text-align:center;padding:22px 15px;background-image:url(images/fonik.png)}
h2 .fa,h3 .fa,h4 .fa,h5 .fa,h6 .fa,.zagolovok .fa{margin-right:10px}
.zagolovok{display:block;color:#fff998;margin:15px auto;font-size:24px;font-weight:700;text-align:center}
.img-right{max-width:400px;padding:2px;background-color:#fff;box-shadow:0 0 5px #f4ffd8;margin:20px 1px 20px 35px;box-sizing:border-box;pointer-events:none;float:right}
.img-left{max-width:400px;padding:2px;background-color:#fff;box-shadow:0 0 5px #f4ffd8;margin:20px 35px 20px 1px;box-sizing:border-box;pointer-events:none;float:left}
.img-first{display:block;max-width:100%;margin:50px auto}
p a, .content ul li a{color:#69ff4a;text-decoration:none;font-weight:700}
p a:hover, .content ul li a:hover{border-bottom:2px solid #69ff4a}
p b,ul li b,ol li b{color:#fff}
.content p{text-indent:1.25em}
.content ul li, .content ol li{margin:15px 0 15px 10px}
blockquote{max-width:90%;border-left:4px solid #e4ff64;border-radius:4px;padding:15px 20px;margin:30px auto;text-align:center;background:#004d29;color:#fff}
.footer{background-image:url(images/fonik.png);margin-top:10px;padding:30px 35px 25px}
.footer-one{display:flex;justify-content:space-between;user-select:none}
.podval{display:flex;justify-content:space-between;margin-top:70px}
.podval .block1{max-width:28%}
.podval .block1 .knopki{display:flex}
.podval .block1 .knopki img{margin:0 7px;border-radius:5px;border:1px solid #727171;width:37px;transition:all .5s ease;opacity:80%}
.podval .block1 .knopki img:hover{cursor:pointer;border-radius:50%;transform:rotate(360deg)}
.podval .block1 .site{display:block;font-size:18px;font-weight:700;color:#b5b088;padding:3px 5px;margin-top:30px;line-height:31px;transition:background-color .5s .3s linear}
.podval .block1 .site:hover{background-color:#444133}
.podval .block1 .site .fa{margin-right:7px}
.podval .block2{max-width:40%;text-align:center}
.podval .block2 img{max-width:334px;pointer-events:none;opacity:70%}
.podval .block3{max-width:32%;text-align:right}
.podval .block3 .knopki{display:flex;justify-content:right}
.podval .block3 .knopki img{margin:0 7px;border-radius:5px;border:1px solid #727171;width:37px;transition:all .5s ease;opacity:80%}
.podval .block3 .knopki img:hover{cursor:pointer;border-radius:50%;transform:rotate(360deg)}
.podval .block3 .copy{display:block;margin-top:30px;font-size:18px;color:#b5b088;line-height:31px}
.header .blok1 .language{list-style:none;display:flex;flex-wrap:wrap;justify-content:end;margin:0;padding:0}
.header .blok1 .language a{display:block;color:#fff;background-color:#0064ff;padding:1px 3px 1px 8px;font-size:16px;border-radius:4px;text-decoration:none}
.header .blok1 .language a:hover{background:#c1bf03;color:#fff}
.header .blok1 .language{display:block;width:115px;margin-top:8px}
.header .blok1 .fa,.footer .footer-one .blok1 .fa{margin-right:10px}
.favicon-lang{display:flex;flex-direction:column;z-index:1}
.favicon-lang a{text-decoration:none;transition:all .3s}
.favicon-lang .lang-menu{position:relative;font-size:16px;width:117px;border-radius:4px;padding:1px 3px 1px 10px;margin-top:5px;line-height:33px;border:1px solid #0064ff}
.favicon-lang .lang-menu:hover{background-color:#0064ff}
.favicon-lang .lang-current{position:relative;display:inline-block;padding-right:30px;color:#fff}
.favicon-lang .lang-current::after{content:"▼";position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:15px;color:#fff;pointer-events:none;transition:color 0.2s,content .2s}
.favicon-lang .lang-toggle-checkbox{display:none}
.favicon-lang .lang-list{position:absolute;width:170px;display:none;left:0;background-color:#4f7bff;margin-top:2px;border-radius:3px;overflow:hidden;max-height:300px;overflow-y:auto;list-style:none;padding:0}
.footer-one .blok1 .favicon-lang .lang-list{bottom:100%;margin-bottom:2px}
.favicon-lang .lang-list li{border-top:1px solid #aeb0a1}
.favicon-lang .lang-list a{display:block;color:#000;background-color:#c9c9c9;padding:6px 15px 6px 15px;font-size:16px;transition:all .2s}
.favicon-lang .lang-list a:hover{background-color:#00b90f;color:#fff}
.favicon-lang .lang-toggle-btn{display:none;color:#fff;cursor:pointer}
.favicon-lang .lang-toggle-btn i{position:absolute;left:0;top:50%;transform:translateY(-50%)}
.favicon-lang .lang-toggle-btn::after{content:"▼";position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:15px;color:#454547;pointer-events:none}
.favicon-lang .lang-toggle-checkbox:checked ~ .lang-menu .lang-toggle-btn::after,.favicon-lang .lang-current:hover::after,.favicon-lang .lang-list:hover ~ .lang-current::after{content:"▲";color:#fff}
.favicon-lang .lang-menu:hover .lang-list,.favicon-lang .lang-current:focus + .lang-list{display:block}
.audio{max-width:90%;margin:20px auto;border-bottom:1px dashed #566445;padding:5px 20px 30px}
.audio span{display:block;margin-bottom:5px;color:#77bb6d}
.audio audio{display:block;width:100%}
.video-block{max-width:80%;margin:30px auto;position:relative;padding-bottom:45%;height:0;overflow:hidden}
.video-youtube{position:absolute;top:0;left:0;width:100%;height:100%;border:none}
.stcard-container{display:flex;justify-content:space-evenly;flex-wrap:wrap;margin:20px 0}
.stcard{display:flex;flex-direction:column;padding:12px 12px 15px;box-shadow:0 1px 5px rgba(30, 30, 30, 0.3), 0 0 30px rgba(0, 223, 56, 0.25) inset;border:1px dashed #9d9d75;border-radius:6px;width:270px;align-self:center;margin:10px 10px 20px;overflow:hidden}
.stcard:hover{box-shadow:0 1px 5px rgba(30, 30, 30, 0.3), 0 0 30px rgba(0, 223, 56, 0.25)}
.stcard img{width:100px;display:block;margin:0 auto;transition:transform .4s ease}
.stcard:hover img{transform:scale(1.07)}
.stcard .stcard-title{margin:5px 10px;font-weight:700;color:#fff781;text-align:center}
.stcard .stcard-title i.fa{margin-right:10px}
.stcard span{margin:3px 0px 3px 40px}
.stcard span .fa{margin-right:10px;color:#a49d38}
.stcard span a{color:#ffcb00;text-decoration:none;padding:2px 12px 5px 12px;background-color:#445106;display:inline-block;border-radius:5px;font-size:25px;margin:15px 0 5px 1px}
.stcard span a:hover{color:#08ff00;text-decoration:underline}
.payment-thanks{display:flex;justify-content:space-evenly;flex-wrap:wrap;margin:20px 0}
.payment{display:flex;flex-direction:column;padding:20px 15px 15px 15px;box-shadow:0 1px 5px rgba(30, 30, 30, 0.3), 0 0 30px rgba(0, 223, 56, 0.25) inset;border:1px dashed #9d9d75;border-radius:6px;width:290px;align-self:center;margin:10px 10px 20px;overflow:hidden}
.payment:hover{box-shadow:0 1px 5px rgba(30, 30, 30, 0.3), 0 0 30px rgba(0, 223, 56, 0.25)}
.payment img{width:200px;display:block;margin:0 auto;padding:3px;background-color:#3e861e;border-radius:15px;transition:transform .4s ease}
.payment:hover img{transform:scale(1.03)}
.payment .payment-title{margin:15px auto 0px auto;font-weight:700;color:#fff781;text-align:center}
.payment .payment-title i.fa{margin-right:5px}
.payment span{font-size:18px;text-align:center}
.payment a{text-decoration:none;color:#76c65f;font-size:16px;text-align:center}
.payment a:hover{text-decoration:underline}
.crypto-payment{display:flex;justify-content:space-evenly;flex-wrap:wrap;margin:20px 0}
.crypto{display:flex;flex-direction:column;padding:20px 15px 15px 15px;box-shadow:0 1px 5px rgba(30, 30, 30, 0.3), 0 0 30px rgba(0, 223, 56, 0.25) inset;border:1px dashed #9d9d75;border-radius:6px;width:290px;align-self:center;margin:10px 10px 20px;overflow:hidden}
.crypto:hover{box-shadow:0 1px 5px rgba(30, 30, 30, 0.3), 0 0 30px rgba(0, 223, 56, 0.25)}
.crypto img{width:200px;display:block;margin:0 auto;transition:transform .4s ease}
.crypto:hover img{transform:scale(1.03)}
.crypto .crypto-title{margin:15px auto 0px auto;font-weight:700;color:#fff781;text-align:center}
.crypto .crypto-title i.fa{margin-right:5px}
.crypto textarea{font-family:monospace;padding:8px;font-size:20px;margin:15px auto;text-align:center;cursor:pointer;background-color:#d2eea8;resize: none;border:1px solid #2c9716;border-radius:7px;height:auto;min-height:50px}
#scroll-percentage{display:none}
#percentage-value{box-sizing:content-box;position:fixed;bottom:15px;left:15px;height:45px;width:45px;color:#464229;background-color:#CCCAAD;text-align:center;line-height:45px;border-radius:50%;border:3px solid #464229;font-size:16px;font-weight:700;z-index:1;box-shadow:0 4px 10px #bbb38833 0 16px 20px #71935b33 inset}
.upbtn{z-index:1;width:45px;height:45px;color:#464229;position:fixed;bottom:15px;right:15px;cursor:pointer;border:3px solid #464229;border-radius:50%;transform:scale(0);transition:all .7s ease-in-out;background-position:center center;background-repeat:no-repeat;background-color:#B7B59C}
.upbtn::after{content:"";position:absolute;top:47%;left:50%;transform:translate(-50%,-50%);width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:20px solid #464229}
.upbtn:hover{transform:scale(1.1)!important}

@media (max-width:1500px){.karkas{max-width:1300px}}
@media (max-width:1400px){.karkas{max-width:1200px}}
@media (max-width:1300px){.karkas{max-width:1100px}}
@media (max-width:1080px){
body{background-image:none;background-color:#1d1d04}
.header,.footer-one{flex-direction:column}
.header .blok1,.footer .footer-one .blok1{margin:0 auto 25px auto}
.header .blok2,.footer .footer-one .blok2{max-width:1050px;margin:0 auto}
.header .blok2 ul,.footer .footer-one .blok2 ul{justify-content:center}
.img-left,.img-right{max-width:350px}
.favicon-lang .lang-current{display:none}
.favicon-lang .lang-toggle-btn{display:block;position:relative;font-weight:700;padding-left:24px}
.favicon-lang .lang-toggle-btn::after{color:#fff;right:7px;transition:color 0.2s,content .2s}
.favicon-lang .lang-toggle-checkbox:checked ~ .lang-menu .lang-list,.favicon-lang .lang-toggle-btn:focus + .lang-list{display:block!important}
}
@media (max-width:1000px){
.video-block{max-width:90%;padding-bottom:50.5%}
.podval{margin-top:35px;flex-direction:column}
.podval .block1{display:flex;flex-direction:column-reverse;max-width:100%;text-align:center;margin:0 auto 5px}
.podval .block1 .site{margin:0 0 20px}
.podval .block1 .knopki{margin:0 auto}
.podval .block2{max-width:100%;margin:0 auto 20px}
.podval .block3{max-width:100%;text-align:center;margin:10px auto 0}
.podval .block3 .knopki{justify-content:center;margin:0 auto}
}
@media (max-width: 800px) {
.header,.footer,.content{padding-left:20px;padding-right:20px}
.video-block{max-width:100%;padding-bottom:56.25%}
.audio{max-width:100%;padding:5px 0 25px}
blockquote{max-width:100%}
.img-left,.img-right{display:block;max-width:400px;margin:20px auto;float:none}
}
@media (max-width: 640px) {
.header,.footer,.content{padding-left:17px;padding-right:17px}
body{line-height:32px;font-size:20px}
h1{font-size:25px}
h2,h3,h4,h5,h6{font-size:25px;padding:17px 15px;margin:5px auto}
.zagolovok{font-size:23px}
.stcard span a{font-size:23px}
}
@media (max-width: 580px) {
.header .blok1,.footer .footer-one .blok1{flex-direction:column}
.favicon-lang{margin:0 auto 15px auto}
.logo-size{text-align:center}
}
@media (max-width: 500px) {
h1,h2,h3,h4,h5,h6{font-size:23px}
.zagolovok{font-size:21px}
body{font-size:19px;line-height:31px}
.img-left,.img-right{max-width:350px}
.content ul li, .content ol li{margin:15px 0}
.header,.footer,.content{padding-left:15px;padding-right:15px}
.stcard span a{font-size:22px}
}
@media (max-width: 400px) {
.header,.footer,.content{padding-left:10px;padding-right:10px}
h1{margin:20px auto 40px 10px;font-size:20px}
h2,h3,h4,h5,h6{padding:15px 10px;margin:0 auto;font-size:20px}
.zagolovok{font-size:19px}
body{font-size:18px;line-height:29px}
.img-left,.img-right{max-width:300px}
blockquote{padding:15px;margin:20px auto}
.logo-size1{font-size:19px;letter-spacing:1.3px;margin-bottom:11px}
.logo-size2{font-size:25px;margin-bottom:9px}
.logo-size3{font-size:11px;letter-spacing:-.7px}
.logo-size4{font-size:11px;letter-spacing:-1.05px}
.logo-size5{font-size:11px}
.stcard, .payment, .crypto{max-width:250px}
.stcard span a{font-size:20px}
.content ul, .content ol{padding-left:30px}
.podval .block1 .site,.podval .block3 .copy{font-size:16px;line-height:30px}
.podval .block1 .knopki img,.podval .block3 .knopki img{margin:0 6px}
}
@media (max-width: 350px) {.img-left,.img-right{max-width:250px}}