@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,700);
body{background:url(pattern.png);color:#636b6f;font-size:14px;font-family:Roboto,sans-serif;line-height:1.6}
.header{padding:20px 0}
.logo{height:49px}
.nav-menu>li.nav-menu-item a{display:block;margin-left:15px;border-radius:3px;background:#498bdc;color:#fff;transition:all .2s ease}
.nav-menu>li.nav-menu-item2 a{background:#2ab27b}
.nav-menu>li.nav-menu-item a:focus,.nav-menu>li.nav-menu-item a:hover{background:#5a96df;text-decoration:none}
.nav-menu>li.nav-menu-item2 a:focus,.nav-menu>li.nav-menu-item2 a:hover{background:#2ec386;text-decoration:none}
@media (min-width:768px){.nav-menu li .sub-nav{top:50%;left:50%;min-width:660px;border:0;background:#498bdc;transform:translateX(-50%) translateY(30px)}
.sub-nav>li>a{padding:8px 20px;color:#fff;text-decoration:none;text-transform:uppercase;font-weight:500}
.sub-nav:before{position:absolute;top:-1px;left:50%;z-index:-1;width:14px;height:14px;border-radius:-1pc;border-radius:2px;background:#498bdc;content:'';transform:rotateZ(45deg) translateX(-50%)}
.sub-nav li{float:left;width:50%}
}
.nav-menu li:hover .sub-nav{display:block}
.user-page{line-height:24px;padding-top: 3rem;}
.user-page .page-header{margin: 10px 0 20px;}
.user-page .product-info{margin-bottom:4rem;padding:2rem 4rem;border:1px solid #eee;background:#fff}
.user-page .product-info p{display:-ms-flexbox;display:flex;margin-bottom:0;font-weight:700;-ms-flex-pack:justify;justify-content:space-between}
.user-page .content{overflow:hidden;margin-bottom:2rem;padding:2rem 4rem;border:1px solid #eee;background:#fff}
.user-page .note{margin-top:10px;padding-left:20px;font-weight:400;font-size:13px}
.user-page .pay_btn{display:block}
.user-page .pay_btn:hover{opacity:.8}
.user-page .secure-connection{margin-top:10px;color:#dedfe0;font-size:14px}
.user-page .pay_btn_box{display:flex;margin-top:20px;align-items:center}
.user-page .loading{display:none;margin-left:10px}
.user-page .btnsubmit{width:306px;height:60px;border:medium none;background:url(https://paypalobjects.com/webstatic/en_US/i/btn/png/gold-pill-paypalcheckout-60px.png) no-repeat scroll left top transparent}
.user-page .btnsubmit:hover{opacity:.8}
.user-page .btn-submit{display:block;padding:.5rem 3rem;outline:0;border:0;border-radius:3px;background:#498bdc;color:#fff;text-align:center;text-transform:uppercase;letter-spacing:2px;font-weight:700;font-size:14px;transition:all .2s ease}
.user-page .btn-submit:hover{opacity:.8}
.list-group .hover{ background-color: #f5f5f5; }
.header{padding-top: 2rem;padding-bottom: 2rem;background: #fff;border-bottom: 1px solid #e6e6e6;}