* {margin: 0; padding: 0; border: 0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
/* reset css */
:focus {outline: 0;}
a {color: #1752a6; text-decoration: none}
a:hover {color: #FF0000; text-decoration: underline}
img{max-width: 100%; height: auto; vertical-align:text-top;}
form {font-size: small}
h3 {padding: 0 0 2px 0}
hr {border-top: 1px solid gray}
p {margin-bottom: 4px;}
textarea {width: 100%; border: 1px solid #ADB7BF; padding: 5px; margin-bottom: 3px; border-radius: 2px; resize: vertical}
ul {padding-left: 20px}
input, select {border: 1px solid #ADB7BF; padding: 3px; border-radius: 2px}
p:last-child {margin-bottom: 0}
/* helpers */
.mb-3,.my-3 {margin-bottom: 4px}.mb-2{margin-bottom: 4px}
.mt-3,.my-3 {margin-top: 4px}
.mr-sm-2 {margin-right: 4px}
.text-muted {color: gray;}
/* main css */
body {background-color: #F4F4FE; color: #000000; font-family: Arial, Tahoma, sans-serif; font-size: small; max-width: 700px; margin: 0 auto}
#top {height: 0; line-height: 0; display: block}
#container {padding: 0 4px 4px; background-color: #fff}
#header .card-header {font-weight: normal;}
.top-menu {background-color: #F2F6F8; border: 1px solid #E9E9E9; color: #34617E; padding: 4px;margin-bottom: 4px}
.phdr {background: #00796B; color: #FFF; margin-top: 4px; padding: 5px;font-size: 15px; }
.phdr a {color: #fff}

.alert{padding:4px;margin-bottom:4px;border:1px solid transparent}
.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}
.alert-success a{color:#0b2e13}
.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}
.alert-info a{color:#062c33}
.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}
.alert-warning a{color:#533f03}
.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}
.alert-danger a{color:#491217}

.form-group {margin-bottom: 4px}
.form-group:last-child {margin-bottom: 0}
.form-control{display:block;width:100%;padding:4px 8px;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:2px}
.form-inline .form-control{display:inline-block;width:auto}
.form-text {display: block}
.form-check-label {margin-left: 4px}

/* primary warning success danger */
.btn{display:inline-block; text-align:center; white-space:nowrap; border:1px solid transparent;padding:4px 8px;border-radius:2px;cursor: pointer;text-decoration: none}
.btn-primary{color:#fff;background-color:#00796B;border-color:#00796B}
.btn-primary:hover{color:#fff;background-color:#075F54;border-color:#075F54}
.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}
.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}
.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}
.btn-warning:hover{color:#212529;background-color:#e0a800;border-color:#d39e00}
.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}
.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}
.btn:hover {text-decoration: none}
.btn + .btn {margin-left: 4px}

.breadcrumb{background: #00796B; color: #FFF; margin-bottom: 4px; padding: 5px 4px}
.breadcrumb a{color: #ff0}

.card{}
.card-header{padding: 4px; font-weight: bold; border-bottom: 1px solid #dee2e6; background: #00796B; color: #FFF;}
.card-header a{color: #ff0}
.card-body{padding: 4px;border: 1px solid #dee2e6}
.card-body:not(:first-child) {border-top: 0}
.card-footer{background-color: #F2F6F8;border: 1px solid #dee2e6;border-top-width: 0;color: #34617E;padding: 4px}

.list-group:first-child {border-top: 1px solid #dee2e6}
.list-group-item {padding: 5px 4px; border: 1px solid #dee2e6; border-top-width: 0}
.list-group-item-success{color:#155724;background-color:#d4edda}

.pagination > span, .pagination > a {display:inline-block; border: 1px solid #dee2e6; border-radius: 2px; padding: 4px; margin-left: 4px}
.pagination > span:first-child, .pagination > a:first-child {margin-left: 0}
.pagination .current {background-color: #00796B; color: #fff;}
.pagination .link:hover {background-color: #f9f9f9;}
.pagination .disabled {}

/*______________________-*/

/* BBCode */
.spoilerhead {background: #E8E8F2; color: #211F67; padding: 3px; border: 1px solid #9898AD}
.spoilerbody {background: #FAFAFC; border: 1px solid #AFAFC4; border-top: none; padding: 4px; color: #333; border-radius: 0px 0px 3px 3px}
.bblist {color: #4A5663; background: transparent url('../images/dot.gif') no-repeat left; padding: 0px 0px 0px 10px}
.phpcode {background-color: #E0E6E9; border: 1px dotted #9FAEBB; margin-top: 4px; padding: 0 2px 0 2px; /*overflow: auto;*/}
.quote {border-left: 4px solid #c0c0c0; color: #878787; font-size: x-small; margin-left: 2px; padding: 2px 0 2px 4px}
.quote_container {border: 1px solid #ccc;margin-top: 6px;margin-bottom: 6px}
.quote_header {font-weight: 700;color: #444;background-color: #E8F4FD;padding: 4px 8px;border-bottom: 1px solid #ccc}
.quote_body {font-style: italic;background-color: #fff6d4;padding: 5px 10px}
/* Embed player */
.embed-wrapper {max-width:500px; margin-left: auto;margin-right: auto}
.embed-container {position: relative;display: block;height: 0;padding: 0;padding-bottom: 56.25%;overflow: hidden}
.embed-container.soundcloud {padding-bottom: 30%}
.embed-container iframe, .video-container object, .video-container embed, .video-container video {position: absolute;top: 0;bottom: 0;left: 0;width: 100%;height: 100%;border: 0}

.status {color: #CD853F; font-size: x-small; font-weight: bold; padding-left: 0}
.sub {border-top: 1px dotted #ccc; font-size: x-small; margin-top: 4px}
<style type="text/css">

.end {

    background: url('http://danhbaipro.wap.sh/images/cen-footer2.png') center top no-repeat;

    height: 18px;

    background-size: 100% 100%;

}

.player {

padding:14px 10px 5px 10px;

background-image:url('http://tainhaccho.hexat.com/images/bgplayer-song.png');

background-repeat:repeat-x;

background-position:left bottom;

height:47px;

border-top:2px solid #5cafd5;

}

.hide-html5 {

width:0px;

overflow:hidden;

display:none;

}

#play {

width:26px;

height:31px;

float:left;

}

#play.pause {

background-image:url('http://tainhaccho.hexat.com/ico-pause.gif');

background-repeat:no-repeat;

background-position:left top;

cursor:pointer;

margin-top:2px;

}

#play.play {

background-image:url('http://tainhaccho.hexat.com/icon-play_1.png');

background-repeat:no-repeat;

background-position:left top;

cursor:pointer;

margin-top:2px;

}

#play_time {

width:45px;

padding-top:0px;

float:right;text-align:center;

color:#575757;

font-size:14px;

font-weight:bold;

text-shadow:#ffffff 0px 1px 1px;

margin-top:-14px;

}

#progress {

margin:0 55px 0 40px;

padding-top:12px;

}

#progress #progress_box {

background-color:#858585;

height:11px;

-moz-border-radius:5px 5px 5px 5px;

border-radius:5px 5px 5px 5px;

-moz-box-shadow:inset 0 0 10px #3e3e3e;

-webkit-box-shadow:inset 0 0 10px #3e3e3e;

box-shadow:inset 0 0 3px #363636;

}

#progress #load_progress {

background-color:#626262;

height:11px;

-moz-border-radius:5px 5px 5px 5px;

border-radius:5px 5px 5px 5px;

position:relative;

-moz-box-shadow:inset 0 0 10px#3e3e3e;

-webkit-box-shadow:inset 0 0 10px #3e3e3e;

box-shadow:inset 0 0 3px #363636;

}

#progress #play_progress {

background-color:#197cbc;

height:11px;

-moz-border-radius:5px 5px 5px 5px;

border-radius:5px 5px 5px 5px;

-moz-box-shadow:inset 0 0 10px #3e3e3e;

-webkit-box-shadow:inset 0 0 10px #3e3e3e;

box-shadow:inset 0 0 3px #363636;

}

#progress .hand-control {

position:absolute;

top:-7px;

background-image:url('http://tainhaccho.hexat.com/ico-pro.png');

background-repeat::no-repeat;

background-position:left top;

width:25px;height:26px;

}

audio {

width:100%;

}

  </style>

/* helper */
.center {text-align: center}
.icon {padding: 3px 6px 3px 1px; vertical-align: middle}
.icon-inline {padding-right: 6px; vertical-align: middle}
.left {float: left}
.gray {color: #586776}
.alarm a {color: #FFFFFF; font-size: x-small}
.green, .green a {color: #008000}
.red, .red a {color: #FF0000}
/* todo: edit / library */
table.desc {border-top: 1px dotted #c6c17f; width: 100%; overflow: auto; font-size: x-small; margin-top: 4px}
table.desc td {font-size: x-small}
table.desc td.caption {width: 1%; text-align: right; color: #6f6f6f; white-space: nowrap}
.avatar {display: table-cell; vertical-align: top}
.avatar img {height: 60px; margin-right: 5px; margin-bottom: 5px; width: 60px}
.righttable {display: table-cell; vertical-align: top}
.right0s,.user-0{color:34617E; font-size: 13px;}                               .right1s,.user-1{color:#ff0099; font-weight:bold;}
.right2s,.user-2{color:green; font-weight:bold;}
.right3s,.user-3{color:blue; font-weight:bold;}
.right4s,.user-4{color:green; font-weight:bold;}
.right5s,.user-5{background: transparent url('http://ali33.viwap.com/images/new_mod.gif') no-repeat;
padding-left:30px;color:green; font-weight:bold;}
.right6s,.user-6{background: transparent url('http://ali33.viwap.com/images/new_smod.gif') no-repeat;
padding-left:30px;color:green; font-weight:bold;}
.right7s,.user-7{background: transparent url('https://2img.net/h/i1220.photobucket.com/albums/dd447/BBBoyLion/chuy.gif') no-repeat;
padding-left:30px;color:red; font-weight:bold;}
.right8s,.user-8{color:green; font-weight:bold;}
.right9s,.user-9{background: transparent url('http://vietup.net/files/ad28be496bf3501924dc2445e2ac86cb/1fa51d2b5567a675b007556263350c5a/sv.gif') no-repeat;
padding-left: 20px;
color: white; text-shadow: 0px 0px 0px rgb(17, 17, 17), 0px 0px 0.5em red, 0px 0px 0.4em red;font-weight: bold;}

/* bbcode editor */
.bb_input {margin-bottom: 4px; background-color: #fff}
.bb_toolbar {line-height: 24px}
.bb_group {display: inline-block; background-color: #F0F7FC; border: 1px solid #D7EDFC; margin: 0 4px; border-radius: 3px}
.bb_group:first-child {margin-left: 0}
.bb_group a {display:inline-block; height: 24px;margin: 0 2px;}
.bbpopup {margin-top: 3px}
.bbpopup a {border: 1px solid #a7a7a7; height: 10px; display: inline-block; margin: 1px; vertical-align: middle; width: 10px}
.codepopup {margin-top: 3px;}
.codepopup a {border: 1px solid #a7a7a7; border-radius: 3px; background-color: #dddddd; color: black; font-weight: bold; padding: 2px 6px 2px 6px; display: inline-block; margin-right: 6px; margin-bottom: 3px; text-decoration: none}
/* forum vote */
.vote_result .result_label {margin-top: 3px}
.vote_result .result_bar {vertical-align: bottom;}
.vote_result .result_bar_container {display: inline-block; vertical-align: bottom; width: 102px; height: 12px; border: 1px solid #999; background-color: #ccc8c8}
.vote_result .bar {height: 10px}
.vote_result .bar.bg1 {background-color: #ff6666}
.vote_result .bar.bg2 {background-color: #ffc83c}
.vote_result .bar.bg3 {background-color: #b4e63c}
.vote_result .bar.bg4 {background-color: #64e600}
/* forum */
.forum-post .fa-avatar {width: 40px; padding-right: 4px}
.forum-post .fa-gender-icon {}
.forum-post .post-content {margin:4px -4px; padding: 4px; border-top: 1px solid #ccc;}                                calltrap-btn {
    background-color: #2074a1;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: block;
    height: 64px;
    line-height: 100px;
    opacity: 0.7;
    position: fixed;
    right: 35px;
    top: 155px;
    text-align: center;
    width: 64px;
    z-index: 9999;
    -webkit-animation: calltrap_opacity 3s infinite linear;
    -moz-animation: calltrap_opacity 3s infinite linear;
    -o-animation: calltrap_opacity 3s infinite linear;
    animation: calltrap_opacity 3s infinite linear
}
 
#calltrap-btn.calltrap_offline {
    background-color: #1CB2ED
}
 
#calltrap-ico {
    width: 32px;
    height: 32px;
    position: absolute;
    margin: auto;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    border: 0;
    -webkit-border-radius: 50% !important;
    border-radius: 50% !important;
    -o-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-animation: uptocallmini 1.5s 0s ease-out infinite;
    -moz-animation: uptocallmini 1.5s 0s ease-out infinite;
    -o-animation: uptocallmini 1.5s 0s ease-out infinite;
    animation: uptocallmini 1.5s 0s ease-out infinite
}
 
#calltrap-ico:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    top: 0;
    left: 0;
    background-image: url("phone-call.png");
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-animation: calltrap_spin 3s infinite linear;
    -moz-animation: calltrap_spin 3s infinite linear;
    -o-animation: calltrap_spin 3s infinite linear;
    animation: calltrap_spin 3s infinite linear
}
 
.calltrap_offline #calltrap-ico {
    -webkit-animation: uptocallmini_offline 1.5s 0s ease-out infinite;
    -moz-animation: uptocallmini_offline 1.5s 0s ease-out infinite;
    -o-animation: uptocallmini_offline 1.5s 0s ease-out infinite;
    animation: uptocallmini_offline 1.5s 0s ease-out infinite
}
 
#calltrap-overlay {
    background-color: #191919;
    background-color: rgba(25, 25, 25, 0.9);
    position: fixed;
    z-index: 9998;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    text-align: center;
    display: none
}
 
#calltrap-overlay .b-calltrap-overlay {
    display: table;
    width: 100%;
    height: 100%
}
 
#calltrap-overlay .b-calltrap-overlay__header, #calltrap-overlay .b-calltrap-overlay__body, #calltrap-overlay .b-calltrap-overlay__footer {
    display: table-row;
    padding: 0;
    margin: 0
}
 
#calltrap-overlay .b-calltrap-overlay__header-block, #calltrap-overlay .b-calltrap-overlay__body-block, #calltrap-overlay .b-calltrap-overlay__footer-block {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}
 
#calltrap-overlay .b-calltrap-overlay__body-block {
    padding: 0 7px
}
 
#calltrap-overlay .b-calltrap-overlay__header, #calltrap-overlay .b-calltrap-overlay__footer {
    height: 1px
}
 
#calltrap-overlay .b-calltrap__container {
    background-color: white;
    border: 5px solid #2074a1;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin: 0;
    padding: 0;
    max-width: 500px;
    display: block;
    margin: 0 auto;
    font-size: 16px;
    line-height: 1.3;
    position: relative;
    font-family: Tahoma, Arial, self-serif !important
}
 
@media screen and (min-width: 1px) and (max-width: 500px) {
    #calltrap-overlay .b-calltrap__container {
        width: 290px
    }
}
 
#calltrap-overlay .b-calltrap__close {
    display: block;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 20px;
    height: 20px;
    opacity: 0.5;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}
 
#calltrap-overlay .b-calltrap__close:hover {
    opacity: 1
}
 
#calltrap-success, #calltrap-form {
    display: block
}
 
#calltrap-success .b-calltrap_form__fields, #calltrap-form .b-calltrap_form__fields {
    margin: 20px 25px 35px
}
 
#calltrap-success .b-calltrap_form__title, #calltrap-form .b-calltrap_form__title {
    font-size: 20px;
    margin: 0 0 17px;
    text-align: left
}
 
@media screen and (min-width: 1px) and (max-width: 500px) {
    #calltrap-success .b-calltrap_form__title, #calltrap-form .b-calltrap_form__title {
        padding-right: 20px
    }
}
 
#calltrap-success .b-calltrap_form__text, #calltrap-form .b-calltrap_form__text {
    text-align: left
}
 
#calltrap-success .b-calltrap_form__text p, #calltrap-form .b-calltrap_form__text p {
    margin: 0 0 0.55em
}
 
#calltrap-success .b-calltrap_form__input, #calltrap-form .b-calltrap_form__input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    padding: 0 15px 0;
    height: 44px;
    line-height: 40px;
    background-color: white;
    border: 2px solid #ccc;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: block;
    width: 100%;
    outline: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}
 
@media screen and (min-width: 1px) and (max-width: 500px) {
    #calltrap-success .b-calltrap_form__input, #calltrap-form .b-calltrap_form__input {
        margin-bottom: 13px
    }
}
 
#calltrap-success .b-calltrap_form__input.error, #calltrap-form .b-calltrap_form__input.error {
    background-color: #ffc0c0;
    color: red;
    border-color: red
}
 
#calltrap-success .b-calltrap_form__input:disabled, #calltrap-form .b-calltrap_form__input:disabled {
    background-color: #eee;
    border-color: #bdbdbd;
    cursor: default
}
 
#calltrap-success .b-calltrap_form__input:focus, #calltrap-form .b-calltrap_form__input:focus {
    border: 2px solid #2074a1
}
 
#calltrap-success .b-calltrap_form__submit, #calltrap-form .b-calltrap_form__submit {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #2074a1;
    border: 2px solid #2074a1;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: medium none;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    padding: 0;
    height: 44px;
    line-height: 40px;
    outline: medium none;
    display: inline-block;
    width: 180px;
    text-align: center;
    outline: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}
 
@media screen and (min-width: 1px) and (max-width: 500px) {
    #calltrap-success .b-calltrap_form__submit, #calltrap-form .b-calltrap_form__submit {
        width: 100%
    }
}
 
#calltrap-success .b-calltrap_form__submit:hover, #calltrap-form .b-calltrap_form__submit:hover {
    background-color: #1c658c
}
 
#calltrap-success .b-calltrap_form__submit:disabled, #calltrap-form .b-calltrap_form__submit:disabled {
    background-color: #bdbdbd !important;
    cursor: default
}
 
#calltrap-success .b-calltrap_form__controls, #calltrap-form .b-calltrap_form__controls {
    margin: 20px 0 0;
    padding: 0;
    padding: 0 200px 0 0
}
 
@media screen and (min-width: 1px) and (max-width: 500px) {
    #calltrap-success .b-calltrap_form__controls, #calltrap-form .b-calltrap_form__controls {
        padding: 0
    }
}
 
#calltrap-success .b-calltrap_form__controls-item, #calltrap-form .b-calltrap_form__controls-item {
    position: relative;
    float: right
}
 
@media screen and (min-width: 1px) and (max-width: 500px) {aaaaaaa
    #calltrap-success .b-calltrap_form__controls-item, #calltrap-form .b-calltrap_form__controls-item {
        float: none
    }
}
 
#calltrap-success .b-calltrap_form__controls-left, #calltrap-form .b-calltrap_form__controls-left {
    margin-left: -100%;
    width: 100%
}
 
@media screen and (min-width: 1px) and (max-width: 500px) {
    #calltrap-success .b-calltrap_form__controls-left, #calltrap-form .b-calltrap_form__controls-left {
        margin-left: 0
    }
}
 
#calltrap-success .b-calltrap_form__controls-right, #calltrap-form .b-calltrap_form__controls-right {
    margin-right: -200px;
    overflow: visible;
    width: 200px;
    text-align: right
}
 
@media screen and (min-width: 1px) and (max-width: 500px) {
    #calltrap-success .b-calltrap_form__controls-right, #calltrap-form .b-calltrap_form__controls-right {
        margin-right: 0;
        width: auto;
        text-align: left
    }
}
 
