@font-face{font-family:OS-bold;src:url(../fonts/os-bold/OpenSansBold.eot);src:url(../fonts/os-bold/OpenSansBold.eot?#iefix) format("embedded-opentype"),url(../fonts/os-bold/OpenSansBold.woff) format("woff"),url(../fonts/os-bold/OpenSansBold.ttf) format("truetype");font-weight:400;font-style:normal}.center{text-align:center}.bold{font-family:OS-bold}*{box-sizing:border-box}button,input,select,textarea{outline:none!important;box-shadow:none!important}button{border:none!important;cursor:pointer}::-webkit-input-placeholder{color:#bec6cf}::-moz-placeholder{color:#bec6cf}:-ms-input-placeholder{color:#bec6cf}:-moz-placeholder{color:#bec6cf}input{border:1px solid #e5eaef}input[type=number]{-moz-appearance:textfield;-webkit-appearance:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-ms-clear{display:none}body,html{overflow-x:hidden}body{background:#101114;color:#fff;font-size:16px;font-family:Arial,sans-serif;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;font-weight:400}p{margin:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.no-p{padding:0}img{width:auto;max-width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}a,a:visited{color:inherit}a,a:active,a:hover,a:visited,a:visited:active,a:visited:hover{text-decoration:none}.fright{float:right}h1,h2{font-family:OS-bold}h1{font-size:35px;margin:0 0 13px}h2{font-size:22px;color:#383d43;margin:0 0 28px}h3{font-size:14px;margin:0;line-height:20px}p{font-size:16px}.wrapper{display:-ms-flexbox;display:flex;max-width:960px}.left{background:#1f2229}.logo{height:163px;width:322px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.logo,.menu__item{padding:0 0 0 30px}.menu__item{height:76px;line-height:76px;font-family:OS-bold;font-size:18px;display:block;color:#fff}.menu__item:active{background:#2a2d37;color:#808592}.menu__item:hover{color:#808592;background:#191c24}.hamburger{display:none}.right{background:#f7f8f8}.right__header{padding:40px 30px 35px;background:#00aeef;color:#193945}.right__content{color:#535864;padding:40px 30px 50px}.content__p{color:#a3afc0;margin:0 0 23px}.content__table{display:table;margin:0 0 35px}.content__tr{display:table-row}.content__td{color:#a3afc0;padding:8px 0;display:table-cell}.content__td:first-child{width:158px}.content__td:last-child{color:#535864}.card{width:350px;height:236px;border:1px solid #e4e9ee;border-radius:10px;background:#f7f8f8}.card__field{border:1px solid #e4e9ee}.card__field:focus{border-color:#a0c600}.card__field.invalid{border-color:red}.card__wrapper{display:-ms-flexbox;display:flex;position:relative}.card_front{position:static;z-index:1;padding:15px}.card_back{position:absolute;left:180px;top:20px;padding:15px 0;display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-direction:column;flex-direction:column}.card__id{width:65px;height:42px;margin:0 9px 0 0;padding:0 0 0 12px}.card__label{margin:0 0 10px;display:block;color:#8494ab}.card__ids{margin:0 0 17px}.card__time{height:42px;padding:0 0 0 12px;margin:0 9px 0 0;border:1px solid #e4e9ee;-webkit-appearance:none;-moz-appearance:none;text-indent:1px;text-overflow:"";background:url(../img/card/arrow.png) no-repeat 90% #fff}.card__time::-ms-expand{display:none}.card__time:first-child{width:70px}.card__time:last-child{width:86px}.card__times{margin:0 0 12px}.card__holder{height:42px;padding:0 0 0 12px;width:100%}.card__stripe{width:100%;height:42px;background:#e4e9ee;margin:0 0 19px}.card__cvc{padding:0 15px 0 0}.card__code{width:138px;height:42px;padding:0 0 0 12px;background:url(../img/card/cvc.png) no-repeat 90% #fff}.card__required{margin:15px 0 0;color:red}.btn{margin:35px 0 0;background:linear-gradient(#add600,#98bc00);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:173px;padding:12px 0;color:#fff;border-radius:3px;font-family:OS-bold;font-size:14px}.btn:hover{background:linear-gradient(#98bc00,#809e00)}.btn:active{background:linear-gradient(#00a5e3,#008bbf)}.footer{padding:30px 30px 25px;background:#373c43;color:#7f8591}.footer__p{line-height:18px;font-size:12px;margin:0 0 8px}@media (max-width:959px){.content{padding:40px 30px 30px}.card{margin:0 0 15px}.btn{margin:20px auto 0}}@media (max-width:901px){.card__wrapper{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.card_back{position:static}.content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.right__header{text-align:center}}@media (max-width:768px){.wrapper{display:-ms-flexbox;display:flex}.left{opacity:0;transition:all .5s;position:absolute;z-index:2;left:-322px}.left_open{position:absolute;left:0}.hamburger,.left_open{display:block;opacity:1}.hamburger{padding:0;position:fixed;right:15px;top:15px;z-index:3}}@media (max-width:370px){.card,.card__wrapper,.left{width:100%}.card__id{width:20%}.card__field{padding:0 0 0 8px;font-size:12px}.hamburger.is-active,.hamburger.is-active .hamburger:hover{opacity:1}.hamburger.is-active .hamburger-inner:after,.hamburger.is-active .hamburger-inner:before{background-color:#fff}}