/* your custom style here */

.gift-container{border:1px solid #ccc;text-align:center}div.gift-container:hover{border:1px solid #777}div.gift-container img{padding:10px 5px 5px;height:auto}div.gift-desc{padding: 5px 3px;text-align:center;background:#260132;font-size: 13px;color:#fff;}.gift-responsive{padding:6px;float:left;width:25%}@media only screen and (max-width:700px){.gift-responsive{width:33%;margin:6px 0}}@media only screen and (max-width:500px){.gift-responsive{width:33%}}p.giftheading{padding-bottom:5px;text-align:center;color:#20292f;font-size:17px}div.gift-container:hover>div.gift-desc{background:#a703dc;color:#fff;}

.chat_message {font-size: 20px; }}

.center,.marquee{margin:0 auto}
.glow{text-shadow:0 0 30px #ff751a}
.namecycle{
	color:#751aff;
	-webkit-animation:colorchange 5s infinite alternate
}
 @-webkit-keyframes colorchange {
      0% {color: #33cccc;}
      10% {color: #cc33ff;}
      20% {color: #ff0066;}
      40% {color: #33cc33;}
      60% {color: #ff6600;}
      80% {color: #ff00ff;}
	  100% {color: #33cc33;}
}
.awesomeadmin{
	color:red;
	-webkit-animation:colorchangeadmin 15s infinite alternate
}
@-webkit-keyframes colorchangeadmin{
		0%{color:red}
		30%{color:#3c3}
		60%{color:#8000ff}
		90%{color:#ffb31a}
		100%{color:#3cc}
}
.ctr{text-align:center}
.ref{color:#fff!important}
.marquee{white-space:nowrap;overflow:hidden;position:absolute}
.marquee i{display:inline-block;padding-left:100%;animation:marquee 50s linear infinite;padding-top:10px}
.marquee2 i{animation-delay:2s}
@keyframes marquee{
	0%{transform:translate(0,0)}
	100%{transform:translate(-100%,0)}
}
.ui-autocomplete{
	position:absolute;
	cursor:default
}
.ui-autocomplete-loading{
	background:url(/default_images/material-loader.gif) right center no-repeat #fff
}* html .ui-autocomplete{width:1px}.ui-menu{border-radius:10px;list-style:none;padding:10px;margin:0;display:block;width:227px}.ui-menu .ui-menu{margin-top:-3px}.ui-menu .ui-menu-item{margin:0;padding:0;width:200px}.ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:.2em .4em;line-height:1.5;zoom:1}.ui-menu .ui-menu-item a.ui-state-active,.ui-menu .ui-menu-item a.ui-state-hover{margin:-1px}.loadingText{display:inline-block;font-size:20px;background:url(https://s3.amazonaws.com/f.cl.ly/items/0A2z3P0k3C45013S0z1J/clip-bg.jpg) no-repeat;-webkit-background-clip:text;color:transparent;text-shadow:0 0 rgba(0,0,0,.2);background-size:0 100%;animation:fill-2 4s infinite}@keyframes fill-2{50%{background-size:100% 100%}100%{background-size:0 100%}}::-webkit-input-placeholder{font-size:12px}::-moz-placeholder{font-size:12px}:-ms-input-placeholder{font-size:12px}:-moz-placeholder{font-size:12px}.bounceIn{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}

/* your custom style here */
::-webkit-scrollbar {
	
    width: 7px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1; 
	border-radius: 110px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: #888; 
	border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555; 
}
.ctr {
    text-align: center;
}
.maincontent1 {
    background-color: #f06;
    padding: 10px;
    border-radius: 25px;
}
.textlinez1 {
    font-weight: 400;
    font-size: 16px!important;
    color: #fff!important;
}
.headlinez1 {
    font-weight: 400;
    font-size: 32px;
    color: #fff!important;
}
.maincontent2 {
    background-color: #c3f;
    padding: 10px;
    border-radius: 25px;
}
.maincontent3 {
    background-color: #39f;
    padding: 10px;
    border-radius: 25px;
}
.maincontent4 {
    background-color: #3c3;
    padding: 10px;
    border-radius: 25px;
}
.maincontent5 {
    background-color: #f93;
    padding: 10px;
    border-radius: 25px;
}
.maincontent6 {
    background-color: #90f;
    padding: 10px;
    border-radius: 25px;
}
.maincontent7 {
    background-color: #0c9;
    padding: 10px;
    border-radius: 25px;
}
.ref {
    color: #fff!important;
}
.av_frame {
    width: 55px;
    height: 55px;
    display: block;
	position:absolute;
}
.av_spin{
	-webkit-animation:spin 1s linear infinite;
    -moz-animation:spin 1s linear infinite;
    animation:spin 1s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
.blinksm {
	-webkit-animation: fadesm 3s infinite; /* Safari 4+ */
	-moz-animation:    fadesm 3s infinite; /* Fx 5+ */
	-o-animation:      fadesm 3s infinite; /* Opera 12+ */
	animation:         fadesm 3s infinite; /* IE 10+, Fx 29+ */
}
@-webkit-keyframes fadesm {
  0%   { opacity: 1; }
  100% { opacity: 0; }
}
@-moz-keyframes fadesm {
  0%   { opacity: 1; }
  100% { opacity: 0; }
}
@-o-keyframes fadesm {
  0%   { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes fadesm {
  0%   { opacity: 1; }
  100% { opacity: 0; }

  }