| Current File : /home/hencockfreshchic/public_html/app_old/tinder/assest/css/style.css |
/*
Template name: Mountain King
Demo: http://themeinthebox.com/demo/mountain-king-html/
Author: ThemeintheBox
Author URI: https://www.themeinthebox.com/
Version: 3.0.0
License URI: https://www.themeinthebox.com/license/
*/
/*------------------------------------*\
COMMONS CLASSES
\*------------------------------------*/
.row {
margin-right:0px !important;
margin-left:0px !important;
}
.row-spac {
margin-right:-15px !important;
margin-left:-15px !important;
}
body {
font-family: 'Raleway', sans-serif;
font-weight: 400;
font-size: 16px;
overflow-x: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Roboto Slab', serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: 1.1em;
}
.btn-link,
a {
color: #2faaab;
text-decoration: none;
}
.btn-link:hover,
.btn-link:focus,
a:hover,
a:focus {
color: #1e6e6f;
}
.features,
.blog,
.gallery,
.clients,
.prefooter .container-fluid {
padding-top: 3.3em;
padding-bottom: 4.2em;
}
span.typcn::before,
i.typcn::before {
font-size: 2em;
}
span.x2:before,
i.x2:before {
font-size: 3.4em;
}
span.x3:before,
i.x3:before {
font-size: 4.4em;
}
span.x4:before,
i.x4:before {
font-size: 6em;
}
/*------------------------------------*\
HEADER
\*------------------------------------*/
header .container-fluid {
background-image: url('https://unsplash.it/2560/1707?image=961');
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
padding-top: 36px;
}
.hamburger {
font-size: 2.3em;
color: #000;
}
.hamburger:hover {
color: #FFF;
cursor: pointer;
}
.logo {
background: none;
border: 0px;
width: 260px;
display: inline-block;
}
.jumbotron {
background: none;
text-align: center;
margin-top: 100px;
}
.jumbotron h1,
.jumbotron h2,
.jumbotron h3,
.jumbotron h4,
.jumbotron h5,
.jumbotron h6,
.jumbotron small {
color: #FFFFFF;
}
.jumbotron h3 {
font-weight: 500;
font-size: 44px;
}
.jumbotron h1 {
font-weight: 600;
font-size: 72px;
}
.jumbotron p {
color: #FFFFFF;
margin-bottom: 5%;
font-size: 24px;
font-weight: 300;
}
/*------------------------------------*\
SECTIONS
\*------------------------------------*/
.number .container-fluid {
background-image: url('https://unsplash.it/3000/2000?image=685');
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.opaline {
padding: 40px 40px;
background-color: rgba(128, 215, 247, 0.660);
}
.opaline h1,
.opaline h2,
.opaline h3,
.opaline h4,
.opaline h5,
.opaline h6,
.opaline p {
color: #FFFFFF;
}
.opaline .boxes {
margin-top: 30px;
padding-top: 20px;
padding-bottom: 5px;
border: 1px solid #FFF;
}
.story .container-fluid {
background-image: url('https://unsplash.it/3000/2000?image=531');
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.gallery {
background-color: #dddddd;
}
.prefooter .container-fluid {
background: -webkit-gradient(linear,
left top, left bottom,
from(rgba(33, 37, 43, 0.6)),
to(rgba(33, 37, 43, 0.6))),
url(https://unsplash.it/4000/3000?image=528);
background: linear-gradient(rgba(33, 37, 43, 0.6),
rgba(33, 37, 43, 0.6)),
url(https://unsplash.it/4000/3000?image=528);
}
.prefooter h1,
.prefooter h2,
.prefooter h3,
.prefooter h4,
.prefooter h5,
.prefooter h6,
.prefooter p {
color: #FFFFFF;
}
/*------------------------------------*\
FOOTER
\*------------------------------------*/
footer {
background-color: rgba(36, 50, 59, 1);
padding-top: 2em;
padding-bottom: 1.2em;
}
footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6,
footer p {
color: #FFFFFF;
}
.social {
padding-top: 50px;
}
/* New CSS */
.opaline .lead {
font-size: 24px;
}
.opaline h5 {
font-size: 16px;
}
.main-box
{
background-color: #fafafa;
/*background:linear-gradient(to right, #ffc1076b, rgb(255 87 34 / 29%));*/
padding: 10px;
height: 100vh;
}
.logo-box
{
text-align: center;
}
.logo-box img
{
height: 90px;
}
.form-modal{
position: relative;
width:100%;
height: auto;
margin: auto;
margin-top: 2em;
/* left: 50%; */
/* transform: translateX(-50%); */
/* background: #fff; */
border-top-right-radius: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;
/* box-shadow: 0 3px 20px 0px rgb(0 0 0 / 10%);*/
}
.form-modal button{
cursor: pointer;
position: relative;
text-transform: capitalize;
font-size:1em;
z-index: 2;
outline: none;
background:transparent;
transition:0.2s;
}
.form-modal .btn{
border-radius: 20px;
border:none;
font-weight: bold;
font-size:1.2em;
padding:0.8em 1em 0.8em 1em!important;
transition:0.5s;
border:1px solid #ebebeb;
margin-bottom:0.5em;
margin-top:0.5em;
}
.form-modal .login , .form-modal .signup{
color: #fff;
width: 100%;
background-color: rgb(165, 165, 165);
padding: 10px !important;
box-shadow: rgb(0 0 0 / 30%) 0px 0px 10px;
}
.form-modal .login:hover , .form-modal .signup:hover{
background:#f7770c;
}
.form-toggle{
position: relative;
width:100%;
height:auto;
}
.form-toggle button{
width:50%;
float:left;
padding:10px;
margin-bottom:10px;
border:none;
transition: 0.2s;
font-size:1.1em;
font-weight: bold;
/* border-top-right-radius: 20px;
border-top-left-radius: 20px;*/
}
.form-toggle button:nth-child(1){
border-radius:20px;
}
.form-toggle button:nth-child(2){
border-radius:20px;
}
#login-toggle{
background:none;
color:#fa7106;
}
.form-modal form{
position: relative;
width:90%;
height:auto;
left:50%;
transform:translateX(-50%);
}
#login-form , #signup-form{
position:relative;
width:100%;
height:auto;
padding-bottom:1em;
}
#signup-form{
display: none;
}
#login-form button , #signup-form button{
width:100%;
margin-top:0.5em;
padding:0.6em;
}
.form-modal input{
position: relative;
width: 100%;
font-size: 1em;
padding: 10px 20px;
margin-top: 0.6em;
margin-bottom: 0.6em;
/* border-radius: 20px; */
border: none;
background: #fff;
box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important;
outline: none;
font-weight: 400;
transition: 0.4s;
}
.form-modal input:focus , .form-modal input:active{
transform:scaleX(1.02);
}
.form-modal input::-webkit-input-placeholder{
color:#222;
}
.form-modal p{
font-size: 14px;
font-weight: 550;
}
.form-modal p span{
color: #f7770c;
text-decoration: none;
transition: 0.2s;
margin-left: 5px;
}
.form-modal p span:hover
{
cursor: pointer;
color: #000;
}
.form-modal p san:hover{
color:#222;
}
.form-modal i {
position: absolute;
left:10%;
top:50%;
transform:translateX(-10%) translateY(-50%);
}
.-box-sd-effect:hover{
box-shadow: 0 4px 8px hsla(210,2%,84%,.2);
}
@media only screen and (max-width:768px)
{
.jmponum .cpjbtn
{
width: auto !important;
padding: 10px !important;
}
.cpjbtn
{
padding: 10px !important;
}
/*.homebody
{
width: 500px;
margin: auto;
}*/
.home-top
{
width: 480px !important;
}
.hfooter
{
width: 480px !important;
}
}
.maidiv
{
width: 100%;
}
@media only screen and (max-width:500px){
.reballul li .balsp
{
padding: 12px 15px !important;
}
.auser img {
height: 50px !important;
margin-top: 15px;
}
.ac-deti h4
{
font-size: 14px;
}
.form-modal{
width:100%;
}
button, a, p , span, input, .input-group-text
{
font-size: 12px !important;
}
.input-group-text
{
margin-top: 7px !important;
}
.input-group-text img
{
height: 18px !important;
}
.home-top {
width:100% !important;
left: 0px !important;
right: 0px !important;
padding: 0px 10px !important;
}
.hfooter {
width:100% !important;
left: 0px !important;
right: 0px !important;
box-shadow: 0 -5px 10px -2px #ccc;
}
}
@media only screen and (max-width:420px){
.reballul li .balsp
{
padding: 12px 15px !important;
}
.reballul li
{
width: 15% !important;
}
.pbrchul ul li .rpbno, .rpbdon
{
padding: 5px;
}
}
@media only screen and (max-width:400px){
}
.input-group-text img
{
height: 24px;
}
.verbtn
{
border: 1px solid #f7770c;
background: #f7770c !important;
color: #fff;
border-radius: 5px;
box-shadow: 3px 3px 4px rgba(180, 167, 192, 0.27), -2px -2px 4px white!important;
}
.denacc
{
text-align: center;
}
.input-group-text {
display: flex;
align-items: center;
padding: 9px 15px;
font-size: 16px;
margin-top: 10px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
font-weight: 550;
line-height: 1.5;
color: #212529;
box-shadow:0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
text-align: center;
font-family: sans-serif;
white-space: nowrap;
background-color: #ffffff;
border: 1px solid #ffffff;
/* border-radius: .25rem;*/
}
.form-control:focus
{
box-shadow: none;
border-color: none;
}
.fa-lock
{
color: #000;
font-size: 20px;
}
#register-box
{
display: none;
}
.form-title h2
{
font-weight: 600;
margin-bottom: 5px;
}
.form-title
{
text-align: center;
}
.slide-box
{
display: block;
}
.sl-img img
{
height: 40px;
width: 40px !important;
margin-right: 10px;
border-radius: 50%;
}
.item img
{
/*width: auto !important;*/
}
.slide-box p
{
color: #000;
}
.slide-box p span
{
font-size:16px !important;
}
.sl-text strong
{
color: #fa7106;
}
.hbox
{
background: #Ffff;
padding: 0px 10px;
height: 100%;
overflow-y: auto;
margin-bottom: 50px;
margin-top: 50px;
}
.home-top
{
border-bottom: 1px dotted #ccc;
position: fixed;
background: #fff;
width: 35%;
top: 0px;
z-index: 999;
}
.rechbtn
{
width: 100%;
background-image: linear-gradient(to right, rgb(250 113 6), #ffc107);
padding: 10px;
box-shadow: 3px 3px 4px rgba(180, 167, 192, 0.27), -2px -2px 4px white!important;
border:none;
transition: .05s;
color: #fff;
font-weight: 600;
font-size: 18px;
border-radius: 50px;
margin-bottom: 20px;
}
.withbtn
{
width: 100%;
background-image:linear-gradient(to right, #999, #c2c1c1);
padding: 10px;
box-shadow: 3px 3px 4px rgba(180, 167, 192, 0.27), -2px -2px 4px white!important;
border:none;
transition: .05s;
color: #fff;
font-weight: 600;
font-size: 18px;
border-radius: 50px;
}
.withbtn:hover
{
background-image: linear-gradient(to right, #2196f3, #03a9f47a);
box-shadow: 3px 3px 4px rgba(180, 167, 192, 0.27), -2px -2px 4px white!important;
transition: .05s;
color: #fff;
}
.hbtop
{
padding: 45px 45px 0px 45px;
}
.poleft h2
{
font-weight: 600;
}
.poleft h2 small
{
font-size: 12px;
color: #666;
}
.poleft h4
{
color: #999;
}
.poleft span
{
color: #999;
font-weight: 500;
}
.task-img img
{
height: 50px;
}
.task-sec
{
margin-top: 40px;
}
.hombody
{
margin-bottom: 20px;
}
.task-img span
{
color: #000;
font-weight: 600;
margin-left: 10px;
}
.taskleft:hover a, .taskright:hover a
{
text-decoration: none;
}
.game-img img
{
height: auto;
width: 100%;
}
.game-sec
{
margin-top: 40px;
}
.ficon
{
/*display: table-caption;*/
text-align: center;
}
.ficon img
{
margin: auto;
height: 30px;
}
.ficon a
{
color: #000;
}
.ficon a:hover
{
text-decoration: none;
}
.hfooter
{
position: fixed;
bottom: 0px;
left: 30.5%;
right: auto;
margin: auto;
bottom: 0px;
padding-bottom: 10px;
width: 39%;
background-color: #fff;
z-index: 999;
/* box-shadow: 3px 3px 4px rgba(180, 167, 192, 0.27), -2px -2px 4px white!important; */
padding-top: 10px;
/* box-shadow: 0 -5px 10px -2px #ccc;*/
}
.hfobox
{
/* position: absolute;
bottom: 0px;
width: 100%;*/
width: 100%;
}
.home-sec
{
padding: 10px;
}
.ficon:hover
{
cursor: pointer;
}
.fmcolor
{
color: #fa7606;
font-weight: 600;
}
/*account page*/
.account-top h2
{
text-align: center;
font-weight: 600;
font-size: 25px;
}
.accobody
{
padding:15px 0px;
}
.ac-deti h4:first-child
{
font-weight: 600;
color: #000;
}
.ac-deti h4
{
color: #444;
font-weight: 300;
font-family:serif;
}
.auser
{
text-align: center;
}
.auser img
{
height: 65px;
margin-top: 15px;
}
.accmodi a
{
color: #999;
font-weight: 500;
font-size: 16px;
}
.accmodi a i
{
margin-left: 5px;
font-weight: 600;
font-size:20px;
}
.accmodi
{
position: relative;
margin-top: 35%;
}
.recode-box
{
border-top: 15px solid rgb(245, 245, 245);
border-bottom: 15px solid rgb(245, 245, 245);
}
.order-rec span
{
font-size: 18px;
color: #666;
padding: 10px;
}
.order-rec a i
{
float: right;
font-size: 20px;
/* right: 62px; */
font-weight: 600;
color: #999;
margin-right: 20px;
margin-top: 10px;
}
.order-rec img
{
height: 40px;
}
.order-rec a:hover
{
text-decoration: none;
}
.fin-box img
{
height: 34px !important;
}
.order-rec
{
padding: 12px;
border-bottom: 1px dotted #ccc;
}
.order-rec a
{
width: 100% !important;
}
.logsec
{
width: 100%;
margin-top: 20px;
margin-bottom: 50px;
text-align: center;
}
.logsec a
{
padding: 10px 40%;
width: 100%;
transition: 0.5s;
background-image: linear-gradient(to right, rgb(250 113 6), #ffc107);
box-shadow: 3px 3px 4px rgba(180, 167, 192, 0.27), -2px -2px 4px white!important;
border: none;
transition: .05s;
color: #fff;
font-weight: 600;
font-size: 18px;
border-radius: 50px;
}
.logsec a:hover
{
background-image: linear-gradient(to right, #999, #c2c1c1);
box-shadow: 3px 3px 4px rgba(180, 167, 192, 0.27), -2px -2px 4px white!important;
transition: 0.5s;
color: #fff;
text-decoration: none;
}
.backbtn{
color: #444;
font-weight: 600 !important;
font-size: 30px !important;
float: left;
transition: 0.5s;
margin-left: 10px;
margin-top: -5px;
}
.modsec h2
{
font-size: 20px;
}
.backbtn:hover{
color: #FA7806;
font-weight: 600 !important;
font-size: 30px !important;
transition: 0.5s;
cursor: pointer;
}
.avtar-box
{
padding: 10px;
}
.avtar-pic img
{
height: 50px;
}
.chang-pic
{
text-align: right;
margin-top: 15px;
}
.chang-pic a
{
color: #999;
font-size: 14px !important;
}
.changdes
{
padding: 5px 5px 15px 5px;
border-bottom: 1px dotted #ccc;
}
.changdes a
{
padding: 5px 5px 15px 5px;
}
.chang-pic i
{
margin-left: 15px;
font-size: 18px;
}
.changdes span
{
float: left;
font-size: 16px !important;
}
.chang-pic a:hover
{
text-decoration: none;
}
.nickbox
{
padding: 20px 0px;
}
#Nickname
{
color: #fc9b0a !important;
}
.faprbtn
{
font-size: 12px !important;
padding: 10px 15px;
border: none;
color: #333;
border-radius: 5px;
background: #fff;
box-shadow: 3px 3px 14px rgba(180, 167, 192, 0.47), -2px -2px 4px white!important;
}
.period-box
{
background: #fff;
border-radius: 5px;
margin: auto;
width: 98%;
padding: 10px 15px;
box-shadow: 3px 3px 14px rgba(180, 167, 192, 0.47), -2px -2px 4px white!important;
}
.peri-id
{
color: #000;
font-weight: 500;
font-size: 16px;
}
.peri-date
{
text-align: right;
}
.peri-date span
{
color: #999;
font-size: 14px !important;
}
.selcol p
{
color: #999;
font-size: 15px !important;
margin-bottom: 10px !important;
}
.selcol span
{
padding: 5px 10px;
color: #fff;
background-color: rgb(0, 194, 130);
border-radius: 5px;
box-shadow: rgb(0 0 0 / 40%) 0px 0px 5px;
}
.sepo
{
background-color: #ffff !important;
box-shadow: none !important;
color: #000 !important;
font-size: 16px !important;
}
.pose
{
background-color:red !important;
border-radius: 50px !important;
padding: 10px !important;
font-size: 14px !important;
}
.selpoint
{
text-align: center;
}
.amopon
{
text-align: right;
}
.amopon span
{
color: red !important;
font-weight: 550 !important;
}
.delfee p, span
{
color: #999;
}
.tovibtn
{
text-align: right;
}
.toview
{
box-shadow: 3px 3px 14px rgba(180, 167, 192, 0.47), -2px -2px 4px white!important;
color: rgb(0, 147, 255);
background-color: #fff;
border-radius: 40px;
padding:5px 10px ;
border:1px solid rgb(0, 147, 255);
}
.cmviewbox
{
width: 95%;
margin: auto;
}
.finpic img
{
height: 50px !important;
margin-top: 10px !important;
}
.finrec h4
{
font-weight: 400 !important;
}
.accmodi a:hover
{
text-decoration: none;
}
.finpric
{
text-align: right;
margin-top: 28px !important;
}
.finpric a, i
{
color: #000;
font-weight: 400 !important;
font-size: 16px !important;
}
.finmbox
{
padding:7px 10px 15px 10px;
border-bottom: 1px dotted #ccc;
}
.abou-img img
{
width: 100%;
height: auto;
}
.retleft
{
text-align: left;
margin-top: 22px;
}
.retright
{
text-align: right;
margin-top: 22px;
}
.retleft a
{
font-size: 16px;
color: #999;
}
.retright a
{
font-size: 16px;
color: #999;
}
.retleft a:hover, .retright a:hover
{
text-decoration: none;
}
.rechtop
{
padding: 0px 20px;
}
.reblan
{
text-align: center;
}
.reblan span
{
color: #999;
font-size: 18px;
}
.reblan h2
{
font-weight: 550;
margin-top: 5px;
}
.addblanc
{
padding: 0px 10px;
margin-top: 30px !important;
}
.addblanc p i
{
font-size: 30px !important;
font-weight: 300 !important;
}
.addblanc h4
{
font-weight: bold;
}
.addblanc p
{
border-bottom: 1px solid #ccc;
}
.addinput
{
width: 90%;
margin-left: 5px;
color: #000;
padding: 0px 10px;
font-size: 35px !important;
border: none;
}
.addinput:focus {
outline: none;
box-shadow: none;
}
.add-amunt
{
border:none;
color: #000;
width: 100%;
padding: 10px;
font-size: 18px;
background-color: #F1F3FF;
}
.madmut
{
margin-bottom: 20px;
border-radius: 5px;
border:1px dotted #999;
transition: 0.5s;
box-shadow: 3px 3px 14px rgba(180, 167, 192, 0.47), -2px -2px 4px white!important;
}
.madmut:hover
{
border:1px solid #000;
transition: 0.5s;
box-shadow: 3px 3px 14px rgba(180, 167, 192, 0.47), -2px -2px 4px white!important;
}
.selamou
{
padding: 0px 20px;
margin-top: 20px;
}
.secfast p img
{
height: 30px;
}
.secfast p
{
text-align: center;
}
.secfast
{
margin-top: -20px;
}
.rachslider i
{
color: #999 !important;
}
.rachslider
{
padding: 0px 20px !important;
text-align: center;
}
.rechbox .rechbtn, .withbtn
{
padding: 10px 36% !important;
}
.rechbox .rechbtn:hover, .withbtn:hover
{
text-decoration: none;
cursor: pointer;
}
.amuntbox
{
background-color: rgb(241, 243, 255);
border-radius: 10px;
box-shadow: 0px 27px 20px -19px rgb(122 62 134 / 31%);
border: 1px solid #999;
position: relative;
padding: 15px;
}
.gree-check
{
height: 40px;
position: absolute;
right: 0px;
bottom: 0;
}
.upi-img
{
margin-left: -15px;
height: 40px;
}
.amuntbox h4
{
color: #000 !important;
font-weight: 400 !important;
margin-bottom: 20px !important;
}
.changpay
{
text-align: right;
}
.changpay a:hover
{
text-decoration: none;
}
.changpay a, i
{
color: #999;
font-size: 18px;
}
.wiaminput
{
width: 85%;
margin-left: 5px;
color: #000;
font-weight: 400;
padding: 15px 10px;
font-size: 18px !important;
border: none;
background-color: #f1f1f1;
}
.witdroam .addblanc p {
border: none;
background-color: #cccccc45;
}
.witdroam .addblanc p i {
font-size: 20px !important;
font-weight: 300 !important;
padding: 0px 12px;
color: #555;
}
.wasleft
{
text-align: left;
}
.wasright
{
text-align: right;
}
.washow
{
width: 90%;
margin: auto;
}
.washow span
{
color: #999;
font-size: 15px;
}
.washow span b
{
color: #FA7606;
}
.withrectit
{
margin-top: 20px !important;
border-top: 10px solid #f1f1f1 !important;
padding: 10px 0px;
}
.comqus img
{
height: 30px;
}
.wistate
{
text-align: right;
}
.wistate span
{
background:none;
color: #FE8A2C;
font-weight: 600;
box-shadow: none;
}
.wistate span:hover
{
cursor: pointer;
}
.witrebo
{
background-color: #F1F3FF !important;
margin-bottom: 20px !important;
}
.fastparity .retright,
{
text-align: center !important;
}
.fastparity h2
{
margin-bottom: 5px;
margin-top: 5px;
}
.periodid h4
{
font-weight: 600;
font-size: 24px;
margin-top: 5px;
}
.countdow
{
text-align: right;
}
.timer-wrapper {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
/* margin: 50px auto; */
display: -webkit-box;
margin-right: -10px;
display: -ms-flexbox;
display: inline-flex;
/* border: 1px solid black; */
border-radius: 10px;
/* background-color: rgb(13, 28, 156);*/
}
.timer-section {
/* margin: 10px;*/
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.timer {
width: 30px;
height: 30px;
background-color: rgb(241, 243, 255);
border-bottom: 5px solid rgb(205, 212, 255);
border-radius: 4px;
margin: 2px;
font-family: sans-serif;
text-align: center;
line-height: 30px;
font-weight: 700;
font-size: 20px;
-webkit-transition: 0.2s all;
-o-transition: 0.2s all;
transition: 0.2s all;
}
/*.timer-blur {
background-color: gold;
-webkit-filter: blur(3px);
filter: blur(3px);
-webkit-transition: 0.2s all;
-o-transition: 0.2s all;
transition: 0.2s all;
}*/
#message {
text-align: center;
font-family: 'Niconne', cursive;
-webkit-animation: pulsate 4s infinite;
animation: pulsate 4s infinite;
line-height: 80px;
font-size: 40px;
}
@-webkit-keyframes pulsate {
0% {font-size: 40px}
20% {font-size: 45px}
40% {font-size: 40px}
60% {font-size: 45px}
80% {font-size: 40px}
100% {font-size: 40px}
}
@keyframes pulsate {
0% {font-size: 40px}
20% {font-size: 45px}
40% {font-size: 40px}
60% {font-size: 45px}
80% {font-size: 40px}
100% {font-size: 40px}
}
.countdow span, .periodid span
{
color: #999;
font-size: 15px;
}
.chgabox
{
text-align: center;
padding: 10px;
border-radius: 5px;
}
.chgabox a:hover
{
text-decoration: none;
}
.chgabox img
{
height: 30px;
}
.chgabox p
{
font-size: 18px;
font-weight: 600;
color: #ffffff;
margin-bottom: 0px;
margin-top: 5px;
}
.chgreen
{
background-color: rgb(0, 194, 130);
box-shadow: rgb(0 194 130 / 40%) 0px 0px 8px;
}
.chvoilet
{
background-color: rgb(102, 85, 211);
box-shadow: rgb(102 85 211 / 40%) 0px 0px 8px;
}
.chred
{
background-color: rgb(250, 60, 9);
box-shadow: rgb(250 60 9 / 40%) 0px 0px 8px;
}
.chpoint
{
text-align: center;
color: #999;
}
.selnumo ul li
{
list-style: none;
float: left;
width: 20%;
margin-bottom: 10px;
}
.selnumo ul li img
{
height: 50px;
}
.selp
{
text-align: center;
color: #999;
}
/*
CSS for the main interaction
*/
.tabset > input[type="radio"] {
position: absolute;
left: -200vw;
}
.tabset .tab-panel {
display: none;
}
.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
display: block;
}
.tabset > label {
position: relative;
display: inline-block;
padding: 15px 0px 15px 0px;
border: 1px solid transparent;
border-bottom: 0;
cursor: pointer;
width: 49%;
font-size: 18px;
color: #999;
text-align: center;
font-weight: 500;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
box-shadow: rgb(0 0 0 / 30%) 0px 0px 5px;
}
.tabset > label::after {
content: "";
position: absolute;
left:0px;
bottom: 0px;
width: 100%;
height: 3px;
background: #8d8d8d;
}
.tabset > label:hover,
.tabset > input:focus + label {
color: #000;
}
.tabset > label:hover::after,
.tabset > input:focus + label::after,
.tabset > input:checked + label::after {
background: #06c;
}
.tabset > input:checked + label {
border-color: #ccc;
border-bottom: 1px solid #fff;
margin-bottom: -1px;
}
.tab-panel {
padding: 5px 0;
/*border-top: 1px solid #ccc;*/
}
.pertimsec
{
margin-top: -10px;
}
.witrecosec
{
height: 50vh;
overflow-y: scroll;
}
.tabrectop a
{
float: right;
margin-right: 10px;
}
.tabrectop
{
padding: 0px 5px;
}
.tabrectop span
{
color: #333;
font-size: 16px;
}
.tabrectop a
{
color: #999;
}
.tabrectop a:hover
{
text-decoration: none;
}
.reballul li
{
list-style: none;
width: 10%;
float: left;
text-align: center;
margin-bottom: 10px;
}
.reballul li h6
{
font-size: 15px;
color: #000;
}
.reballul li .balsp
{
box-shadow: rgb(0 0 0 / 40%) 0px 0px 5px;
border-radius: 50px;
padding: 10px 15px;
color: #fff;
font-size: 16px;
}
.reballul li #green
{
background-color: rgb(0, 194, 130);
}
.reballul li #red
{
background-color:rgb(250, 60, 9);
}
.reballul li #violet
{
background-color:rgb(102, 85, 211);
}
.reballul li #greenred a{
position: relative;
z-index: 99;
color: #fff;
font-weight: 600;
}
.reballul li #greenred
{
position: relative;
background-color: rgb(0, 194, 130);
}
.reballul li #greenred:after{
content: '';
position: absolute;
width: 50%;
left: 0;
border-top-left-radius: 50px;
top: 0;
height: 37px;
z-index: 0;
background: red;
border-bottom-left-radius: 50px;
}
.reballul li #greenviolet a{
position: relative;
z-index: 99;
color: #fff;
font-weight: 600;
}
.reballul li #greenviolet
{
position: relative;
background-color: rgb(0, 194, 130);
}
.reballul li #greenviolet:after{
content: '';
position: absolute;
width: 50%;
left: 0;
border-top-left-radius: 50px;
top: 0;
height: 37px;
z-index: 0;
background: red;
border-bottom-left-radius: 50px;
}
.reballul li #greenviolet a{
position: relative;
z-index: 99;
color: #fff;
font-weight: 600;
}
.reballul li #greenviolet
{
position: relative;
background-color: rgb(0, 194, 130);
}
.reballul li #greenviolet:after{
content: '';
position: absolute;
width: 50%;
left: 0;
border-top-left-radius: 50px;
top: 0;
height: 37px;
z-index: 0;
background: #6655d3;
border-bottom-left-radius: 50px;
}
.reballul li #redviolet a{
position: relative;
z-index: 99;
color: #fff;
font-weight: 600;
}
.reballul li #redviolet
{
position: relative;
background-color:rgb(102, 85, 211);
}
.reballul li #redviolet:after{
content: '';
position: absolute;
width: 50%;
left: 0;
border-top-left-radius: 50px;
top: 0;
height: 37px;
z-index: 0;
background: #fa3c09;
border-bottom-left-radius: 50px;
}
.protrec
{
text-align: center;
}
.protrec span
{
color: #999;
}
.mainbarb span
{
float: left;
font-size: 12px;
color: #fff;
margin-right: 10px;
padding: 5px 8px;
box-shadow: rgb(0 0 0 / 40%) 0px 0px 5px;
border-radius: 50px;
margin-top: -5px;
}
.mainbarb #ground
{
background-color: rgb(0, 194, 130);
}
.probarsec
{
padding: 0px 10px;
}
.progress
{
margin-bottom: 0px !important;
font-size: 10px !important;
border-radius: 5px !important;
}
.greenbar {
background-image: linear-gradient(to bottom, #00c282 0, #00c282 100%) !important;
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2faaab', endColorstr='#ff248283', GradientType=0);
}
.mainbarb #rround
{
background-color: rgb(250, 60, 9);
}
.redbar {
background-image: linear-gradient(to bottom, #fa3c09 0, #fa3c09 100%) !important;
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2faaab', endColorstr='#ff248283', GradientType=0);
}
.mainbarb #vround
{
background-color:rgb(102, 85, 211);
}
.violetbar {
background-image: linear-gradient(to bottom, #6655d3 0, #6655d3 100%) !important;
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2faaab', endColorstr='#ff248283', GradientType=0);
}
.pbarchar
{
margin-top: 10px;
}
.pbrchul ul li
{
list-style: none;
float: left;
width: 9.5%;
text-align: center;
}
.pbrchul ul li .rpbno, .rpbdon
{
border:1px solid #fa770666;
padding: 10px;
}
.pbrchul ul li .rpbno
{
border-bottom: none !important;
}
.pbrchul ul li .rpbno span
{
color: #fff;
background-color: #999;
border-radius: 50%;
padding: 5px 9px;
}
.orderpensec
{
margin-top: 50px;
}
.revt-one span
{
color: #000;
font-size: 16px;
font-weight: 300;
}
.revt-two img
{
height: 30px;
}
.revt-three span
{
/*box-shadow: rgb(0 0 0 / 40%) 0px 0px 5px;
background-color: rgb(250, 60, 9);*/
padding:10px 15px;
border-radius: 50px;
font-size: 16px;
color: #fff;
}
.revt-four span
{
color: #000;
font-size: 16px;
}
.revt-four i
{
color: #000;
}
.tabtop th
{
color: #999 !important;
font-size: 15px;
font-weight: 300;
}
.revotab
{
padding: 10px !important;
}
.revt-three
{
padding-top: 12px !important;
}
.etvbtn
{
background-color: #D0DEFF;
color: #333;
border-radius: 5px;
padding: 10px 44%;
width: 100%;
font-size: 17px;
box-shadow: 3px 3px 4px rgba(180, 167, 192, 0.27), -2px -2px 4px white!important;
}
.etvbtn:hover
{
text-decoration: none;
}
.modal-dialog
{
margin-left: 32.7% ;
width: 40% ;
height: 100%;
bottom: 0px ;
}
.remodsec h5
{
font-size: 25px;
color: #000;
font-weight: 600;
}
.jomotop
{
width: 90%;
margin: auto;
border-radius: 7px;
padding: 13px 20px;
box-shadow: rgb(0 0 0 / 30%) 0px 0px 5px;
}
.jmtlft h4
{
font-size: 22px;
color: #000;
font-weight: 600;
}
.jmtlft h4 span
{
color: #000;
font-weight: 400 !important;
font-size: 14px !important;
}
.jmtrig
{
text-align:right;
padding: 10px;
}
.jmtrig .rechbtn
{
padding: 10px 25% !important;
}
.copoi
{
text-align: left;
color:#999;
font-weight: 300;
font-size: 14px;
}
.cpjbtn
{
background-color: #fff;
color: #000;
box-shadow: rgb(0 0 0 / 30%) 0px 0px 5px;
padding: 10px 20px;
width: 100%;
border-radius: 5px;
border:none;
}
button.active
{
background-color: #000;
color: #fff;
}
.jomomid
{
width: 90%;
margin: auto;
padding: 10px;
}
.jmponum .cpjbtn
{
background-color: #fff;
color: #000;
box-shadow: rgb(0 0 0 / 30%) 0px 0px 5px;
padding: 10px 20px;
width: 45%;
border-radius: 5px;
border:none;
}
.jmponum .form-control
{
border:none;
box-shadow: none;
font-size: 18px;
color: red;
}
.jmponum .form-control::placeholder {
color: red;
opacity: 1; /* Firefox */
text-align: center;
}
.jmponum-dev p
{
margin-bottom: 0px;
text-align: right;
}
.jmponum-dev p span
{
color: #000;
}
.crfbtn
{
width: 100%;
background-image: linear-gradient(to right, #2196f3, #03a9f47a) !important;
box-shadow: 3px 3px 4px rgba(180, 167, 192, 0.27), -2px -2px 4px white!important;
transition: .05s;
color: #fff;
}
.fastparity-rec .rvonetable .revt-two, .revt-four
{
text-align: right;
}
.fastparity-rec .tabtop th
{
font-size: 16px !important;
color: #999 !important;
}
.fastparity-rec .rvonetable .revt-one span, .revt-two span, .revt-three span, .revt-four span
{
color: #333 !important;
font-weight: 300;
font-size: 14px !important;
}
.fastparity-rec .rvonetable .revt-two span i
{
color: #333 !important;
font-weight: 300;
font-size: 18px !important;
}
.frcbox .revt-three #greenb
{
background-color: rgb(0, 194, 130);
}
.frcbox .revt-three span
{
color: #fff !important;
}
.frcbox .revt-three #redb
{
background-color:rgb(250, 60, 9);
}
.frcbox .revt-three #redb
{
background-color:rgb(250, 60, 9);
}
.frcbox .revt-three #violetb {
background-color: rgb(102, 85, 211);
}
.frcbox .revt-three #violetb {
background-color: rgb(102, 85, 211);
}
.frcbox .revt-three .balsp {
box-shadow: rgb(0 0 0 / 40%) 0px 0px 5px;
border-radius: 50px;
padding: 10px 15px;
color: #fff;
font-size: 16px;
}
.frcbox .revt-three #greenred a {
position: relative;
z-index: 9999;
color: #fff;
font-weight: 600;
}
.frcbox .revt-three #greenred {
position: relative;
background-color: rgb(0, 194, 130);
}
.frcbox .revt-three #greenred:after {
content: '';
position: absolute;
width: 50%;
left: 0;
border-top-left-radius: 50px;
top: 0;
height: 40px;
z-index: 0;
background: red;
border-bottom-left-radius: 50px;
}
.frcbox .revt-three #greenviolet a {
position: relative;
z-index: 9999;
color: #fff;
font-weight: 600;
}
.frcbox .revt-three #greenviolet {
position: relative;
background-color: rgb(0, 194, 130);
}
.frcbox .revt-three #greenviolet:after {
content: '';
position: absolute;
width: 50%;
left: 0;
border-top-left-radius: 50px;
top: 0;
height: 40px;
z-index: 0;
background: #6655d3;
border-bottom-left-radius: 50px;
}
.frcbox .revt-three #redviolet a {
position: relative;
z-index: 9999;
color: #fff;
font-weight: 600;
}
.frcbox .revt-three #redviolet {
position: relative;
background-color: rgb(102, 85, 211);
}
.frcbox .revt-three #redviolet:after {
content: '';
position: absolute;
width: 50%;
left: 0;
border-top-left-radius: 50px;
top: 0;
height: 40px;
z-index: 0;
background: #fa3c09;
border-bottom-left-radius: 50px;
}
.fakimg
{
height: 35px;
width: 35px;
border-radius:50px;
border-color:#666;
border:double;
}
.guestImg
{
height: 35px;
width: 35px;
border-radius:50px;
border-color:#666;
}
.forpsec
{
text-align: center;
}
.denacc
{
margin-bottom: 25px;
}
.forpsec a
{
color: #000;
box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
padding: 10px 15px;
border-radius: 5px;
}
.denacc span
{
color: #000;
box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
padding: 10px 15px;
border-radius: 5px;
}
.indtitl
{
background-color: #fff;
padding: 10px;
box-shadow: 3px 3px 4px rgba(180, 167, 192, 0.27), -2px -2px 4px white!important;
}
.indtitl h2
{
margin-bottom: 0px;
}
.invite-sec
{
height: 100vh;
overflow-y: scroll;
margin-top: 57px;
padding-bottom: 150px;
}
.toinvhe
{
background: #000;
position: fixed;
width: 35%;
}
.toinvhe .retcent h2
{
color: #fff;
}
.toinvhe .retright a
{
color: #fff;
}
.toinvhe .retright img
{
height: 25px;
}
.toinvhe small
{
color: #999;
font-size: 14px;
}
.agmosec h4
{
color: #000;
font-size: 28px;
font-weight: 600;
}
.amwid .row
{
width: 95%;
margin: auto;
box-shadow: rgb(0 0 0 / 40%) 0px 0px 10px;
background-color: rgb(255, 255, 255);
border-radius: 3px;
}
.agmosec
{
padding: 20px 0px 10px 15px;
}
.agmbtnw
{
box-shadow: rgb(252 148 13 / 60%) 0px 0px 10px;
background-color: rgb(252, 148, 13);
color: #fff;
font-weight: 600;
border-radius: 30px;
padding: 18px 30px;
}
.agmosecbtn
{
padding-top: 40px;
text-align: right;
}
.ingpbox img
{
height: auto;
width: 100%;
box-shadow: 0px 4px 16px 5px #4444447d;
}
.invroll
{
padding: 30px 0px;
background-image: url('images/proxyBg.png');
background-size: cover;
}
.invprg .row
{
width: 100%;
margin: auto;
}
.invprg
{
margin-top: 50px;
}
.aghtb img
{
width: 95%;
margin: auto;
height: auto;
border-radius: 5px;
}
.aghtb
{
text-align: center;
}
.getaglis .row
{
width: 100%;
margin: auto;
}
.getaglis
{
margin-top: 50px;
}
.intodybox
{
text-align: center;
}
.intodybox a:hover
{
text-decoration: none;
}
.intodybox
{
text-align: center;
}
.intodybox p
{
color: #999;
}
.intodybox h4
{
color: #000;
font-size: 28px;
font-weight: 600;
}
.intodybox h6
{
color: #666;
font-size: 14px;
}
.intodybox h6 img
{
height: 20px;
}
.intodybox
{
margin-top: 30px;
}
.incooright
{
text-align: right;
color: #000;
margin-top: 10px;
}
.incooright a
{
color: #000;
}
.incooright a:hover
{
text-decoration: none;
}
.uppdesg
{
border-top: 10px solid #f5f5f5;
}
.wedatasec
{
padding-bottom: 10px;
padding-top: 10px;
border-bottom: 1px dotted #ccc;
}
.wiimgfde img
{
height: 50px;
}
.wiimgfde
{
text-align: center;
}
.wiimitext p
{
color: #999;
}
.wiimitext h4
{
margin-top: 2px;
}
.wiilestlo
{
text-align: right;
}
.getrupp
{
position: absolute;
bottom: 80px;
left: 26%;
right: auto;
}
.getrupp a
{
color: #401850;
font-weight: 600;
font-size: 16px;
}
.getrupp a:hover
{
text-decoration: none;n
}
.getrupp a span
{
color: #ff882d;
}
.getrupp img
{
height: 20px;
width: 20px;
}
.lastjk
{
position: relative;
}
.agyext p
{
color: #F8FFFF;
font-size: 18px;
}
.agflevel .abou-img
{
margin-bottom: 20px;
}
.agyejfu
{
text-align: center;
}
.agyejfu h4
{
color: rgb(254, 216, 33);
margin-bottom: 0px;
}
.agyejfu h2
{
color: #fff;
font-size: 22px;
margin-top: 10px;
}
.coplikkj
{
padding: 2px;
border: 1px solid #ccc;
background-color: rgb(68, 107, 211);
border-radius: 4px;
color: #fff;
font-weight: 600;
font-size: 19px;
}
.checksecbox .home-top, .hbox
{
background: transparent !important;
border-bottom: none;
}
.mainbocg .row
{
width: 90%;
margin: auto;
}
.mujhtyu h2
{
color: #fff !important;
}
.mainbocg
{
background-color: rgb(255, 255, 255);
border-radius: 6px;
padding: 15px 0px;
}
.mkihth
{
text-align: center;
}
.mkihth h4
{
color: rgb(56, 59, 69);
font-weight: 600;
}
.mkihth p
{
color: #999;
font-size: 24px;
font-weight: 600;
}
.mkihth img
{
height: 38px;
}
.trelast img
{
height: auto !important;
width: 100%;
margin-top: 20px;
}
.chheklobu .rechbtn
{
position: absolute;
width: 50% !important;
left: 26%;
text-align: center;
}
.chheklobu .rechbtn:hover
{
text-decoration: none;
}
.tratrbox .row
{
width: 100%;
margin: auto;
}
.tratrbox
{
text-align: center;
margin-top: 50px;
}
.trgbg p
{
color: rgb(255, 255, 255);
font-size: 18px;
}
.trunbox
{
width: 100%;
height: auto;
margin-top: -120px;
margin-bottom: -70px;
}
.checksecbox .home-top
{
position: relative !important;
width: auto !important;
}
.checksecbox .hbox
{
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.checksecbox #myCarousel
{
text-align: center;
color: #fff;
}
.sharmodel .model
{
display: block !important;
}
.variants {
display: flex;
justify-content: center;
align-items: center;
}
.variants > div {
margin-right: 5px;
}
.variants > div:last-of-type {
margin-right: 0;
}
.file {
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.file > input[type='file'] {
display: none
}
.file > label {
font-size: 12px;
font-weight: 600;
cursor: pointer;
outline: 0;
user-select: none;
border-color: #2196f3;
border-style: solid;
border-radius: 4px;
border-width: 1px;
background-color: hsl(0, 0%, 100%);
color: #2196f3;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
box-shadow: 0px 2px 6px 0px #ccc;
padding-bottom: 10px;
display: flex;
justify-content: center;
align-items: center;
}
.file > label:hover {
border-color: #fa7606;
color: #fa7606;
}
.file > label:active {
background-color: hsl(0, 0%, 96%);
}
.file > label > i {
padding-right: 5px;
}
.file--uploading > label {
color: hsl(48, 100%, 67%);
border-color: hsl(48, 100%, 67%);
}
.file--uploading > label > i {
animation: pulse 5s infinite;
}
.file--uploading > label:hover {
border-color: hsl(48, 100%, 67%);
background-color: hsl(48, 100%, 96%);
}
.file--uploading > label:active {
background-color: hsl(48, 100%, 91%);
}
.uphuo .wiaminput
{
font-size: 14px !important;
padding: 10px !important;
}
/*pay input type text copy start*/
.toban
{
margin-top: 80px;
}
.baning img
{
width: 100%;
height: auto;
}
.baning
{
padding: 20px;
background-color: #fff;
box-shadow: 3px 3px 14px rgba(180, 167, 192, 0.47), -2px -2px 4px white!important;
}
.protitl
{
padding: 10px 10px 10px 0px;
}
.protitl h4
{
border-left: 5px solid #ff5722;
padding: 5px;
color: #000;
margin: 0px;
}
.pkboc
{
background: #fff;
margin-bottom: 20px;
padding: 5px;
border-radius: 5px;
border: 1px dotted #999;
transition: 0.5s;
box-shadow: 3px 3px 14px rgba(180, 167, 192, 0.47), -2px -2px 4px white!important;
}
.poijmg img
{
width: 100%;
}
.pobotxt
{
padding:0px 10px;
}
.pobotxt h5
{
color: #000;
margin-bottom: 5px;
font-weight: 600;
}
.pobotxt h5 span
{
color: #FF5722;
font-weight: 600;
font-size: 16px;
}
.pobotxt h5 span i
{
color: #FF5722;
font-weight: 600;
font-size: 16px;
margin-left: 5px;
}
.pobotxt p
{
color: #000;
line-height:20px;
margin-bottom: 0px;
}
.pobotxt p i
{
color: #000;
line-height:20px;
margin-bottom: 0px;
}
.renbtn
{
background-image: linear-gradient(to right, rgb(250 113 6), #ffc107);
padding: 5px 20px;
color: #fff;
box-shadow: 3px 3px 4px rgba(180, 167, 192, 0.27), -2px -2px 4px white!important;
}
.rebtnbp
{
margin-top: 10px;
}
.odrbox
{
margin-bottom: 10px;
}
.laodabo
{
margin-bottom: 50px;
}
.fortext a
{
color: red;
}