#calltrap-success .b-calltrap_form__controls-clear, #calltrap-form .b-calltrap_form__controls-clear {
    clear: both
}
 
#calltrap-success {
    display: none
}
 
#calltrap-overlay.calltrap_offline .b-calltrap_form__submit {
    background-color: #1CB2ED
}
 
#calltrap-overlay.calltrap_offline .b-calltrap_form__submit:hover {
    background-color: #2e8c1c
}
 
#calltrap-overlay.calltrap_offline .b-calltrap_form__input:focus {
    border-color: #1CB2ED
}
 
#calltrap-overlay.calltrap_offline .b-calltrap__container {
    border-color: #1CB2ED
}
 
@-webkit-keyframes calltrap_opacity {
    0% {
        opacity: 1
    }
    57% {
        opacity: 0.75
    }
    75% {
        opacity: 0.95
    }
    100% {
        opacity: 1
    }
}
 
@-moz-keyframes calltrap_opacity {
    0% {
        opacity: 1
    }
    57% {
        opacity: 0.75
    }
    75% {
        opacity: 0.95
    }
    100% {
        opacity: 1
    }
}
 
@-o-keyframes calltrap_opacity {
    0% {
        opacity: 1
    }
    57% {
        opacity: 0.75
    }
    75% {
        opacity: 0.95
    }
    100% {
        opacity: 1
    }
}
 
