.banner{width:100%;margin-bottom:30px}.banner img{display:block;width:100%;height:300px}.comment{border-radius:10px;width:535px;padding:30px;margin:0 auto;background-color:#202134;position:relative}.comment::before{content:"";display:block;width:50px;height:32px;background-image:url(../img/quotes.svg);position:absolute;top:32px;right:32px}.comment::after{content:"";position:absolute;bottom:-40px;left:-26px;display:block;width:584px;height:210px;background-image:url(../img/bottom_frame.svg)}.ava{width:100px;height:100px;overflow:hidden;position:relative}.ava img{border-radius:50%;width:inherit;height:inherit;background-repeat:no-repeat}.ava,.name{display:inline-block;vertical-align:middle}.name{margin-left:20px;font-size:33px;font-weight:700}.comment p{margin-top:20px;font-size:16px;line-height:1.6}.social ul{list-style:none}.social ul{margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;z-index:999}.social ul li a{margin-right:20px;display:inline-block;width:50px;height:50px;position:relative}.social ul li a::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:block;z-index:11}.social ul li a img{display:block;width:inherit;height:inherit}.offer{margin-top:50px}.card{display:inline-block;width:338px;height:290px;position:relative;text-align:center;margin-bottom:80px}.tt{background:url(../img/tt.svg) 50% no-repeat}.ltpt{background:url(../img/ltpt.svg) 50% no-repeat}.card-img{width:320px;height:230px}.card-img img{width:inherit;height:inherit;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.card-name{font-weight:700;font-size:24px;letter-spacing:.05em;margin-top:-34px;text-transform:uppercase}.card:hover .card-img img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.offer-head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.price{position:relative;text-align:center}.price-now,.price-old{display:inline-block;vertical-align:bottom}.price-now{background:#009fff;background:-webkit-gradient(linear,left top,right top,from(#ec2f4b),to(#009fff));background:-o-linear-gradient(left,#ec2f4b,#009fff);background:linear-gradient(to right,#ec2f4b,#009fff);font-size:33px;font-weight:700;padding:5px 10px;border-radius:5px;background-size:400% 400%;-webkit-animation:bc 8s ease infinite;animation:bc 8s ease infinite}.price-old{font-size:22px;position:absolute;margin-left:5px;bottom:0}.price-old hr{position:absolute;width:0;height:3px;background:#fff;display:block;top:14px;-webkit-animation:th 3s ease infinite;animation:th 3s ease infinite}.btn{text-align:center;margin-top:40px;margin-bottom:40px}.btn a{display:block;width:230px;height:48px;cursor:pointer;background:url(../img/btn.svg) 50% no-repeat;padding-top:17px;font-weight:700;font-size:16px;line-height:18px;letter-spacing:.05em;text-transform:uppercase;text-shadow:0 2px 0 rgba(0,0,0,.25);margin:0 auto;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out}.btn a:hover{opacity:.8}.promoblock{width:400px;background-color:#202134;padding:30px 20px;margin:50px auto;border-radius:10px}.promo{background-color:#28293f;padding:10px;border-radius:3px;margin-bottom:20px}.promo-main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.promo-text{letter-spacing:.01em;color:#b0b0c9;-webkit-transition:.3s ease-out;-o-transition:.3s ease-out;transition:.3s ease-out}.promo-btn button{border:none;outline:0;cursor:pointer;text-align:center;background:url(../img/btn.svg) 50% no-repeat;font-size:14px;font-weight:700;line-height:18px;letter-spacing:.05em;text-transform:uppercase;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-shadow:0 2px 0 rgba(0,0,0,.25);-webkit-transition:.2s ease-in;-o-transition:.2s ease-in;transition:.2s ease-in;width:140px;height:30px;background-size:contain;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.promo-desc{display:none;font-size:12px;text-align:center;margin-top:4px}.promo:hover .promo-desc{display:block}.text p{width:70%;margin:0 auto;margin-bottom:30px;font-size:16px;line-height:1.6}.text a{text-decoration:underline}.popup{width:100%;height:100%;position:fixed;z-index:999;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:none}.popup-inner{width:430px;padding:20px;background-color:#28293f;-webkit-animation:popupwindow .5s ease;animation:popupwindow .5s ease}.popup-title{display:block;text-align:center;font-weight:700;font-size:25px;text-transform:uppercase;margin-bottom:15px}.popup-title::after{display:block;content:"";background:url(../img/delimiter2.svg) top no-repeat;width:322px;height:31px;margin:0 auto;margin-top:-6px}.popup-info{margin:0 auto;margin-bottom:15px;border-radius:10px;background-color:#1a1a29;padding:10px 15px}.popup-info ul li{list-style:none;margin-bottom:5px}.popup-inner form{display:block;width:80%;margin:0 auto}.popup-inp label{margin-right:15px;display:inline-block}.popup-inp input{display:inline-block;padding:5px 10px;background-color:#202134;color:#fff;-webkit-box-shadow:inset 0 1px 2px 0 #21231e;box-shadow:inset 0 1px 2px 0 #21231e;border:none;border-radius:3px;-webkit-transition:.3s ease-in;-o-transition:.3s ease-in;transition:.3s ease-in;margin-bottom:10px}#promocode{display:none}.popup-inp input[type=checkbox]:checked~input[name=promocode]{visibility:visible}.popup-inp label[for=promocode] div{font-size:14px;display:inline-block;vertical-align:middle;cursor:pointer;color:#b0b0c9;-webkit-transition:.3s ease-in;-o-transition:.3s ease-in;transition:.3s ease-in}.popup-inp label[for=promocode] div:hover{color:#fff;text-decoration:underline}.popup-inp input[name=promocode]{visibility:hidden;margin-left:5px}.playment-1,.playment-2{display:inline-block}.playment-1{vertical-align:top}.popup-inp:nth-child(3) label{cursor:pointer;background-color:rgba(255,255,255,.9);border-radius:10px;width:130px;height:60px;background-repeat:no-repeat;background-size:contain;background-position:center;-webkit-transition:.3s ease-in;-o-transition:.3s ease-in;transition:.3s ease-in;margin-right:0}.popup-inp input[type=radio]:checked~label{background-color:#3d66df}.popup-inp:last-child label:hover{background-color:#fff}label[for=qiwi]{background-image:url(../img/qiwi.png)}label[for=ym]{background-image:url(../img/ym.png)}label[for=mobile]{background-image:url(../img/sim.png);background-size:51px!important}label[for=card]{background-image:url(../img/card.png)}input[type=radio]:checked,input[type=radio]:not(:checked){position:absolute;left:-9999px}button[type=submit]{display:block;color:#fff;border:none;outline:0;text-align:center;width:230px;height:48px;cursor:pointer;background:url(../img/btn.svg) 50% no-repeat;padding-top:5px;font-weight:700;font-size:16px;line-height:18px;letter-spacing:.05em;text-transform:uppercase;text-shadow:0 2px 0 rgba(0,0,0,.25);-webkit-transition:.3s ease-out;-o-transition:.3s ease-out;transition:.3s ease-out;margin:10px auto}button[type=submit]:hover{opacity:.7}.popup-close{position:absolute;top:5px;right:2%;font-size:30px;cursor:pointer;opacity:.7;-webkit-transition:.3s ease-out;-o-transition:.3s ease-out;transition:.3s ease-out}.popup-close:hover{opacity:1}@-webkit-keyframes popupwindow{0%{margin-top:-300px}100%{margin-top:0}}@keyframes popupwindow{0%{margin-top:-300px}100%{margin-top:0}}@-webkit-keyframes bc{0%{background-position:400% 400%}50%{background-position:200% 200%}0%{background-position:350% 400%}}@keyframes bc{0%{background-position:400% 400%}50%{background-position:200% 200%}0%{background-position:350% 400%}}@-webkit-keyframes th{0%{width:0}50%{width:50%}100%{width:100%}}@keyframes th{0%{width:0}50%{width:50%}100%{width:100%}}@media(max-width:770px){.banner img{-o-object-fit:contain;object-fit:contain}.comment{overflow:hidden;width:90%}.ava{display:block;margin:0 auto;margin-bottom:20px}.name{display:block;margin:0 auto;text-align:center}.comment::after{bottom:-101px;left:-17px;width:368px}.promoblock{width:340px}}