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
14.14 %Less Size! Nice!

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 **************************/
.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;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 img{border:#dddddd 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-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,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAMAAABcOc2zAAAAhFBMVEVYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5P4e9yhAAAAK3RSTlMABALGkReheW5zcmyXAZY/anGU9z1pm8oVx/A7Z54YzO40XaCI+P6aBcQGufULqwAAAFtJREFUeF5dy1UOwDAMBFGnzMzM5Pvfr6qiRnX372m0QKfn1CYqxNbPIUbEBnrS1zY67oPF5w5w512Ok8cpZoyXoqxqgAZb9n67fhgnnIUBVHndtAM+U0/tErgBmXMFIaCKn7MAAAAASUVORK5CYII=) 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{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,iVBORw0KGgoAAAANSUhEUgAAABsAAAAoCAMAAAA45HFkAAABvFBMVEXjboPiYnrgWXLmipvv0tjjboPkeo3iYnrjdIjx4uXy7/Dmipz0/Pvpoa7kdYrswcnhY3rrucLhX3f2///3///w4uTqp7P0/PziZ37iZn7kd4zsvMXkeo3keo7w4OTuztXkdIn0//7hY3vz8vTjcIXsrrrqpLHsusTkfI/lgpTrqbbmjZ3x5OfqpbPfUGrtwMrkd4vnj57w3eLy8PLke47jcYXhYXnhXXXpqLXv0tjsvsfy7vD0+vrnkqHkdInpqLXrqbbnj57v29/nkqHke47mjp7keo7v0Nfv0NfhXXXjc4fhY3rkd4vsrrrjdIjjcYXrq7nkeYziYXngV27susTjcIXhY3vgV27mjp7uz9TqpLHgWXLw3eLmjZ3lgpTqp7PkfI/gVW7kdYrsvMXkd4zuztXsvsfswcnhX3fhYXnqpbPtwMrfUGrmipzrucLrq7niZ37iZn7mipvpn63pn63poa71///2///3///0///4///5///y8PD0/Pzy7vDz+fjz8vT0+vr6///y9/b0/Pvz9vb0+/rx4eXx4uXw4uTy9fTx5Ofz+Pfy8fLz//7w4OTy8vLy7/Dy8PL0//58/moUAAAAdnRSTlMAAAAAAAQHAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACrAAAAAAUsMBLjEwgABwCiAQUDBzcFBTQHAwFTBAMAEaInAfERCiwIAQZYB5leawEDKmUBDlMAAQEIABck3ZtwagAAAUpJREFUeAG9ydNiIwEUANBR7Kxt1W5T297atnHvqFxbP7yDYBQ89bwe4rFW46c3GrqrZfkZ7T3XGAace51AaNkA7fcTrvyolmT3Qros6ytIe0VWV5jBFZvvZkZ3y3j3NFee+bXpzml5Y/Wmc8nX3UNM8uyUfB7DNcAlQX1B+Ks/t3SzCEhQNyIIJx1Oj097iwiwJB2zggC9ifO6Xe0IF+t35ausk3LbF1Iv6HV/RjitLlOvogk4PA6V9gE2lwS9fwB+VcWvphUAd3bnETtHu94DLj/U3IORf4D9Ax9x8C0ADj3S3dMn58B9Fd+NfwCceGW8Z9/w+w/xJwfTL2NH09duq5cTwd8ixy1kK0feua4cSSrHrLLs2ZpfPpJMnES6wMbmVlg6ktSfhAnk5ueF/SRpPol0JGk8jcxvz2FlX7oDBM4SSxweCWBN+A/sEqwzNuRfzQAAAABJRU5ErkJggg==) 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,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAYFBMVEWMp7j///+Mp7iMp7iMp7iMp7iMp7iMp7iMp7iMp7iMp7iMp7iMp7iMp7iMp7iMp7iMp7iMp7iMp7iMp7iMp7iMp7iMp7iVrr7s8PP///+7y9X09vi9zNaetcP8/f3X4OZALUT6AAAAFnRSTlMAAAwQWltcXWxxf7q7wMHl5ufo7O35QPjcgwAAAH5JREFUeAFtUAUWw1AIy+ruDfXe/5Z71C1fcQIUhh9XrGLfAPBThZVzRW6tmoAnAtVYvML5wShumtKEdwjS6e0hPBRNO5AMkarUiSoaIZmhJjm0zbgpWCNbA6ZNwWzNI33brwpGWy2ZNwW9j35g3zTuJy/APrg7WDUw/OSczx+kaxOCBohljQAAAABJRU5ErkJggg==) 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,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAYFBMVEWv0TL///+v0TKv0TKv0TKv0TKv0TKv0TKv0TKv0TKv0TKv0TKv0TKv0TKv0TKv0TKv0TKv0TKv0TKv0TKv0TKv0TKv0TK21UPy99z////Q5Ib3+uvR5Im82FL9/vnj77dde4jFAAAAFnRSTlMAAAwQWltcXWxxf7q7wMHl5ufo7O35QPjcgwAAAH5JREFUeAFtUAUWw1AIy+ruDfXe/5Z71C1fcQIUhh9XrGLfAPBThZVzRW6tmoAnAtVYvML5wShumtKEdwjS6e0hPBRNO5AMkarUiSoaIZmhJjm0zbgpWCNbA6ZNwWzNI33brwpGWy2ZNwW9j35g3zTuJy/APrg7WDUw/OSczx+kaxOCBohljQAAAABJRU5ErkJggg==) 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,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAQCAMAAADzlqVxAAAAVFBMVEX///93d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3eFGodeAAAAG3RSTlMARUxRUlVWWFlcXl9gZ3Z5e3x+gIGDhYiPy9K+QZa+AAAAQ0lEQVR4AUXJBQ6AQBDF0MXdnd7/nNjsD429pO5cnK9mFDNmMWURk58xmxixigG7V6ifMwqToaA3lEJFZ2hoDe4YPG4JTANFmk+RBwAAAABJRU5ErkJggg==) 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,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAMAAAAM9FwAAAAAVFBMVEV3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3env8IcAAAAG3RSTlMAg3t+WYjLZ2BfWFZ2eVxVgdJ8UlGATEVehY/7ASG9AAAARUlEQVQIHQXAgRVCUAAF0PuBRAEpvf33dHQ9ADxWWwYAnilM+QGMqeGVNzBnAao0sKcAVGk4UgD45PymBYA6uQCA9g+4AeKhAuoCTeC+AAAAAElFTkSuQmCC) 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,iVBORw0KGgoAAAANSUhEUgAAAEIAAAAoBAMAAAC4FTHnAAAAGFBMVEVYe5P///9Ye5NYe5NYe5NYe5NYe5NYe5P86rYAAAAAB3RSTlMAAElK5ObnbI8z9AAAAEJJREFUeF5jECQE6KyCAQ0gqxAKL8cFShXBKkTLcYNAsApxPCoKCasgaEsiWIVwOk4FJYbE+HboxctovIzGy2i8AAAKJBcig87lZAAAAABJRU5ErkJggg==) 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,iVBORw0KGgoAAAANSUhEUgAAAEIAAAAoCAMAAAB95dzmAAAAnFBMVEWwzBX///+0zyG70za81Djl7rHl7rLv9M7v9c/+/vz+//3///6xzBe1zyO20Ca0zyK70zfl7rO1zyXt9Mu/1kHD2EzH21jQ4HO+1T/o8Lu81Dru9M230Cm70zTv9dDw9dHy9tj0+N32+eP8/fbi7Ki81Dm1zyTX5Yrc6Je70zXS4nrT4360ziC91Dvk7rDt88qzzh/i7Krk7a7k7q+SgD5lAAAAwUlEQVR4Ae3UZWKDQBiE4cHdQty1cb//2ZLU5atklp/lOcCL7ABKpbvND5BQXxOJyRDSVjsSidjr46u2dgIjCQb4zNR24OiBg49S8h5kw3wqsBLNFU/Bit4aqWZDzcNLo6dZUBVpnafCDijQcNDlCkJlnI2mKKaqaSjG9Bf5HiSx6jBwoW72tMmN74AkNqlrrnLBllunLDVLbJ0tnMVOOcZ74UlCNwzxZbH30dQyuXUtB8FrQYqpv8YqBKRaA/9E6QrXogkSpITeDAAAAABJRU5ErkJggg==) 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{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 *****************/

» 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;
	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 img {
	border:#dddddd 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-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,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAMAAABcOc2zAAAAhFBMVEVYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5NYe5P4e9yhAAAAK3RSTlMABALGkReheW5zcmyXAZY/anGU9z1pm8oVx/A7Z54YzO40XaCI+P6aBcQGufULqwAAAFtJREFUeF5dy1UOwDAMBFGnzMzM5Pvfr6qiRnX372m0QKfn1CYqxNbPIUbEBnrS1zY67oPF5w5w512Ok8cpZoyXoqxqgAZb9n67fhgnnIUBVHndtAM+U0/tErgBmXMFIaCKn7MAAAAASUVORK5CYII=) 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 {
	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,iVBORw0KGgoAAAANSUhEUgAAABsAAAAoCAMAAAA45HFkAAABvFBMVEXjboPiYnrgWXLmipvv0tjjboPkeo3iYnrjdIjx4uXy7/Dmipz0/Pvpoa7kdYrswcnhY3rrucLhX3f2///3///w4uTqp7P0/PziZ37iZn7kd4zsvMXkeo3keo7w4OTuztXkdIn0//7hY3vz8vTjcIXsrrrqpLHsusTkfI/lgpTrqbbmjZ3x5OfqpbPfUGrtwMrkd4vnj57w3eLy8PLke47jcYXhYXnhXXXpqLXv0tjsvsfy7vD0+vrnkqHkdInpqLXrqbbnj57v29/nkqHke47mjp7keo7v0Nfv0NfhXXXjc4fhY3rkd4vsrrrjdIjjcYXrq7nkeYziYXngV27susTjcIXhY3vgV27mjp7uz9TqpLHgWXLw3eLmjZ3lgpTqp7PkfI/gVW7kdYrsvMXkd4zuztXsvsfswcnhX3fhYXnqpbPtwMrfUGrmipzrucLrq7niZ37iZn7mipvpn63pn63poa71///2///3///0///4///5///y8PD0/Pzy7vDz+fjz8vT0+vr6///y9/b0/Pvz9vb0+/rx4eXx4uXw4uTy9fTx5Ofz+Pfy8fLz//7w4OTy8vLy7/Dy8PL0//58/moUAAAAdnRSTlMAAAAAAAQHAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACrAAAAAAUsMBLjEwgABwCiAQUDBzcFBTQHAwFTBAMAEaInAfERCiwIAQZYB5leawEDKmUBDlMAAQEIABck3ZtwagAAAUpJREFUeAG9ydNiIwEUANBR7Kxt1W5T297atnHvqFxbP7yDYBQ89bwe4rFW46c3GrqrZfkZ7T3XGAace51AaNkA7fcTrvyolmT3Qros6ytIe0VWV5jBFZvvZkZ3y3j3NFee+bXpzml5Y/Wmc8nX3UNM8uyUfB7DNcAlQX1B+Ks/t3SzCEhQNyIIJx1Oj097iwiwJB2zggC9ifO6Xe0IF+t35ausk3LbF1Iv6HV/RjitLlOvogk4PA6V9gE2lwS9fwB+VcWvphUAd3bnETtHu94DLj/U3IORf4D9Ax9x8C0ADj3S3dMn58B9Fd+NfwCceGW8Z9/w+w/xJwfTL2NH09duq5cTwd8ixy1kK0feua4cSSrHrLLs2ZpfPpJMnES6wMbmVlg6ktSfhAnk5ueF/SRpPol0JGk8jcxvz2FlX7oDBM4SSxweCWBN+A/sEqwzNuRfzQAAAABJRU5ErkJggg==) 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,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAYFBMVEWMp7j///+Mp7iMp7iMp7iMp7iMp7iMp7iMp7iMp7iMp7iMp7iMp7iMp7iMp7iMp7iMp7iMp7iMp7iMp7iMp7iMp7iMp7iVrr7s8PP///+7y9X09vi9zNaetcP8/f3X4OZALUT6AAAAFnRSTlMAAAwQWltcXWxxf7q7wMHl5ufo7O35QPjcgwAAAH5JREFUeAFtUAUWw1AIy+ruDfXe/5Z71C1fcQIUhh9XrGLfAPBThZVzRW6tmoAnAtVYvML5wShumtKEdwjS6e0hPBRNO5AMkarUiSoaIZmhJjm0zbgpWCNbA6ZNwWzNI33brwpGWy2ZNwW9j35g3zTuJy/APrg7WDUw/OSczx+kaxOCBohljQAAAABJRU5ErkJggg==) 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,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAYFBMVEWv0TL///+v0TKv0TKv0TKv0TKv0TKv0TKv0TKv0TKv0TKv0TKv0TKv0TKv0TKv0TKv0TKv0TKv0TKv0TKv0TKv0TKv0TK21UPy99z////Q5Ib3+uvR5Im82FL9/vnj77dde4jFAAAAFnRSTlMAAAwQWltcXWxxf7q7wMHl5ufo7O35QPjcgwAAAH5JREFUeAFtUAUWw1AIy+ruDfXe/5Z71C1fcQIUhh9XrGLfAPBThZVzRW6tmoAnAtVYvML5wShumtKEdwjS6e0hPBRNO5AMkarUiSoaIZmhJjm0zbgpWCNbA6ZNwWzNI33brwpGWy2ZNwW9j35g3zTuJy/APrg7WDUw/OSczx+kaxOCBohljQAAAABJRU5ErkJggg==) 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,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAQCAMAAADzlqVxAAAAVFBMVEX///93d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3eFGodeAAAAG3RSTlMARUxRUlVWWFlcXl9gZ3Z5e3x+gIGDhYiPy9K+QZa+AAAAQ0lEQVR4AUXJBQ6AQBDF0MXdnd7/nNjsD429pO5cnK9mFDNmMWURk58xmxixigG7V6ifMwqToaA3lEJFZ2hoDe4YPG4JTANFmk+RBwAAAABJRU5ErkJggg==) 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,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAMAAAAM9FwAAAAAVFBMVEV3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3env8IcAAAAG3RSTlMAg3t+WYjLZ2BfWFZ2eVxVgdJ8UlGATEVehY/7ASG9AAAARUlEQVQIHQXAgRVCUAAF0PuBRAEpvf33dHQ9ADxWWwYAnilM+QGMqeGVNzBnAao0sKcAVGk4UgD45PymBYA6uQCA9g+4AeKhAuoCTeC+AAAAAElFTkSuQmCC) 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,iVBORw0KGgoAAAANSUhEUgAAAEIAAAAoBAMAAAC4FTHnAAAAGFBMVEVYe5P///9Ye5NYe5NYe5NYe5NYe5NYe5P86rYAAAAAB3RSTlMAAElK5ObnbI8z9AAAAEJJREFUeF5jECQE6KyCAQ0gqxAKL8cFShXBKkTLcYNAsApxPCoKCasgaEsiWIVwOk4FJYbE+HboxctovIzGy2i8AAAKJBcig87lZAAAAABJRU5ErkJggg==) 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,iVBORw0KGgoAAAANSUhEUgAAAEIAAAAoCAMAAAB95dzmAAAAnFBMVEWwzBX///+0zyG70za81Djl7rHl7rLv9M7v9c/+/vz+//3///6xzBe1zyO20Ca0zyK70zfl7rO1zyXt9Mu/1kHD2EzH21jQ4HO+1T/o8Lu81Dru9M230Cm70zTv9dDw9dHy9tj0+N32+eP8/fbi7Ki81Dm1zyTX5Yrc6Je70zXS4nrT4360ziC91Dvk7rDt88qzzh/i7Krk7a7k7q+SgD5lAAAAwUlEQVR4Ae3UZWKDQBiE4cHdQty1cb//2ZLU5atklp/lOcCL7ABKpbvND5BQXxOJyRDSVjsSidjr46u2dgIjCQb4zNR24OiBg49S8h5kw3wqsBLNFU/Bit4aqWZDzcNLo6dZUBVpnafCDijQcNDlCkJlnI2mKKaqaSjG9Bf5HiSx6jBwoW72tMmN74AkNqlrrnLBllunLDVLbJ0tnMVOOcZ74UlCNwzxZbH30dQyuXUtB8FrQYqpv8YqBKRaA/9E6QrXogkSpITeDAAAAABJRU5ErkJggg==) 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 {
	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 *****************/

Some information about this website:

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