@keyframes calltrap_opacity {
    0% {
        opacity: 1
    }
    57% {
        opacity: 0.75
    }
    75% {
        opacity: 0.95
    }
    100% {
        opacity: 1
    }
}
 
@-webkit-keyframes calltrap_spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    30% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    33% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    36% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    39% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    42% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    45% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    48% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
        opacity: 1
    }
    51% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    54% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    57% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}
 
@-moz-keyframes calltrap_spin {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    30% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    33% {
        -moz-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    36% {
        -moz-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    39% {
        -moz-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    42% {
        -moz-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    45% {
        -moz-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    48% {
        -moz-transform: rotate(10deg);
        transform: rotate(10deg);
        opacity: 1
    }
    51% {
        -moz-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    54% {
        -moz-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    57% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}
 
@-o-keyframes calltrap_spin {
    0% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    30% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    33% {
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    36% {
        -o-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    39% {
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    42% {
        -o-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    45% {
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    48% {
        -o-transform: rotate(10deg);
        transform: rotate(10deg);
        opacity: 1
    }
    51% {
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    54% {
        -o-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    57% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}
 
@keyframes calltrap_spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    30% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    33% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    36% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    39% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    42% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    45% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    48% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        transform: rotate(10deg);
        opacity: 1
    }
    51% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    54% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    57% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}
 
@-webkit-keyframes uptocallmini {
    0% {
        -webkit-box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(32, 116, 161, 0);
        box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(32, 116, 161, 0)
    }
    10% {
        -webkit-box-shadow: 0 0 8px 6px #2074a1, 0 0 12px 10px transparent, 0 0 12px 14px #2074a1;
        box-shadow: 0 0 8px 6px #2074a1, 0 0 12px 10px transparent, 0 0 12px 14px #2074a1
    }
    100% {
        -webkit-box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(32, 116, 161, 0);
        box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(32, 116, 161, 0)
    }
}
 
@-moz-keyframes uptocallmini {
    0% {
        box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(32, 116, 161, 0)
    }
    10% {
        box-shadow: 0 0 8px 6px #2074a1, 0 0 12px 10px transparent, 0 0 12px 14px #2074a1
    }
    100% {
        box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(32, 116, 161, 0)
    }
}
 
@-o-keyframes uptocallmini {
    0% {
        box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(32, 116, 161, 0)
    }
    10% {
        box-shadow: 0 0 8px 6px #2074a1, 0 0 12px 10px transparent, 0 0 12px 14px #2074a1
    }
    100% {
        box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(32, 116, 161, 0)
    }
}
 
@keyframes uptocallmini {
    0% {
        -webkit-box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(32, 116, 161, 0);
        box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(32, 116, 161, 0)
    }
    10% {
        -webkit-box-shadow: 0 0 8px 6px #2074a1, 0 0 12px 10px transparent, 0 0 12px 14px #2074a1;
        box-shadow: 0 0 8px 6px #2074a1, 0 0 12px 10px transparent, 0 0 12px 14px #2074a1
    }
    100% {
        -webkit-box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(32, 116, 161, 0);
        box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(32, 116, 161, 0)
    }
}
 
@-webkit-keyframes uptocallmini_offline {
    0% {
        -webkit-box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(53, 161, 32, 0);
        box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(53, 161, 32, 0)
    }
    10% {
        -webkit-box-shadow: 0 0 8px 6px #35A120, 0 0 12px 10px transparent, 0 0 12px 14px #35A120;
        box-shadow: 0 0 8px 6px #35A120, 0 0 12px 10px transparent, 0 0 12px 14px #35A120
    }
    100% {
        -webkit-box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(53, 161, 32, 0);
        box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(53, 161, 32, 0)
    }
}
 
@-moz-keyframes uptocallmini_offline {
    0% {
        box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(53, 161, 32, 0)
    }
    10% {
        box-shadow: 0 0 8px 6px #35A120, 0 0 12px 10px transparent, 0 0 12px 14px #35A120
    }
    100% {
        box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(53, 161, 32, 0)
    }
}
 
@-o-keyframes uptocallmini_offline {
    0% {
        box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(53, 161, 32, 0)
    }
    10% {
        box-shadow: 0 0 8px 6px #35A120, 0 0 12px 10px transparent, 0 0 12px 14px #35A120
    }
    100% {
        box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(53, 161, 32, 0)
    }
}
 
@keyframes uptocallmini_offline {
    0% {
        -webkit-box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(53, 161, 32, 0);
        box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(53, 161, 32, 0)
    }
    10% {
        -webkit-box-shadow: 0 0 8px 6px #1CB2ED, 0 0 12px 10px transparent, 0 0 12px 14px #1CB2ED;
        box-shadow: 0 0 8px 6px #1CB2ED, 0 0 12px 10px transparent, 0 0 12px 14px #1CB2ED
    }
    100% {
        -webkit-box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(53, 161, 32, 0);
        box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(53, 161, 32, 0)
    }
}                                                                                                               .post img{-webkit-transition:all 0.5s ease-out;
-moz-transition:all 0.5s ease-out;
-ms-transition:all 0.5s ease-out;
-o-transition:all 0.5s ease-out;
transition:all 0.5s ease-out;}
.post img:hover{-webkit-transform:rotate(-360deg);
-moz-transform:rotate(-360deg);
-ms-transform:rotate(-360deg);
-o-transform:rotate(-360deg);
transform:rotate(-360deg);}      
                                   input{
    padding: 5px 20px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border: none;
    background: #8AC007;
    color: #fff;
    cursor: pointer;}            
                                  
 .menu{
         animation: colorBackground 36s infinite;
         -webkit-animation: colorBackground 36s infinite;
         -moz-animation: colorBackground 36s infinite;
         -o-animation: colorBackground 36s infinite
         }
         @keyframes colorBackground {
         0% {
         background-color: yellowgreen;
         color: white;
         }
         50% {
         background-color:light blue;
         color: yellow;
         }