button:focus,
input:focus,
select:focus,
textarea:focus {
outline: none !important;
}
button[type=submit] { 
cursor: pointer;
border: none;
}
textarea { resize: none; }
img {
max-width: 100%;
height: auto; 
}
a {
color: #0088cc;
-webkit-transition: all .2s;
transition: all .2s;
}
a:hover { color: #0088cc; }
a,
a:hover,
a:active,
a:focus {
text-decoration: none;
outline: none;
} .single-blog-inner .post-date p {
margin-bottom: 0;
line-height: 25px;
text-align: center;
margin-top: 15px;
font-size: 14px;
color: #36324a;
font-weight: 600;
}
.single-blog-inner .post-image {
position: relative;
overflow: hidden;
border-radius: 10px;
}
.single-blog-inner .post-date {
position: absolute;
top: 10px;
height: 65px;
width: 65px;
background: #fff;
border-radius: 50%;
left: 10px;
text-align: center;
line-height: 65px;
}
.single-blog-inner .post-title h3 {
margin-top: -7px;
margin-bottom: 20px;
font-weight: 600;
font-size: 20px;
line-height: 36px;
white-space:nowrap;
overflow: hidden;
text-overflow:ellipsis;
}
.single-blog-inner .post-title h3 a{
-webkit-transition: .3s all linear;
transition: .3s all linear;
color: #36324a;
}
.single-blog-inner .post-title h3:hover a{
color: #0088cc;
}
.single-blog-inner {
margin-bottom: 30px;
background: #fff
}
.single-blog-inner .post-details p {
font-size: 16px;
line-height: 30px;
margin-bottom: 16px;
color: #6f6c7f;
}
.single-blog-inner .post-details a{
-webkit-transition: .3s all linear;
transition: .3s all linear;
}
.single-blog-inner .post-details a:hover{
color: #0088cc;
}
.post-details { padding-top:30px
}
.single-blog-inner:hover .post-image {
box-shadow: 0 13px 30px rgba(0,0,0,.20);
}
.post-image{
-webkit-transition: .3s all linear;
transition: .3s all linear;
}
.single-blog-inner .post-info {
margin-bottom: 14px;
}
.single-blog-inner .post-info  a {
color: #0088cc;
font-weight: 500;
font-size: 14px;
line-height: 1;
position: relative;
}
.single-blog-inner .post-info  a + a{
margin-left: 30px
}
.single-blog-inner .post-info  a + a:before{
content: '';
position: absolute;
height: 2px;
width: 2px;
background: #0088cc;
left: -15px;
bottom: 2px;
}
.single-blog-inner .post-image img {
width: 100%;
}
.single-blog-inner .post-details .blog-btn:hover,
.single-blog-inner .post-details .blog-btn{
color: #5b39c9;
position: relative;
}
.single-blog-inner .post-details .blog-btn {
font-size: 14px;
font-weight: 500;
}
.post-date p span {
display: block;
line-height: 1;
}
.single-blog-inner .post-details .blog-btn:after {
content: "";
height: 1px;
width: 100%;
background: #5b39c9;
position: absolute;
bottom: 2px;
left: 0;
-webkit-transition: .3s all linear;
transition: .3s all linear;
visibility: hidden;
opacity: 0;
}
.single-blog-inner .post-details .blog-btn:hover:after{
visibility: visible;
opacity: 1;
} .blog-list-inner .post-details {
padding: 39px 0 0 0;
}
.blog-list-inner .single-blog-inner .post-details p {
margin-bottom: 34px;
}
.blog-list-inner .single-blog-inner {
margin-bottom: 50px;
}
.blog-list-inner .single-blog-inner:hover .post-image{
box-shadow: none;
}
.blog-list-inner .single-blog-inner:hover .post-details .btn{
color: #fff;
background-color: #5b39c9;
}
.blog-list-inner .single-blog-inner:hover .post-details .btn:before {
background-color: #5b39c9;
opacity: 1;
visibility: visible;
-webkit-transform: scale(20);
transform: scale(20);
}
.blog-list-inner .single-blog-inner .post-details .btn:hover{
border-color: #5b39c9;
} .theme-pagination li a {
height: 45px;
width: 45px;
display: block;
border: 2px solid;
text-align: center;
line-height: 44px;
border-radius: 50%;
border-color: #f7f6f9;
color: #6f6c7f;
font-size: 16px;
font-weight: 600;
-webkit-transition: .3s all linear;
transition: .3s all linear;
}
.theme-pagination li {
padding-right: 10px;
}
.theme-pagination li.active a {
color: #fff;
border-color: #f77ade;
background: #f77ade;
}
.theme-pagination li:last-child a, .theme-pagination li:first-child a {
color: #5b39c9;
font-size: 20px;
border-color: #5b39c9;
-webkit-transition: .3s all linear;
transition: .3s all linear;
line-height: 40px;
}
.theme-pagination li:last-child a:hover, .theme-pagination li:first-child a:hover {
background: #5b39c9;
color: #fff;
}
.theme-pagination li a:hover {
background: #f77ade;
color: #fff;
}
.theme-pagination {
margin-bottom: 4px;
}
.search-form {
position: relative;
}
.search-form input {
height: 88px;
width: 100%;
border-radius: 10px;
padding-left: 50px;
color: #fff;
background: #5b39c9;
border: none;
}
.contact-page-form button {
background: transparent;
border: 2px solid #5b39c9;
color: #5b39c9;
}
.contact-page-form button:hover {
background: #5b39c9;
}
.search-form input::-webkit-input-placeholder {
color: #fff;
}
.search-form input::-moz-placeholder {
color: #fff;
}
.search-form input:-ms-input-placeholder {
color: #fff;
}
.search-form input::placeholder {
color: #fff;
}
.search-form input:focus::-webkit-input-placeholder{
padding-left: 50px;
opacity: 0;
-webkit-transition: .3s all linear;
transition: .3s all linear;
}
.search-form input:focus::-moz-placeholder{
padding-left: 50px;
opacity: 0;
-webkit-transition: .3s all linear;
transition: .3s all linear;
}
.search-form input:focus:-ms-input-placeholder{
padding-left: 50px;
opacity: 0;
-webkit-transition: .3s all linear;
transition: .3s all linear;
}
.search-form input:focus::placeholder{
padding-left: 50px;
opacity: 0;
-webkit-transition: .3s all linear;
transition: .3s all linear;
}
.single-sidebar-widget:not(:first-child) {
border: 4px solid #f7f6f9;
border-radius: 10px;
padding: 40px 45px;
}
.latest-post-wrap p {
margin-bottom: 0;
color: #6f6c7f;
line-height: 24px;
}
.latest-post-wrap p a{
color: currentColor;
}
.sidebar-body ul li:not(:last-child) {
padding-bottom: 30px;
}
.sidebar-title h5 {
margin-bottom: 30px;
font-weight: 600;
}
.latest-post-wrap .latest-post-img {
width: 60px;
border-radius: 10px;
overflow: hidden;
margin-right: 20px;
}
.latest-post-wrap {
-webkit-box-align: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
}
.latest-post-wrap:hover p a,
.latest-post-wrap:hover p {
color: #36324a;
}
.single-sidebar-widget .sidebar-body.categories-inner ul li {
padding-bottom: 25px;
line-height: 1;
}
.single-sidebar-widget .sidebar-body.categories-inner ul li:last-child {
padding-bottom: 0;
}
.single-sidebar-widget .sidebar-body.categories-inner ul li a {
color: #6f6c7f;
-webkit-transition: .3s all linear;
transition: .3s all linear;
}
.single-sidebar-widget .sidebar-body.categories-inner ul li a:hover {
color: #36324a;
}
.single-sidebar-widget .sidebar-body.tag-inner {
line-height: 1;
margin-top: -10px;
}
.single-sidebar-widget .sidebar-body.tag-inner a {
font-size: 16px;
line-height: 30px;
color: #6f6c7f;
-webkit-transition: .3s all linear;
transition: .3s all linear;
}
.single-sidebar-widget .sidebar-body.tag-inner a:hover {
color: #36324a;
}
.comment-author-content .btn:hover {
background: #5b39c9;
border-color: #5b39c9;
}
.comment-author-content .btn:hover:before {
background: #5b39c9;
}  .blog-details-image {
position: relative;
}
.blog-details-image .post-image {
position: relative;
}
.blog-details-image .post-date {
position: absolute;
top: 10px;
height: 65px;
width: 65px;
background: #ffff;
border-radius: 50%;
left: 10px;
text-align: center;
line-height: 65px;
}
.blog-details-image .post-date p {
margin-bottom: 0;
line-height: 25px;
text-align: center;
margin-top: 10px;
font-size: 16px;
color: #081340;
font-weight: 600;
}
.blog-details-image .post-date p span {
display: block;
line-height: 1;
}
.blog-details-image .post-title h3 {
margin-top: -7px;
margin-bottom: 30px;
font-weight: 600;
}
.blog-details-head {
margin-top: 20px;
}
.blog-details-head h2 {
font-size: 40px;
font-weight: 600;
margin-bottom: 0;
}
.post-info  a {
color: #00c3ed;
font-size: 16px;
font-weight: 600;
}
.post-info a + a {
margin-left: 20px;
}
.blog-details-wrap .post-info {
margin-bottom: 26px;
}
.blog-details-body p {
font-size: 16px;
line-height: 30px;
color: #70768e;
}
.post-tag-share .post-tag h4 {
display: inline-block;
}
.post-tag-share .post-tag a {
margin-left: 2px;
font-size: 16px;
color: #6f6c7f;
line-height: 1;
}
.social-list li a:hover {
color: #f77ade;
}
.post-tag-share {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
-ms-grid-row-align: center !important;
align-items: center !important;
padding-top: 37px;
border-top: 2px solid #f7f6f9;
padding-bottom: 32px;
margin-top: 55px;
}
.post-tag-share .post-tag {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.post-tag h5 {
font-size: 20px;
font-weight: 600;
}
.post-share ul li {
display: inline-block;
margin-left: 21px;
}
.social-list li a {
display: inline-block;
text-align: center;
color: #6f6c7f;
line-height: 1;
font-size: 20px;
}
.author-details a {
text-decoration: underline;
color: #5b39c9;
}
.post-author-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 60px 35px 50px 60px;
border: 4px solid #f7f6f9;
border-radius: 10px;
margin-bottom: 53px;
}
.post-author-inner img {-ms-flex-item-align: start;align-self: flex-start;}
.author-details {
margin-left: 40px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.author-details h4 {
font-weight: 500;
font-size: 20px;
margin-bottom: 37px;
color: #36324a;
}
.author-details p {
margin-bottom: 11px;
font-size: 16px;
line-height: 30px;
color: #6f6c7f;
}
.post-comment h3 {
font-size: 30px;
font-weight: 600;
margin-bottom: 48px;
color: #36324a;
}
.comment-author-details img {
border-radius: 10px;
}
.comment-author-content {
margin-left: 30px;
}
.comment-author-content h5 {
font-size: 18px;
font-weight: 600;
margin-bottom: 14px;
color: #36324a;
}
.comment-author-content h6 {
font-size: 14px;
margin-bottom: 34px;
color: #f77ade;
font-weight: 400;
}
.comment-author-details p {
font-size: 16px;
line-height: 30px;
margin-bottom: 0;
}
.comment-author-details {
border-bottom: 2px solid #f7f6f9;
position: relative;
padding-bottom: 53px;
margin-bottom: 53px;
}
.comment-author-content a {
position: absolute;
top: 0;
right: 0;
padding: 15px 27px;
}
.contact-page-form h3 {
font-size: 30px;
font-weight: 600;
margin-bottom: 50px;
}
.theme-input-style:focus::-webkit-input-placeholder {
opacity: 0;
-webkit-transition: .3s all linear;
transition: .3s all linear;
padding-left: 50px;
}
.theme-input-style:focus::-moz-placeholder {
opacity: 0;
-webkit-transition: .3s all linear;
transition: .3s all linear;
padding-left: 50px;
}
.theme-input-style:focus:-ms-input-placeholder {
opacity: 0;
-webkit-transition: .3s all linear;
transition: .3s all linear;
padding-left: 50px;
}
.theme-input-style:focus::placeholder {
opacity: 0;
-webkit-transition: .3s all linear;
transition: .3s all linear;
padding-left: 50px;
}
.theme-input-style{
position: relative;
}
.user-interact-inner .btn{
color: #5b39c9
}
.user-interact-inner .btn:hover{
border-color: #5b39c9;
background: #5b39c9;
color: #fff;
}
.user-interact-inner .btn:before {
background: #5b39c9;
} .download-app-inner {
padding: 0 60px;
}
.download-app-inner h2.h1 {
font-size: 30px;
font-weight: 600;
line-height: 60px;
margin-bottom: 18px;
}
.download-app-inner h3 {
font-size: 24px;
color: #6f6c7f;
font-weight: 400;
margin-bottom: 80px;
}
.download-app-inner .btn {
border-color: #f77ade;
color: #fff;
background: #f77ade;
margin-bottom: 4px;
font-size: 20px;
font-weight: 600;
padding: 23px 60px;
}
.download-app-inner .btn:hover {
border-color: #36324a;
background: #36324a;
}
.download-app-inner .btn:hover:before {
background: #36324a;
border-color: #36324a;
-webkit-transform: scale(30);
transform: scale(30);
}  footer.footer {
position: relative;
}
.footerbg {
position: absolute;
margin-top: -34px;
}
.footerbg {
width: 100%;
}
.footerbg img{
width: 100%;
height: 518px;
}
.address-list li:hover span i,
.widget-body .extra-link .link-right ul li a:hover, .widget-body .extra-link .link-left ul li a:hover {
color: #f77ade;
}
.footer-widget .footer-logo {
margin-bottom: 38px;
}
.widget-header h5 {
font-weight: 600;
margin-bottom: 35px;
}
.widget-header {
margin-top: 11px;
}
.address-list ul li span i {
font-size: 14px;
}
.address-list li span {
margin-right: 10px;
display: inline-block;
vertical-align: middle;
left: 0;
position: absolute;
}
.address-list li {
padding-left: 30px;
position: relative;
}
.widget-body .extra-link .link-left {
float: left;
}
.widget-body .extra-link .link-right {
float: right;
}
.widget-body .extra-link .link-right ul li a, .widget-body .extra-link .link-left ul li a {
color: #6f6c7f;
line-height: 1.4;
display: block;
}
.widget-body .extra-link .link-right ul li, .widget-body .extra-link .link-left ul li {
padding-bottom: 18px;
}
.social-icons li a {
color: #6f6c7f;
font-size: 20px;
}
.social-icons li a:hover{
color: #f77ade;
}
.footer-post-details:after {
height: 31px;
width: 69px;
background: #fff;
content: "";
position: absolute;
bottom: -3px;
left: 38px;
-webkit-transform: rotate(-34deg);
transform: rotate(-34deg);
}
.footer-post-details:before {
content: "";
position: absolute;
height: 20px;
width: 20px;
bottom: -20px;
background: #f7f6f9;
z-index: 1;
left: 33px;
}
.twetter-post {
padding-left: 20px;
}
.twetter-post span {
margin-right: 7px;
color: #f77ade;
font-size: 20px;
}
.footer-post-details {
padding: 32px 40px 36px 40px;
position: relative;
background: #fff;
font-size: 14px;
line-height: 26px;
margin-bottom: 20px;
border-radius: 10px;
} .footer-bottom {
background: #fff;
padding: 33px 0;
position: relative;
}
.footer-bottom p {
margin-bottom: 0;
line-height: 1;
color: #6f6c7f;
font-size: 16px;
}
.footer-bottom p a{ color:#6f6c7f; display:inline-block; margin-left:7px} .page-title-wrap {
padding-top: 267px;
padding-bottom: 156px;
position: relative;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: 20% 80%;
}
.page-title h1 {
color: #53e1ff;
font-weight: 700;
}
.page-title-content ul {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.page-title-content ul li a {
color: #fff;
font-size: 16px;
}
.page-title-content ul li {
position: relative;
padding: 0 19px;
}
.page-title-content ul li + li:before {
content: "";
position: absolute;
width: 2px;
height: 2px;
background: #fff;
top: 50%;
left: 0px;
}
.page-title-content h1.h2 {
font-size: 30px;
color: #fff;
font-weight: 600;
}
.page-title-wrap:before{
content: "";
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #5b39c9;
background: -webkit-linear-gradient(left, #f77ade 0%, #5b39c9 100%);
background: -webkit-linear-gradient(left, #f77ade 0%,#5b39c9 100%);
background: linear-gradient(to right, #f77ade 0%,#5b39c9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f77ade', endColorstr='#5b39c9',GradientType=1 );
opacity: .85;
}
.inner-header.sticky a.btn {
border-color: #5b39c9;
color: #36324a;
background: #fff;
} .sticky .main-logo {
display: none;
}
h1 span {
color: #53e1ff;
} .crypto-patern {
background-image: url(/images/crypto_pattern20.png);
background-repeat: repeat;
background-position: top center;
}
.vpn-patern {
background-image: url(/images/vpn_pattern.png);
background-repeat: repeat;
background-position: top center;
}
.vc-patern {
background-image: url(/images/vc_pattern.png);
background-repeat: repeat;
background-position: top center;
}
.map {
border: 1px solid rgba(0,0,0,0.05);
}
.swiper-container-wrap {
overflow: hidden;
margin-left: -15px;
margin-right: -15px;
}
.swiper-container-wrap .swiper-container {
overflow: visible;
padding-left: 15px;
padding-right: 15px;
} .about-content h1 {
margin-top: -12px;
}
.about-content p {
margin-bottom: -5px;
} .single-reason {
border: 1px solid #ecf7fe;
padding: 30px 15px 25px;
}
.single-reason i {
font-size: 30px;
color: #00c544;
}
.single-reason .h5 {
font-weight: bold;
margin-top: 20px;
margin-bottom: 14px;
}
.single-reason span {
color: #4c4f60;
} .primary-form {
position: relative;
}
.primary-form input:not([type=submit]) {
height: 60px;
padding: 0 20px;
font-size: 14px;
}
.primary-form .parsley-errors-list {
display: none;
} .carousel-control {
border: 1px solid #e2e6fb;
width: 40px;
height: 40px;
color: #8388a8;
-webkit-transition: all .2s;
transition: all .2s;
cursor: pointer;
}
.carousel-control:hover,
.carousel-control:focus {
color: #fff;
background-color: #00c544;
border-color: #00c544;
outline: none;
}
.swiper-button-disabled {
pointer-events: none;
} .slider-pagination-style .swiper-pagination-bullet {
width: 15px;
height: 5px;
border: 1px solid #e2e6fb;
border-radius: 0;
background: transparent;
opacity: 1;
margin: 0 5px;
}
.slider-pagination-style .swiper-pagination-bullet-active {
width: 15px;
height: 10px;
background: #e2e6fb;
}
.slider-pagination-style .swiper-pagination-bullet:focus {
outline: none;
} .social-icons li:not(:last-child) {
margin-right: 25px;
} .back-to-top{
opacity: 0;
visibility: hidden;
-webkit-transition: .3s all linear;
transition: .3s all linear; 
}
.back-to-top.show {
bottom: 30px;
opacity: 1;
visibility: visible;
z-index: 999;
}
.back-to-top a {
width: 35px;
height: 35px;
background: #5b39c9;
box-shadow: 1px 5px 19px rgba(0,0,0,0.15);
-webkit-transition: all 0.2s;
transition: all 0.2s;
font-size: 16px;
color: #fff;
border-radius: 50%;
display: inline-block;
text-align: center;
line-height: 35px;
bottom: 10%;
right: 4%;
position: fixed;
z-index: 999;
}
.back-to-top a:hover {
background: #fff;
color: #5b39c9;
}
.back-to-top a i{
-webkit-animation: bounce2 3s linear infinite;
animation: bounce2 3s linear infinite;
}
@-webkit-keyframes bounce2 {
0% {
-webkit-transform: translateY(3px);
transform: translateY(3px);
}
50% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(3px);
transform: translateY(3px);
}
}
@keyframes bounce2 {
0% {
-webkit-transform: translateY(3px);
transform: translateY(3px);
}
50% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(3px);
transform: translateY(3px);
}
} .preLoader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
z-index: 99999;
overflow: hidden;
}
.preload-inner {
height: 100%;
width: 100%;
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;
}
.sk-cube-grid {
width: 50px;
height: 50px;
}
.sk-cube-grid .sk-cube {
width: 33%;
height: 33%;
background-color: #5b39c9;
float: left;
-webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; 
}
.sk-cube-grid .sk-cube1 {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 {
-webkit-animation-delay: 0s;
animation-delay: 0s; }
.sk-cube-grid .sk-cube8 {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s; }
@-webkit-keyframes sk-cubeGridScaleDelay {
0%, 70%, 100% {
-webkit-transform: scale3D(1, 1, 1);
transform: scale3D(1, 1, 1);
} 35% {
-webkit-transform: scale3D(0, 0, 1);
transform: scale3D(0, 0, 1); 
}
}
@keyframes sk-cubeGridScaleDelay {
0%, 70%, 100% {
-webkit-transform: scale3D(1, 1, 1);
transform: scale3D(1, 1, 1);
} 35% {
-webkit-transform: scale3D(0, 0, 1);
transform: scale3D(0, 0, 1);
} 
} .parsley-errors-list {
list-style: none;
padding: 0;
position: absolute;
left: 0;
margin: -10px 0 0;
top: 0%;
text-align: center;
-webkit-transition: all .2s;
transition: all .2s;
}
.parsley-errors-list li {
font-size: 13px;
line-height: 1.5;
background: red;
color: #fff;
padding: 0 10px;
padding: 0 10px;
} [data-animate] {
visibility: hidden;
-webkit-animation-duration: 0.6s;
animation-duration: 0.6s;
}
[data-animate].animated {
visibility: visible;
}
.baise .header-menu a{ color:#fff}
.baise .list-unstyle{ color:#fff}
.post-details img{ max-width:100%; height:auto !important} .page-num:not(:disabled) {
cursor: pointer;
}
.page-num, .page-link {
position: relative;
display: block;
padding: .5rem .75rem;
margin-left: -1px;
line-height: 1.25;
color: #5b39c9;
background-color: #fff;
border: 1px solid #dee2e6;
}
a.page-num:hover, .page-link:hover {
text-decoration: none;
color: #5b39c9;
}
.page-num-current {
z-index: 1;
color: #fff;
background-color: #5b39c9;
border-color: #5b39c98;
}
.page-num-current:hover {
color: #fff;
}