@import url('design_css/fonts.css');
 

  body {
            background: #fff;
            font-size: 14px;
           font-family:Poppins-Regular;
        }
  a:hover{
      text-decoration:none;
  }
  h1{margin-top:0;}
        h4 {
            font-size: 16px;
            margin:0;
        }

        h2 {
            margin-top: 0;
        }
        .header{
            background:#8700bf;
            overflow:hidden;
             border-bottom: 2px solid #fff; 
              
        }
 
 
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

 
        .logo-img{
            height:90px;
        }
        .logo-bar {
           color:#fff;
            padding: 10px;
            text-align: center;
          font-style:oblique;
             background: #0f0c29;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #24243e, #302b63, #0f0c29);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #24243e, #302b63, #0f0c29); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

              overflow:hidden;
        }
         .logo-bar h1 small{display:block;color:#fff;}
        .banner i{color:#e2ae13;vertical-align: middle;}

.guessdiv {
    border: 1px solid #fff;
       background: #4500bf;
    margin-bottom:  10px;
    padding:10px;
    color:#fff;
    border-radius: 5px;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 40%);
}
.guessdiv .satta-result{font-size:18px;margin-bottom:10px;text-transform:uppercase;}
.blink {
  animation: blinker 1s linear infinite;
}
.spinner{
    animation: spinner 2s linear infinite;
	-webkit-animation: spinner 2s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}
@keyframes spinner {
 to {
 transform: rotate(360deg);
}
}
 @-webkit-keyframes spinner {
 to {
 -webkit-transform: rotate(360deg);
}
}
/**/
@-webkit-keyframes floating {
 from {
-webkit-transform:translate(0, 0px)
}
 65% {
-webkit-transform:translate(0, 15px)
}
to {
	-webkit-transform:translate(0, 0px)
}
}
@-moz-keyframes floating {
 from {
-moz-transform:translate(0, 0px)
}
 65% {
-moz-transform:translate(0, 15px)
}
to {
	-moz-transform:translate(0, 0px)
}
}
.btn_download {
    background: #111;
    color: #ffffff;
    padding: 10px 20px;
    border-radius: 25px;
    text-decoration: none;
    font-size:30px;
    margin-top:25px; 
    width:auto;
}
.notice_board{padding:25px;margin-top:30px;display:block}
.sec-gh{
     background: #fff;
            border-bottom: 1px solid #7f2259;
            padding: 10px;
            border-radius: 0px;
            margin-bottom: 10px;
            /*box-shadow: 0 0 20px 0 rgb(0 0 0 / 40%);*/
            overflow:hidden;
}
        .sec-1 {
            background: #fff;
            border-bottom: 1px solid #7f2259;
            padding: 10px;
            border-radius: 0px;
            margin-bottom: 10px;
            /*box-shadow: 0 0 20px 0 rgb(0 0 0 / 40%);*/
            overflow:hidden;
        }

            .sec-1 h2 {
                font-size: 18px;
                color: #7f2259;
            }

            .sec-1 h1 {
                margin-top: 0;
                background: -webkit-linear-gradient(#ff019c,#72000a);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
            }

            .sec-1 h5 {
               font-size: 14px;
    line-height: 22px;
            }

        .sec-2 {
            background: #fff;
            border: 1px solid #7f2259;
            padding: 0px 0 10px;
            border-radius: 10px;
            margin-bottom: 10px;
            box-shadow: 0 0 20px 0 rgb(0 0 0 / 40%);
            overflow: hidden;
        }
        .sec-6{
            background: #4500bf;
            border: 1px solid #7f2259;
            padding: 10px 0;
            border-radius: 10px;
            margin-bottom: 10px;
            box-shadow: 0 0 20px 0 rgb(0 0 0 / 40%);
            overflow: hidden;
        }
        .sec-6 h4{
            line-height:24px;
            color:#fff;
        }

        .banner {
            background: #252541;
            padding: 10px 10px; 
            display: block;
            color: #fff !important; 
            letter-spacing: 1px; 
            font-family:Poppins-Medium;
            margin-bottom:10px;
             }

           

        .btn_chart {
            color: #fff;
            padding: 5px 7px;
            border-radius: 8px;
            font-size: 12px;
            margin: 2px -5px -1px;
            display: block;
            transition: all .3s;
            text-shadow: 1px 1px 2px #222;
            margin-top: 5px;
            border: 1px solid #e6e6e6;
            background: #522f92;
        }
        .result-list{padding:15px 0;}
        .result-list > div {
            border-bottom: 2px solid #ff0000;
        }
        .hinditxt{font-family:Poppins-Regular;}
.result-list h4 {
           font-size: 22px;
    color: #002a87;
    font-family: Poppins-Bold;
    text-shadow: 1px 1px 2px #fff; 
    padding:10px 0;
        }        

        .result-list h5 {
            margin: 0;
            font-weight: bold;
            font-style: italic;
            font-size: 20px;
            line-height: 1;
            background: -webkit-linear-gradient(#4500bf,#670009);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .result-list h6 {
           font-size: 14px;
    padding: 0px 0 10px;
    margin-bottom: 0;
    color: #000; 
    margin-top: 0;
        }
.wlink a{
    font-size:14px;
    color:#000;
}
.footer-c{
    background:#12000b;
    color:#fff;
    padding:10px 0;
    font-family:Poppins-Regular;
    font-size:14px;
        
}
        .sec-3 {
            border: 1px solid #7f2259;
            padding: 10px;
            border-radius: 10px;
            margin-bottom: 10px;
            box-shadow: 0 0 20px 0 rgb(0 0 0 / 40%);
            padding-top: 4px;
            background-color: #fbe7ff;
            /*display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flex;
            display: -o-flex;
            display: flex;*/
            -ms-align-items: center;
            align-items: center;
            justify-content: center;
        }

            .sec-3 p {
               font-size: 14px;
    color: #000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* margin-right: 12px;*/
            }
            .dashimg{
                overflow:hidden;
            }

            .sec-3 a {display: block;
    /* box-shadow: 0 0 10px -3px #000; */
    /* border: 1px solid #ff0016; */
    font-size: 15px;
    margin-bottom: 10px;
    color: #000;
            }

        .banner1 {
            background: #ffd800;
            text-align: center;
            padding: 5px 10px;
            text-shadow: 1px 1px 2px #000;
            display: block;
            color: #000 !important;
            margin-bottom: 20px;
            letter-spacing: 1px;
            font-weight: 700;
            border: 2px solid #000;
            border-radius: 0.75em;
            transform-style: preserve-3d;
            transition: transform 150ms cubic-bezier(0,0,.58,1), background 150ms cubic-bezier(0,0,.58,1);
        }

            .banner1:before {
                position: absolute;
                content: "";
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: #ffb002;
                border-radius: inherit;
                transform: translate3d(0,0.50em,-1em);
                transition: transform 150ms cubic-bezier(0,0,.58,1), box-shadow 150ms cubic-bezier(0,0,.58,1);
            }
.head{text-align: center;margin-top:20px;
    display: block;
    background: #1b004c;
    color: #fff;
    padding: 10px;
    text-transform: uppercase;}
.mytable{
    box-shadow:none;
    border-collapse: separate;
        border-spacing: 2px;
}
.mytable{
    box-shadow:none;
    border-collapse: separate;
        border-spacing: 2px;
}
.mytable tr:nth-child(even)  {
    background: #252541;
    color: #fff;
}
.mytable tr:hover {
    background: #ddd;
    color: #000 !important;
}
.mytable th {
    padding: 10px 2px;
    text-transform:uppercase;
    border: 1px solid rgb(26, 117, 206) !important;
    color: #fff;
    border-collapse: collapse;
    font-size: 16px;
    text-align: center;
    background: #252541;   
}
.mytable td {
    padding: 10px 2px;
    border: 1px solid rgb(26, 117, 206) !important;
    color: #000;
    border-collapse: collapse;
    font-size: 16px;
    text-align: center;
}
.mytable tr:nth-child(even) td  { 
    color: #fff;
}
.mytable tr:nth-child(even):hover td  { 
    color: #000;
}
.timetable{
    box-shadow:none;
    border-collapse: separate;
        border-spacing: 2px;
}
.timetable{
    box-shadow:none;
    border-collapse: separate;
        border-spacing: 2px;
}
.timetable tr:nth-child(even)  {
    background: #252541;
    color: #fff;
}
.timetable tr:hover {
    background: #ddd;
    color: #000 !important;
}
.timetable th {
    padding: 10px 2px;
    text-transform:uppercase;
    border: 1px solid rgb(26, 117, 206) !important;
    color: #fff;
    border-collapse: collapse;
    font-size: 16px;
    text-align: center;
    background: #252541;
}
.timetable td {
    padding: 10px 2px;
    border: 1px solid rgb(26, 117, 206) !important;
    color: #000;
    border-collapse: collapse;
    font-size: 16px;
    text-align: center;
     
}
.timetable tr:nth-child(even) td  { 
    color: #fff;
}
.timetable tr:nth-child(even):hover td  { 
    color: #000;
}
 
        



        .d-reseult-box {
            background: #fff;
            border: 1px solid #7f2259;
            padding: 10px;
            border-radius: 10px;
            margin-bottom: 10px;
            box-shadow: 0 0 20px 0 rgb(0 0 0 / 40%);
        }

        .fg-p2 {
           
            font-size: 22px !important;
            margin-bottom: 5px;
            padding: 0px 0 7px;
            border-radius: 10px; 
            color: #7f2259;
          
        }

        .d-reseult-box {
            border-bottom: 2px solid #ff0000;
        }
 

        .d-reseult-box h5 {
            margin: 0;
            font-size: 22px;
            line-height: 1;
            background: -webkit-linear-gradient(#4500bf,#670009);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .d-reseult-box h6 {
            font-size: 15px;
            padding: 2px 0;
            margin-bottom: 0;
            color: #000;
            text-shadow: 1px 1px 2px #ffd9d9;
        }

        .no-padding {
            padding: 0;
        }

        .ishighlight {
            background: #fff800;
        }

@media only screen and (min-width:320px) and (max-width:991px) {
    .container-fluid {
        overflow: hidden;
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    h2 {
        font-size: 20px;
    }

    .sec-3 {
        display: block;
    }

    .sec-1 h1 {
        margin: 0;
        font-size: 22px;
    }

    .fnt24 {
        font-size: 18px !important;
    }

    h4.banner {
        font-size: 14px;
    }

    .sec-3 a {
        margin-bottom: 10px;
    }

    .sec-3 p {
        margin: 0;
        font-size: 16px;
    }
}
            .btn-store {
  color: #d2d2d2;
    min-width: 215px !important;
    padding: 10px 15px !important;
    border-color: #dddddd !important;
    background: #222d39;
    margin-top:15px; 
    display:inline-block
}
            .logo-bar .pull-right{float:none!important;}
            .btn-store .btn-caption {
  font-size: 18px !important;
}
        }
        .btn-store {
  color: #d2d2d2;
    min-width: 215px;
    padding: 10px 15px !important;
    border-color: #dddddd !important;
    background: #222d39;
    margin-top:15px;
}
.btn-store.btn-store-c2{
	background: #44576b;
}

.btn-store:focus, 
.btn-store:hover {
  color: #ffffff !important;
  background-color: #171f27;
  border-color: #171f27 !important;
}
.btn-store img{
	width: 38px;
    margin-right: 10px;
}
.btn-store .fa{
	font-size: 40px;
    color: #7fff85;
}
.btn-store .btn-label, 
.btn-store .btn-caption {
      display: block;
    text-align: left;
    line-height: 1;
    margin-top: 2px;
    font-size: 12px;
}
.ftlink{text-align:center;background:#fff;overflow:hidden;font-size:18px;color:#000;border-top:1px solid #000;font-style:italic;}
 
.ftlink  a{color:#000;padding:10px;display:inline-block;font-size:18px;}
 .meta{ background:#ffab00;color:#000;text-align:center;padding:10px 0;overflow:hidden;}.meta p {margin-bottom:0;}
.meta h2{font-size:16px;}

.btn-store .btn-caption {
  font-size: 24px;
}
.soscialm{
    margin:0 auto 10px;
}
.soscialm img{
    margin:auto;
    height:40px;
}
.chlist{

}
.chartlist{
       padding: 10px 15px;
    margin-bottom: 2px;
    border: 1px solid #7f2259;
    border-radius: 10px;
    display: block;
    background: #feaa00;
    font-size: 14px;
    /* font-weight: 600; */
    color: #000;
    /* border-left: 5px solid #343150; */
    /* border-right: 5px solid #343150; */
    letter-spacing: 1px;
    font-family: poppins-semibold;
    font-style: italic;
}
.chartlist1{    
   border: 1px solid #ddd;
    background: #fbe7ff !important;
    color: #000!important;
     border-left:5px solid #7f2259;
    border-right:5px solid #7f2259;
}
.fnt24{
        font-size: 24px !important;
    font-weight: 600;
    font-family:Roboto-Medium;
    line-height:36px;
}
.scroll-left {
min-height: 20px; 
overflow: hidden;
position: relative;
}
.scroll-left h2 {
position: absolute;
width: 100%;
height: 100%;
margin: 0; 
text-align: center;
/* Starting position */
-moz-transform:translateX(100%);
-webkit-transform:translateX(100%); 
transform:translateX(100%);
/* Apply animation to this element */ 
-moz-animation: scroll-left 20s linear infinite;
-webkit-animation: scroll-left 20s linear infinite;
animation: scroll-left 20s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes scroll-left {
0% { -moz-transform: translateX(100%); }
100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes scroll-left {
0% { -webkit-transform: translateX(100%); }
100% { -webkit-transform: translateX(-100%); }
}
@keyframes scroll-left {
0% { 
-moz-transform: translateX(100%); /* Browser bug fix */
-webkit-transform: translateX(100%); /* Browser bug fix */
transform: translateX(100%); 
}
100% { 
-moz-transform: translateX(-100%); /* Browser bug fix */
-webkit-transform: translateX(-100%); /* Browser bug fix */
transform: translateX(-100%); 
}
} 

.cell {
  display: inline-block;
  width: 49%;
  text-align: center;
}
.circle {
  display: inline-block;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: whiteSmoke;
  box-shadow: 4px -40px 60px 5px rgb(26, 117, 206) inset;
}
.square {
  display: inline-block;
  width: 100px;
  height: 100px;
  border-radius: 20px;
  background: whiteSmoke;
  box-shadow: 4px -40px 60px 5px rgb(26, 117, 206) inset;
}

.loader {
  background: linear-gradient(to right, rgb(22, 113, 202) 50%, transparent 50%);
  animation: spin 1s infinite linear;
}
.loader:before {
  display: block;
  content: '';
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90px;
  height: 90px;
  background: #222;
  border-radius: 50%;
}

.gelatine {
  animation: gelatine 0.5s infinite;
}
@keyframes gelatine {
  from, to { transform: scale(1, 1); }
  25% { transform: scale(0.9, 1.1); }
  50% { transform: scale(1.1, 0.9); }
  75% { transform: scale(0.95, 1.05); }
}

.spin {
  animation: spin 1s infinite linear;
}
@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.elastic-spin {
  animation: elastic-spin 1s infinite ease;
}
@keyframes elastic-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(720deg); }
}

.pulse {
  animation: pulse 1s infinite ease-in-out alternate;
}
@keyframes pulse {
  from { transform: scale(0.8); }
  to { transform: scale(1.2); }
}

.flash {
  animation: flash 500ms ease infinite alternate;
}
@keyframes flash {
	from { opacity: 1; }	
	to { opacity: 0; }
}

.hithere {
  animation: hithere 1s ease infinite;
}
@keyframes hithere {
  30% { transform: scale(1.2); }
  40%, 60% { transform: rotate(-20deg) scale(1.2); }
  50% { transform: rotate(20deg) scale(1.2); }
  70% { transform: rotate(0deg) scale(1.2); }
  100% { transform: scale(1); }
}

.grow {
  animation: grow 2s ease infinite;
}
@keyframes grow {
  from { transform: scale(0); }
  to { transform: scale(1); }
}

.fade-in {
  animation: fade-in 2s linear infinite;
}
@keyframes fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

.fade-out {
  animation: fade-out 2s linear infinite;
}
@keyframes fade-out {
  from { opacity: 1; }
  to { opacity: 0; }
}

.bounce {
  animation: bounce 2s ease infinite;
}
@keyframes bounce {
    70% { transform:translateY(0%); }
    80% { transform:translateY(-15%); }
    90% { transform:translateY(0%); }
    95% { transform:translateY(-7%); }
    97% { transform:translateY(0%); }
    99% { transform:translateY(-3%); }
    100% { transform:translateY(0); }
}

.bounce2 {
  animation: bounce2 2s ease infinite;
}
@keyframes bounce2 {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}

.shake {
  animation: shake 2s ease infinite;
}
@keyframes shake {
	0%, 100% {transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
	20%, 40%, 60%, 80% {transform: translateX(10px);}
}

.flip {
	backface-visibility: visible !important;
	animation: flip 2s ease infinite;
}
@keyframes flip {
	0% {
		transform: perspective(400px) rotateY(0);
		animation-timing-function: ease-out;
	}
	40% {
		transform: perspective(400px) translateZ(150px) rotateY(170deg);
		animation-timing-function: ease-out;
	}
	50% {
		transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		animation-timing-function: ease-in;
	}
	80% {
		transform: perspective(400px) rotateY(360deg) scale(.95);
		animation-timing-function: ease-in;
	}
	100% {
		transform: perspective(400px) scale(1);
		animation-timing-function: ease-in;
	}
}

.swing {
	transform-origin: top center;
	animation: swing 2s ease infinite;
}
@keyframes swing {
	20% { transform: rotate(15deg); }	
	40% { transform: rotate(-10deg); }
	60% { transform: rotate(5deg); }	
	80% { transform: rotate(-5deg); }	
	100% { transform: rotate(0deg); }
}

.wobble {
  animation: wobble 2s ease infinite;
}
@keyframes wobble {
  0% { transform: translateX(0%); }
  15% { transform: translateX(-25%) rotate(-5deg); }
  30% { transform: translateX(20%) rotate(3deg); }
  45% { transform: translateX(-15%) rotate(-3deg); }
  60% { transform: translateX(10%) rotate(2deg); }
  75% { transform: translateX(-5%) rotate(-1deg); }
  100% { transform: translateX(0%); }
}

.fade-in-down {
  animation: fade-in-down 2s ease infinite;
}
@keyframes fade-in-down {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.fade-in-left {
  animation: fade-in-left 2s ease infinite;
}
@keyframes fade-in-left {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.fade-out-down {
  animation: fade-out-down 2s ease infinite;
}
@keyframes fade-out-down {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(20px);
  }
}

.fade-out-right {
  animation: fade-out-right 2s ease infinite;
}
@keyframes fade-out-right {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(20px);
  }
}

.bounce-in {
  animation: bounce-in 2s ease infinite;
}
@keyframes bounce-in {
  0% {
    opacity: 0;
    transform: scale(.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% { transform: scale(.9); }
  100% { transform: scale(1); }
}

.bounce-in-right {
  animation: bounce-in-right 2s ease infinite;
}
@keyframes bounce-in-right {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(-30px);
  }
  80% { transform: translateX(10px); }
  100% { transform: translateX(0); }
}

.bounce-out {
  animation: bounce-out 2s ease infinite;
}
@keyframes bounce-out {
  0% { transform: scale(1); }
  25% { transform: scale(.95); }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    transform: scale(.3);
  } 
}

.bounce-out-down {
  animation: bounce-out-down 2s ease infinite;
}
@keyframes bounce-out-down {
  0% { transform: translateY(0); }
  20% {
    opacity: 1;
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    transform: translateY(20px);
  }
}

.rotate-in-down-left {
  animation: rotate-in-down-left 2s ease infinite;
}
@keyframes rotate-in-down-left {
  0% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}

.rotate-in-up-left {
  animation: rotate-in-up-left 2s ease infinite;
}
@keyframes rotate-in-up-left {
  0% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}

.hinge {
  animation: hinge 2s ease infinite;
}
@keyframes hinge {
  0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; }  
  20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; }  
  40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; } 
  80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; } 
  100% { transform: translateY(700px); opacity: 0; }
}

.roll-in {
  animation: roll-in 2s ease infinite;
}
@keyframes roll-in {
  0% {
    opacity: 0;
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
}

.roll-out {
  animation: roll-out 2s ease infinite;
}
@keyframes roll-out {
    0% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    transform: translateX(100%) rotate(120deg);
  }
}
.refresh{
       position: fixed;
    bottom: 0;
    right: 0px;
    border: 1px solid #e6e6e6;
    background: #5600ff;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    z-index: 999;
    font-size: 15px;
    margin: 0;
    display: inline-block;
    transition: all .3s;
    margin-bottom: 8px;
    font-style: italic;
}
.mp-btn {
    position: fixed;
    bottom: 9px;
    left: 0;
    padding: 5px 8px;
    font-size: 15px;
    border: 1px solid #fff;
    text-decoration: none;
    background-color: #039;
    color: #fff;
    border-radius: 5px;
}