Results of the CSS crunched for XEvil.Net

Let's see what we've done for XEvil.Net

CSSCruncher.com has crunched this CSS to
17.76 %Less Size! Woohooo!

Crunched CSS code:

@import 'https://fonts.googleapis.com/css?family=Roboto:300,400,400i,700&subset=cyrillic';@font-face{font-family:'PantonExlight';src:url('../fonts/Panton-ExtraLight.eot');src:url('../fonts/Panton-ExtraLight.eot?#iefix') format('embedded-opentype'), url('../fonts/Panton-ExtraLight.woff') format('woff'), url('../fonts/Panton-ExtraLight.ttf') format('truetype');font-weight:200;font-style:normal}
@font-face{font-family:'Panton';src:url('../fonts/Panton-Regular.eot');src:url('../fonts/Panton-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Panton-Regular.woff') format('woff'), url('../fonts/Panton-Regular.ttf') format('truetype');font-weight:normal;font-style:normal}
@font-face{font-family:'PantonBold';src:url('../fonts/Panton-ExtraBold.eot');src:url('../fonts/Panton-ExtraBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Panton-ExtraBold.woff') format('woff'), url('../fonts/Panton-ExtraBold.ttf') format('truetype');font-weight:800;font-style:normal}
@font-face{font-family:'PantonBlack';src:url('../fonts/Panton-Black.eot');src:url('../fonts/Panton-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/Panton-Black.woff') format('woff'), url('../fonts/Panton-Black.ttf') format('truetype');font-weight:900;font-style:normal}
*{font-family:'Roboto',sans-serif;-webkit-text-size-adjust:none;-ms-text-size-adjust:none}
body{padding:0;margin:0;background:#fff}
h1{margin:0 0 30px;padding:0;font-size:34px;text-align:left;text-transform:uppercase;font-family:"PantonBold"}
h2{margin:0 0 32px;padding:0;font-size:28px;text-align:left;text-transform:none;font-family:"Panton"}
h3{font-size:20px;text-transform:normal;line-height:24px;margin:20px 0;font-family:"Panton"}
input:focus,textarea:focus, select:focus,div,h3,button,button:active,button:focus{outline:none !important}
button::-moz-focus-inner{border:0 !important}
button{cursor:pointer;transition:all ease 0.2s}
span{padding-left:2px}
a{color:#3088b1;text-decoration:none;transition:all ease 0.2s}
a:hover{text-decoration:none}
img{border:0}
p{margin:0px;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;max-height:99999px}
hr{padding:0px}
ul{list-style:none;margin:0;padding:0}
.clear{clear:both}
.fl{float:left}
.flr{float:right}
select,input{font-family:'Roboto',sans-serif;border:#dadada 1px solid;height:34px;background:#fff;border-radius:3px;line-height:20px;font-size:14px;padding:0 10px;color:#666;box-sizing:border-box}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#aaaabc}
input:focus,textarea:focus{}
.container{min-width:960px;margin:0 auto;font-size:15px;line-height:20px;color:#000}
.head{width:100%;background:#f8f8f8;min-height:100px;box-sizing:border-box}
.head-block{position:relative;width:960px;margin:0 auto;padding:0 10px;box-sizing:border-box}
.head-block:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.logo{display:block;float:left;width:24%;min-width:220px;height:50px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANwAAABBCAMAAACNfDouAAAAM1BMVEVHcExYe5NYe5M7TFgiIiIiIiIiIiI6SlVYe5MiIiIiIiIiIiIiIiJYe5NYe5NYe5MiIiIDuHY9AAAAD3RSTlMAzqUfZ/DTDm+tTnswQe9x39oDAAADwklEQVR4Xu2abY/bIBCEwQSWF2Pn///apmrkvWTB43Y5qkg333JEFs8N7CwO5pP1I0r+/lU+FeoCuBLevl2OsZUf1FaiJ0DcH7J1AtzamIXrfTeI7/pjMN2vs82ioyDpArV9Cw07jlHkmznYnooTrMu+MxNW35vAJl/2bSacud2lbkaqSDafefiqbxPggCN+lRvOn/8PrvqG4eZvOwpg9V5jmwGHTSnCXlB3rq3J+XAm36XyW9lBS/eKb3PgcLHw3hmW84jeXPZtPBzFp6g9nJqpeyjhdYt9e9U2LsTt/tRiYEDL6ZcLUXjORoIt0jA4fur1LPe5PxYcgkvloSMr6mKXF/0zW11+G2WXCuBQlgfiFIA5CLakWrLDAXAoyxMPwJmDJmf4/totgIMxndspUMx/g9tZAA5muV9bf03mM+BQUieXQDH5ALhuyQ/tIvpBew4cp7ElGG5+tcRZDtJ7PpyJ27MJADmHs1wqkBJOL1drdahDwVkuxe20PsQntV942+EpC4tTT3kiHM5yVjEYDitNgANZjmeF4fDapmdt35baBoiWq+OXgrJbXC3xuVymtx5uZYDKhyA6L/3bn4GNPzfgsAqY00g4Y0+P5syyL4IEwYFzOexM9HBsjT01bncKOLjtghkOh62z78bp4RLou/Rw0DppHIDT7rk8Fk66U5Fxerjs51RLbF0VxingZuYci7aedYswDsDpOhT6jg4lvjCwHIPUMXAJJNRVOB96KmycsM61jbNGD8enAr1zhXo6S7MFLFcMh4sJ7pv157k2BoGMUMC5ANjGw/V/TBbGKeESYNPCYes2Agkx8O1X8IBNCSdrR2xmux4uN+K2ALZBcI5tAtGueOMsZ5gEG0VSwGHrZD+th6PQTFvn39mWfdHCYeuqME4DR6nTJmX/zrbvUQGHrRMf1XCl+6qrCLZ9q8Ph3EuQkzBOA5f7P+ZQfmN7yDrFe0tkHYng08G5gA84zPaQJQCXbqfK4un1K8/CxqnhCPx6ymyHFgCH5G8nlxKIQbVw+LoCs7EigEPyfetMZOPUcFmyBQJs+1YBHJLpWldj1zgMh9PbZ8DGRUUNJ62LljtNBVzv7F0QGxcVPZy0jo3TwqVLizLuUnEsHFvHxinhyrW3Cc626FRw0LpolHAZXbbkHJLa6li4KIxTwTlwfxssTEtD4YwFxiE4vOFWeE2CtYyFi8I4DRxIAbTt+HlBGeLSumhGO+fTarpyyybi4AjLv6QLGa19p4aj/NLO5hVdk4gvqvRtV4QiGLetP328fvQLOcdWXgTy2FUAAAAASUVORK5CYII=) no-repeat left;padding:25px 0}
.top-menu{position:relative;float:left;text-align:center;width:65%;box-sizing:border-box;padding:0 5%;margin-top:40px}
.top-menu li{display:inline-block;margin:0 2%;transition:all ease 0.1s}
.top-menu li:hover{border-bottom:#839eb0 5px solid}
.top-menu li a{display:block;padding:5px 0;font-size:15px;line-height:18px;font-weight:lighter;color:#746969}
.top-menu li a:hover{color:#839eb0;text-decoration:none}
.lang{position:relative;float:right;width:11%;text-align:right;margin-top:40px;box-sizing:border-box;border-left:#c8cccf 1px solid}
.lang-active{padding-right:25px;cursor:pointer;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAFBAMAAABhiAtlAAAAKlBMVEX///8cc7occ7occ7occ7occ7occ7occ7occ7occ7occ7occ7occ7occ7oRtID7AAAADXRSTlMACB82U3Wam7ns8Pb9lYHO3gAAACZJREFUeAFjqD3KwHq2AIgTc48yMDB437ztAKSY1y5mAAENBQYGAMB/CMTo5beaAAAAAElFTkSuQmCC) no-repeat right;opacity:1}
.lang-active:hover{opacity:0.8}
.lang-active img{border:#dddddd 1px solid}
.flag{border:#dddddd 1px solid;display:inline-block;width:34px;height:20px;background-repeat:no-repeat;padding:0;margin:0}
.lang-choice{position:absolute;top:-500px;right:0;width:460px;background:#fff;box-sizing:border-box;padding:10px;border-top:#b0cc15 5px solid;box-shadow:0px 3px 7px 0px rgba(0,0,0,0.23);z-index:10;transition:all ease 0.2s}
.lang-choice ul{position:relative;float:left;width:200px;margin:0 10px}
.lang-choice ul li{position:relative;text-align:left;border-bottom:#efefef 1px solid}
.lang-choice ul li.active:after{content:"";position:absolute;right:10px;top:16px;width:16px;height:12px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMBAMAAACZySCyAAAAJ1BMVEVHcExYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5MmrmqfAAAADHRSTlMAmm3G9BY9rYHLXTSCL8c3AAAALUlEQVR4AWOAgk4ozXQQytARwCfQBhMwSYCqCHaDqmCdsguqJdgHqoXVEEwBALo+CTISxLICAAAAAElFTkSuQmCC) no-repeat right}
.lang-choice ul li a{display:block;padding:10px;box-sizing:border-box}
.lang-choice ul li a:hover{background:#efefef}
.lang-choice ul li:last-child{border-bottom:none}
.lang-choice ul li a img,.lang-choice ul li a .flag{border:#dddddd 1px solid;margin-bottom:-5px}
.promo{width:100%;min-height:450px;box-sizing:border-box;background:url(../img/head_bg.jpg) no-repeat}
.promo-block{position:relative;margin:0 auto;width:960px;box-sizing:border-box;padding:70px 10px 60px}
.promo-block:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.promo-info{float:left;width:45%;box-sizing:border-box}
.promo-video{float:right;width:50%;padding-bottom:60px;overflow:hidden}
.promo-video iframe{width:100%;border:none}
.promo-text{color:#fff;font-size:15px;line-height:24px;margin-bottom:30px}
.promo-text p{color:#fff;margin-bottom:20px}
.promo-text p span{font-weight:bold}
.promo-button{position:relative}
.promo-button button{position:relative;background:#b0cc15;font-size:40px;color:#fff;border:none;border-radius:2px;font-family:"PantonExlight";box-sizing:border-box;width:90%;min-height:70px;overflow:hidden;padding-left:15%}
.promo-button button:before{content:"";position:absolute;top:0;left:20px;width:70px;height:60px;background:#96ab20 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAoBAMAAAD9FJxlAAAAG1BMVEVHcEzkdorrqLXx4eTnkqHsvsfv0df2///z8/MeFgipAAAAB3RSTlMABS35El2kBpr6hQAAAIFJREFUeNrtzaESgzAQhOENUIKsw+JqcVhcbRyPgM2lM93IqobH7kCApL6yv/vE7SFW9shr5c+1qktUHfQj8W5R8nWwoAVmHpx4BS6UyJrbxY3jxsHHbbqVDfv9KY0WxSdiiq4VTYO9hss7OJwNS+CYWPsgSKnJI68w+HmKWRbVFz+J3C9B/T2UJgAAAABJRU5ErkJggg==) no-repeat center;border:#c0d644 1px solid;border-top:none;border-radius:0 0 3px 3px}
.promo-button button:hover{background:#a5c00e}
.choice{position:absolute;top:70px;left:0;height:0;width:90%;padding:0 20px;box-sizing:border-box;background:#141b25;text-align:center;box-shadow:0px 3px 7px 0px rgba(0,0,0,0.23);transition:all ease 0.2s;overflow:hidden;z-index:99}
.choice h3{font-size:12px;color:#bfbfbf;margin:0;font-weight:bold;text-align:left;text-transform:uppercase}
.choice a{display:inline-block;font-size:0;box-sizing:border-box;width:95px;height:80px;background:url(../img/choice.png) no-repeat bottom;transition:none}
a.yd{background-position:10px bottom}
a.db{margin:0 5%;background-position:center bottom}
a.tr{background-position:-170px bottom}
a.yd:hover{background-position:10px top}
a.db:hover{background-position:center top}
a.tr:hover{background-position:-170px top}
.chars{padding:70px 10px}
.chars-block{position:relative;margin:0 auto;padding:0 10px;width:960px;box-sizing:border-box}
.chars-block:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.chars h1{margin:0 0 50px;padding:0;font-size:30px;text-align:center;text-transform:uppercase;font-family:"PantonBold"}
.left-chars{float:left;width:50%;box-sizing:border-box}
.right-chars{float:right;width:35%;box-sizing:border-box}
.left-chars ul li{position:relative;padding-left:50px;line-height:36px;margin-bottom:20px}
.right-chars ul li{position:relative;padding-left:50px;line-height:36px;margin-bottom:50px}
.chars ul li{color:#141b25;font-size:15px}
.chars ul li:last-child{margin-bottom:0}
.chars ul li:span{font-weight:bold}
.chars ul .nums{background:url(../img/nums_ic.png) no-repeat left}
.chars ul .type{background:url(../img/type_ic.png) no-repeat left}
.chars ul .font{background:url(../img/font_ic.png) no-repeat left}
.chars ul .lans{background:url(../img/lang_ic.png) no-repeat left}
.chars ul .math{background:url(../img/math_ic.png) no-repeat left}
.chars ul .nois{background:url(../img/nois_ic.png) no-repeat left}
.chars ul .dist{background:url(../img/dist_ic.png) no-repeat left}
.product{padding:70px 10px 0;height:630px;background:#edf0f2}
.product-block{position:relative;margin:0 auto;width:960px;box-sizing:border-box}
.product:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.product h2{text-align:center;margin:0 0 30px;padding:0;font-size:30px;text-transform:uppercase;font-family:"PantonBold"}
.product h3{text-align:center;margin:20px 0 40px;padding:0;font-size:24px;line-height:26px;text-transform:none;font-family:"Panton"}
.product h3 span{color:#1e6daa}
.ultra-product h3{margin:20px 0 0}
.only{font-size:13px;color:#df005e;font-weight:lighter;margin-bottom:19px}
.free-product{float:left;width:48%;box-sizing:border-box;background:#fff;padding:30px;text-align:center;border-radius:3px;border:#dae3e7 1px solid}
.ultra-product{float:right;width:48%;box-sizing:border-box;padding:30px;text-align:center;border-radius:3px;border:#dae3e7 1px solid;background:#dee6e9 url(../img/ultra_bg.jpg) no-repeat right}
.free-product ul{margin:0 20px}
.product ul li{position:relative;text-align:left;font-size:14px;color:#616161;padding-left:25px;margin-bottom:10px;font-weight:lighter}
.free-product ul li span{color:#bcbcbc;font-size:16px;font-weight:bold}
.ultra-product ul li span{color:#000;font-size:16px;font-weight:bold}
.free-product ul li:before{content:"";display:block;position:absolute;left:0;top:0;width:17px;height:17px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARBAMAAADJQ1rJAAAAJ1BMVEWv0TJHcEyv0TKv0TKv0TKv0TKv0TKv0TK31kTz+N/////R5Ijj77ce4QlrAAAAB3RSTlPpAHRbvQwQr4b1GwAAAHFJREFUeAFjEBQMcihwChQUYBAUZi8vL2cGsdTLQUBRgEG4HAyKBRgCIKyCBAawZHd5uQKDO5BRMWt7uQMDe3l1e+fK9nIGhvLyXTNmzQAqBIp1rgIKAcXcyytAQuUOIL097UCWAsI8hB0IexFuQbgPAEFVNvZfZgHAAAAAAElFTkSuQmCC) no-repeat}
.ultra-product ul li:before{content:"";display:block;position:absolute;left:0;top:0;width:17px;height:17px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARBAMAAADJQ1rJAAAAIVBMVEWMp7iMp7iMp7iMp7iMp7iMp7iMp7iWr7/s8fP///+8zNaolH42AAAABnRSTlMC6ltuvX+Onqs1AAAAbElEQVR42kWOPQ5FYBQFDzYgCutQqYlErVI/iiEWIGIDYgdsQGKX736aO+Uk50dSUg+NAnEOZDJ6Ap0pPkYp4mOQSowdCrXAdD5UylnW7VpJBe9xHvAzt92mzLVMQVGF7GyKwvt8w3f9i//7AzWoLcP1HAwcAAAAAElFTkSuQmCC) no-repeat}
.free-product ul li.empty:before,.ultra-product ul li.empty:before{background:none}
.product-button button,.product-button a{display:inline-block;margin:20px auto 0;border:none;border-radius:3px;font-size:18px;color:#fff;text-align:center;text-transform:uppercase;font-family:"PantonBold";padding:15px 50px}
.product-button button:hover,.product-button a:hover{opacity:0.8}
.free-but{background:#b0cc15}
.ultra-but{background:#7196af}
.info{padding:100px 10px 0}
.info-block{width:960px;margin:0 auto;color:#1b1b1b;font-size:15px;line-height:24px}
.info p{margin-bottom:20px}
.info span{font-weight:bold}
.inside{padding:50px 10px 0;min-height:400px}
.inside:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.inside h2{margin-top:40px}
.inside-block{width:960px;margin:0 auto;color:#1b1b1b;font-size:15px;line-height:24px}
.inside p{margin-bottom:20px}
.inside span{font-weight:bold}
.inside ul{position:relative;display:inline-block;margin:20px}
.inside p+ul{margin-top:0px}
.inside ul li{border-left:#7196af 4px solid;padding-left:20px;margin-bottom:5px}
.inside .e-mail{margin-bottom:14px}
.e-mail a{font-size:18px;color:#393939;text-decoration:none;font-family:"Panton";padding-bottom:5px;border-bottom:#ccc 1px dashed}
.faq{margin-bottom:30px;width:80%}
.faq-item{position:relative;background:#f2f2f2;box-sizing:border-box;margin-bottom:2px}
.faq-tit{font-size:16px;color:#1b1b1b;font-weight:bold;cursor:pointer;background:#e0e7eb;padding:10px 60px 10px 20px;border-left:#7196af 4px solid}
.faq-content{padding-top:5px;font-size:15px;color:#7a7a7a;background:#fbfafa;line-height:20px;border-left:#efefef 4px solid;padding:10px 60px 10px 20px}
.faq-tit.folded:before{content:"";position:absolute;top:15px;right:25px;display:block;width:9px;height:16px;text-align:center;box-sizing:border-box;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAQBAMAAAA2ZkhwAAAAElBMVEV3d3d3d3dHcEx3d3d3d3d3d3cK9xdfAAAABXRSTlNXfACGzw+z6qIAAAA8SURBVHgBY3BWUlJSYGAVApEKwSBSidUIRAI5QBLIAZJADpAEcgzgpEIgWFYIpDIQrEsIZEIgwjRHkMkAErYK7cLnvDwAAAAASUVORK5CYII=) no-repeat}
.faq-tit.unfolded:before{content:"";position:absolute;top:18px;right:25px;display:block;width:16px;height:9px;text-align:center;box-sizing:border-box;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJBAMAAADJBLEBAAAAElBMVEV3d3d3d3dHcEx3d3d3d3d3d3cK9xdfAAAABXRSTlNXfACHzxao2+MAAAA7SURBVAgdBcFRDcAgEAWwFzIMLLl/6BygYBJY8O9lbV7gSjUYJ3NDv6Ma4xNz05dQbRzC3H0R1EHwLPyOGwoKYHc6zgAAAABJRU5ErkJggg==) no-repeat}
.footer{margin-top:50px;width:100%;border-top:#e2e7ea 3px solid}
.footer-block,.mails-block{margin:0 auto;width:960px;padding:0 10px;box-sizing:border-box}
.mails{background:#fcfcfc;padding:20px 0}
.footer .mail{display:inline-block;width:33%}
.mails a{font-size:25px;color:#393939;text-decoration:none;font-family:"PantonExlight";padding-bottom:5px;border-bottom:#ccc 1px dashed}
div.mail:nth-child(2){text-align:center}
div.mail:nth-child(3){text-align:right}
.mails a:hover{color:#1b1b1b;border-bottom:none}
.sub{padding:20px 0}
.copy{float:left;font-size:14px;font-weight:lighter;color:#000;margin-top:12px}
.payment{float:right}
.sub:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.back-lang{display:none;position:fixed;background-color:rgba(0,0,0,0.30);bottom:0;cursor:default;left:0;right:0;top:0;z-index:1;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-ms-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}
.back-choice{display:none;position:fixed;background-color:rgba(0,0,0,0.00);bottom:0;cursor:default;left:0;right:0;top:0;z-index:1;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-ms-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}
.recall{position:fixed;width:620px;min-height:200px;left:50%;top:30%;margin-left:-310px;background:#fff url(../img/call_bg.jpg) no-repeat left bottom;z-index:100;box-sizing:border-box;padding:50px;border-radius:5px;transition:opacity .5s;visibility:hidden;opacity:0}
.mob-nav{display:none}
@media screen and (min-width:960px){.top-menu{display:block!important}
.promo-video iframe{-webkit-box-reflect:below 1px -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,1)),color-stop(0.8,transparent),to(rgba(0,0,0,0.3)))}
.promo-button{-webkit-box-reflect:below 1px -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.1)),color-stop(0.3,transparent),to(rgba(0,0,0,0.4)));z-index:1}}
@media screen and (min-width:769px) and (max-width:959px){.container{min-width:320px}
h1{text-align:center}
h2{font-size:24px;line-height:30px;text-align:center}
.main h1,main h2,.product h2{font-size:24px;line-height:24px;text-align:center}
.head-block{min-width:320px;width:100%;padding:0px 10px;box-sizing:border-box}
.promo-block, .chars-block,.product-block, .info-block,.inside-block, .footer-block,.mails-block{min-width:320px;width:100%;padding:30px 10px;box-sizing:border-box}
.mob-nav{display:block;content:"";position:absolute;width:66px;height:40px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAAAoAgMAAAA3VcRHAAAADFBMVEVHcExYe5NYe5NYe5Prbtb4AAAAA3RSTlMA5kn9UmmAAAAAK0lEQVR4AWOgIVD/jwT+NgBF5P8jAwegiD2KyAFMEUxdWEzGBCPTX6P+AgCuUvUp5cVmPgAAAABJRU5ErkJggg==) no-repeat;cursor:pointer;top:32px;right:110px}
.mob-nav.folded{background:#b0cc15 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAAAoBAMAAAC4FTHnAAAAElBMVEWwzBX////k7q/w9c+91TrT430caKqPAAAAcUlEQVR4Ae3TsQ2AMBAEwUOYAsANWHIDboEO6L8aso28cgGw0UWTvD7W3xEqT2Ztg3m3OVIhrkQQJUCcAFECxAkQJUCcAHECRAjauxBUziy6+1gQV+qCaFxHiYAYERAjQJQAUQLECRAnHNnabPq/fLQXtIkInFyDCkUAAAAASUVORK5CYII=) no-repeat}
.top-menu{position:absolute;width:100%;max-width:420px;background:#fff;border-top:#b0cc15 5px solid;box-shadow:0px 3px 7px 0px rgba(0,0,0,0.23);z-index:10;margin-top:70px;right:110px}
.top-menu li{display:block;margin:0;transition:all ease 0.1s;border-bottom:#efefef 1px solid}
.top-menu li:last-child,.top-menu li:last-child:hover{border-bottom:none}
.top-menu li a{padding:15px 0 15px 10px;font-weight:bold;text-transform:uppercase;text-align:left}
.top-menu li:hover{border-bottom:#839eb0 1px solid}
.choice{width:90%;padding:0!important}
.choice h3{margin:20px 20px 0 20px}
a.db{margin:0}
.choice a{width:32%;max-width:95px;transition:all 0.9s}
.right-chars{width:45%}
.ultra-product{background-size:cover}
.footer div.mail{display:block;width:auto;text-align:center;margin-bottom:30px}
.footer div.mail:last-child{margin-bottom:0}
.footer-block{padding:0 10px}}
@media screen and (min-width:320px) and (max-width:768px){.container{min-width:320px}
h1{text-align:center}
h2{font-size:24px;line-height:30px;text-align:center}
.main h1,main h2,.product h2{font-size:24px;line-height:24px;text-align:center}
.head-block,.promo-block, .chars-block,.product-block, .info-block,.inside-block, .footer-block,.mails-block{min-width:320px;width:100%;padding:30px 10px;box-sizing:border-box}
.chars,.product, .info,.inside{padding:20px 0}
.mails,.footer{padding:0}
.head-block{padding:0}
.logo{display:block;float:none;width:100%;min-width:220px;height:50px;background:#fff url(../img/logo.png) no-repeat center;transition:all ease 0.1s}
nav{position:relative;margin:0 20px}
.mob-nav{display:block;content:"";position:absolute;width:66px;height:40px;background:url(../img/mob_nav.png) no-repeat;cursor:pointer;top:15px;left:20px;transition:all ease 0.1s}
.mob-nav.folded{background:#b0cc15 url(../img/x.png) no-repeat}
.top-menu{position:absolute;width:100%;max-width:420px;background:#fff;border-top:#b0cc15 5px solid;box-shadow:0px 3px 7px 0px rgba(0,0,0,0.23);z-index:10;margin-top:54px}
.top-menu li{display:block;margin:0;transition:all ease 0.1s}
.top-menu li:last-child a{border-bottom:none}
.top-menu li a{padding:15px 0 15px 10px;font-weight:bold;text-transform:uppercase;border-bottom:#efefef 1px solid;text-align:left}
.lang{float:right;width:100px;text-align:right;margin:20px 40px 20px 20px;border-left:none}
.lang-choice{width:280px;max-height:300px;margin-right:-20px;overflow:scroll}
.promo{min-height:450px;background:url(../img/head_bg.jpg)}
.promo-info,.promo-video{float:none;width:100%}
.promo-button{text-align:center;width:100%;max-width:420px;margin:0 auto}
.promo-video iframe, .promo-button{-webkit-box-reflect:none}
.choice{width:100%}
.promo-button button{width:100%;transition:all 0.9s}
.promo-video{margin-top:50px;padding-bottom:50px}
.left-chars,.right-chars{float:none;width:50%;margin:0 auto;transition:all ease 0.1s}
.left-chars ul li, .right-chars ul li{line-height:18px;padding:9px 0 9px 50px;margin-bottom:20px}
.right-chars ul li{margin-top:20px}
.product{height:auto}
.free-product,.ultra-product{float:none;width:65%;background-size:cover;margin:0 auto;transition:all ease 0.1s}
.ultra-product{margin-top:30px}
.product ul li{font-size:13px}
a.yd{background-position:10px top}
a.db{background-position:center top}
a.tr{background-position:-170px top}
.faq{width:100%}
.footer div.mail{display:block;width:auto;text-align:center;margin-bottom:30px}
.footer div.mail:last-child{margin-bottom:0}
.footer-block{padding:0 10px}
.footer{margin-top:0}}
@media screen and (min-width:320px) and (max-width:450px){.promo-button button{width:100%}
.choice{width:100%;padding:0!important}
.choice h3{margin:20px 20px 0 20px}
a.db{margin:0}
.choice a{width:32%;max-width:95px;transition:all 0.9s}
.lang-choice ul{width:100%}
.left-chars,.right-chars{float:none;width:100%}
.free-product,.ultra-product{width:100%}
.product ul li{font-size:13px;text-align:center}
.product ul li span{display:block}
.free-product,.ultra-product{padding:30px 20px}
.free-product ul, .ultra-product ul{margin:0}
.copy{float:none;margin-bottom:20px;text-align:center}
.payment{float:none;text-align:center}}
div.mail a.telegram-join{padding-left:30px;background-repeat:no-repeat;background-position:0px 4px}
.e-mail a.telegram-join{padding-top:1px;padding-left:30px;background-repeat:no-repeat;background-position:0px 0px}
div.mail a.telegram-join,.e-mail a.telegram-join{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAWlBMVEVHcEwck9IeldM0qd4toNgondcupNwqn9gvpt0lm9YmnNcgltQ2reEinNkMlNYimdYdldQyquDm8PjQ4e5tvuZJq92t2vD+/v8upd0ooNo2ruK+1+qKzewAhs+k9mnBAAAADXRSTlMA7siaF4XPYus5rJL01v6j4gAAAPBJREFUeAFtkQWCxDAIRalrkErq97/mAjM7/qK8Xy/cyausrOsyq3J4o6j3O332EjUP7VH18PsH1W8v/0m/ywe72H2KN7dhsKXV4MWuiHJGWXWbQyWroTZgmOKwLOumZQGZe7U4n+OiHGh1CaUtiOsUVY56wulBDfWm+CWW4bB5QjMehHCYHt0v8z0odQ4s02h+0B7oFrS2BLymQW+tp0QMZkqogsMyHp5Ml9cd5OQbwjjSPNgtvGwAWnJ4nvHicWC2KrV/RzcQdfDmXk9QKr5DOtB3hWpPyJsnNnWuPXmjePnp7VOnDbzSFGmipN2//gMbdiFhji5KLAAAAABJRU5ErkJggg==)}
.flag-ar{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAUBAMAAAAaSvJBAAAAJ1BMVEX+GxsdGhr///8eg0YEAAAGci1dpnpZWVkNejoAXA1qamr/9fVxZWV5l+VPAAAAN0lEQVR4AWNkAAFjIA5lgACEiBKlIlBTXVBE0kAEiogShsimAvJECJt86gEDw1kUEUGQu2kuAgBIOAvLlT6QHwAAAABJRU5ErkJggg==)}
.flag-bn{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAUCAMAAADfuh9AAAAAM1BMVEUBaUsAck0Mb0n/Gzwagl//M1D/Jj4aeF3/PVIleVx1X1g4cl1AWUiSUFBMbFziK0C/TVZwiAJgAAAAiklEQVR4AY3SVxKDMAxFUVQDEm3/q01eqgEx5P5ybNy626Fu39B+VVSQBswRkUSnRHM1NDGdEJ3N+kcmy8bwl2hCIJeFqCQrBHKXqIjmR4AsXJFoiMtIBZmuSVyTuSHiHV3taKo3Pf/OxbkgMPE2gpVUBKY3tEBUBCZjmiKKm25M/V7+eHU57NuLO2QcC9Lxh7b8AAAAAElFTkSuQmCC)}
.flag-de{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAUBAMAAAAaSvJBAAAAHlBMVEX/1Br/zgD8GhwZGhoAAAD/AAD/Sw8wMDChGhqXAAAk32mNAAAALklEQVR4AWMsZ4CCPVCasfgAlCVIbRFjBnSRDgwRJZiIMe1F0hjQACOcJUhlEQCJ9AsyiaNgfQAAAABJRU5ErkJggg==)}
.flag-en{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAUCAMAAADfuh9AAAAAP1BMVEX///+AmslTbbNyi8KWtNeFos6OrNNcgb3vW1asx+H3pqPybGj0jIf3sq+71+v0lZLpEgrsKyPrODDf39/72dgV9xSCAAAAl0lEQVR4Xo3PWQ7CMAwEUO9Ouhe4/1lRWgRigkSf5ieSNY5JvIpWlcpi0R5MyFhqSLS5zGO0jN9I+NNiR+UOyDnbgneLBSFlVvUzrBzKAyB1Uw5mb2l0AxTHJWyilmma4Q9AwnC0diOs4i5qkiZiKdYvWpZ6pr6yzIAuKCPaAU0rGgFdMHUK+PGXG6ALhhmtgEpnA3T/6wlIdRe1uTF7dgAAAABJRU5ErkJggg==)}
.flag-es{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAUCAMAAADfuh9AAAAAilBMVEXtGiT//xr/+hrt3CDy/x//4hrhuXTqyhrPzjTgjijJfUPwy1TAh1n/8gDP6y7tFCL/9BqnWCTv90imYDnheiyVdWyZia2oxWPEsTb//wDtLz3uKDviHyPvLznvMzr8wyD6ugmYlCn45mT88HxlSWn/uYnErXvrBCjuHj7sFyj/8w380Qr+2CL98yQ5MVpwAAAAtklEQVR4Xo3SR4pDMQwGYMm1vN5Te5l+/+uNDdlYxiQfBsnwo4UQ7BMNAYcEUIc9BdT2k/og4Jg4EcDwSdRCYLAm4K8NEFfOuZKj76vY9zPCjR6GznKTjbDVWXbDZPi5Zbkp/cW6+3xTl/yUQo3lNM9KcZaP6PE2lUU+0hZXbW3XFddsBM2i7aMczeK/FQECg7pG0fdhfenqgP8GUvonffX9T0zDJvEV28FmSzUxH3l1Urs3ru4fw8Q0xuA7X04AAAAASUVORK5CYII=)}
.flag-fr{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAUBAMAAAAaSvJBAAAAFVBMVEXtGiI3bLP///+ov975tLdQdK3aIC+fe03eAAAAIUlEQVR4AWMIFAQCYSUQcGAAAaqJCKKJsA2sCKYL6SkCAOSgHZmURzbTAAAAAElFTkSuQmCC)}
.flag-hi{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAUCAMAAADfuh9AAAAAPFBMVEX/mDD/nz8ejhoEgQASiAf/wH+Ev3krkx//pEn///91uGr/t3Dw8fq5ueGIiMmpqNjT0+vExeVjY7Y/P6VAKvosAAAAW0lEQVR42s3PSQrAQAhEUTNPXWon979r1pbgMuQt5VOg7ImQD5OBCVuyK5J2RB2gEyVN4dBWJQDUulWJuT63W71iqvVK0+5dnZPYAMYfrdkZyTayiciWzORPyQvBfhHWDtQMbQAAAABJRU5ErkJggg==)}
.flag-id{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAUBAMAAAAaSvJBAAAAFVBMVEXOFCL////TKT3plZ/69vPniZTFAAC9U1nZAAAAI0lEQVR4AWNQggEGKBhsIgiQBgUMxjAQCgUMjoKoQGSwiQAA/AceWuWZtYwAAAAASUVORK5CYII=)}
.flag-pl{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAUBAMAAAAaSvJBAAAAG1BMVEXhMFT////cFDzvkKPeH0XZGi/VABf99PXsg5aCRTnTAAAAK0lEQVR4AWMQRAcMhWgC4gMsYowGLBhCYSANChjgQAkCVAZURAkh4gIBDgAPMCGZTHTLkwAAAABJRU5ErkJggg==)}
.flag-pt{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAUCAMAAADfuh9AAAAAwFBMVEX8BQP/Ghz+Hx/uZB7tjx7bqBfmsRzyoR/+AAPdwxn4Ghozmh4clx3NtBx2oR4ukh0pmR7+dR/aSxPrGh6qyR//yyHtyCDxSx61rB/naAb6TBL1MRwakR38vbNEmPzhigjl8BHseB8znR7udwauzv2Qr+42mh7/BgLBQB2Wfh7////G8f/6SEr98xfZfCFRlh73tSDQo7v/aVjprYeLtB9KVB3y/Pz/sERbePQapx41ox7jCwgwiCGWcqvJwCF/XR5EgwNEAAABA0lEQVR4Xp3SxYrFQBAF0HaJustTd5fR//+rCQQCj042c9eHpqpvga8Pvc1rCRFC4C2Lz5bMdaOoCYS9ZG4UVkIZJzkUKmmEHchrEGIejYRQSCOo+3tbYd/3ZFoblTiOJHsXIqJpfGTWRiWFtWM4254f260bUwm6SMKohtab57qEuTfIVOLY5g/X0H0zu5cwTulEJcbhGK7I41nNqm+O6XAihPoKNVfYnU5n05OLPTbpmsW8HjRYbqr1GeJB1yy6YR0DD+LL6ZJp+13nRo7NQhpzBF2CWTOK+ru1sW7L3PfJMAWip6PEtIIIE1l31N+0KaOm6X/eS5Nx79WN2zRk8RYA/gCTti3LKBw04wAAAABJRU5ErkJggg==)}
.flag-ru{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAUCAMAAADfuh9AAAAAb1BMVEX///8pZafeMz0RVJ3aHCcaV5/7/P3uLzQvZKMdaa49dK/PN0UDWKX6/P0XUpkARJQnZKbsFx3KIDDgBBHfGiQARZkaU5/7+/0ASqMgUZsYVqMwY6jOCRzwGhoANJD6+/30AAUHQ5XPHi4aVqgaQpb+UJXTAAAAS0lEQVR4XtXKtQ3AQAADQIeZmXH/GVPbA7yUqw8/M/gqYweWWJVsxuupgu3oLeWwzlx5IpWyEVOocnbhTlTNVmyBqtiJ1lYua4yVD8+pDzXCAhp0AAAAAElFTkSuQmCC)}
.flag-zh{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAUBAMAAAAaSvJBAAAAFVBMVEXuGyTySE7xQFD0aUn3jUP7zTj/9zFNYeZoAAAAYElEQVR4AcXK0Q1AQBAGYS3MSrz/q4KDBnAVEBWI/kvwJPYowDx+mQoAB6o7EMwqJKHNo2h1qIPUy9Fj2R5p93OVDeGx5uzAFWTME+XTtwnPQTATiSiANr2E+SPOW/hJLq0VEhD4MmCXAAAAAElFTkSuQmCC)}
.alert.is-success{background:rgba(32,188,113,.07);border-color:rgba(32,188,113,.3);color:#20bc71}
.alert.is-error{background:rgba(238,36,85,.07);border-color:rgba(238,36,85,.3);color:#ee2455}
.alert{font-size:.9375em;font-weight:500;background:#fff;color:#111113;padding:16px 32px 16px 16px;box-shadow:none;border:1px solid rgba(17,17,19,.1);border-top-color:rgba(17,17,19,0.1);border-right-color:rgba(17,17,19,0.1);border-bottom-color:rgba(17,17,19,0.1);border-left-color:rgba(17,17,19,0.1);border-radius:4px;position:relative;margin-bottom:16px}
.alert,.message,.tabs{text-transform:none}
.alert,.message{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.form-item{margin-bottom:16px}
input:focus,textarea:focus,select:focus,div,h3,button,button:active,button:focus{outline:none !important}
label{color:#111113;margin-bottom:4px}
form .is-desc,label,label .is-desc,label .is-error,label .is-success,label .is-warning,label.is-checkbox{font-weight:400;text-transform:none}
input,label,select,textarea{display:block;font-size:.9375em}
input,select,textarea{width:100%;font-family:inherit;vertical-align:middle;font-weight:400;height:2.66667em;background-color:#fff;border:1px solid rgba(17,17,19,.1);border-radius:4px;box-shadow:none;padding:0 8px;color:rgba(17,17,19,.8)}
input,label,select,textarea{display:block;font-size:.9375em}
select,input{font-family:'Roboto',sans-serif;border:#dadada 1px solid;height:34px;background:#fff;background-color:rgb(255,255,255);border-radius:3px;line-height:20px;font-size:14px;padding:0 10px;color:#666;box-sizing:border-box}
.breadcrumb,.form-item.is-buttons,.is-append,.is-prepend{display:flex}
form .is-req{position:relative;top:1px;font-size:1rem;font-weight:700;color:#ee2455}
fieldset,form{margin-bottom:16px}
.form-item.is-buttons .button,.form-item.is-buttons button{margin-right:8px}
.button,.button:active,.button:focus{-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;text-align:center;font-family:inherit;font-size:.9375em;font-weight:500;text-decoration:none;text-transform:none;color:rgba(255,255,255,.95);background:#0c3dd7;border-radius:4px;border:0 solid transparent;min-height:2.66667em;padding:.5em 1.6em;box-shadow:none;cursor:pointer;line-height:1.2}
[type="submit"],button{-webkit-appearance:button}
button{cursor:pointer;transition:all ease 0.2s}
.form-item.is-buttons button + .button.is-tertiary{margin-left:8px}
.form-item.is-buttons .button,.form-item.is-buttons button{margin-right:8px}
.button.is-tertiary{color:#0c3dd7;background:0 0;border-radius:4px;border:0 solid transparent;padding:.5em 0}
.button.is-secondary,.button.is-tertiary{font-size:.9375em;font-weight:500;text-decoration:none;text-transform:none;min-height:2.66667em;box-shadow:none}

» Show original CSS code

« Hide original CSS code

@import 'https://fonts.googleapis.com/css?family=Roboto:300,400,400i,700&subset=cyrillic';

@font-face {
	font-family: 'PantonExlight';
	src: url('../fonts/Panton-ExtraLight.eot');
	src: url('../fonts/Panton-ExtraLight.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Panton-ExtraLight.woff') format('woff'),
		url('../fonts/Panton-ExtraLight.ttf') format('truetype');
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: 'Panton';
	src: url('../fonts/Panton-Regular.eot');
	src: url('../fonts/Panton-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Panton-Regular.woff') format('woff'),
		url('../fonts/Panton-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'PantonBold';
	src: url('../fonts/Panton-ExtraBold.eot');
	src: url('../fonts/Panton-ExtraBold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Panton-ExtraBold.woff') format('woff'),
		url('../fonts/Panton-ExtraBold.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
}

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

* {
	font-family: 'Roboto', sans-serif;
	-webkit-text-size-adjust:none;
	-ms-text-size-adjust:none;
}

body {
	padding:0; 
	margin:0;
	background:#fff;
}

h1 {
    margin: 0 0 30px;
    padding: 0;
    font-size: 34px;
    text-align: left;
    text-transform: uppercase;
    font-family: "PantonBold";
}

h2 {
    margin: 0 0 32px;
    padding: 0;
    font-size: 28px;
    text-align: left;
    text-transform:none;
    font-family: "Panton";
}

h3 {
	font-size:20px;
	text-transform:normal;
	line-height:24px;
	margin:20px 0;
    font-family: "Panton";
}
input:focus, textarea:focus, 
select:focus, div, h3, button, button:active, button:focus{
	outline:none !important;
}
button::-moz-focus-inner {
  border: 0 !important;
}
button {
	cursor:pointer;
	transition: all ease 0.2s;
}
span {	
	padding-left:2px;
}
a {
	color:#3088b1;
	text-decoration:none;
	transition: all ease 0.2s;
}
a:hover {
	text-decoration: none;	
}
img {
	border:0;
}
p {
	margin:0px;
	-webkit-text-size-adjust:none;
	-ms-text-size-adjust:none;
	max-height:99999px;
}
hr{
	padding:0px;
}
ul    {
	list-style:none; 
	margin:0; 
	padding:0;
}

.clear{
	clear:both;
}
.fl{
	float:left;
}
.flr{
	float:right;
}
select, input {
	font-family: 'Roboto', sans-serif;
    border:#dadada 1px solid ;
    height: 34px;
    background:#fff;
	border-radius:3px;
	line-height:20px;
	font-size:14px;
	padding:0 10px;
	color:#666;
	box-sizing:border-box;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color:#aaaabc;
}
input:focus, textarea:focus  {
}

.container {
	min-width:960px;
	margin:0 auto;
	font-size:15px;
	line-height:20px;
	color:#000;
}
/************** head **************************/
.head {
	width:100%;
	background:#f8f8f8;
	min-height:100px;
	box-sizing:border-box;
}
.head-block {
	position:relative;
	width:960px;
	margin:0 auto;
	padding:0 10px;
	box-sizing:border-box;
}
.head-block:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.logo {
	display:block;
	float:left;
	width:24%;
	min-width:220px;
	height:50px;
	/*background: url(../img/logo.png) no-repeat left;*/
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANwAAABBCAMAAACNfDouAAAAM1BMVEVHcExYe5NYe5M7TFgiIiIiIiIiIiI6SlVYe5MiIiIiIiIiIiIiIiJYe5NYe5NYe5MiIiIDuHY9AAAAD3RSTlMAzqUfZ/DTDm+tTnswQe9x39oDAAADwklEQVR4Xu2abY/bIBCEwQSWF2Pn///apmrkvWTB43Y5qkg333JEFs8N7CwO5pP1I0r+/lU+FeoCuBLevl2OsZUf1FaiJ0DcH7J1AtzamIXrfTeI7/pjMN2vs82ioyDpArV9Cw07jlHkmznYnooTrMu+MxNW35vAJl/2bSacud2lbkaqSDafefiqbxPggCN+lRvOn/8PrvqG4eZvOwpg9V5jmwGHTSnCXlB3rq3J+XAm36XyW9lBS/eKb3PgcLHw3hmW84jeXPZtPBzFp6g9nJqpeyjhdYt9e9U2LsTt/tRiYEDL6ZcLUXjORoIt0jA4fur1LPe5PxYcgkvloSMr6mKXF/0zW11+G2WXCuBQlgfiFIA5CLakWrLDAXAoyxMPwJmDJmf4/totgIMxndspUMx/g9tZAA5muV9bf03mM+BQUieXQDH5ALhuyQ/tIvpBew4cp7ElGG5+tcRZDtJ7PpyJ27MJADmHs1wqkBJOL1drdahDwVkuxe20PsQntV942+EpC4tTT3kiHM5yVjEYDitNgANZjmeF4fDapmdt35baBoiWq+OXgrJbXC3xuVymtx5uZYDKhyA6L/3bn4GNPzfgsAqY00g4Y0+P5syyL4IEwYFzOexM9HBsjT01bncKOLjtghkOh62z78bp4RLou/Rw0DppHIDT7rk8Fk66U5Fxerjs51RLbF0VxingZuYci7aedYswDsDpOhT6jg4lvjCwHIPUMXAJJNRVOB96KmycsM61jbNGD8enAr1zhXo6S7MFLFcMh4sJ7pv157k2BoGMUMC5ANjGw/V/TBbGKeESYNPCYes2Agkx8O1X8IBNCSdrR2xmux4uN+K2ALZBcI5tAtGueOMsZ5gEG0VSwGHrZD+th6PQTFvn39mWfdHCYeuqME4DR6nTJmX/zrbvUQGHrRMf1XCl+6qrCLZ9q8Ph3EuQkzBOA5f7P+ZQfmN7yDrFe0tkHYng08G5gA84zPaQJQCXbqfK4un1K8/CxqnhCPx6ymyHFgCH5G8nlxKIQbVw+LoCs7EigEPyfetMZOPUcFmyBQJs+1YBHJLpWldj1zgMh9PbZ8DGRUUNJ62LljtNBVzv7F0QGxcVPZy0jo3TwqVLizLuUnEsHFvHxinhyrW3Cc626FRw0LpolHAZXbbkHJLa6li4KIxTwTlwfxssTEtD4YwFxiE4vOFWeE2CtYyFi8I4DRxIAbTt+HlBGeLSumhGO+fTarpyyybi4AjLv6QLGa19p4aj/NLO5hVdk4gvqvRtV4QiGLetP328fvQLOcdWXgTy2FUAAAAASUVORK5CYII=) no-repeat left;
	padding:25px 0;
}
.top-menu {
	position:relative;
	float:left;
	text-align:center;
	width:65%;
	box-sizing:border-box;
	padding:0 5%;
	margin-top:40px;
}
.top-menu li {
	display:inline-block;
	margin:0 2%;
	transition: all ease 0.1s;
}
.top-menu li:hover {
	border-bottom:#839eb0 5px solid;
}
.top-menu li a {
	display:block;
	padding:5px 0;
	font-size:15px;
	line-height:18px;
	font-weight:lighter;
	color:#746969;
}
.top-menu li a:hover {
	color:#839eb0;
	text-decoration:none;
}
.lang {
    position: relative;
    float: right;
    width: 11%;
    text-align: right;
    margin-top: 40px;
    box-sizing: border-box;
    border-left: #c8cccf 1px solid;
}
.lang-active {
	padding-right:25px;
	cursor:pointer;
	/*background:url(../img/lang_ar.png) no-repeat right;*/
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAFBAMAAABhiAtlAAAAKlBMVEX///8cc7occ7occ7occ7occ7occ7occ7occ7occ7occ7occ7occ7occ7oRtID7AAAADXRSTlMACB82U3Wam7ns8Pb9lYHO3gAAACZJREFUeAFjqD3KwHq2AIgTc48yMDB437ztAKSY1y5mAAENBQYGAMB/CMTo5beaAAAAAElFTkSuQmCC) no-repeat right;
	opacity:1;
}
.lang-active:hover {
	opacity:0.8;
}
.lang-active img {
	border:#dddddd 1px solid;
}
.flag {
	border:#dddddd 1px solid;
	display:inline-block;
	width:34px;
	height:20px;
	background-repeat: no-repeat;
	padding:0;
	margin:0;	
}

.lang-choice {
	position:absolute;
	top:-500px;
	right:0;
	width:460px;
	background:#fff;
	box-sizing:border-box;
	padding:10px;
	border-top:#b0cc15 5px solid;
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.23);
	z-index:10;
	transition: all ease 0.2s;
}
.lang-choice ul {
	position:relative;
	float:left;
	width:200px;
	margin:0 10px;
}
.lang-choice ul li {
	position:relative;
	text-align:left;
	border-bottom:#efefef 1px solid;
}
.lang-choice ul li.active:after {
	content:"";
	position:absolute;
	right:10px;
	top:16px;
	width:16px;
	height:12px;
	/*background:url(../img/tick.png) no-repeat right;*/
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMBAMAAACZySCyAAAAJ1BMVEVHcExYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5MmrmqfAAAADHRSTlMAmm3G9BY9rYHLXTSCL8c3AAAALUlEQVR4AWOAgk4ozXQQytARwCfQBhMwSYCqCHaDqmCdsguqJdgHqoXVEEwBALo+CTISxLICAAAAAElFTkSuQmCC) no-repeat right;
}
.lang-choice ul li a {
	display:block;
	padding:10px;
	box-sizing:border-box;
}
.lang-choice ul li a:hover {
	background:#efefef;
}
.lang-choice ul li:last-child {
	border-bottom:none;
}
.lang-choice ul li a img,.lang-choice ul li a .flag {
	border:#dddddd 1px solid;
	margin-bottom:-5px;
}

/************** head end **********************/

/************** promo *************************/
.promo {
	width:100%;
	min-height:450px;
	box-sizing:border-box;
	background:url(../img/head_bg.jpg) no-repeat;
	/*overflow:hidden;*/
}
.promo-block {
	position:relative;
	margin:0 auto;
	width:960px;
	box-sizing:border-box;
	padding:70px 10px 60px;
}
.promo-block:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.promo-info {
	float:left;
	width:45%;
	box-sizing:border-box;
}
.promo-video {
	float:right;
	width:50%;
	padding-bottom:60px;
	overflow:hidden;
}
.promo-video iframe {
	width:100%;
	border:none;
}
.promo-text {
	color:#fff;
	font-size:15px;
	line-height:24px;
	margin-bottom:30px;
}
.promo-text p {
	color:#fff;
	margin-bottom:20px;
}
.promo-text p span {
	font-weight:bold;
}
.promo-button {
	position:relative;
}
.promo-button button {
	position:relative;
	background:#b0cc15;
	font-size:40px;
	color:#fff;
	border:none;
	border-radius:2px;
	font-family:"PantonExlight";
	box-sizing:border-box;
	width:90%;
	min-height:70px;
	overflow:hidden;
	padding-left:15%;
}
.promo-button button:before {
	content:"";
	position:absolute;
	top:0;
	left:20px;
	width:70px;
	height:60px;
	/*background:#96ab20 url(../img/down_ar.png) no-repeat center;*/
	background:#96ab20 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAoBAMAAAD9FJxlAAAAG1BMVEVHcEzkdorrqLXx4eTnkqHsvsfv0df2///z8/MeFgipAAAAB3RSTlMABS35El2kBpr6hQAAAIFJREFUeNrtzaESgzAQhOENUIKsw+JqcVhcbRyPgM2lM93IqobH7kCApL6yv/vE7SFW9shr5c+1qktUHfQj8W5R8nWwoAVmHpx4BS6UyJrbxY3jxsHHbbqVDfv9KY0WxSdiiq4VTYO9hss7OJwNS+CYWPsgSKnJI68w+HmKWRbVFz+J3C9B/T2UJgAAAABJRU5ErkJggg==) no-repeat center;
	border:#c0d644 1px solid;
	border-top:none;
	border-radius:0 0 3px 3px;
}
.promo-button button:hover {
	background:#a5c00e;
}
.choice {
	position:absolute;
	top:70px;
	left:0;
	height:0;
	width:90%;
	padding:0 20px;
	box-sizing:border-box;
	background:#141b25;
	text-align:center;
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.23);
	transition:all ease 0.2s;
	overflow:hidden;
	z-index:99;

}
.choice h3 {
	font-size:12px;
	color:#bfbfbf;
	margin:0;
	font-weight:bold;
	text-align:left;
	text-transform:uppercase;
}
.choice a {
	display:inline-block;
	font-size:0;
	box-sizing:border-box;
	width:95px;
	height:80px;
	background: url(../img/choice.png) no-repeat bottom;
	transition:none;
}
a.yd {
	background-position:10px bottom;
}
a.db {
	margin:0 5%;
	background-position:center bottom;
}
a.tr {
	background-position:-170px bottom;
}
a.yd:hover {
	background-position:10px top;
}
a.db:hover {
	background-position:center top;
}
a.tr:hover {
	background-position:-170px top;
}

/************** promo end *********************/

/************** body **************************/
.chars {
	padding:70px 10px;
}
.chars-block {
	position:relative;
	margin:0 auto;
	padding:0 10px;
	width:960px;
	box-sizing:border-box;
}
.chars-block:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.chars h1 {
	margin:0 0 50px;
	padding:0;
	font-size:30px;
	text-align:center;
	text-transform:uppercase;
	font-family:"PantonBold";
}
.left-chars {
	float:left;
	width:50%;
	box-sizing:border-box;
}
.right-chars {
	float:right;
	width:35%;
	box-sizing:border-box;
}
.left-chars ul li {
	position:relative;
	padding-left:50px;
	line-height:36px;
	margin-bottom:20px;
}
.right-chars ul li {
	position:relative;
	padding-left:50px;
	line-height:36px;
	margin-bottom:50px;
}
.chars ul li {
	color:#141b25;
	font-size:15px;
}
.chars ul li:last-child {
	margin-bottom:0;
}
.chars ul li:span {
	font-weight:bold;
}
.chars ul .nums {
	background:url(../img/nums_ic.png) no-repeat left;
}
.chars ul .type {
	background:url(../img/type_ic.png) no-repeat left;
}
.chars ul .font {
	background:url(../img/font_ic.png) no-repeat left;
}
.chars ul .lans {
	background:url(../img/lang_ic.png) no-repeat left;
}
.chars ul .math {
	background:url(../img/math_ic.png) no-repeat left;
}
.chars ul .nois {
	background:url(../img/nois_ic.png) no-repeat left;
}
.chars ul .dist {
	background:url(../img/dist_ic.png) no-repeat left;
}

.product {
	padding:70px 10px 0;
	height:630px;
	background:#edf0f2;
}
.product-block {
	position:relative;
	margin:0 auto;
	width:960px;
	box-sizing:border-box;
}
.product:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.product h2 {
	text-align:center;
	margin:0 0 30px;
	padding:0;
	font-size:30px;
	text-transform:uppercase;
	font-family:"PantonBold";
}
.product h3 {
	text-align:center;
	margin:20px 0 40px;
	padding:0;
	font-size:24px;
	line-height:26px;
	text-transform:none;
	font-family:"Panton";
}
.product h3 span {
	color:#1e6daa;
}
.ultra-product h3 {
	margin:20px 0 0;
}
.only {
	font-size:13px;
	color:#df005e;
	font-weight:lighter;
	margin-bottom:19px;
}
.free-product {
	float:left;
	width:48%;
	box-sizing:border-box;
	background:#fff;
	padding:30px;
	text-align:center;
	border-radius:3px;
	border:#dae3e7 1px solid;
}
.ultra-product {
	float:right;
	width:48%;
	box-sizing:border-box;
	padding:30px;
	text-align:center;
	border-radius:3px;
	border:#dae3e7 1px solid;
	background:#dee6e9 url(../img/ultra_bg.jpg) no-repeat right;
}
.free-product ul {
	margin:0 20px;
}
.product ul li {
	position:relative;
	text-align:left;
	font-size:14px;
	color:#616161;
	padding-left:25px;
	margin-bottom:10px;
	font-weight:lighter;
}
.free-product ul li span {
	color:#bcbcbc;
	font-size:16px;
	font-weight:bold;
}
.ultra-product ul li span {
	color:#000;
	font-size:16px;
	font-weight:bold;
}
.free-product ul li:before {
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:17px;
	height:17px;
	/*background:url(../img/bul_gr.png) no-repeat;*/
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARBAMAAADJQ1rJAAAAJ1BMVEWv0TJHcEyv0TKv0TKv0TKv0TKv0TKv0TK31kTz+N/////R5Ijj77ce4QlrAAAAB3RSTlPpAHRbvQwQr4b1GwAAAHFJREFUeAFjEBQMcihwChQUYBAUZi8vL2cGsdTLQUBRgEG4HAyKBRgCIKyCBAawZHd5uQKDO5BRMWt7uQMDe3l1e+fK9nIGhvLyXTNmzQAqBIp1rgIKAcXcyytAQuUOIL097UCWAsI8hB0IexFuQbgPAEFVNvZfZgHAAAAAAElFTkSuQmCC) no-repeat;
}
.ultra-product ul li:before {
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:17px;
	height:17px;
	/*background:url(../img/bul_bl.png) no-repeat;*/
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARBAMAAADJQ1rJAAAAIVBMVEWMp7iMp7iMp7iMp7iMp7iMp7iMp7iWr7/s8fP///+8zNaolH42AAAABnRSTlMC6ltuvX+Onqs1AAAAbElEQVR42kWOPQ5FYBQFDzYgCutQqYlErVI/iiEWIGIDYgdsQGKX736aO+Uk50dSUg+NAnEOZDJ6Ap0pPkYp4mOQSowdCrXAdD5UylnW7VpJBe9xHvAzt92mzLVMQVGF7GyKwvt8w3f9i//7AzWoLcP1HAwcAAAAAElFTkSuQmCC) no-repeat;
}
.free-product ul li.empty:before,.ultra-product ul li.empty:before {
	background:none;
}
.product-button button,.product-button a{
	display:inline-block;
	margin:20px auto 0;
	border:none;
	border-radius:3px;
	font-size:18px;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	font-family:"PantonBold";
	padding:15px 50px;
}
.product-button button:hover,.product-button a:hover {
	opacity:0.8;
}
.free-but {
	background:#b0cc15;
}
.ultra-but {
	background:#7196af;
}

.info {
	padding:100px 10px 0;
}
.info-block {
	width:960px;
	margin:0 auto;
	color:#1b1b1b;
	font-size:15px;
	line-height:24px;
}
.info p {
	margin-bottom:20px;
}
.info span {
	font-weight:bold;
}
.inside {
	padding:50px 10px 0;
	min-height:400px;
}
.inside:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.inside h2 {
	margin-top:40px;
}
.inside-block {
	width:960px;
	margin:0 auto;
	color:#1b1b1b;
    font-size:15px;
	line-height:24px;
}
.inside p {
	margin-bottom:20px;
}
.inside span {
	font-weight:bold;
}
.inside ul {
	position:relative;
	display:inline-block;
	margin:20px;
}
.inside p+ul {
	margin-top:0px;
}
.inside ul li {
	border-left:#7196af 4px solid;
	padding-left:20px;
	margin-bottom:5px;
}
.inside .e-mail {
	margin-bottom:14px;
}
.e-mail a {
    font-size: 18px;
    color: #393939;
    text-decoration: none;
    font-family: "Panton";
    padding-bottom: 5px;
    border-bottom: #ccc 1px dashed;
}
.faq {
    margin-bottom:30px;
	width:80%;
}
.faq-item {
    position:relative;
    background:#f2f2f2;
    box-sizing:border-box;
    margin-bottom:2px;
}
.faq-tit {
    font-size:16px;
    color:#1b1b1b;
    font-weight:bold;
    cursor:pointer;
	background:#e0e7eb;
    padding:10px 60px 10px 20px;
	border-left:#7196af 4px solid;
}
.faq-content {
    padding-top:5px;
    font-size:15px;
    color:#7a7a7a;
	background:#fbfafa;
	line-height:20px;
	border-left:#efefef 4px solid;
    padding:10px 60px 10px 20px;
}
.faq-tit.folded:before {
    content:"";
    position:absolute;
    top:15px;
    right:25px;
    display:block;
    width:9px;
    height:16px;
    text-align:center;
    box-sizing:border-box;
	/*background:url(../img/ar_right.png) no-repeat;*/
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAQBAMAAAA2ZkhwAAAAElBMVEV3d3d3d3dHcEx3d3d3d3d3d3cK9xdfAAAABXRSTlNXfACGzw+z6qIAAAA8SURBVHgBY3BWUlJSYGAVApEKwSBSidUIRAI5QBLIAZJADpAEcgzgpEIgWFYIpDIQrEsIZEIgwjRHkMkAErYK7cLnvDwAAAAASUVORK5CYII=) no-repeat;
}
.faq-tit.unfolded:before {
    content:"";
    position:absolute;
    top:18px;
    right:25px;
    display:block;
    width:16px;
    height:9px;
    text-align:center;
    box-sizing:border-box;
	/*background:url(../img/ar_down.png) no-repeat;*/
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJBAMAAADJBLEBAAAAElBMVEV3d3d3d3dHcEx3d3d3d3d3d3cK9xdfAAAABXRSTlNXfACHzxao2+MAAAA7SURBVAgdBcFRDcAgEAWwFzIMLLl/6BygYBJY8O9lbV7gSjUYJ3NDv6Ma4xNz05dQbRzC3H0R1EHwLPyOGwoKYHc6zgAAAABJRU5ErkJggg==) no-repeat;

}

/************** body end **********************/

/************** footer ************************/
.footer {
	margin-top:50px;
	width:100%;
	border-top:#e2e7ea 3px solid;
}
.footer-block, .mails-block {
	margin:0 auto;
	width:960px;
	padding:0 10px;
	box-sizing:border-box;
}
.mails {
	background:#fcfcfc;
	padding:20px 0;
}
.footer .mail {
	display:inline-block;
	width:33%;
}
.mails a {
	font-size:25px;
	color:#393939;
	text-decoration:none;
	font-family:"PantonExlight";
	padding-bottom:5px;
	border-bottom:#ccc 1px dashed;
}
div.mail:nth-child(2) {
	text-align:center;
}
div.mail:nth-child(3) {
	text-align:right;
}
.mails a:hover {
	color:#1b1b1b;
	border-bottom:none;
}
.sub {
	padding:20px 0;
}
.copy {
	float:left;
	font-size:14px;
	font-weight:lighter;
	color:#000;
	margin-top:12px;
}
.payment {
	float:right;
}
.sub:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/************** footer end *******************/
/************** popup ************************/
.back-lang {
	display:none;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.30);
    bottom: 0;
    cursor: default;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1;
		-webkit-transition: opacity .5s;
		-moz-transition: opacity .5s;
		-ms-transition: opacity .5s;
		-o-transition: opacity .5s;
		transition: opacity .5s;
}
.back-choice {
	display:none;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.00);
    bottom: 0;
    cursor: default;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1;
		-webkit-transition: opacity .5s;
		-moz-transition: opacity .5s;
		-ms-transition: opacity .5s;
		-o-transition: opacity .5s;
		transition: opacity .5s;
}

.recall {
	position:fixed;
	width:620px;
	min-height:200px;
	left:50%;
	top:30%;
	margin-left:-310px;
	background:#fff url(../img/call_bg.jpg) no-repeat left bottom;
	z-index:100;
	box-sizing:border-box;
	padding:50px;
	border-radius:5px;
		transition: opacity .5s;
    visibility:hidden;
    opacity: 0;
}
.mob-nav {
	display:none;
}
/************** popup end ******************/
/************** mobile *********************/
@media screen and (min-width: 960px) {
.top-menu {
	display:block!important;
}
.promo-video iframe {
  -webkit-box-reflect: below 1px -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), color-stop(0.8, transparent), to(rgba(0,0,0,0.3)));
}
.promo-button {
    -webkit-box-reflect: below 1px -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.1)), color-stop(0.3, transparent), to(rgba(0,0,0,0.4)));
	z-index:1;
}

}
@media screen and (min-width: 769px) and (max-width:959px) {

.container {
    min-width: 320px;
}
h1 {
	text-align:center;
}
h2 {
	font-size:24px;
	line-height:30px;
	text-align:center;
}
.main h1, main h2, .product h2 {
	font-size:24px;
	line-height:24px;
	text-align:center;
}
.head-block {
	min-width:320px;
	width:100%;
	padding: 0px 10px;
	box-sizing:border-box;
}
.promo-block,
.chars-block, .product-block,
.info-block, .inside-block,
.footer-block, .mails-block {
	min-width:320px;
	width:100%;
	padding: 30px 10px;
	box-sizing:border-box;
}
.mob-nav {
    display: block;
    content: "";
    position: absolute;
    width: 66px;
    height: 40px;
    /*background: url(../img/mob_nav.png) no-repeat;*/
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAAAoAgMAAAA3VcRHAAAADFBMVEVHcExYe5NYe5NYe5Prbtb4AAAAA3RSTlMA5kn9UmmAAAAAK0lEQVR4AWOgIVD/jwT+NgBF5P8jAwegiD2KyAFMEUxdWEzGBCPTX6P+AgCuUvUp5cVmPgAAAABJRU5ErkJggg==) no-repeat;
    cursor: pointer;
    top: 32px;
    right: 110px;
}
.mob-nav.folded {
	/*background:#b0cc15 url(../img/x.png) no-repeat;*/
	background:#b0cc15 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAAAoBAMAAAC4FTHnAAAAElBMVEWwzBX////k7q/w9c+91TrT430caKqPAAAAcUlEQVR4Ae3TsQ2AMBAEwUOYAsANWHIDboEO6L8aso28cgGw0UWTvD7W3xEqT2Ztg3m3OVIhrkQQJUCcAFECxAkQJUCcAHECRAjauxBUziy6+1gQV+qCaFxHiYAYERAjQJQAUQLECRAnHNnabPq/fLQXtIkInFyDCkUAAAAASUVORK5CYII=) no-repeat;
}
.top-menu {
    position: absolute;
    width: 100%;
    max-width: 420px;
    background: #fff;
    border-top: #b0cc15 5px solid;
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.23);
    z-index: 10;
    margin-top: 70px;
    right: 110px;
}
.top-menu li {
    display: block;
    margin: 0;
    transition: all ease 0.1s;
	border-bottom:#efefef 1px solid;
}
.top-menu li:last-child,.top-menu li:last-child:hover {
	border-bottom:none;
}
.top-menu li a {
	padding:15px 0 15px 10px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: left;
}
.top-menu li:hover {
	border-bottom:#839eb0 1px solid;
}
.choice {
	width:90%;
	padding:0!important;
}
.choice h3 {
	margin:20px 20px 0 20px;
}

a.db {
	margin:0;
}
.choice a {
	width:32%;
	max-width:95px;
	/*transform: scale(0.9);*/
	transition: all 0.9s;
}
.right-chars {
	width:45%;
}
.ultra-product {
	background-size:cover;
}
.footer div.mail {
    display: block;
    width: auto;
	text-align:center;
	margin-bottom:30px;
}
.footer div.mail:last-child {
	margin-bottom:0;
}
.footer-block {
	padding:0 10px;
}

}
@media screen and (min-width: 320px) and (max-width:768px) {

.container {
    min-width: 320px;
}
h1 {
	text-align:center;
}
h2 {
	font-size:24px;
	line-height:30px;
	text-align:center;
}
.main h1, main h2, .product h2 {
	font-size:24px;
	line-height:24px;
	text-align:center;
}
.head-block, .promo-block,
.chars-block, .product-block,
.info-block, .inside-block,
.footer-block, .mails-block {
	min-width:320px;
	width:100%;
	padding: 30px 10px;
	box-sizing:border-box;
}
.chars, .product,
.info, .inside {
	padding:20px 0;
}
.mails, .footer {
	padding:0;
}
.head-block {
	padding:0;
}
.logo {
    display: block;
    float: none;
    width: 100%;
    min-width: 220px;
    height: 50px;
    background: #fff url(../img/logo.png) no-repeat center;
    transition: all ease 0.1s;

}
nav {
    position: relative;
    margin: 0 20px;
}
.mob-nav {
	display:block;
	content:"";
	position:absolute;
	width:66px;
	height:40px;
	background:url(../img/mob_nav.png) no-repeat;
	cursor:pointer;
	top:15px;
	left:20px;
    transition: all ease 0.1s;
}
.mob-nav.folded {
	background:#b0cc15 url(../img/x.png) no-repeat;
}
.top-menu {
    position: absolute;
    width: 100%;
    max-width: 420px;
    background: #fff;
    border-top: #b0cc15 5px solid;
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.23);
    z-index: 10;
    margin-top: 54px;
}
.top-menu li {
    display: block;
    margin: 0;
    transition: all ease 0.1s;
}
.top-menu li:last-child a {
	border-bottom:none;
}
.top-menu li a {
	padding:15px 0 15px 10px;
    font-weight: bold;
    text-transform: uppercase;
	border-bottom:#efefef 1px solid;
    text-align: left;
}
.lang {
    float: right;
    width: 100px;
    text-align: right;
    margin: 20px 40px 20px 20px;
    border-left: none;
}
.lang-choice {
	width:280px;
	max-height:300px;
	margin-right:-20px;
	overflow:scroll;
}
.promo {
    min-height: 450px;
    background: url(../img/head_bg.jpg);
}
.promo-info, .promo-video {
	float:none;
	width:100%;
}
.promo-button {
	text-align:center;
	width:100%;
	max-width:420px;
	margin:0 auto;
}
.promo-video iframe,
.promo-button {
	-webkit-box-reflect:none;
}
.choice {
	width:100%;
}
.promo-button button {
	width:100%;
	transition: all 0.9s;
}
.promo-video {
	margin-top: 50px;
    padding-bottom: 50px;
}
.left-chars, .right-chars {
    float: none;
    width: 50%;
    margin: 0 auto;
    transition: all ease 0.1s;
}
.left-chars ul li,
.right-chars ul li {
    line-height: 18px;
    padding: 9px 0 9px 50px;
	margin-bottom:20px;
}
.right-chars ul li {
	margin-top:20px;
}
.product {
	height:auto;
}
.free-product, .ultra-product {
	float:none;
	width:65%;
	background-size:cover;
	margin:0 auto;
    transition: all ease 0.1s;
}
.ultra-product {
	margin-top:30px;
}
.product ul li {
	font-size:13px;
}
a.yd {
	background-position:10px top;
}
a.db {
	background-position:center top;
}
a.tr {
	background-position:-170px top;
}
.faq {
	width:100%;
}
.footer div.mail {
    display: block;
    width: auto;
	text-align:center;
	margin-bottom:30px;
}
.footer div.mail:last-child {
	margin-bottom:0;
}
.footer-block {
	padding:0 10px;
}
.footer {
	margin-top:0;
}

}
@media screen and (min-width: 320px) and (max-width:450px) {
.promo-button button {
	width:100%;
}
.choice {
	width:100%;
	padding:0!important;
}
.choice h3 {
	margin:20px 20px 0 20px;
}

a.db {
	margin:0;
}
.choice a {
	width:32%;
	max-width:95px;
	/*transform: scale(0.9);*/
	transition: all 0.9s;
}
.lang-choice ul {
	width:100%;
}
.left-chars, .right-chars {
    float: none;
    width: 100%;
}
.free-product, .ultra-product {
	width:100%;
}
.product ul li {
	font-size:13px;
	text-align:center;
}
.product ul li span {
	display:block;
}
.free-product, .ultra-product {
	padding:30px 20px;
}
.free-product ul, 
.ultra-product ul  {
    margin: 0;
}
.copy {
	float:none;
	margin-bottom:20px;
	text-align:center;
}
.payment {
    float: none;
    text-align: center;
}

}

/************** mobile end *****************/

/************** telegram *****************/
div.mail a.telegram-join{
	padding-left:30px;
	/*background: url(/img/t_logo_x24.png) no-repeat 0px 4px;*/
	background-repeat: no-repeat;
	background-position: 0px 4px;
}
.e-mail a.telegram-join{
	padding-top: 1px;
	padding-left: 30px;
	/*background: url(/img/t_logo_x24.png) no-repeat 0px 0px;*/
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
div.mail a.telegram-join, .e-mail a.telegram-join{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAWlBMVEVHcEwck9IeldM0qd4toNgondcupNwqn9gvpt0lm9YmnNcgltQ2reEinNkMlNYimdYdldQyquDm8PjQ4e5tvuZJq92t2vD+/v8upd0ooNo2ruK+1+qKzewAhs+k9mnBAAAADXRSTlMA7siaF4XPYus5rJL01v6j4gAAAPBJREFUeAFtkQWCxDAIRalrkErq97/mAjM7/qK8Xy/cyausrOsyq3J4o6j3O332EjUP7VH18PsH1W8v/0m/ywe72H2KN7dhsKXV4MWuiHJGWXWbQyWroTZgmOKwLOumZQGZe7U4n+OiHGh1CaUtiOsUVY56wulBDfWm+CWW4bB5QjMehHCYHt0v8z0odQ4s02h+0B7oFrS2BLymQW+tp0QMZkqogsMyHp5Ml9cd5OQbwjjSPNgtvGwAWnJ4nvHicWC2KrV/RzcQdfDmXk9QKr5DOtB3hWpPyJsnNnWuPXmjePnp7VOnDbzSFGmipN2//gMbdiFhji5KLAAAAABJRU5ErkJggg==);
}

/************** flags *****************/
.flag-ar {/* /img/flag/ar.png */background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAUBAMAAAAaSvJBAAAAJ1BMVEX+GxsdGhr///8eg0YEAAAGci1dpnpZWVkNejoAXA1qamr/9fVxZWV5l+VPAAAAN0lEQVR4AWNkAAFjIA5lgACEiBKlIlBTXVBE0kAEiogShsimAvJECJt86gEDw1kUEUGQu2kuAgBIOAvLlT6QHwAAAABJRU5ErkJggg==)}
.flag-bn {/* /img/flag/bn.png */background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAUCAMAAADfuh9AAAAAM1BMVEUBaUsAck0Mb0n/Gzwagl//M1D/Jj4aeF3/PVIleVx1X1g4cl1AWUiSUFBMbFziK0C/TVZwiAJgAAAAiklEQVR4AY3SVxKDMAxFUVQDEm3/q01eqgEx5P5ybNy626Fu39B+VVSQBswRkUSnRHM1NDGdEJ3N+kcmy8bwl2hCIJeFqCQrBHKXqIjmR4AsXJFoiMtIBZmuSVyTuSHiHV3taKo3Pf/OxbkgMPE2gpVUBKY3tEBUBCZjmiKKm25M/V7+eHU57NuLO2QcC9Lxh7b8AAAAAElFTkSuQmCC)}
.flag-de {/* /img/flag/de.png */background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAUBAMAAAAaSvJBAAAAHlBMVEX/1Br/zgD8GhwZGhoAAAD/AAD/Sw8wMDChGhqXAAAk32mNAAAALklEQVR4AWMsZ4CCPVCasfgAlCVIbRFjBnSRDgwRJZiIMe1F0hjQACOcJUhlEQCJ9AsyiaNgfQAAAABJRU5ErkJggg==)}
.flag-en {/* /img/flag/en.png */background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAUCAMAAADfuh9AAAAAP1BMVEX///+AmslTbbNyi8KWtNeFos6OrNNcgb3vW1asx+H3pqPybGj0jIf3sq+71+v0lZLpEgrsKyPrODDf39/72dgV9xSCAAAAl0lEQVR4Xo3PWQ7CMAwEUO9Ouhe4/1lRWgRigkSf5ieSNY5JvIpWlcpi0R5MyFhqSLS5zGO0jN9I+NNiR+UOyDnbgneLBSFlVvUzrBzKAyB1Uw5mb2l0AxTHJWyilmma4Q9AwnC0diOs4i5qkiZiKdYvWpZ6pr6yzIAuKCPaAU0rGgFdMHUK+PGXG6ALhhmtgEpnA3T/6wlIdRe1uTF7dgAAAABJRU5ErkJggg==)}
.flag-es {/* /img/flag/es.png */background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAUCAMAAADfuh9AAAAAilBMVEXtGiT//xr/+hrt3CDy/x//4hrhuXTqyhrPzjTgjijJfUPwy1TAh1n/8gDP6y7tFCL/9BqnWCTv90imYDnheiyVdWyZia2oxWPEsTb//wDtLz3uKDviHyPvLznvMzr8wyD6ugmYlCn45mT88HxlSWn/uYnErXvrBCjuHj7sFyj/8w380Qr+2CL98yQ5MVpwAAAAtklEQVR4Xo3SR4pDMQwGYMm1vN5Te5l+/+uNDdlYxiQfBsnwo4UQ7BMNAYcEUIc9BdT2k/og4Jg4EcDwSdRCYLAm4K8NEFfOuZKj76vY9zPCjR6GznKTjbDVWXbDZPi5Zbkp/cW6+3xTl/yUQo3lNM9KcZaP6PE2lUU+0hZXbW3XFddsBM2i7aMczeK/FQECg7pG0fdhfenqgP8GUvonffX9T0zDJvEV28FmSzUxH3l1Urs3ru4fw8Q0xuA7X04AAAAASUVORK5CYII=)}
.flag-fr {/* /img/flag/fr.png */background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAUBAMAAAAaSvJBAAAAFVBMVEXtGiI3bLP///+ov975tLdQdK3aIC+fe03eAAAAIUlEQVR4AWMIFAQCYSUQcGAAAaqJCKKJsA2sCKYL6SkCAOSgHZmURzbTAAAAAElFTkSuQmCC)}
.flag-hi {/* /img/flag/hi.png */background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAUCAMAAADfuh9AAAAAPFBMVEX/mDD/nz8ejhoEgQASiAf/wH+Ev3krkx//pEn///91uGr/t3Dw8fq5ueGIiMmpqNjT0+vExeVjY7Y/P6VAKvosAAAAW0lEQVR42s3PSQrAQAhEUTNPXWon979r1pbgMuQt5VOg7ImQD5OBCVuyK5J2RB2gEyVN4dBWJQDUulWJuT63W71iqvVK0+5dnZPYAMYfrdkZyTayiciWzORPyQvBfhHWDtQMbQAAAABJRU5ErkJggg==)}
.flag-id {/* /img/flag/id.png */background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAUBAMAAAAaSvJBAAAAFVBMVEXOFCL////TKT3plZ/69vPniZTFAAC9U1nZAAAAI0lEQVR4AWNQggEGKBhsIgiQBgUMxjAQCgUMjoKoQGSwiQAA/AceWuWZtYwAAAAASUVORK5CYII=)}
.flag-pl {/* /img/flag/pl.png */background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAUBAMAAAAaSvJBAAAAG1BMVEXhMFT////cFDzvkKPeH0XZGi/VABf99PXsg5aCRTnTAAAAK0lEQVR4AWMQRAcMhWgC4gMsYowGLBhCYSANChjgQAkCVAZURAkh4gIBDgAPMCGZTHTLkwAAAABJRU5ErkJggg==)}
.flag-pt {/* /img/flag/pt.png */background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAUCAMAAADfuh9AAAAAwFBMVEX8BQP/Ghz+Hx/uZB7tjx7bqBfmsRzyoR/+AAPdwxn4Ghozmh4clx3NtBx2oR4ukh0pmR7+dR/aSxPrGh6qyR//yyHtyCDxSx61rB/naAb6TBL1MRwakR38vbNEmPzhigjl8BHseB8znR7udwauzv2Qr+42mh7/BgLBQB2Wfh7////G8f/6SEr98xfZfCFRlh73tSDQo7v/aVjprYeLtB9KVB3y/Pz/sERbePQapx41ox7jCwgwiCGWcqvJwCF/XR5EgwNEAAABA0lEQVR4Xp3SxYrFQBAF0HaJustTd5fR//+rCQQCj042c9eHpqpvga8Pvc1rCRFC4C2Lz5bMdaOoCYS9ZG4UVkIZJzkUKmmEHchrEGIejYRQSCOo+3tbYd/3ZFoblTiOJHsXIqJpfGTWRiWFtWM4254f260bUwm6SMKohtab57qEuTfIVOLY5g/X0H0zu5cwTulEJcbhGK7I41nNqm+O6XAihPoKNVfYnU5n05OLPTbpmsW8HjRYbqr1GeJB1yy6YR0DD+LL6ZJp+13nRo7NQhpzBF2CWTOK+ru1sW7L3PfJMAWip6PEtIIIE1l31N+0KaOm6X/eS5Nx79WN2zRk8RYA/gCTti3LKBw04wAAAABJRU5ErkJggg==)}
.flag-ru {/* /img/flag/ru.png */background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAUCAMAAADfuh9AAAAAb1BMVEX///8pZafeMz0RVJ3aHCcaV5/7/P3uLzQvZKMdaa49dK/PN0UDWKX6/P0XUpkARJQnZKbsFx3KIDDgBBHfGiQARZkaU5/7+/0ASqMgUZsYVqMwY6jOCRzwGhoANJD6+/30AAUHQ5XPHi4aVqgaQpb+UJXTAAAAS0lEQVR4XtXKtQ3AQAADQIeZmXH/GVPbA7yUqw8/M/gqYweWWJVsxuupgu3oLeWwzlx5IpWyEVOocnbhTlTNVmyBqtiJ1lYua4yVD8+pDzXCAhp0AAAAAElFTkSuQmCC)}
.flag-zh {/* /img/flag/zh.png */background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAUBAMAAAAaSvJBAAAAFVBMVEXuGyTySE7xQFD0aUn3jUP7zTj/9zFNYeZoAAAAYElEQVR4AcXK0Q1AQBAGYS3MSrz/q4KDBnAVEBWI/kvwJPYowDx+mQoAB6o7EMwqJKHNo2h1qIPUy9Fj2R5p93OVDeGx5uzAFWTME+XTtwnPQTATiSiANr2E+SPOW/hJLq0VEhD4MmCXAAAAAElFTkSuQmCC)}

/************** maillist *****************/

.alert.is-success {
    background: rgba(32,188,113,.07);
    border-color: rgba(32,188,113,.3);
    color: #20bc71;
}
.alert.is-error {
    background: rgba(238,36,85,.07);
    border-color: rgba(238,36,85,.3);
    color: #ee2455;
}
.alert {
    font-size: .9375em;
    font-weight: 500;
    background: #fff;
    color: #111113;
    padding: 16px 32px 16px 16px;
    box-shadow: none;
    border: 1px solid rgba(17,17,19,.1);
        border-top-color: rgba(17, 17, 19, 0.1);
        border-right-color: rgba(17, 17, 19, 0.1);
        border-bottom-color: rgba(17, 17, 19, 0.1);
        border-left-color: rgba(17, 17, 19, 0.1);
    border-radius: 4px;
    position: relative;
    margin-bottom: 16px;
}
.alert, .message, .tabs {
    text-transform: none;
}
.alert, .message {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

.form-item {
    margin-bottom: 16px;
}
input:focus, textarea:focus, select:focus, div, h3, button, button:active, button:focus {
    outline: none !important;
}

label {
    color: #111113;
    margin-bottom: 4px;
}
form .is-desc, label, label .is-desc, label .is-error, label .is-success, label .is-warning, label.is-checkbox {
    font-weight: 400;
    text-transform: none;
}
input, label, select, textarea {
    display: block;
    font-size: .9375em;
}

input, select, textarea {
    width: 100%;
    font-family: inherit;
    vertical-align: middle;
    font-weight: 400;
    height: 2.66667em;
    background-color: #fff;
    border: 1px solid rgba(17,17,19,.1);
    border-radius: 4px;
    box-shadow: none;
    padding: 0 8px;
    color: rgba(17,17,19,.8);
}
input, label, select, textarea {
    display: block;
    font-size: .9375em;
}
select, input {
    font-family: 'Roboto', sans-serif;
    border: #dadada 1px solid;
    height: 34px;
    background: #fff;
        background-color: rgb(255, 255, 255);
    border-radius: 3px;
    line-height: 20px;
    font-size: 14px;
    padding: 0 10px;
    color: #666;
    box-sizing: border-box;
}
.breadcrumb, .form-item.is-buttons, .is-append, .is-prepend {
    display: flex;
}

form .is-req {
    position: relative;
    top: 1px;
    font-size: 1rem;
    font-weight: 700;
    color: #ee2455;
}

fieldset, form {
    margin-bottom: 16px;
}

.form-item.is-buttons .button, .form-item.is-buttons button {
    margin-right: 8px;
}
.button, .button:active, .button:focus {
    -webkit-appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    text-align: center;
    font-family: inherit;
    font-size: .9375em;
    font-weight: 500;
    text-decoration: none;
    text-transform: none;
    color: rgba(255,255,255,.95);
    background: #0c3dd7;
    border-radius: 4px;
    border: 0 solid transparent;
    min-height: 2.66667em;
    padding: .5em 1.6em;
    box-shadow: none;
    cursor: pointer;
    line-height: 1.2;
}
[type="submit"], button {
    -webkit-appearance: button;
}
button {
    cursor: pointer;
    transition: all ease 0.2s;
}

.form-item.is-buttons button + .button.is-tertiary {
    margin-left: 8px;
}
.form-item.is-buttons .button, .form-item.is-buttons button {
    margin-right: 8px;
}
.button.is-tertiary {
    color: #0c3dd7;
    background: 0 0;
    border-radius: 4px;
    border: 0 solid transparent;
    padding: .5em 0;
}
.button.is-secondary, .button.is-tertiary {
    font-size: .9375em;
    font-weight: 500;
    text-decoration: none;
    text-transform: none;
    min-height: 2.66667em;
    box-shadow: none;
}

Some information about this website:

URL: http://XEvil.Net/
CSS URL: http://XEvil.Net/css/style.css
Title: XEvil: Home
Meta-Description: Home