scroll-top-wrapper {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    text-align: center;
    z-index: 99999999;
    background-color: #777777;
    color: #eeeeee;
    width: 50px;
    height: 48px;
    line-height: 48px;
    right: 30px;
    bottom: 30px;
    padding-top: 2px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.scroll-top-wrapper:hover {
    background-color: #888888;
}

.scroll-top-wrapper.show {
    visibility: visible;
    cursor: pointer;
    opacity: 1.0;
}

.scroll-top-wrapper i.fa {
    line-height: inherit;
}

.update-nag {
    display: inline-block;
    transition: all 0.2s ease;
    border: 2px dashed #dadada;
    margin-top: 15px;
    border-radius: 5px;
    display: inline-block;
    background-clip: padding-box;
    min-height: 40px;
    font-size: 14px;
    box-sizing: border-box;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
    margin-bottom: 10px;
    width: 100%
}

.update-nag:hover {
    border: 2px dashed #525C7A;
}

.update-nag > .update-split {
    background: #337ab7;
    width: 33px;
    float: right;
    color: #fff !important;
    height: 100%;
    text-align: center;
}

.update-nag > .update-split > .glyphicon {
    position: relative;
    top: calc(50% - 9px) !important; /* 50% - 3/4 of icon height */
}

.update-nag > .update-split.update-success {
    background: #5cb85c !important;
}

.update-nag > .update-split.update-danger {
    background: #d9534f !important;
}

.update-nag > .update-split.update-info {
    background: #5bc0de !important;
}

.update-nag > .update-text {
    line-height: 19px;
    padding: 20px;
}

.carousel-control.left {
    left: -30px !important;
    color: #fff !important;
    font-size: 33px !important;
}

.carousel-control.right {
    right: -35px !important;
    color: #fff !important;
    font-size: 33px !important;
}

body {
    margin-top: 10px;
    background: #e0e0e0;
}

#bg_banner_header_bottom {
    margin-top: 10px;
    width: 973px;
    height: 96px;
    font-size: 15px;
    text-align: center;
    background-image: url(images/bg_banner_header_bottom.jpg);
    background-repeat: no-repeat;
}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
}

.nav-tabsrey li {
    float: right;
}

{
    border-bottom: 2px solid #DDD
;
}
.nav-tabsrey > li.active > a, .nav-tabsrey > li.active > a:focus, .nav-tabsrey > li.active > a:hover {
    border-width: 0;
}

.nav-tabsrey > li > a {
    border: none;
    color: #666;
}

.nav-tabsrey > li.active > a, .nav-tabsrey > li > a:hover {
    border: none;
    color: #4285F4 !important;
    background: transparent;
}

.nav-tabsrey > li > a::after {
    content: "";
    background: #4285F4;
    height: 2px;
    position: absolute;
    width: 100%;
    Left: 0px;
    bottom: -1px;
    transition: all 250ms ease 0s;
    transform: scale(0);
}

.nav-tabsrey > li.active > a::after, .nav-tabsrey > li:hover > a::after {
    transform: scale(1);
}

.tab-navr > li > a::after {
    background: #21527d none repeat scroll 0% 0%;
    color: #fff;
}

.tab-pane {
    padding: 15px 0;
}

.tab-content {
    padding: 20px
}

.card {
    background: #FFF none repeat scroll 0% 0%;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    margin-bottom: 30px;
}

body {
    background: #EDECEC;
    padding: 50px
}

/***** NEW CODE *****/

.reviews-list-index {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.reviews-list-index .page-header {
    border-bottom: 3px solid rgba(0, 0, 0, .04);
    padding: 20px;
    margin: 0 0 15px 0;
    height: 64px;
}

.reviews-list-index .page-header h2 {
    float: right;
    color: rgba(0, 0, 0, .5);
    margin: 0;
    padding: 0;
    height: 44px;
    font-size: 20px;
}

.reviews-list-index .page-header .nav {
    float: left;
    margin: 0;
    padding: 0;
    border: 0;
    left: -20px;
    position: relative;
}

.reviews-list-index .page-header .nav li {
    float: right;
}

.reviews-list-index .page-header .nav li a {
    border: 0;
    padding: 5px 10px;
    margin: 0 5px;
    color: #999;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.reviews-list-index .page-header .nav li.active a {
    color: #fff;
}

.reviews-list-in {
}

.reviews-list-in hr {
    opacity: 0.2;
}

.reviews-list-in .review-moreinfo ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.reviews-list-in .review-moreinfo li {
    float: right;
    padding: 5px 10px;
    color: rgba(255, 255, 255, .5);
}

.reviews-list-in .big-review, .reviews-list-in .normal-review {
    padding: 5px;
    margin-bottom: 5px;
    cursor: pointer;
    position: relative;
}

.reviews-list-in .special-text {
    position: absolute;
    height: 28px;
    line-height: 28px;
    top: -28px;
    right: 0;
    padding: 0 10px;
    color: #fff;
    -webkit-box-shadow: -1px -1px 3px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: -1px -1px 3px 0 rgba(0, 0, 0, 0.5);
    box-shadow: -1px -1px 3px 0 rgba(0, 0, 0, 0.5);
}

.reviews-list-in .big-review, .reviews-list-in .normal-review {
    height: 230px;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.reviews-list-in .normal-review img {
    width: 100%;
    height: 230px;
}

.reviews-list-in .big-review img {
    width: 100%;
    height: 230px;
	
}

.reviews-list-in h3 {
    margin: 0 0 15px 0;
    padding: 0 0 20px 0;
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
    border-bottom: 2px solid;
    display: inline-block;
    line-height: 20px;
    min-height: 60px;
    overflow: hidden;
}

.reviews-list-in p {
    font-size: 14px;
    color: rgba(255, 255, 255, .7);
}

.reviews-list-in .review-caption {
    position: absolute;
    right: 5px;
    top: calc(100% - 75px);
    width: calc(100% - 10px);
    height: calc(100% - 5px);
    padding: 15px 25px;
    background: rgba(0, 0, 0, .8);
}

.reviews-list-in div:hover .review-caption {
    top: 5px;
    padding-top: 30px;
}

.reviews-list-in div:hover .review-caption hr {
    margin: 5px 0;
}

.reviews-list-index .panel-footer {
    background: rgba(0, 0, 0, .8) !important;
    height: 0;
    overflow: hidden;
    padding: 0;
    border: 0;
}

.reviews-list-index:hover .panel-footer {
    height: 250px;
    padding: 5px;
}

.panel-footer .normal-review:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 5px;
    border-width: 0 15px 15px 0;
    border-style: solid;
    background: #333;
    z-index: 2;
}

.view-all {
    margin: 0 15px 15px 10px;
    float: left;
}

.reviews-list-in .review-caption, .reviews-list-index .panel-footer {
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s fadeInDown;
    -o-transition: all 0.4s fadeInDown;
    transition: all 0.4s fadeInDown;
}

.tabsreviews {
    display: none;
}

.active.tabsreviews {
    display: block;
}

.affix {
    -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .08);
    -moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .08)
}

/***** NEW CODE *****/

*:focus {
    outline: 0 !important;
}

body {
    margin: 0;
    padding: 120px 0 0 0;
    direction: rtl;
    font-family: Tahoma, Arial !important;
    background-color: rgba(0, 0, 0, 0.03) !important;
}

.headerout {
    background: #FFF;
}

.header {
    border-bottom: 4px solid #d1d1d1;

    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 11%, rgba(0, 0, 0, 0.05) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(11%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.05)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 11%, rgba(0, 0, 0, 0.05) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 11%, rgba(0, 0, 0, 0.05) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 11%, rgba(0, 0, 0, 0.05) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 11%, rgba(0, 0, 0, 0.05) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#0d000000', GradientType=0);

}

.subfoorer, .footer_inner, .slider_inner, .page, .contento {
    margin: 0 auto;
    max-width: 1000px;
    position: relative;
    
}

.logo {
    float: right;
}

.themenu {
    height: 45px;
    position: relative;
    background: #FFF;
    z-index: 99;
    max-width: 1000px;
}

.themenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 14px;
}

.themenu ul li {
    position: relative;
    float: right;
}

.themenu ul li:after {
    content: "";
    height: 35%;
    width: 1px;
    background: rgba(0, 0, 0, 0.04);
    position: absolute;
    top: 35%;
    right: 0;
}

.themenu ul li:first-child:after {
    background: none !important;
}

.themenu ul li a {
    padding: 0 18px;
    line-height: 45px;
    color: #666;
    float: right;
}

.themenu ul li:hover a, .themenu ul li a.this {
    border-bottom: 4px solid;
    text-decoration: none;
}

.themenu ul {
}

#searchbox {
    float: right;
}

.fav_category {
    bottom: -8px;
    padding-bottom: 10px;
    position: relative !important;
    -webkit-border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
    -moz-box-shadow: inset 0 -150px 100px -50px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset 0 -150px 100px -50px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 -150px 100px -50px rgba(0, 0, 0, 0.5);
}

.searchtexto {
    height: 44px !important;
    -webkit-border-top-right-radius: 4px !important;
    -webkit-border-bottom-right-radius: 4px !important;
    -moz-border-radius-topright: 4px !important;
    -moz-border-radius-bottomright: 4px !important;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.input-prepend {
    float: left;
    margin: 25px 0 0 70px;
    direction: ltr;
}

.thetopsearch .searchtexto {
    margin: 0;
    padding: 10px 20px;
    display: block;
    float: right;
    border-left: 0;
    width: 300px;
    color: #14a1be;
    font-size: 16px;
    font-weight: 300;
}
.thetopsearch .searchtexto::placeholder{
        color: rgba(0, 0, 0, 0.2);
}
.thetopsearch button {
    height: 42px;
    margin: 0;
    padding: 5px 20px 5px 15px;
    border-right: 0;
    background: url(images/kavkav.gif) right no-repeat;
}

.download_error i, .thetopsearch button i {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

.thetopsearch button:hover i {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

.thetopsearch button:hover {
    background: #f7f7f7;
}

.loginarea {
    float: left;
    margin: 15px 15px 15px 0;
    color: #666;
}

.loginarea .dropdown-menu {
    width: 300px;
}

.loginarea button {
    padding: 8px 15px;
    margin: 0 5px;
    cursor: pointer !important;
}

.loginarea a {
    padding: 8px 15px;
    margin: 0 5px;
    cursor: pointer !important;
}

.loginarea .usernamebutt {
    width: 150px;
}

.themenu .dropdown-menu {
    right: 0;
    float: right;
    width: inherit;
    margin: 0;
    padding: 10px;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
}

.themenu .dropdown-menu ul {
    right: 0;
    float: right;
    width: 200px;
    margin: 5px
}

.themenu .dropdown-menu li {
    background: none;
    margin: 3px 0;
}

.themenu .dropdown-menu li a {
    padding: 0;
    color: rgba(100%, 100%, 100%, .8);
    line-height: 25px;
    width: 100%;
    text-align: right !important;
}

.themenu ul li:hover li a {
    border: 0;
}

.themenu .dropdown-menu .page-header {
    margin: 5px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
    color: rgba(0, 0, 0, 0.4) !important;
    font-weight: bold;
}

.themenu .dropdown-menu li a:hover {
    text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.7);
    background: none;
    color: rgba(100%, 100%, 100%, 1);
}

.themenu ul li.music_tab:hover a, .themenu ul li.music_tab a.this {
    border-color: #06C;
}

.music_tab .dropdown-menu {
    background: #06C !important;
}

.themenu ul li.movies_tab:hover a, .themenu ul li.movies_tab a.this {
    border-color: #C33;
}

.movies_tab .dropdown-menu {
    background: #C33 !important;
}

.themenu ul li.sofware_tab:hover a, .themenu ul li.sofware_tab a.this {
    border-color: #060;
}

.sofware_tab .dropdown-menu {
    background: #060 !important;
}

.themenu ul li.games_tab:hover a, .themenu ul li.games_tab a.this {
    border-color: #06C;
}

.games_tab .dropdown-menu {
    background: #06C !important;
}

.themenu ul li.more_tab:hover a, .themenu ul li.more_tab a.this {
    border-color: #06C;
}

.more_tab .dropdown-menu {
    background: #06C !important;
}

.socialmenu {
    float: left;
    padding: 0 !important;
    -webkit-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
}

.socialmenu ul li a {
    padding: 0 2px;
}

.socialmenu ul li {
    background: none;
}

.socialmenu ul li small {
    color: #1a7b9b;
    font-weight: bold;
    line-height: 45px;
    padding-left: 15px;
}

.socialmenu ul li a img {
    margin: 0 0 0 0;
}

.footer, .slider_index {
    width: 100%;
    float: right;
    background: rgba(0, 0, 0, 0.04);

    -webkit-box-shadow: inset 0px -12px 5px -10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0px -12px 5px -10px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px -12px 5px -10px rgba(0, 0, 0, 0.1);
}

.slider_cat {
    padding: 70px 0 !important;
}

.slider_index {
    padding: 40px 0;
}

.slider_index .big_boxblock {
    float: right;
    width: 460px;
    background: #FFF;
    position: relative;
    -webkit-box-shadow: 5px 5px 10px -5px #666;
    box-shadow: 5px 5px 10px -5px #666;
}

.slider_index .small_boxblock {
    -webkit-box-shadow: 5px 5px 10px -5px #666;
    box-shadow: 5px 5px 10px -5px #666;
}

.slider_index .small_boxblock:hover, .slider_index .big_boxblock:hover {
    -webkit-box-shadow: 5px 5px 25px -5px #666;
    box-shadow: 5px 5px 25px -5px #666;
}

.slider_index .drama_boxblock {
    -webkit-box-shadow: 5px 5px 10px -5px #666;
    box-shadow: 5px 5px 10px -5px #666;
}

.slider_index .drama_boxblock:hover, .slider_index .big_boxblock:hover {
    -webkit-box-shadow: 5px 5px 25px -5px #666;
    box-shadow: 5px 5px 25px -5px #666;
}

.slider_index .cneter_boxblock {
    -webkit-box-shadow: 5px 5px 10px -5px #666;
    box-shadow: 5px 5px 10px -5px #666;
}

.slider_index .center_boxblock:hover, .slider_index .big_boxblock:hover {
    -webkit-box-shadow: 5px 5px 25px -5px #666;
    box-shadow: 5px 5px 25px -5px #666;
}

.slider_index .Leftbox_boxblock {
    -webkit-box-shadow: 5px 5px 10px -5px #666;
    box-shadow: 5px 5px 10px -5px #666;
}

.slider_index .Leftbox_boxblock:hover, .slider_index .big_boxblock:hover {
    -webkit-box-shadow: 5px 5px 25px -5px #666;
    box-shadow: 5px 5px 25px -5px #666;
}

.slider_index .big_boxblock p {
    padding: 0 15px;
    overflow: hidden;
    height: 40px;
    position: relative;
    font-size: 18px;
    line-height: 14px;
    color: #666;
}

.slider_index .big_boxblock a {
    padding: 10px 25px 0 15px;
    font-weight: bold;
    float: right;
    width: 100%;
    font-size: 18px !important;

}

.slider_index .big_boxblock .movetoreview {;
    float: right;
    width: 100%;
}

.slider_index .big_boxblock .movetoreview .badge {
    float: left;
    width: auto;
    padding: 3px 10px;
    margin: 9px;
}

.slider_index .big_boxblock .movetoreview span {
    font-size: 12px;
    padding: 9px;
    margin: 0;
    float: right;
    color: #999;
    font-weight: bold;
    text-align: left;
}

.slider_index .big_boxblock .topimage {
    height: 350px;
    background: #ccc;
    position: relative;
    overflow: hidden;
}

.imgsmall_boxblock img, .slider_index .big_boxblock .topimage img {
    position: relative;
    width: 100%;
    height: 170px;
    z-index: 1;
    float: right;
    position: relative;
}

.slider_index .big_boxblock .topimage img {
    height: 350px;
}

.slider_index .big_boxblock .topimage .caption {
    width: 100%;
    float: right;
    padding-top: 30px;
    position: absolute;
    min-height: 40px;
    right: 0;
    bottom: 0;
    z-index: 2;
    background: rgba(0, 0, 0, 0.6);
    color: #FFF;
    padding-bottom: 10px;
    display: inline-block;
}

.slider_index .big_boxblock .topimage .caption ul {
    list-style: none;
    margin: 0;
}

.slider_index .big_boxblock .topimage .caption ul li {
    float: right;
    float: right;
    color:;
    padding: 7px 10px;
    color: #;
    font-size: 12px;
}

.small_boxblock a {
    color: #fff;
    overflow: hidden;
    float: right;
    width: 100%;
}

.drama_boxblock a {
    color: #fff;
    overflow: hidden;
    float: right;
    width: 100%;
}

.center_boxblock a {
    color: #fff;
    overflow: hidden;
    float: right;
    width: 100%;
}

.Leftbox_boxblock a {
    color: #fff;
    overflow: hidden;
    float: right;
    width: 100%;
}

.slider_index .big_boxblock .bottomcontent {
    height: 115px;
}

.arrwtop {
    background: url(images/arrwtop.gif) no-repeat;
    width: 20px;
    height: 8px;
    z-index: 3;
}

.arrwleft {
    background: url(images/arrwleft.gif) no-repeat;
    width: 8px;
    height: 20px;
    z-index: 3;
}

.arrwright {
    background: url(images/arrwright.gif) no-repeat;
    width: 8px;
    height: 20px;
    z-index: 3;
}

.i_box_b_medium:hover, .i_box_b_small:hover, .carousel-control, .i_box_footb_small, .i_box_bs_small, .i_box_b_small, .i_box_b_big, .dossinet_stat ul li img, .drama_boxblock:hover img, .Leftbox_boxblock:hover img, .center_boxblock:hover img, .small_boxblock:hover img, .slider_index .big_boxblock:hover .topimage img, .imgsmall_boxblock img, .slider_index .big_boxblock .topimage img {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.menuarea {
    background: #FFF;
}

.topimagelink {
    position: absolute;
    top: 10px;
    z-index: 3;
    right: 10px;
    display: inline;
    padding: 10px 10px 0 10px;
    line-height: 33px !important;
    margin: 0;
    padding: 0 0 10px 0 !important;
}

.topimagelink a {
    float: none !important;
    display: inline;
    background: rgba(17, 187, 222, .9);
    color: #fff;
    padding: 9px 20px 0 20px !important;
    position: relative;
    font-size: 12px;
}

.topimagelink a:after {
    content: " ";
    height: 11px;
    width: 100%;
    position: absolute;
    bottom: -11px;
    left: 3px;
    background: rgba(17, 187, 222, .9);
    -ms-transform: skew(30deg, 0 d0eg); /* IE 9 */
    -webkit-transform: skew(30deg, 0deg); /* Chrome, Safari, Opera */
    transform: skew(30deg, 0deg);
}

.topimagelink a:hover {
    color: rgba(17, 187, 222, .9);
    background: #fff;
    text-decoration: none;
}

.topimagelink:hover a:after {
    background: #fff !important;
}

.small_boxblock {
    float: left;
    overflow: hidden;
    width: 26%;
    height: 170px;
    margin: 0 8px 8px 0;
    background: none;
    -webkit-box-shadow: 0 0 5px -1px rgba(1, 1, 1, 0.3);
    box-shadow: 0 0 5px -1px rgba(1, 1, 1, 0.3);
    position: relative;
    overflow: hidden;
}

.slider_index .small_boxblock span {
    font-size: 12px;
    padding: 0 20px;
    margin: 0;
    color: #999;
    font-weight: bold;
    text-align: left;
    float: left;
}

.thettls {
    position: absolute;
    float: right;
    top: 0;
    right: -9px;
    padding-right: 115px;
    height: 40px;
    line-height: 30px;
    font-size: 12px;
    font-weight: bold;
    z-index: 8;
    width: 100%;
}

.small_boxblock p, .small_boxblock .added-rowbl {
    color: rgba(255, 255, 255, 0) !important;
}

.small_boxblock p, .small_boxblock .added-rowbl, .small_boxblock:after {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.small_boxblock:hover p, .small_boxblock:hover .added-rowbl {
    color: rgba(255, 255, 255, 0.8) !important;
}

.small_boxblock p strong {
    background: rgba(0, 0, 0, 0.2) !important;

-webkit-box-shadow: inset -80px 0px 50px -19px rgba(0,0,0,0.3);
-moz-box-shadow: inset -80px 0px 50px -19px rgba(0,0,0,0.3);
box-shadow: inset -80px 0px 50px -19px rgba(0,0,0,0.3);
    right: -26px;

    font-size: 17px;
    letter-spacing: -.4px;
    line-height: 19px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 4px 12px;
    display: inline-block;
    position: relative;
}

.imgsmall_boxblock {
    float: left;
    height: 100%;
    width: 100%;
    position: absolute;
    background: #CCC;
    position: relative;
}

.small_boxblock:after {
    content: " ";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.small_boxblock:hover:after {
    background: rgba(0, 0, 0, 0.6) !important;
}

.small_boxblock p {
    position: absolute;
    top: 15px;
    font-size: 12px;
    min-height: 55px;
    padding: 0 25px 0 0;
    line-height: 15px;
    color: #fff;
    z-index: 2;

    max-width: 250px;
}

/*.themenu ul li.mobiler{ display:none;}*/
.small_boxblock p small {
    display: inline;
    font-size: 12px;
    line-height: 16px;
    padding: 2px 5px;
}

.drama_boxblock {
    float: right;
    overflow: hidden;
    width: 22%;
    height: 170px;
    top: 6px;
    margin: 0 0px 0px 0;
    background: none;
    -webkit-box-shadow: 0 0 5px -1px rgba(1, 1, 1, 0.3);
    box-shadow: 0 0 5px -1px rgba(1, 1, 1, 0.3);
    position: relative;
    overflow: hidden;
}

.slider_index .drama_boxblock span {
    font-size: 12px;
    padding: 0 20px;
    margin: 0;
    color: #999;
    font-weight: bold;
    text-align: right;
    float: right;
}

.thettls {
    position: absolute;
    float: right;
    top: 0;
    right: -9px;
    padding-right: 115px;
    height: 40px;
    line-height: 30px;
    font-size: 12px;
    font-weight: bold;
    z-index: 8;
    width: 100%;
}

.drama_boxblock p, .drama_boxblock .added-rowbl {
    color: rgba(255, 255, 255, 0) !important;
}

.drama_boxblock p, .drama_boxblock .added-rowbl, .drama_boxblock:after {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.drama_boxblock:hover p, .drama_boxblock:hover .added-rowbl {
    color: rgba(255, 255, 255, 0.8) !important;
}
.Leftbox_boxblock p strong,
.center_boxblock p strong,
.drama_boxblock p strong {
    background: rgba(0,0,0,.2)!important;
    -webkit-box-shadow: inset -80px 0 50px -19px rgba(0,0,0,.3);
    -moz-box-shadow: inset -80px 0 50px -19px rgba(0,0,0,.3);
    box-shadow: inset -80px 0 50px -19px rgba(0,0,0,.3);
    font-size: 15px;
    letter-spacing: -.4px;
    line-height: 19px;
    text-shadow: 1px 1px 2px rgba(0,0,0,.7);
    padding: 4px 12px;
    display: inline-block;
    right: -26px;
    position: relative;
    color:#fff !important;
}

.imgsmall_boxblock {
    float: right;
    height: 100%;
    width: 100%;
    position: absolute;
    background: #CCC;
    position: relative;
}

.drama_boxblock:after {
    content: " ";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.drama_boxblock:hover:after {
    background: rgba(0, 0, 0, 0.6) !important;
}

.drama_boxblock p {
    position: absolute;
    top: 15px;
    font-size: 12px;
    min-height: 55px;
    padding: 0 25px 0 0;
    line-height: 15px;
    color: #fff;
    z-index: 2;

    max-width: 200px;
}

/*.themenu ul li.mobiler{ display:none;}*/
.drama_boxblock p small {
    display: inline;
    font-size: 12px;
    line-height: 16px;
    padding: 2px 5px;
}

.center_boxblock {
    float: right;
    overflow: hidden;
    width: 50%;
    height: 170px;
    margin: 0 8px 0px 0;
    background: none;
    -webkit-box-shadow: 0 0 5px -1px rgba(1, 1, 1, 0.3);
    box-shadow: 0 0 5px -1px rgba(1, 1, 1, 0.3);
    position: relative;
    overflow: hidden;
}

.slider_index .center_boxblock span {
    font-size: 12px;
    padding: 0 20px;
    margin: 0;
    color: #999;
    font-weight: bold;
    text-align: right;
    float: right;
}

.thettls {
    position: absolute;
    float: right;
    top: 0;
    right: -9px;
    padding-right: 115px;
    height: 40px;
    line-height: 30px;
    font-size: 12px;
    font-weight: bold;
    z-index: 8;
    width: 100%;
}

.center_boxblock p, .center_boxblock .added-rowbl {
    color: rgba(255, 255, 255, 0) !important;
}

.center_boxblock p, .center_boxblock .added-rowbl, .center_boxblock:after {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.center_boxblock:hover p, .center_boxblock:hover .added-rowbl {
    color: rgba(255, 255, 255, 0.8) !important;
}

.center_boxblock p strong {
    color: rgba(255, 255, 255, 0.9) !important;
    text-shadow: 2px 0px 2px rgba(0, 0, 0, 0.9);
}

.imgcenter_boxblock {
    float: right;
    height: 100%;
    width: 100%;
    position: absolute;
    background: #CCC;
    position: relative;
}

.center_boxblock:after {
    content: " ";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.center_boxblock:hover:after {
    background: rgba(0, 0, 0, 0.6) !important;
}

.center_boxblock p {
    position: absolute;
    top: 15px;
    font-size: 12px;
    min-height: 55px;
    padding: 0 25px 0 0;
    line-height: 15px;
    color: #fff;
    z-index: 2;

    max-width: 1100px;
}

/*.themenu ul li.mobiler{ display:none;}*/
.center_boxblock p small {
    display: inline-block;
    font-size: 12px;
    line-height: 16px;
    padding: 2px 5px;
}

.Leftbox_boxblock {
    float: left;
    overflow: hidden;
    width: 26%;
    height: 170px;
    margin: 0 8px 8px 0;
    background: none;
    -webkit-box-shadow: 0 0 5px -1px rgba(1, 1, 1, 0.3);
    box-shadow: 0 0 5px -1px rgba(1, 1, 1, 0.3);
    position: relative;
    overflow: hidden;
}

.slider_index .Leftbox_boxblock span {
    font-size: 12px;
    padding: 0 20px;
    margin: 0;
    color: #999;
    font-weight: bold;
    text-align: left;
    float: left;
}

.thettls {
    position: absolute;
    float: right;
    top: 0;
    right: -9px;
    padding-right: 115px;
    height: 40px;
    line-height: 30px;
    font-size: 12px;
    font-weight: bold;
    z-index: 8;
    width: 100%;
}

.Leftbox_boxblock p, .Leftbox_boxblock .added-rowbl {
    color: rgba(255, 255, 255, 0) !important;
}

.Leftbox_boxblock p, .Leftbox_boxblock .added-rowbl, .Leftbox_boxblock:after {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.Leftbox_boxblock:hover p, .Leftbox_boxblock:hover .added-rowbl {
    color: rgba(255, 255, 255, 0.8) !important;
}

.Leftbox_boxblock p strong {
    color: rgba(255, 255, 255, 0.9) !important;
}

.imgsmall_boxblock {
    float: left;
    height: 100%;
    width: 100%;
    position: absolute;
    background: #CCC;
    position: relative;
}

.Leftbox_boxblock:after {
    content: " ";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.Leftbox_boxblock:hover:after {
    background: rgba(0, 0, 0, 0.6) !important;
}

.Leftbox_boxblock p {
    position: absolute;
    top: 15px;
    font-size: 12px;
    min-height: 55px;
    padding: 0 25px 0 0;
    line-height: 15px;
    color: #fff;
    z-index: 2;

    max-width: 200px;
}

/*.themenu ul li.mobiler{ display:none;}*/
.Leftbox_boxblock p small {
    display: inline;
    font-size: 12px;
    line-height: 16px;
    padding: 2px 5px;
}

.rightside {
    max-width: 680px;
    width: 680px;
    float: right;
}

.leftside {
    width: 300px;
    padding-right: 10px;
    float: left;
    border-right: 1px solid rgba(0, 0, 0, 0.03);
}

.rightside, .leftside {
    margin: 20px 0;
}

.dossinet_description {
    font-size: 12px;
    padding: 0 20px;
    color: #666;
}

.dossinet_description h1 {
    font-size: 16px;
    color: #14a1be;
    margin: 0;
}

.added-rowbl {
    display: inline-block;
    float: right;
    margin: 15px !important;
    font-size: 12px !important;
    color: rgba(255, 255, 255, .8);
    position: absolute;
    right: 10px;
    bottom: 0;
    z-index: 5;
}

.dossinet_stat {
    width: 100%;
    height: 130px;
    position: relative;
    overflow: hidden;
}

.statshadow {
    height: 50px;
    width: 100%;
    position: absolute;
    top: 0;
    border-bottom: 1px solid #eeeeee;
    z-index: 1;
    background-image: -webkit-gradient(
            linear,
            left top,
            left bottom,
            color-stop(0, rgb(255, 255, 255)),
            color-stop(1, rgb(240, 240, 240))
    );
    background-image: -o-linear-gradient(bottom, rgb(255, 255, 255) 0%, rgb(240, 240, 240) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(255, 255, 255) 0%, rgb(240, 240, 240) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(255, 255, 255) 0%, rgb(240, 240, 240) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(255, 255, 255) 0%, rgb(240, 240, 240) 100%);
    background-image: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(240, 240, 240) 100%);
}

.dossinet_stat ul {
    position: relative;
    z-index: 2;
    margin: 0;
    list-style: none;
    text-align: center;
}

.dossinet_stat ul li {
    float: right;
    height: 150px;
    width: 110px;
    margin: 0 0 0 6px;
    font-size: 16px;
}

.dossinet_stat ul li img {
    padding: 15px;
    margin: 0;
    -moz-opacity: 0.60;
    -khtml-opacity: 0.60;
    opacity: 0.60;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=60);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    filter: alpha(opacity=60);
}

.dossinet_stat ul li:hover img {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
}

.dossinet_stat ul li strong {
    float: right;
    width: 100%;
    text-align: center;
    color: #14a1be;
}

.dossinet_stat ul li span {
    float: right;
    width: 100%;
    text-align: center;
    color: #999;
    font-size: 14px;
}

.i_box_review, .i_box_list {
    padding: 0 0 10px 0;
    margin: 0;
    float: right;
    position: relative;
    width: 100%;
}

.i_box_list hr {
    margin: 0;
}

.i_box_review .i_box_title, .i_box_list .i_box_title {
    width: 100%;
    height: 50px;
    float: right;
    border-bottom: #e0e0e0 4px solid;
    border-top: #e0e0e0 1px solid;
    margin: 0 0 15px 0;
    background: #FFF;
    position: relative;
    z-index: 2;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}

.i_box_review .i_box_title h1, .i_box_list .i_box_title h2 {
    float: right;
    font-weight: inherit;
    font-size: 16px;
    padding: 0 20px;
    margin: 0 20px 0 0;
    line-height: 45px;
    height: 50px;
    border-bottom: 4px solid;
}

.i_box_list .i_box_title ul {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 14px;
}

.i_box_list .i_box_title ul li {
    float: right;
    line-height: 45px;
    padding: 0 15px;
    margin: 0;
    background: url(images/kavkav.gif) left no-repeat;
}

.i_box_list .i_box_title ul li:last-child {
    background: none;
}

.i_box_list .i_box_title ul li a {
    color: #666;
}

.i_box_b_small {
    padding: 10px 0 0 0 !important;
    float: right !important;
    margin-bottom: 5px !important;
    width: 50%;
    font-size: 12px;
    line-height: 14px;
}

.i_box_b_medium .i_box_b_imgs, .i_box_b_small .i_box_b_imgs {
    float: right;
    width: 95px;
    height: 100px;
    background: #CCC;
    overflow: hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0 10px 10px 0;
    position: relative;
    -webkit-box-shadow: 2px 4px 4px 1px rgba(50, 50, 50, 0.4);
    -moz-box-shadow: 2px 4px 4px 1px rgba(50, 50, 50, 0.24);
    box-shadow: 2px 4px 4px 1px rgba(50, 50, 50, 0.24);
}

.i_box_b_medium .i_box_b_imgs img, .i_box_b_small .i_box_b_imgs img {
    float: right;
    width: 100%;
    height: 100%;
}

.i_box_b_medium hr, .i_box_b_small hr {
    width: 100%;
    padding: 0;
    margin: 0;
    clear: both;
}

.i_box_b_small a {
    padding: 0 0 10px 0;
    font-weight: bold;
    width: 215px;
    font-size: 14px;
    float: right;
}

.i_box_b_small p {
    padding: 5px 10px 0 10px;
    margin: 0;
    max-width: 215px;
    width: 215px;
    height: 87px;
    overflow: hidden;
    position: relative;
    float: right;
    color: #666;
}

.i_box_b_medium:hover, .i_box_b_small:hover {
    -webkit-box-shadow: inset 8px -10px 12px -10px rgba(1, 1, 1, 0.3);
    box-shadow: inset 8px -10px 12px -10px rgba(1, 1, 1, 0.1);
}

.i_box_b_small span {
    padding: 0 10px;
    margin: 0;
    width: 215px;
    float: right;
    color: #999;
    font-weight: bold;
    text-align: left;
}

.i_box_b_medium {
    padding: 10px 0 0;
    float: right;
    width: 100%;
    font-size: 12px;
    line-height: 14px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.i_box_b_medium a {
    padding: 0 0 10px 0;
    font-weight: bold;
}

.i_box_b_medium p {
    padding: 5px 10px 0 10px;
    margin: 0 0 10px 0;
    color: #666;
}

.i_box_b_medium ul {
    list-style: none;
    margin: 0;
    float: left;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

.i_box_b_medium ul li {
    float: right;
    float: right;
    color:;
    padding: 0 10px;
    color: #333;
    font-size: 12px;
    background: url(images/kavkav.gif) left no-repeat;
}

.i_box_b_medium span {
    padding: 0 10px;
    margin: 0;
    width: 215px;
    float: left;
    color: #999;
    font-weight: bold;
    text-align: left;
}

.i_box_b_medium .i_box_b_imgs {
    margin-left: 15px;
}

.i_box_review {
    padding: 0 0 10px 0;
    float: right;
    width: 100%;
    font-size: 12px;
    line-height: 14px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.i_box_review a {
    padding: 0 10px 0 0;
    font-weight: bold;
    width: 545px;
    font-size: 14px;
    height: 16px;
    overflow: hidden;
    float: right;
}

.i_box_review p {
    padding: 0;
    margin: 0;
    width: 100%;
    overflow: hidden;
    position: relative;
    float: right;
    color: #666;
    line-height: normal !important;
}

.i_box_review .i_box_b_imgs {
    float: right;
    width: 185px;
    height: 280px;
    overflow: hidden;
    background: #CCC;
    margin: 0;
    position: relative;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;

    -webkit-box-shadow: -20px 0 20px -20px #CCCCCC;
    box-shadow: -20px 0 20px -20px #CCCCCC;
}

.i_box_review .i_box_b_imgs img {
    float: right;
    width: 100%;
    height: 100%;
}

.i_box_review .i_box_b_imgs .shdower {
    float: right;
    width: 100%;
    height: 50px;

    background-image: -webkit-gradient(
            linear,
            left top,
            left bottom,
            color-stop(0.55, #FCFCFC),
            color-stop(1, #F0F0F0)
    );
    background-image: -o-linear-gradient(bottom, #FCFCFC 55%, #F0F0F0 100%);
    background-image: -moz-linear-gradient(bottom, #FCFCFC 55%, #F0F0F0 100%);
    background-image: -webkit-linear-gradient(bottom, #FCFCFC 55%, #F0F0F0 100%);
    background-image: -ms-linear-gradient(bottom, #FCFCFC 55%, #F0F0F0 100%);
    background-image: linear-gradient(to bottom, #FCFCFC 55%, #F0F0F0 100%);
    position: absolute;
    bottom: -1px;
}

.i_box_b_big {
    padding: 5px 5px 0 5px;
    float: left;
    width: 49%;
    font-size: 12px;
    min-height: 370px;
    margin-bottom: 5px !important;
}

.i_box_b_big:hover {
    -webkit-box-shadow: 0 0 20px -5px #969696;
    box-shadow: 0 0 20px -5px #969696;
}

.i_box_b_big .i_box_b_imgs {
    float: right;
    width: 100%;
    height: 250px;
    background: #CCC;
    overflow: hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: relative;
}

.i_box_b_big .i_box_b_imgs img {
    width: 100%;
    height: 100%;
}

.i_box_b_big a {
    padding: 10px 10px 0 0;
    font-weight: bold;
    font-size: 14px;
    float: right;
    width: 100%;
}

.i_box_b_big p {
    padding: 0 10px 0 10px;
    margin: 0;
    width: 100%;
    float: right;
    color: #666;
    line-height: 14px;
}

.i_box_b_big span {
    padding: 0 15px 10px 0;
    margin: 0;
    width: 90%;
    float: right;
    color: #999;
    font-weight: bold;
    text-align: left;
}

.i_box_bs_small {
    padding: 10px 0;
    float: right;
    font-size: 12px;
    line-height: 14px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.i_box_bs_small .i_box_b_imgs {
    float: right;
    width: 95px;
    height: 100px;
    background: #CCC;
    overflow: hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0 10px 10px 0;
    position: relative;
    -webkit-box-shadow: 2px 4px 4px 1px rgba(50, 50, 50, 0.24);
    -moz-box-shadow: 2px 4px 4px 1px rgba(50, 50, 50, 0.24);
    box-shadow: 2px 4px 4px 1px rgba(50, 50, 50, 0.24);
}

.i_box_bs_small .i_box_b_imgs img {
    float: right;
    width: 100%;
    height: 100%;
}

.i_box_bs_small hr {
    width: 100%;
    padding: 0;
    margin: 0;
    clear: both;
}

.i_box_bs_small a {
    padding: 0 10px 0 0;
    font-weight: bold;
    width: 175px;
    font-size: 14px;
    height: 16px;
    overflow: hidden;
    float: right;
}

.i_box_bs_small p {
    padding: 5px 10px 0 10px;
    margin: 0 0 5px 0;
    width: 175px;
    height: 60px;
    overflow: hidden;
    position: relative;
    float: right;
    color: #666;
}

.i_box_bs_small:hover {
    -webkit-box-shadow: 0 0 20px -5px #969696;
    box-shadow: 0 0 20px -5px #969696;
}

.i_box_bs_small span {
    padding: 0 10px;
    margin: 0;
    width: 175px;
    float: right;
    color: #999;
    font-weight: bold;
    text-align: left;
}

.i_box_select {
    list-style: none;
}

.i_box_footb_small {
    padding: 10px 0 0 0;
    float: right;
    width: 165px;
    font-size: 12px;
    line-height: 14px;
}

.i_box_footb_small .i_box_b_imgs {
    float: right;
    width: 145px;
    height: 160px;
    background: #CCC;
    overflow: hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0 10px 10px 0;
    position: relative;
}

.i_box_footb_small .i_box_b_imgs img {
    float: right;
    width: 100%;
    height: 100%;
}

.i_box_footb_small a {
    padding: 0 10px;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 12px;
    height: 12px;
    overflow: hidden;
    float: right;
}

.i_box_list {
}

.i_box_list .i_box_title h1 {
    border-color: #8e8e8e;
    color: #8e8e8e;
}

.i_box_list .i_box_title .thisone, .i_box_list a {
    color: #8e8e8e;
}

.i_box_list .thisone {
    font-weight: bold;
    color: #8e8e8e;
}

.soft_bloker {
}

.soft_bloker .i_box_title h1 {
    border-color: #06C;
    color: #06C;
}

.soft_bloker .i_box_title .thisone, .soft_bloker a {
    color: #06C;
}

.sessions_bloker {
}

.sessions_bloker .i_box_title h1 {
    border-color: #C33;
    color: #C33;
}

.sessions_bloker .i_box_title .thisone, .sessions_bloker a {
    color: #C33;
}

.games_bloker {
}

.games_bloker .i_box_title h1 {
    border-color: #060;
    color: #060;
}

.games_bloker .i_box_title .thisone, .games_bloker a {
    color: #060;
}

.games_bloker {
}

.games_bloker .i_box_title h1 {
    border-color: #060;
    color: #060;
}

.games_bloker .i_box_title .thisone, .games_bloker a {
    color: #060;
}

.adad {
    -webkit-box-shadow: 0 0 10px -5px #969696;
    box-shadow: 0 0 10px -5px #969696;
    margin: 25px 0;
}

.sidebarblock {
}

.sidebarblock .sidebarblock_title {
    width: 100%;
    float: right;
    background: #fafafa;
    border-bottom: #e0e0e0 4px solid;
    border-top: #e0e0e0 1px solid;
    height: 50px;
    margin: 0 0 13px 0;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}

.sidebarblock .sidebarblock_title h3 {
    float: right;
    font-weight: inherit;
    font-size: 16px;
    padding: 0 20px;
    margin: 0 20px;
    line-height: 45px;
    border-bottom: #666 4px solid;
    color: #666;
}

#formbakasha label {
    padding-bottom: 0;
    margin-bottom: 0;
    color: #666;
}

.progress .label {

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

.panel-pool {
    color: #666;
}

.panel-pool input {
    margin-left: 20px !important;
    float: right;
}

.dropdown-menu ul {
    float: right;
    width: 150px !important;
}

.footer_inner {
    padding-bottom: 20px !important;
}

.footer_inner ul {
    float: right;
    list-style: none;
    padding: 20px 10px;
    margin: 0;
    width: 170px;
}

.footer ul h3 {
    font-size: 14px;
    width: 100%;
    font-weight: normal;
    margin-bottom: 15px;
    padding-bottom: 15px;
    font-weight: 600;
    color: #14a1be;
    border-bottom: 1px solid #e6e6e6;
}

.footer ul a {
    font-size: 14px;
    color: #808080;
    font-weight: 500;
}

.footer .bigftrul {
    float: right;
    list-style: none;
    width: 290px;
}

.footer .bigftrul li {
    float: right;
    width: 50%;
}

.subfoorer span {
    float: center;
    color: #999;
    font-size: 14px;
}

.idot_class {
    float: left;
    padding-right: 50px;
    background: url(images/idot_logo.gif) right no-repeat;
    color: #82b658;
}

.loginplace {
    max-width: 320px;
    width: 320px;
    margin: 0 auto;
    float: right;
    padding: 20px;
}

#loginModal h3 {
    font-size: 14px !important;
    text-align: center;
}

#loginModal .checkbox {
    margin-right: 20px;
}

#loginModal .checkbox input {
    float: right;
    margin-right: -20px;
}

.login-or {
    position: relative;
    font-size: 18px;
    color: #aaa;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.span-or {
    display: block;
    position: absolute;
    left: 35%;
    top: -2px;
    background-color: #fff;
    width: 50px;
    text-align: center;
}

.hr-or {
    background-color: #cdcdcd;
    height: 1px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.listsubcatss {
    position: relative;
    z-index: 1;
}

.listsubcatss span {
    float: left;
    color: #999;
    font-weight: bold;
    font-size: 12px;
    position: relative;
}

.listsubcatss ul {
    margin: 0;
    padding: 0;
    float: right;
    list-style: none;
    position: absolute;
    bottom: -1px;
    right: 10px;
}

.listsubcatss ul li {
    float: right;
    padding: 0 3px;
}

.listsubcatss ul li a {
    float: right;
    padding: 6px 12px;
    background: #e4e4e4;
    color: #666;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    border-top: 1px solid #d4d4cf;
}

.listsubcatss ul li a:hover {
    background: #e8e8e8;
}

.listsubcatss ul li span.thiscat {
    background: #fff;
    float: right;
    padding: 6px 12px;
    color: #999;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    border-top: 1px solid #d4d4cf;
}

.breadcrumb {
    background: #fff !important;
    border-top: 1px solid #d4d4cf !important;
}

a.carousel-control {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 0 !important;
    top: 150px !important;
    display: inline;
    font-size: 30px !important;
    height: 50px !important;
    width: 40px !important;
}

.rating_review {
    width: 470px;
    float: left;
    margin: 0;
    padding: 5px !important;
}

.rating_review span {
    float: right;
    padding: 5px 15px;
    width: auto;
    color: #999;
    font-weight: bold;
}

.thestars {
    float: left;
    height: 26px;
    width: 250px;
    background: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 5px 20px -10px #030303;
    box-shadow: 0 5px 20px -10px #030303;
}

.thestars img {
    margin: 5px 0 0 0;
}

.tableinfo_review {
    width: 470px !important;
    float: left;
    margin-bottom: 10px !important;
}

.tableinfo_review tr td {
    border-color: #f2f2f2 !important;
    padding: 6px !important;

    -webkit-box-shadow: 0 10px 20px -15px #CCCCCC;
    box-shadow: 0 10px 20px -15px #CCCCCC;
    border-bottom: 1px solid;
    border-top: none;

}

.tableinfo_review tr td strong {
    float: right;
    color: #14a1be;
}

.tableinfo_review tr td i {
    float: right;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;
    margin: 0 0 0 15px;
}

.download_error {
    width: 280px;
    padding: 12px !important;
    float: right;
    margin-bottom: 3px !important;
    cursor: pointer;
}

.download_error i {
    margin-left: 10px;
}

.download_error #after {

    overflow-y: hidden;
    max-height: 0; /* approximate max height */

    transition-property: all;
    transition-duration: .8s;
    transition-timing-function: cubic-bezier(10, 10, 10, 10);
    padding: 0;
    position: relative;

}

.download_error:hover #after {
    margin-top: 20px;
    max-height: 500px;
    overflow: inherit;
}

.downloadlink {
    padding: 30px 0 !important;
    margin: 0 !important;
    float: left;
    -webkit-border-bottom-right-radius: 0 !important;
    -webkit-border-bottom-left-radius: 0 !important;
    -moz-border-radius-bottomright: 0 !important;
    -moz-border-radius-bottomleft: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.download_error {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

.download_error:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.comments_list h3 {
    color: #666;
    float: right;
}

.comments_list h3 strong {
    color: #14a1be !important;
}

.sitecmmlist {
    padding-top: 30px;
}

.sitecmmlist div {
    float: right;
    width: 100%;
    position: relative;
    margin: 5px 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.sitecmmlist div .comment_title {
    background: #fbfbfb;
    border-bottom: #e0e0e0 3px solid;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
}

.sitecmmlist div .comment_title strong {
    padding: 0 10px;
    border-left: #e0e0e0 1px solid;
    color: #e0e0e0;
    float: right;
    margin: 5px 0 0 0;
}

.sitecmmlist div .comment_title a {
    line-height: 30px;
    padding: 0 80px 0 0;
}

.sitecmmlist div .comment_title span {
    float: left;
    line-height: 30px;
    padding: 0 10px;
    color: #8e8e8e;
}

.sitecmmlist div p {
    padding: 10px 80px 0 0;
    margin: 0;
    float: right;
    color: #8e8e8e;
    width: 100%;
}

.serv_linkslist ul {
    float: right;
    width: 98%;
    min-height: 50px;
    list-style: none;
    padding: 5px;
    float: right;
    margin: 5px 0 25px 0;
}

.serv_linkslist ul li {
    float: right;
    margin: 3px 3px 0 0;
    width: auto;
    background: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 5px 20px -10px #030303;
    box-shadow: 0 5px 20px -10px #030303;
    overflow: hidden;
}

.serv_linkslist ul li a {
    position: relative;
    float: right;
    width: auto;
    padding: 0 10px;
    font-size: 12px;
}

.serv_linkslist ul li.logo_server {
    position: relative;
    margin-left: 5px;
    float: right;
}

.serv_linkslist ul li.logo_server img {
    height: 80px;
}

.addddowncomm {
    margin: 0;
    padding: 0;
    position: relative;
}

.addddowncomm #comm_text {
    width: 98%;
    height: 60px;
    padding-bottom: 40px;
    float: right;
    position: inherit;
}

.addddowncomm .btn_commnt {
    background: url(images/addcommentt.png);
    width: 132px;
    height: 46px;
    border: 0;
    position: absolute;
    top: 65px;
    z-index: 99;
    left: 20px;
}

.comments_list h3 {
    font-size: 16px;
    color: #666;
}

.comments_list h3 {
    font-size: 16px;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden !important;
    height: 200px;
}

.thetopsearch .dropdown-menu > li > a {
    text-align: center !important;
}

.loginarea .dropdown-menu:before {
    position: absolute;
    top: -7px;
    right: 33%;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.loginarea .dropdown-menu:after {
    position: absolute;
    top: -6px;
    right: 34%;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-left: 6px solid transparent;
    content: '';
}

.as_wrapper {
    margin: 0 auto;
    width: 1000px;
}

.mytable {
    margin: 0 auto;
    padding: 20px;
    border: 2px dashed #17A3F7;
}

.success {
    color: #009900;
}

.error {
    color: #F33C21;
}

.talign_right {
    text-align: right;
}

.username_avail_result {
    position: absolute;
    top: 3px;
    left: 10px;

}

.password_strength, .secpassword_strength {
    position: absolute;
    top: 3px;
    left: 3px;
    padding: 2px 6px;
    text-align: center;
    color: #333;
    font-size: 12px;
    backface-visibility: #FFF;
    font-weight: bold;
    float: left;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}

.password_strength.weak, .secpassword_strength.weak {
    background: #e84c3d;
}

.password_strength.normal {
    background: #f1c40f;
}

.password_strength.strong, .secpassword_strength.strong {
    background: #27ae61;
}

.password_strength.verystrong {
    background: #2dcc70;
    color: #FFF;
}

.inputeerror {
    font-size: 12px;
    color: #900;
}

.thetopsearch .input-group input, .thetopsearch .input-group button {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
}

.thetopsearch .input-group {

    width: 100%;
    height: 40px;
    padding: 0;
    color: #555;
    background-color: #fff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: inset 0px 10px 5px -10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0px 10px 5px -10px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 10px 5px -10px rgba(0, 0, 0, 0.3);
}

.thetopsearch .input-group .btn-default:first-child {
    padding-right: 15px;

    -webkit-border-top-left-radius: 30px;
    -webkit-border-bottom-left-radius: 30px;
    -moz-border-radius-topleft: 30px;
    -moz-border-radius-bottomleft: 30px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;

}

.thetopsearch {
    position: relative;
    width: 520px;
    margin: 12px 0 0 20px;
    padding: 0;
    float: left;
}

ul#searchresults {
    width: 98%;
    float: right;
    position: absolute;
    top: 33px;
    right: 1%;
    z-index: 99999;
    display: none;
    list-style: none;
    background: #fff;
    border: 0 solid #ccc;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 0;
    -webkit-box-shadow: 0px 7px 3px 2px rgba(0,0,0,0.05);
    -moz-box-shadow:0px 7px 3px 2px rgba(0,0,0,0.05);
    box-shadow: 0px 7px 3px 2px rgba(0,0,0,0.05);
}


.thetopsearch h2.search-title-type{
    text-align: right;
    background: #fff;
    font-weight: bolder;
    padding: 20px;
    font-size: 13px;
    color: rgba(0,0,0,0.3);
    margin: 0;
    -webkit-box-shadow: inset 0px -40px 25px -20px rgba(0,0,0,0.1);
    -moz-box-shadow:  inset 0px -40px 25px -20px rgba(0,0,0,0.1);
    box-shadow: inset 0px -40px 25px -20px rgba(0,0,0,0.1);
    position: relative;
    text-shadow: 2px 1px 1px rgba(255, 255, 255, 1);
}

#cat_src_name{
    font-size: 16px;
}


.header .thetopsearch .dropdown-toggle.btn-default{
    color:rgba(0,0,0,0.5);

}
.header .open>.dropdown-toggle.btn-default{
    -webkit-box-shadow: inset 0px 10px 20px -10px rgba(0,0,0,0.2);
-moz-box-shadow: inset 0px 10px 20px -10px rgba(0,0,0,0.2);
box-shadow: inset 0px 10px 20px -10px rgba(0,0,0,0.2);
background: #fff;
color:rgba(0,0,0,0.3);
}

.header .thetopsearch .dropdown-menu{
    border: 0;
    text-align: center;
}
.header .thetopsearch .dropdown-menu li a{
    width: 100%;
    float: right;
    padding: 5px 0;


}

.thetopsearch h2.search-title-type:after{
    position: absolute;
    bottom: 0px;
    right: 45px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #ffffff;
    border-left: 8px solid transparent;
    content: '';
}
#searchresults li {
    width: 100%;
    float: right;
    position: relative;
    z-index: 999999;
    font-size: 14px;
    overflow: hidden;
    direction: rtl;
    margin: 0 0 1px 0 !important;
}

#searchresults li:hover {
    background: rgba(0, 0, 0, 0.7);
}

#searchresults li.panel:hover a {
    color: #fff;
}

#searchresults li strong {
    float: right;
    text-align: center;
    line-height: 0;
    height: 40px;
    overflow: hidden;
    line-height: 45px;
    padding: 0;
    margin: 0;
    width: 70%;
    position: absolute;
    top: 0;
    right: 15%;
    overflow: hidden;
}

#searchresults li img {
    height: 40px;
    width: 40px;
    float: right;
    padding: 5px;
}
#searchresults li.special-panel{
     border-bottom:1px solid rgba(0, 0, 0, 0.05);

}
#searchresults li.special-panel img {
    height: 70px;
    width: 70px;
}
#searchresults li.special-panel strong{
    font-size: 20px;
}
#searchresults li.special-panel small{

    text-align: center;
    float: right;
    width: 73%;
    padding-top: 40px;
}
#searchresults li.special-panel:hover{
     background: rgba(0, 0, 0, 0.05);
   
}
/*
ul#searchresults:before
 {
    position: absolute;
    top: -7px;
    right: 44px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

ul#searchresults:after {
    position: absolute;
    top: -6px;
    right: 45px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-left: 6px solid transparent;
    content: '';
}
*/
.fullsearchresults {
    display: block;
}

.fullsearchresults a {
    float: right;
    width: 100%;
    background: #FF9;
    position: relative;
    line-height: 40px;
    text-align: center;
}

.nosearchresults {
    display: block;
}

.nosearchresults button {
    display: block;
    float: right;
    width: 100%;
    background: #FCF;
}

.catpic_slider {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.carousel-inner {
    float: right;
}

.i_box_list_fav .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden !important;
    height: 250px;
}

.i_box_list_fav .i_box_fvootb_small {
    margin: 15px 6px 0 0;
    margin-bottom: 20px;
    float: right;
    width: 162px;
    height: 210px;
    font-size: 12px;
    line-height: 14px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #f7f7f7;
    -moz-box-shadow: -10px 10px 9px -10px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: -10px 10px 9px -10px rgba(0, 0, 0, 0.7);
    box-shadow: -10px 10px 9px -10px rgba(0, 0, 0, 0.7);
}

.i_box_list_fav .carousel-indicators {
    width: 100px !important;
}

.i_box_list_fav .carousel-indicators li {
    -webkit-box-shadow: inset 1px 2px 2px 2px rgba(1, 1, 1, 0.1);
    box-shadow: inset 1px 2px 2px 2px rgba(1, 1, 1, 0.1);
    background: rgba(0, 0, 0, 0.4);
    border: 0 !important;
}

.i_box_list_fav .carousel-indicators li.active {
    background: #FFF;
}

.i_box_list_fav .carousel-indicators {

    top: 235px !important;
    right: 40% !important;

}

.i_box_list_fav .note {
    position: absolute;
    right: 0;
    top: 0;
    width: 30%;
    padding: 1em 1.5em;
    margin: 0;
    color: #fff;
    overflow: hidden;
    -moz-border-radius: 3px 0 3px 3px;
    border-radius: 3px 0 3px 3px;
}

.i_box_list_fav .note:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-width: 0 16px 16px 0;
    border-style: solid;

    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 5px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 5px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 5px 2px rgba(0, 0, 0, 0.2);
    /* Firefox 3.0 damage limitation */
    display: block;
    width: 0;
    -moz-border-radius: 0 0 0 3px;
    border-radius: 0 0 0 3px;
}

.i_box_list_fav .i_box_fvootb_small .i_box_b_imgs {
    float: right;
    width: 100%;
    height: 170px;
    background: #fff;
    overflow: hidden;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    margin: 0;
    position: relative;
}

.i_box_list_fav .i_box_fvootb_small .i_box_b_imgs img {
    float: right;
    width: 100%;
    height: 100%;
}

.i_box_list_fav .i_box_fvootb_small .i_box_b_imgs a {
    color: #FFF;
    padding: 10px;
    font-weight: bold;
    font-size: 12px;
    float: right;
    position: absolute;
    width: 100%;
    right: 0;
    bottom: 0;
    background: rgba(1, 1, 1, 0.6);
}

.i_box_list_fav .i_box_fvootb_small p {
    float: right;
    padding: 10px 0 0 0;
    width: 100%;
    text-align: center;
}

.conversation-wrap {
    box-shadow: -2px 0 3px #ddd;
    padding: 0;
    max-height: 400px;
    overflow: auto;
}

.conversation {
    padding: 5px;
    border-bottom: 1px solid #ddd;
    margin: 0;

}

.message-wrap {
    box-shadow: 0 0 3px #ddd;
    padding: 0;

}

.msg {
    padding: 5px;
    /*border-bottom:1px solid #ddd;*/
    margin: 0;
}

.msg-wrap {
    padding: 10px;
    max-height: 400px;
    overflow: auto;
    float: right;

}

.time {
    color: #bfbfbf;
}

.send-wrap {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 10px;
    /*background: #f8f8f8;*/
}

.send-message {
    resize: none;
}

.highlight {
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
}

.send-message-btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;

    border-bottom-right-radius: 0;
}

.btn-panel {
    background: #f7f7f9;
}

.btn-panel .btn {
    color: #b8b8b8;

    transition: 0.2s all ease-in-out;
}

.btn-panel .btn:hover {
    color: #666;
    background: #f8f8f8;
}

.btn-panel .btn:active {
    background: #f8f8f8;
    box-shadow: 0 0 1px #ddd;
}

.btn-panel-conversation .btn, .btn-panel-msg .btn {

    background: #f8f8f8;
}

.btn-panel-conversation .btn:first-child {
    border-right: 1px solid #ddd;
}

.msg-wrap .media-heading {
    color: #003bb3;
    font-weight: 700;
}

.msg-date {
    background: none;
    text-align: center;
    color: #aaa;
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #ddd;
}

body::-webkit-scrollbar {
    width: 12px;
}

/* Let's get this party started */
::-webkit-scrollbar {
    width: 6px;
}

/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    /*        -webkit-border-radius: 10px;
        border-radius: 10px;*/
}

/* Handle */
::-webkit-scrollbar-thumb {
    /*        -webkit-border-radius: 10px;
        border-radius: 10px;*/
    background: #ddd;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-thumb:window-inactive {
    background: #ddd;
}

.slider_inner .breadcrumb {
    background: rgba(255, 255, 255, 0.8) !important;
    border: 1px solid rgba(1, 1, 1, 0.1) !important;
}

.span-oror {
    display: block;
    position: absolute;
    left: 35%;
    top: -2px;
    background-color: #fff;
    width: 120px;
    text-align: center;
}

.modal-footer {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a000000', endColorstr='#00000000', GradientType=0);
}

.lvlpay {
    font-size: 28px;
    font-weight: bold;
    padding: 8px 20px;
    margin-top: 5px;
    background: #ededed;
    position: absolute;
    right: -20px;
    border: 6px solid #fff;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    -webkit-box-shadow: inset 5px 5px 8px -5px rgba(0, 0, 0, 0.4);
    box-shadow: inset 5px 5px 8px -5px rgba(0, 0, 0, 0.3);
    color: rgba(0, 0, 0, 0.5);
}

div#loading {
    height: 5px;
    background: rgba(41, 135, 152, 0.2);
    position: absolute;
    top: 0;
    z-index: 8;
}

.pic {
    margin-top: 50px;
    width: 120px;
    margin-left: 50px;
    margin-bottom: -60px;
}

.panel {
    background-image: url("#");
}

.name {
    position: absolute;
    padding-right: 260px;
    font-size: 30px;
}

#profileee {
    padding: 0 !important;
}

.session-img {
    width: 170px;
    position: relative;
    right: -25px;
    float: right;
}

.session-img img {
    width: 100%;
}

.session-img:before {
    content: "";
    position: absolute;
    bottom: -8px;
    right: 0;
    border-width: 0 0 8px 8px;
    border-style: solid;
    border-color: transparent #000;
    display: block;
    width: 0;
    z-index: 2;
}

.bubble {
    position: absolute !important;
    width: 65px !important;
    float: right !important;
    top: 0;
    margin: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.bubble:before, .bubble:after {
    content: '';
    position: absolute;
    width: 0;
    border-left: 10px solid white;
    left: 0;
}

.bubble:before {
    top: 0;
    height: 30px;
    border-bottom: 15px solid transparent;
}

.bubble:after {
    top: 30px;
    bottom: 0;
    border-top: 17px solid transparent;
}

.bubble {
    display: block;
    width: 100%;
}

.bubbleer {
    display: block;
    width: 100%;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.icon-bar {
    background-color: #14a1be;
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}

.blackeditor {
    position: absolute;
    z-index: 7;
    background: rgba(0, 0, 0, 0.6);
    height: 100%;
    width: 100%;
    right: 0;
    top: 0;
}

.small_boxblock .onblackeditor, .big_boxblock .onblackeditor {
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    padding: 5px 100px 5px 5px;
    width: 100%;
}

.small_boxblock .panel-body .label, .big_boxblock .panel-body .label {
    color: rgba(0, 0, 0, 0.5);
}

.big_boxblock .onblackeditor {
    top: 40% !important;
    padding: 5px !important;
}

.blackeditor {
    position: absolute;
    z-index: 7;
    background: rgba(0, 0, 0, 0.6);
    height: 100%;
    width: 100%;
    right: 0;
    top: 0;
}

.drama_boxblock .onblackeditor, .big_boxblock .onblackeditor {
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    padding: 5px 100px 5px 5px;
    width: 100%;
}

.drama_boxblock .panel-body .label, .big_boxblock .panel-body .label {
    color: rgba(0, 0, 0, 0.5);
}

.big_boxblock .onblackeditor {
    top: 40% !important;
    padding: 5px !important;
}

.blackeditor {
    position: absolute;
    z-index: 7;
    background: rgba(0, 0, 0, 0.6);
    height: 100%;
    width: 100%;
    right: 0;
    top: 0;
}

.center_boxblock .onblackeditor, .big_boxblock .onblackeditor {
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    padding: 5px 100px 5px 5px;
    width: 100%;
}

.center_boxblock .panel-body .label, .big_boxblock .panel-body .label {
    color: rgba(0, 0, 0, 0.5);
}

.big_boxblock .onblackeditor {
    top: 40% !important;
    padding: 5px !important;
}

.blackeditor {
    position: absolute;
    z-index: 7;
    background: rgba(0, 0, 0, 0.6);
    height: 100%;
    width: 100%;
    right: 0;
    top: 0;
}

.Leftbox_boxblock .onblackeditor, .big_boxblock .onblackeditor {
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    padding: 5px 100px 5px 5px;
    width: 100%;
}

.Leftbox_boxblock .panel-body .label, .big_boxblock .panel-body .label {
    color: rgba(0, 0, 0, 0.5);
}

.big_boxblock .onblackeditor {
    top: 40% !important;
    padding: 5px !important;
}

#followingBallsG_whitespace {
    background: rgba(255, 255, 255, 0.6);
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;

}

#followingBallsG {
    position: relative;
    width: 256px;
    height: 20px;
    top: 150px;
}

.followingBallsG {
    background-color: #14a1be;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    -moz-border-radius: 10px;
    -moz-animation-name: bounce_followingBallsG;
    -moz-animation-duration: 2.5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: linear;
    -webkit-border-radius: 10px;
    -webkit-animation-name: bounce_followingBallsG;
    -webkit-animation-duration: 2.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: linear;
    -ms-border-radius: 10px;
    -ms-animation-name: bounce_followingBallsG;
    -ms-animation-duration: 2.5s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-direction: linear;
    -o-border-radius: 10px;
    -o-animation-name: bounce_followingBallsG;
    -o-animation-duration: 2.5s;
    -o-animation-iteration-count: infinite;
    -o-animation-direction: linear;
    border-radius: 10px;
    animation-name: bounce_followingBallsG;
    animation-duration: 2.5s;
    animation-iteration-count: infinite;
    animation-direction: linear;
}

#followingBallsG_1 {
    -moz-animation-delay: 0s;
}

#followingBallsG_1 {
    -webkit-animation-delay: 0s;
}

#followingBallsG_1 {
    -ms-animation-delay: 0s;
}

#followingBallsG_1 {
    -o-animation-delay: 0s;
}

#followingBallsG_1 {
    animation-delay: 0s;
}

#followingBallsG_2 {
    -moz-animation-delay: 0.25s;
    -webkit-animation-delay: 0.25s;
    -ms-animation-delay: 0.25s;
    -o-animation-delay: 0.25s;
    animation-delay: 0.25s;
}

#followingBallsG_3 {
    -moz-animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
    -ms-animation-delay: 0.5s;
    -o-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

#followingBallsG_4 {
    -moz-animation-delay: 0.75s;
    -webkit-animation-delay: 0.75s;
    -ms-animation-delay: 0.75s;
    -o-animation-delay: 0.75s;
    animation-delay: 0.75s;
}

.delimitador {
    width: 100%;
    margin: auto;
}

.contenedor {
    height: 0px;
    width: 100%;
    /*max-width:560px; /* Así establecemos el ancho máximo (si lo queremos) */
    padding-top: 56.25%; /* Relación: 16/9 = 56.25% */
    position: relative;
}

.panel-group .delimitador iframe {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
}

.panel-body .session-img img {
    display: block;
    margin: 0;
    width: 100%;
    height: auto;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}

.panel-body .session-img:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, 0);
    z-index: 2;
}

.panel-body:hover .session-img img:after {
    background: rgba(0, 0, 0, 1);
}

.panel-body:hover .session-img img, .panel-body .session-img:after {
    transform: scale(1.3);
    -ms-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -o-transform: scale(1.3);
    -moz-transform: scale(1.3);
}

.dossistati {
    list-style: none;
    font-size: 11px;
    text-align: center;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
    text-shadow: 2px 1px 1px rgba(0, 0, 0, 0.3);
    background: rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: inset 11px 11px 5px -10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 11px 11px 5px -10px rgba(0, 0, 0, 0.1);
    box-shadow: inset 11px 11px 5px -10px rgba(0, 0, 0, 0.1);

}

.dossistati li {
    float: right;
    width: 19%;
    padding: 20px;
    color: rgba(0, 0, 0, 0.5);
    margin-right: 1%;

    -webkit-box-shadow: 30px -10px 10px -35px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 30px -10px 10px -35px rgba(0, 0, 0, 0.5);
    box-shadow: 30px -10px 10px -35px rgba(0, 0, 0, 0.5);

    -webkit-border-bottom-right-radius: 10px !important;
    -webkit-border-bottom-left-radius: 10px !important;
    -moz-border-radius-bottomright: 10px !important;
    -moz-border-radius-bottomleft: 10px !important;
    border-bottom-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
    margin-bottom: 20px !important;

}

.dossistati li:first-child {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.dossistati li i {
    font-size: 26px;
    margin-bottom: 10px;
}

.dossistati li * {
    display: block;
}

.dossistati li strong {
    font-size: 18px;
}

.serv_linkslist {
    padding-bottom: 25px !important;
}

.serv_linkslist ul li.well {
    position: relative;
    z-index: 999;
    width: 47%;
    text-align: center;
}

.serv_linkslist ul li.well a {
    width: 100%;
}

.serv_linkslist ul li.logo_server {
    width: 100%;
    text-align: center;
}

@-moz-keyframes bounce_followingBallsG {
    0% {
        left: 0px;
        background-color: #14a1be;
    }

    50% {
        left: 236px;
        background-color: #FFFFFF;
    }

    100% {
        left: 0px;
        background-color: #14a1be;
    }

}

@-webkit-keyframes bounce_followingBallsG {
    0% {
        left: 0px;
        background-color: #14a1be;
    }

    50% {
        left: 236px;
        background-color: #FFFFFF;
    }

    100% {
        left: 0px;
        background-color: #14a1be;
    }

}

@-ms-keyframes bounce_followingBallsG {
    0% {
        left: 0px;
        background-color: #14a1be;
    }

    50% {
        left: 236px;
        background-color: #FFFFFF;
    }

    100% {
        left: 0px;
        background-color: #14a1be;
    }

}

@-o-keyframes bounce_followingBallsG {
    0% {
        left: 0px;
        background-color: #14a1be;
    }

    50% {
        left: 236px;
        background-color: #FFFFFF;
    }

    100% {
        left: 0px;
        background-color: #14a1be;
    }

}

@keyframes bounce_followingBallsG {
    0% {
        left: 0px;
        background-color: #14a1be;
    }

    50% {
        left: 236px;
        background-color: #FFFFFF;
    }

    100% {
        left: 0px;
        background-color: #14a1be;
    }

}

@media only screen and (max-width: 1200px) {

    .catpic_slider {
        height: 100% !important;
        width: auto !important;
    }

}

@media only screen and (max-width: 500px) {
    .dark-section{
        overflow-y: scroll;
    }
    .slider_cat {
        padding: 20px 0 !important;
    }

    .navbar-fixed-top {
        position: relative !important;
    }

    body {
        padding: 0 !important;
    }

    .slider_inner, .page {
        margin: 0 auto;
        max-width: 100%;
    }

    .themenu .navbar-collapse ul li {
        position: relative !important;
        background: none;
    }

    .themenu .navbar-collapse ul li, .themenu .navbar-collapse ul li a {
        width: 100%;
    }

    .navbar-collapse {
        height: auto !important;
        overflow: auto !important;
    }

    .socialmenu {
        display: none;
    }

    .small_boxblock, .small_boxblock:hover {
        width: 100%;
        overflow: hidden;
    }

    .small_boxblock a {
        font-size: 12px;
    }

    .drama_boxblock, .drama_boxblock:hover {
        width: 100%;
        overflow: hidden;
    }

    .small_boxblock a {
        font-size: 12px;
    }

    .center_boxblock, .center_boxblock:hover {
        width: 100%;
        overflow: hidden;
    }

    .small_boxblock a {
        font-size: 12px;
    }

    .Leftbox_boxblock, .Leftbox_boxblock:hover {
        width: 100%;
        overflow: hidden;
    }

    .small_boxblock a {
        font-size: 12px;
    }

    /*.themenu ul li{position: relative !important; display:none;} .themenu ul li, .themenu ul li a{ width:100%;}
	 .themenu ul li.mobiler{ display:inherit;} */
    .logo {
        float: inherit;
        margin: 0 auto;
        width: 285px;
        height: auto !important;
        position: absolute;
    }

    .logo img {
        width: 285px;
        height: auto !important;
    }

    .loginarea {
        margin: 10px auto !important;
    }

    .big_boxblock {
        margin-bottom: 10px;
    }

    .thettls a {
        background: #FFF;
        z-index: 8;
        top: -1px;
        padding: 0 8px;
        height: 30px;
        position: relative;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

    .i_box_title li {
        padding: 0 3px !important;
        font-size: 12px
    }

    .i_box_title h1 {
        margin: 0 2px 0 0 !important;
        padding: 0 10px !important;
    }

    .loginarea .dropdown-menu img, .removeonmobile, .adad, .dossinet_stat {
        display: none;
    }

    .thetopsearch, .slider_inner, .contento {
        width: 96%;
        padding: 0 2%;
    }

    .i_box_b_imgs, .footer_inner, .slider_index .big_boxblock, .i_box_b_small, .i_box_b_big, .i_box_bs_small {
        width: 100%;
    }

    .i_box_b_small span, .i_box_b_big span {
        width: auto;
        padding: 0;
        float: left;
    }

    .catpic_slider {
        height: 100% !important;
        width: auto !important;
    }

    .rating_review, .tableinfo_review, .mobilebefull, .somedownlinks, .someoptionlinks {
        width: 100% !important;
        margin: 5px 0;
    }

    mobilebefull .btn {
        width: 100% !important;
        margin: 0 !important;
    }

    .i_box_title {
        overflow: hidden;
    }

    .subfoorer, .rightside, .leftside {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .leftside {
        border: 0 !important;
    }

    .thetopsearch .searchtexto {
        width: auto;
    }

    .small_boxblock .imgsmall_boxblock, .small_boxblock,
    .drama_boxblock .imgsmall_boxblock, .drama_boxblock,
    .center_boxblock .imgsmall_boxblock, .center_boxblock,
    .Leftbox_boxblock .imgsmall_boxblock, .Leftbox_boxblock {
        height: 130px;
    }
    .drama_boxblock {
        float: none;
    }
    .center_boxblock {
        float: none;
        margin: 20px 0;
    }

    .dropdown-menu ul {
        width: 100% !important;
    }

    .themenu ul li a {
        padding: 0 !important;
        text-align: center;
        width: 100%;
        margin: 0;
    }

    .header {
        text-align: center;
    }

    .loginarea {
        margin: 0 auto;
        float: right;
        width: 100%;
        text-align: center;
    }

    .loginarea .dropdown-menu, .loginarea .dropdown-menu * {
        width: 100%;
        margin: 0;
    }

    .linksfixed {
        display: none;
        width: 100%;
    }

    .logo {
        width: 100%;
        position: relative;
    }

    .logo img {
        width: 180px;
        height: 100px;
        margin: auto;
    }

    .header .input-append, .input-prepend {
        margin: 10px 0;
    }

    .footer {
        display: none;
    }

    .i_box_b_big {
        padding: 0;
    }

    .rightside {
        overflow: hidden;
    }

    .subfoorer {
        text-align: center;
    }

    .subfoorer span, .subfoorer a {
        width: 100%;
    }

    .modal {
        max-width: 95%;
        right: 0;
    }

    .loginplace {
        max-width: 80%;
    }

    .thestars {
        width: 200px !important;
    }

    .rating_review span {
        float: right;
        padding: 5px;
    }

    .listsubcatss ul {
        width: 100%;
        height: 34px;
        overflow: hidden;
    }

    .mobile-remover {
        display: none;
    }
}

@media only screen and (max-width: 320px) {
    .i_box_b_medium a, .i_box_bs_small a, .i_box_b_small a {
        width: 160px;
    }

    .i_box_b_medium p, .i_box_bs_small p, .i_box_b_small p {
        width: 160px;
    }

    #formbakasha input, #formbakasha textarea {
        width: 270px;
    }

    .footer ul {
        display: none;
    }

    .i_box_list_fav .i_box_fvootb_small {
        width: 140px;
    }
}

@media only screen and (min-width: 500px) {
    .mobile-adder {
        display: none;
    }


    .animated, .small_boxblock p, .small_boxblock .added-rowbl {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }

    .animated.infinite {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }

    .animated.hinge {
        -webkit-animation-duration: 2s;
        animation-duration: 2s
    }

    @-webkit-keyframes bounce {
        0%, 100%, 20%, 50%, 80% {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
        40% {
            -webkit-transform: translateY(-30px);
            transform: translateY(-30px)
        }
        60% {
            -webkit-transform: translateY(-15px);
            transform: translateY(-15px)
        }
    }@keyframes bounce {
         0%, 100%, 20%, 50%, 80% {
             -webkit-transform: translateY(0);
             -ms-transform: translateY(0);
             transform: translateY(0)
         }
         40% {
             -webkit-transform: translateY(-30px);
             -ms-transform: translateY(-30px);
             transform: translateY(-30px)
         }
         60% {
             -webkit-transform: translateY(-15px);
             -ms-transform: translateY(-15px);
             transform: translateY(-15px)
         }
     }.bounce {
          -webkit-animation-name: bounce;
          animation-name: bounce
      }

    @-webkit-keyframes flash {
        0%, 100%, 50% {
            opacity: 1
        }
        25%, 75% {
            opacity: 0
        }
    }@keyframes flash {
         0%, 100%, 50% {
             opacity: 1
         }
         25%, 75% {
             opacity: 0
         }
     }.flash {
          -webkit-animation-name: flash;
          animation-name: flash
      }

    @-webkit-keyframes pulse {
        0% {
            -webkit-transform: scale(1);
            transform: scale(1)
        }
        50% {
            -webkit-transform: scale(1.1);
            transform: scale(1.1)
        }
        100% {
            -webkit-transform: scale(1);
            transform: scale(1)
        }
    }@keyframes pulse {
         0% {
             -webkit-transform: scale(1);
             -ms-transform: scale(1);
             transform: scale(1)
         }
         50% {
             -webkit-transform: scale(1.1);
             -ms-transform: scale(1.1);
             transform: scale(1.1)
         }
         100% {
             -webkit-transform: scale(1);
             -ms-transform: scale(1);
             transform: scale(1)
         }
     }.pulse {
          -webkit-animation-name: pulse;
          animation-name: pulse
      }

    @-webkit-keyframes rubberBand {
        0% {
            -webkit-transform: scale(1);
            transform: scale(1)
        }
        30% {
            -webkit-transform: scaleX(1.25) scaleY(0.75);
            transform: scaleX(1.25) scaleY(0.75)
        }
        40% {
            -webkit-transform: scaleX(0.75) scaleY(1.25);
            transform: scaleX(0.75) scaleY(1.25)
        }
        60% {
            -webkit-transform: scaleX(1.15) scaleY(0.85);
            transform: scaleX(1.15) scaleY(0.85)
        }
        100% {
            -webkit-transform: scale(1);
            transform: scale(1)
        }
    }@keyframes rubberBand {
         0% {
             -webkit-transform: scale(1);
             -ms-transform: scale(1);
             transform: scale(1)
         }
         30% {
             -webkit-transform: scaleX(1.25) scaleY(0.75);
             -ms-transform: scaleX(1.25) scaleY(0.75);
             transform: scaleX(1.25) scaleY(0.75)
         }
         40% {
             -webkit-transform: scaleX(0.75) scaleY(1.25);
             -ms-transform: scaleX(0.75) scaleY(1.25);
             transform: scaleX(0.75) scaleY(1.25)
         }
         60% {
             -webkit-transform: scaleX(1.15) scaleY(0.85);
             -ms-transform: scaleX(1.15) scaleY(0.85);
             transform: scaleX(1.15) scaleY(0.85)
         }
         100% {
             -webkit-transform: scale(1);
             -ms-transform: scale(1);
             transform: scale(1)
         }
     }.rubberBand {
          -webkit-animation-name: rubberBand;
          animation-name: rubberBand
      }

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

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

    @-webkit-keyframes tada {
        0% {
            -webkit-transform: scale(1);
            transform: scale(1)
        }
        10%, 20% {
            -webkit-transform: scale(0.9) rotate(-3deg);
            transform: scale(0.9) rotate(-3deg)
        }
        30%, 50%, 70%, 90% {
            -webkit-transform: scale(1.1) rotate(3deg);
            transform: scale(1.1) rotate(3deg)
        }
        40%, 60%, 80% {
            -webkit-transform: scale(1.1) rotate(-3deg);
            transform: scale(1.1) rotate(-3deg)
        }
        100% {
            -webkit-transform: scale(1) rotate(0);
            transform: scale(1) rotate(0)
        }
    }@keyframes tada {
         0% {
             -webkit-transform: scale(1);
             -ms-transform: scale(1);
             transform: scale(1)
         }
         10%, 20% {
             -webkit-transform: scale(0.9) rotate(-3deg);
             -ms-transform: scale(0.9) rotate(-3deg);
             transform: scale(0.9) rotate(-3deg)
         }
         30%, 50%, 70%, 90% {
             -webkit-transform: scale(1.1) rotate(3deg);
             -ms-transform: scale(1.1) rotate(3deg);
             transform: scale(1.1) rotate(3deg)
         }
         40%, 60%, 80% {
             -webkit-transform: scale(1.1) rotate(-3deg);
             -ms-transform: scale(1.1) rotate(-3deg);
             transform: scale(1.1) rotate(-3deg)
         }
         100% {
             -webkit-transform: scale(1) rotate(0);
             -ms-transform: scale(1) rotate(0);
             transform: scale(1) rotate(0)
         }
     }.tada {
          -webkit-animation-name: tada;
          animation-name: tada
      }

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

    @-webkit-keyframes bounceIn {
        0% {
            opacity: 0;
            -webkit-transform: scale(.3);
            transform: scale(.3)
        }
        50% {
            opacity: 1;
            -webkit-transform: scale(1.05);
            transform: scale(1.05)
        }
        70% {
            -webkit-transform: scale(.9);
            transform: scale(.9)
        }
        100% {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1)
        }
    }@keyframes bounceIn {
         0% {
             opacity: 0;
             -webkit-transform: scale(.3);
             -ms-transform: scale(.3);
             transform: scale(.3)
         }
         50% {
             opacity: 1;
             -webkit-transform: scale(1.05);
             -ms-transform: scale(1.05);
             transform: scale(1.05)
         }
         70% {
             -webkit-transform: scale(.9);
             -ms-transform: scale(.9);
             transform: scale(.9)
         }
         100% {
             opacity: 1;
             -webkit-transform: scale(1);
             -ms-transform: scale(1);
             transform: scale(1)
         }
     }.bounceIn {
          -webkit-animation-name: bounceIn;
          animation-name: bounceIn
      }

    @-webkit-keyframes bounceInDown {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-2000px);
            transform: translateY(-2000px)
        }
        60% {
            opacity: 1;
            -webkit-transform: translateY(30px);
            transform: translateY(30px)
        }
        80% {
            -webkit-transform: translateY(-10px);
            transform: translateY(-10px)
        }
        100% {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
    }@keyframes bounceInDown {
         0% {
             opacity: 0;
             -webkit-transform: translateY(-2000px);
             -ms-transform: translateY(-2000px);
             transform: translateY(-2000px)
         }
         60% {
             opacity: 1;
             -webkit-transform: translateY(30px);
             -ms-transform: translateY(30px);
             transform: translateY(30px)
         }
         80% {
             -webkit-transform: translateY(-10px);
             -ms-transform: translateY(-10px);
             transform: translateY(-10px)
         }
         100% {
             -webkit-transform: translateY(0);
             -ms-transform: translateY(0);
             transform: translateY(0)
         }
     }.bounceInDown {
          -webkit-animation-name: bounceInDown;
          animation-name: bounceInDown
      }

    @-webkit-keyframes bounceInLeft {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-2000px);
            transform: translateX(-2000px)
        }
        60% {
            opacity: 1;
            -webkit-transform: translateX(30px);
            transform: translateX(30px)
        }
        80% {
            -webkit-transform: translateX(-10px);
            transform: translateX(-10px)
        }
        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
    }@keyframes bounceInLeft {
         0% {
             opacity: 0;
             -webkit-transform: translateX(-2000px);
             -ms-transform: translateX(-2000px);
             transform: translateX(-2000px)
         }
         60% {
             opacity: 1;
             -webkit-transform: translateX(30px);
             -ms-transform: translateX(30px);
             transform: translateX(30px)
         }
         80% {
             -webkit-transform: translateX(-10px);
             -ms-transform: translateX(-10px);
             transform: translateX(-10px)
         }
         100% {
             -webkit-transform: translateX(0);
             -ms-transform: translateX(0);
             transform: translateX(0)
         }
     }.bounceInLeft {
          -webkit-animation-name: bounceInLeft;
          animation-name: bounceInLeft
      }

    @-webkit-keyframes bounceInRight {
        0% {
            opacity: 0;
            -webkit-transform: translateX(2000px);
            transform: translateX(2000px)
        }
        60% {
            opacity: 1;
            -webkit-transform: translateX(-30px);
            transform: translateX(-30px)
        }
        80% {
            -webkit-transform: translateX(10px);
            transform: translateX(10px)
        }
        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
    }@keyframes bounceInRight {
         0% {
             opacity: 0;
             -webkit-transform: translateX(2000px);
             -ms-transform: translateX(2000px);
             transform: translateX(2000px)
         }
         60% {
             opacity: 1;
             -webkit-transform: translateX(-30px);
             -ms-transform: translateX(-30px);
             transform: translateX(-30px)
         }
         80% {
             -webkit-transform: translateX(10px);
             -ms-transform: translateX(10px);
             transform: translateX(10px)
         }
         100% {
             -webkit-transform: translateX(0);
             -ms-transform: translateX(0);
             transform: translateX(0)
         }
     }.bounceInRight {
          -webkit-animation-name: bounceInRight;
          animation-name: bounceInRight
      }

    @-webkit-keyframes bounceInUp {
        0% {
            opacity: 0;
            -webkit-transform: translateY(2000px);
            transform: translateY(2000px)
        }
        60% {
            opacity: 1;
            -webkit-transform: translateY(-30px);
            transform: translateY(-30px)
        }
        80% {
            -webkit-transform: translateY(10px);
            transform: translateY(10px)
        }
        100% {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
    }@keyframes bounceInUp {
         0% {
             opacity: 0;
             -webkit-transform: translateY(2000px);
             -ms-transform: translateY(2000px);
             transform: translateY(2000px)
         }
         60% {
             opacity: 1;
             -webkit-transform: translateY(-30px);
             -ms-transform: translateY(-30px);
             transform: translateY(-30px)
         }
         80% {
             -webkit-transform: translateY(10px);
             -ms-transform: translateY(10px);
             transform: translateY(10px)
         }
         100% {
             -webkit-transform: translateY(0);
             -ms-transform: translateY(0);
             transform: translateY(0)
         }
     }.bounceInUp {
          -webkit-animation-name: bounceInUp;
          animation-name: bounceInUp
      }

    @-webkit-keyframes bounceOut {
        0% {
            -webkit-transform: scale(1);
            transform: scale(1)
        }
        25% {
            -webkit-transform: scale(.95);
            transform: scale(.95)
        }
        50% {
            opacity: 1;
            -webkit-transform: scale(1.1);
            transform: scale(1.1)
        }
        100% {
            opacity: 0;
            -webkit-transform: scale(.3);
            transform: scale(.3)
        }
    }@keyframes bounceOut {
         0% {
             -webkit-transform: scale(1);
             -ms-transform: scale(1);
             transform: scale(1)
         }
         25% {
             -webkit-transform: scale(.95);
             -ms-transform: scale(.95);
             transform: scale(.95)
         }
         50% {
             opacity: 1;
             -webkit-transform: scale(1.1);
             -ms-transform: scale(1.1);
             transform: scale(1.1)
         }
         100% {
             opacity: 0;
             -webkit-transform: scale(.3);
             -ms-transform: scale(.3);
             transform: scale(.3)
         }
     }.bounceOut {
          -webkit-animation-name: bounceOut;
          animation-name: bounceOut
      }

    @-webkit-keyframes bounceOutDown {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
        20% {
            opacity: 1;
            -webkit-transform: translateY(-20px);
            transform: translateY(-20px)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateY(2000px);
            transform: translateY(2000px)
        }
    }@keyframes bounceOutDown {
         0% {
             -webkit-transform: translateY(0);
             -ms-transform: translateY(0);
             transform: translateY(0)
         }
         20% {
             opacity: 1;
             -webkit-transform: translateY(-20px);
             -ms-transform: translateY(-20px);
             transform: translateY(-20px)
         }
         100% {
             opacity: 0;
             -webkit-transform: translateY(2000px);
             -ms-transform: translateY(2000px);
             transform: translateY(2000px)
         }
     }.bounceOutDown {
          -webkit-animation-name: bounceOutDown;
          animation-name: bounceOutDown
      }

    @-webkit-keyframes bounceOutLeft {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
        20% {
            opacity: 1;
            -webkit-transform: translateX(20px);
            transform: translateX(20px)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateX(-2000px);
            transform: translateX(-2000px)
        }
    }@keyframes bounceOutLeft {
         0% {
             -webkit-transform: translateX(0);
             -ms-transform: translateX(0);
             transform: translateX(0)
         }
         20% {
             opacity: 1;
             -webkit-transform: translateX(20px);
             -ms-transform: translateX(20px);
             transform: translateX(20px)
         }
         100% {
             opacity: 0;
             -webkit-transform: translateX(-2000px);
             -ms-transform: translateX(-2000px);
             transform: translateX(-2000px)
         }
     }.bounceOutLeft {
          -webkit-animation-name: bounceOutLeft;
          animation-name: bounceOutLeft
      }

    @-webkit-keyframes bounceOutRight {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
        20% {
            opacity: 1;
            -webkit-transform: translateX(-20px);
            transform: translateX(-20px)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateX(2000px);
            transform: translateX(2000px)
        }
    }@keyframes bounceOutRight {
         0% {
             -webkit-transform: translateX(0);
             -ms-transform: translateX(0);
             transform: translateX(0)
         }
         20% {
             opacity: 1;
             -webkit-transform: translateX(-20px);
             -ms-transform: translateX(-20px);
             transform: translateX(-20px)
         }
         100% {
             opacity: 0;
             -webkit-transform: translateX(2000px);
             -ms-transform: translateX(2000px);
             transform: translateX(2000px)
         }
     }.bounceOutRight {
          -webkit-animation-name: bounceOutRight;
          animation-name: bounceOutRight
      }

    @-webkit-keyframes bounceOutUp {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
        20% {
            opacity: 1;
            -webkit-transform: translateY(20px);
            transform: translateY(20px)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateY(-2000px);
            transform: translateY(-2000px)
        }
    }@keyframes bounceOutUp {
         0% {
             -webkit-transform: translateY(0);
             -ms-transform: translateY(0);
             transform: translateY(0)
         }
         20% {
             opacity: 1;
             -webkit-transform: translateY(20px);
             -ms-transform: translateY(20px);
             transform: translateY(20px)
         }
         100% {
             opacity: 0;
             -webkit-transform: translateY(-2000px);
             -ms-transform: translateY(-2000px);
             transform: translateY(-2000px)
         }
     }.bounceOutUp {
          -webkit-animation-name: bounceOutUp;
          animation-name: bounceOutUp
      }

    @-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
      }

    @-webkit-keyframes fadeInDown {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-20px);
            transform: translateY(-20px)
        }
        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
    }@keyframes fadeInDown {
         0% {
             opacity: 0;
             -webkit-transform: translateY(-20px);
             -ms-transform: translateY(-20px);
             transform: translateY(-20px)
         }
         100% {
             opacity: 1;
             -webkit-transform: translateY(0);
             -ms-transform: translateY(0);
             transform: translateY(0)
         }
     }.fadeInDown {
          -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown
      }

    @-webkit-keyframes fadeInDownBig {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-2000px);
            transform: translateY(-2000px)
        }
        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
    }@keyframes fadeInDownBig {
         0% {
             opacity: 0;
             -webkit-transform: translateY(-2000px);
             -ms-transform: translateY(-2000px);
             transform: translateY(-2000px)
         }
         100% {
             opacity: 1;
             -webkit-transform: translateY(0);
             -ms-transform: translateY(0);
             transform: translateY(0)
         }
     }.fadeInDownBig {
          -webkit-animation-name: fadeInDownBig;
          animation-name: fadeInDownBig
      }

    @-webkit-keyframes fadeInLeft {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-20px);
            transform: translateX(-20px)
        }
        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
    }@keyframes fadeInLeft {
         0% {
             opacity: 0;
             -webkit-transform: translateX(-20px);
             -ms-transform: translateX(-20px);
             transform: translateX(-20px)
         }
         100% {
             opacity: 1;
             -webkit-transform: translateX(0);
             -ms-transform: translateX(0);
             transform: translateX(0)
         }
     }.fadeInLeft {
          -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft
      }

    @-webkit-keyframes fadeInLeftBig {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-2000px);
            transform: translateX(-2000px)
        }
        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
    }@keyframes fadeInLeftBig {
         0% {
             opacity: 0;
             -webkit-transform: translateX(-2000px);
             -ms-transform: translateX(-2000px);
             transform: translateX(-2000px)
         }
         100% {
             opacity: 1;
             -webkit-transform: translateX(0);
             -ms-transform: translateX(0);
             transform: translateX(0)
         }
     }.fadeInLeftBig {
          -webkit-animation-name: fadeInLeftBig;
          animation-name: fadeInLeftBig
      }

    @-webkit-keyframes fadeInRight {
        0% {
            opacity: 0;
            -webkit-transform: translateX(20px);
            transform: translateX(20px)
        }
        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
    }@keyframes fadeInRight {
         0% {
             opacity: 0;
             -webkit-transform: translateX(20px);
             -ms-transform: translateX(20px);
             transform: translateX(20px)
         }
         100% {
             opacity: 1;
             -webkit-transform: translateX(0);
             -ms-transform: translateX(0);
             transform: translateX(0)
         }
     }.fadeInRight {
          -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight
      }

    @-webkit-keyframes fadeInRightBig {
        0% {
            opacity: 0;
            -webkit-transform: translateX(2000px);
            transform: translateX(2000px)
        }
        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
    }@keyframes fadeInRightBig {
         0% {
             opacity: 0;
             -webkit-transform: translateX(2000px);
             -ms-transform: translateX(2000px);
             transform: translateX(2000px)
         }
         100% {
             opacity: 1;
             -webkit-transform: translateX(0);
             -ms-transform: translateX(0);
             transform: translateX(0)
         }
     }.fadeInRightBig {
          -webkit-animation-name: fadeInRightBig;
          animation-name: fadeInRightBig
      }

    @-webkit-keyframes fadeInUp {
        0% {
            opacity: 0;
            -webkit-transform: translateY(20px);
            transform: translateY(20px)
        }
        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
    }@keyframes fadeInUp {
         0% {
             opacity: 0;
             -webkit-transform: translateY(20px);
             -ms-transform: translateY(20px);
             transform: translateY(20px)
         }
         100% {
             opacity: 1;
             -webkit-transform: translateY(0);
             -ms-transform: translateY(0);
             transform: translateY(0)
         }
     }.fadeInUp {
          -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp
      }

    @-webkit-keyframes fadeInUpBig {
        0% {
            opacity: 0;
            -webkit-transform: translateY(2000px);
            transform: translateY(2000px)
        }
        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
    }@keyframes fadeInUpBig {
         0% {
             opacity: 0;
             -webkit-transform: translateY(2000px);
             -ms-transform: translateY(2000px);
             transform: translateY(2000px)
         }
         100% {
             opacity: 1;
             -webkit-transform: translateY(0);
             -ms-transform: translateY(0);
             transform: translateY(0)
         }
     }.fadeInUpBig {
          -webkit-animation-name: fadeInUpBig;
          animation-name: fadeInUpBig
      }

    @-webkit-keyframes fadeOut {
        0% {
            opacity: 1
        }
        100% {
            opacity: 0
        }
    }@keyframes fadeOut {
         0% {
             opacity: 1
         }
         100% {
             opacity: 0
         }
     }.fadeOut {
          -webkit-animation-name: fadeOut;
          animation-name: fadeOut
      }

    @-webkit-keyframes fadeOutDown {
        0% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateY(20px);
            transform: translateY(20px)
        }
    }@keyframes fadeOutDown {
         0% {
             opacity: 1;
             -webkit-transform: translateY(0);
             -ms-transform: translateY(0);
             transform: translateY(0)
         }
         100% {
             opacity: 0;
             -webkit-transform: translateY(20px);
             -ms-transform: translateY(20px);
             transform: translateY(20px)
         }
     }.fadeOutDown {
          -webkit-animation-name: fadeOutDown;
          animation-name: fadeOutDown
      }

    @-webkit-keyframes fadeOutDownBig {
        0% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateY(2000px);
            transform: translateY(2000px)
        }
    }@keyframes fadeOutDownBig {
         0% {
             opacity: 1;
             -webkit-transform: translateY(0);
             -ms-transform: translateY(0);
             transform: translateY(0)
         }
         100% {
             opacity: 0;
             -webkit-transform: translateY(2000px);
             -ms-transform: translateY(2000px);
             transform: translateY(2000px)
         }
     }.fadeOutDownBig {
          -webkit-animation-name: fadeOutDownBig;
          animation-name: fadeOutDownBig
      }

    @-webkit-keyframes fadeOutLeft {
        0% {
            opacity: 1;
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateX(-20px);
            transform: translateX(-20px)
        }
    }@keyframes fadeOutLeft {
         0% {
             opacity: 1;
             -webkit-transform: translateX(0);
             -ms-transform: translateX(0);
             transform: translateX(0)
         }
         100% {
             opacity: 0;
             -webkit-transform: translateX(-20px);
             -ms-transform: translateX(-20px);
             transform: translateX(-20px)
         }
     }.fadeOutLeft {
          -webkit-animation-name: fadeOutLeft;
          animation-name: fadeOutLeft
      }

    @-webkit-keyframes fadeOutLeftBig {
        0% {
            opacity: 1;
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateX(-2000px);
            transform: translateX(-2000px)
        }
    }@keyframes fadeOutLeftBig {
         0% {
             opacity: 1;
             -webkit-transform: translateX(0);
             -ms-transform: translateX(0);
             transform: translateX(0)
         }
         100% {
             opacity: 0;
             -webkit-transform: translateX(-2000px);
             -ms-transform: translateX(-2000px);
             transform: translateX(-2000px)
         }
     }.fadeOutLeftBig {
          -webkit-animation-name: fadeOutLeftBig;
          animation-name: fadeOutLeftBig
      }

    @-webkit-keyframes fadeOutRight {
        0% {
            opacity: 1;
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateX(20px);
            transform: translateX(20px)
        }
    }@keyframes fadeOutRight {
         0% {
             opacity: 1;
             -webkit-transform: translateX(0);
             -ms-transform: translateX(0);
             transform: translateX(0)
         }
         100% {
             opacity: 0;
             -webkit-transform: translateX(20px);
             -ms-transform: translateX(20px);
             transform: translateX(20px)
         }
     }.fadeOutRight {
          -webkit-animation-name: fadeOutRight;
          animation-name: fadeOutRight
      }

    @-webkit-keyframes fadeOutRightBig {
        0% {
            opacity: 1;
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateX(2000px);
            transform: translateX(2000px)
        }
    }@keyframes fadeOutRightBig {
         0% {
             opacity: 1;
             -webkit-transform: translateX(0);
             -ms-transform: translateX(0);
             transform: translateX(0)
         }
         100% {
             opacity: 0;
             -webkit-transform: translateX(2000px);
             -ms-transform: translateX(2000px);
             transform: translateX(2000px)
         }
     }.fadeOutRightBig {
          -webkit-animation-name: fadeOutRightBig;
          animation-name: fadeOutRightBig
      }

    @-webkit-keyframes fadeOutUp {
        0% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateY(-20px);
            transform: translateY(-20px)
        }
    }@keyframes fadeOutUp {
         0% {
             opacity: 1;
             -webkit-transform: translateY(0);
             -ms-transform: translateY(0);
             transform: translateY(0)
         }
         100% {
             opacity: 0;
             -webkit-transform: translateY(-20px);
             -ms-transform: translateY(-20px);
             transform: translateY(-20px)
         }
     }.fadeOutUp {
          -webkit-animation-name: fadeOutUp;
          animation-name: fadeOutUp
      }

    @-webkit-keyframes fadeOutUpBig {
        0% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateY(-2000px);
            transform: translateY(-2000px)
        }
    }@keyframes fadeOutUpBig {
         0% {
             opacity: 1;
             -webkit-transform: translateY(0);
             -ms-transform: translateY(0);
             transform: translateY(0)
         }
         100% {
             opacity: 0;
             -webkit-transform: translateY(-2000px);
             -ms-transform: translateY(-2000px);
             transform: translateY(-2000px)
         }
     }.fadeOutUpBig {
          -webkit-animation-name: fadeOutUpBig;
          animation-name: fadeOutUpBig
      }

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

    @-webkit-keyframes flipInX {
        0% {
            -webkit-transform: perspective(400px) rotateX(90deg);
            transform: perspective(400px) rotateX(90deg);
            opacity: 0
        }
        40% {
            -webkit-transform: perspective(400px) rotateX(-10deg);
            transform: perspective(400px) rotateX(-10deg)
        }
        70% {
            -webkit-transform: perspective(400px) rotateX(10deg);
            transform: perspective(400px) rotateX(10deg)
        }
        100% {
            -webkit-transform: perspective(400px) rotateX(0deg);
            transform: perspective(400px) rotateX(0deg);
            opacity: 1
        }
    }@keyframes flipInX {
         0% {
             -webkit-transform: perspective(400px) rotateX(90deg);
             -ms-transform: perspective(400px) rotateX(90deg);
             transform: perspective(400px) rotateX(90deg);
             opacity: 0
         }
         40% {
             -webkit-transform: perspective(400px) rotateX(-10deg);
             -ms-transform: perspective(400px) rotateX(-10deg);
             transform: perspective(400px) rotateX(-10deg)
         }
         70% {
             -webkit-transform: perspective(400px) rotateX(10deg);
             -ms-transform: perspective(400px) rotateX(10deg);
             transform: perspective(400px) rotateX(10deg)
         }
         100% {
             -webkit-transform: perspective(400px) rotateX(0deg);
             -ms-transform: perspective(400px) rotateX(0deg);
             transform: perspective(400px) rotateX(0deg);
             opacity: 1
         }
     }.flipInX {
          -webkit-backface-visibility: visible !important;
          -ms-backface-visibility: visible !important;
          backface-visibility: visible !important;
          -webkit-animation-name: flipInX;
          animation-name: flipInX
      }

    @-webkit-keyframes flipInY {
        0% {
            -webkit-transform: perspective(400px) rotateY(90deg);
            transform: perspective(400px) rotateY(90deg);
            opacity: 0
        }
        40% {
            -webkit-transform: perspective(400px) rotateY(-10deg);
            transform: perspective(400px) rotateY(-10deg)
        }
        70% {
            -webkit-transform: perspective(400px) rotateY(10deg);
            transform: perspective(400px) rotateY(10deg)
        }
        100% {
            -webkit-transform: perspective(400px) rotateY(0deg);
            transform: perspective(400px) rotateY(0deg);
            opacity: 1
        }
    }@keyframes flipInY {
         0% {
             -webkit-transform: perspective(400px) rotateY(90deg);
             -ms-transform: perspective(400px) rotateY(90deg);
             transform: perspective(400px) rotateY(90deg);
             opacity: 0
         }
         40% {
             -webkit-transform: perspective(400px) rotateY(-10deg);
             -ms-transform: perspective(400px) rotateY(-10deg);
             transform: perspective(400px) rotateY(-10deg)
         }
         70% {
             -webkit-transform: perspective(400px) rotateY(10deg);
             -ms-transform: perspective(400px) rotateY(10deg);
             transform: perspective(400px) rotateY(10deg)
         }
         100% {
             -webkit-transform: perspective(400px) rotateY(0deg);
             -ms-transform: perspective(400px) rotateY(0deg);
             transform: perspective(400px) rotateY(0deg);
             opacity: 1
         }
     }.flipInY {
          -webkit-backface-visibility: visible !important;
          -ms-backface-visibility: visible !important;
          backface-visibility: visible !important;
          -webkit-animation-name: flipInY;
          animation-name: flipInY
      }

    @-webkit-keyframes flipOutX {
        0% {
            -webkit-transform: perspective(400px) rotateX(0deg);
            transform: perspective(400px) rotateX(0deg);
            opacity: 1
        }
        100% {
            -webkit-transform: perspective(400px) rotateX(90deg);
            transform: perspective(400px) rotateX(90deg);
            opacity: 0
        }
    }@keyframes flipOutX {
         0% {
             -webkit-transform: perspective(400px) rotateX(0deg);
             -ms-transform: perspective(400px) rotateX(0deg);
             transform: perspective(400px) rotateX(0deg);
             opacity: 1
         }
         100% {
             -webkit-transform: perspective(400px) rotateX(90deg);
             -ms-transform: perspective(400px) rotateX(90deg);
             transform: perspective(400px) rotateX(90deg);
             opacity: 0
         }
     }.flipOutX {
          -webkit-animation-name: flipOutX;
          animation-name: flipOutX;
          -webkit-backface-visibility: visible !important;
          -ms-backface-visibility: visible !important;
          backface-visibility: visible !important
      }

    @-webkit-keyframes flipOutY {
        0% {
            -webkit-transform: perspective(400px) rotateY(0deg);
            transform: perspective(400px) rotateY(0deg);
            opacity: 1
        }
        100% {
            -webkit-transform: perspective(400px) rotateY(90deg);
            transform: perspective(400px) rotateY(90deg);
            opacity: 0
        }
    }@keyframes flipOutY {
         0% {
             -webkit-transform: perspective(400px) rotateY(0deg);
             -ms-transform: perspective(400px) rotateY(0deg);
             transform: perspective(400px) rotateY(0deg);
             opacity: 1
         }
         100% {
             -webkit-transform: perspective(400px) rotateY(90deg);
             -ms-transform: perspective(400px) rotateY(90deg);
             transform: perspective(400px) rotateY(90deg);
             opacity: 0
         }
     }.flipOutY {
          -webkit-backface-visibility: visible !important;
          -ms-backface-visibility: visible !important;
          backface-visibility: visible !important;
          -webkit-animation-name: flipOutY;
          animation-name: flipOutY
      }

    @-webkit-keyframes lightSpeedIn {
        0% {
            -webkit-transform: translateX(100%) skewX(-30deg);
            transform: translateX(100%) skewX(-30deg);
            opacity: 0
        }
        60% {
            -webkit-transform: translateX(-20%) skewX(30deg);
            transform: translateX(-20%) skewX(30deg);
            opacity: 1
        }
        80% {
            -webkit-transform: translateX(0%) skewX(-15deg);
            transform: translateX(0%) skewX(-15deg);
            opacity: 1
        }
        100% {
            -webkit-transform: translateX(0%) skewX(0deg);
            transform: translateX(0%) skewX(0deg);
            opacity: 1
        }
    }@keyframes lightSpeedIn {
         0% {
             -webkit-transform: translateX(100%) skewX(-30deg);
             -ms-transform: translateX(100%) skewX(-30deg);
             transform: translateX(100%) skewX(-30deg);
             opacity: 0
         }
         60% {
             -webkit-transform: translateX(-20%) skewX(30deg);
             -ms-transform: translateX(-20%) skewX(30deg);
             transform: translateX(-20%) skewX(30deg);
             opacity: 1
         }
         80% {
             -webkit-transform: translateX(0%) skewX(-15deg);
             -ms-transform: translateX(0%) skewX(-15deg);
             transform: translateX(0%) skewX(-15deg);
             opacity: 1
         }
         100% {
             -webkit-transform: translateX(0%) skewX(0deg);
             -ms-transform: translateX(0%) skewX(0deg);
             transform: translateX(0%) skewX(0deg);
             opacity: 1
         }
     }.lightSpeedIn {
          -webkit-animation-name: lightSpeedIn;
          animation-name: lightSpeedIn;
          -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out
      }

    @-webkit-keyframes lightSpeedOut {
        0% {
            -webkit-transform: translateX(0%) skewX(0deg);
            transform: translateX(0%) skewX(0deg);
            opacity: 1
        }
        100% {
            -webkit-transform: translateX(100%) skewX(-30deg);
            transform: translateX(100%) skewX(-30deg);
            opacity: 0
        }
    }@keyframes lightSpeedOut {
         0% {
             -webkit-transform: translateX(0%) skewX(0deg);
             -ms-transform: translateX(0%) skewX(0deg);
             transform: translateX(0%) skewX(0deg);
             opacity: 1
         }
         100% {
             -webkit-transform: translateX(100%) skewX(-30deg);
             -ms-transform: translateX(100%) skewX(-30deg);
             transform: translateX(100%) skewX(-30deg);
             opacity: 0
         }
     }.lightSpeedOut {
          -webkit-animation-name: lightSpeedOut;
          animation-name: lightSpeedOut;
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in
      }

    @-webkit-keyframes rotateIn {
        0% {
            -webkit-transform-origin: center center;
            transform-origin: center center;
            -webkit-transform: rotate(-200deg);
            transform: rotate(-200deg);
            opacity: 0
        }
        100% {
            -webkit-transform-origin: center center;
            transform-origin: center center;
            -webkit-transform: rotate(0);
            transform: rotate(0);
            opacity: 1
        }
    }@keyframes rotateIn {
         0% {
             -webkit-transform-origin: center center;
             -ms-transform-origin: center center;
             transform-origin: center center;
             -webkit-transform: rotate(-200deg);
             -ms-transform: rotate(-200deg);
             transform: rotate(-200deg);
             opacity: 0
         }
         100% {
             -webkit-transform-origin: center center;
             -ms-transform-origin: center center;
             transform-origin: center center;
             -webkit-transform: rotate(0);
             -ms-transform: rotate(0);
             transform: rotate(0);
             opacity: 1
         }
     }.rotateIn {
          -webkit-animation-name: rotateIn;
          animation-name: rotateIn
      }

    @-webkit-keyframes rotateInDownLeft {
        0% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
            opacity: 0
        }
        100% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(0);
            transform: rotate(0);
            opacity: 1
        }
    }@keyframes rotateInDownLeft {
         0% {
             -webkit-transform-origin: left bottom;
             -ms-transform-origin: left bottom;
             transform-origin: left bottom;
             -webkit-transform: rotate(-90deg);
             -ms-transform: rotate(-90deg);
             transform: rotate(-90deg);
             opacity: 0
         }
         100% {
             -webkit-transform-origin: left bottom;
             -ms-transform-origin: left bottom;
             transform-origin: left bottom;
             -webkit-transform: rotate(0);
             -ms-transform: rotate(0);
             transform: rotate(0);
             opacity: 1
         }
     }.rotateInDownLeft {
          -webkit-animation-name: rotateInDownLeft;
          animation-name: rotateInDownLeft
      }

    @-webkit-keyframes rotateInDownRight {
        0% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            opacity: 0
        }
        100% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(0);
            transform: rotate(0);
            opacity: 1
        }
    }@keyframes rotateInDownRight {
         0% {
             -webkit-transform-origin: right bottom;
             -ms-transform-origin: right bottom;
             transform-origin: right bottom;
             -webkit-transform: rotate(90deg);
             -ms-transform: rotate(90deg);
             transform: rotate(90deg);
             opacity: 0
         }
         100% {
             -webkit-transform-origin: right bottom;
             -ms-transform-origin: right bottom;
             transform-origin: right bottom;
             -webkit-transform: rotate(0);
             -ms-transform: rotate(0);
             transform: rotate(0);
             opacity: 1
         }
     }.rotateInDownRight {
          -webkit-animation-name: rotateInDownRight;
          animation-name: rotateInDownRight
      }

    @-webkit-keyframes rotateInUpLeft {
        0% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            opacity: 0
        }
        100% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(0);
            transform: rotate(0);
            opacity: 1
        }
    }@keyframes rotateInUpLeft {
         0% {
             -webkit-transform-origin: left bottom;
             -ms-transform-origin: left bottom;
             transform-origin: left bottom;
             -webkit-transform: rotate(90deg);
             -ms-transform: rotate(90deg);
             transform: rotate(90deg);
             opacity: 0
         }
         100% {
             -webkit-transform-origin: left bottom;
             -ms-transform-origin: left bottom;
             transform-origin: left bottom;
             -webkit-transform: rotate(0);
             -ms-transform: rotate(0);
             transform: rotate(0);
             opacity: 1
         }
     }.rotateInUpLeft {
          -webkit-animation-name: rotateInUpLeft;
          animation-name: rotateInUpLeft
      }

    @-webkit-keyframes rotateInUpRight {
        0% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
            opacity: 0
        }
        100% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(0);
            transform: rotate(0);
            opacity: 1
        }
    }@keyframes rotateInUpRight {
         0% {
             -webkit-transform-origin: right bottom;
             -ms-transform-origin: right bottom;
             transform-origin: right bottom;
             -webkit-transform: rotate(-90deg);
             -ms-transform: rotate(-90deg);
             transform: rotate(-90deg);
             opacity: 0
         }
         100% {
             -webkit-transform-origin: right bottom;
             -ms-transform-origin: right bottom;
             transform-origin: right bottom;
             -webkit-transform: rotate(0);
             -ms-transform: rotate(0);
             transform: rotate(0);
             opacity: 1
         }
     }.rotateInUpRight {
          -webkit-animation-name: rotateInUpRight;
          animation-name: rotateInUpRight
      }

    @-webkit-keyframes rotateOut {
        0% {
            -webkit-transform-origin: center center;
            transform-origin: center center;
            -webkit-transform: rotate(0);
            transform: rotate(0);
            opacity: 1
        }
        100% {
            -webkit-transform-origin: center center;
            transform-origin: center center;
            -webkit-transform: rotate(200deg);
            transform: rotate(200deg);
            opacity: 0
        }
    }@keyframes rotateOut {
         0% {
             -webkit-transform-origin: center center;
             -ms-transform-origin: center center;
             transform-origin: center center;
             -webkit-transform: rotate(0);
             -ms-transform: rotate(0);
             transform: rotate(0);
             opacity: 1
         }
         100% {
             -webkit-transform-origin: center center;
             -ms-transform-origin: center center;
             transform-origin: center center;
             -webkit-transform: rotate(200deg);
             -ms-transform: rotate(200deg);
             transform: rotate(200deg);
             opacity: 0
         }
     }.rotateOut {
          -webkit-animation-name: rotateOut;
          animation-name: rotateOut
      }

    @-webkit-keyframes rotateOutDownLeft {
        0% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(0);
            transform: rotate(0);
            opacity: 1
        }
        100% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            opacity: 0
        }
    }@keyframes rotateOutDownLeft {
         0% {
             -webkit-transform-origin: left bottom;
             -ms-transform-origin: left bottom;
             transform-origin: left bottom;
             -webkit-transform: rotate(0);
             -ms-transform: rotate(0);
             transform: rotate(0);
             opacity: 1
         }
         100% {
             -webkit-transform-origin: left bottom;
             -ms-transform-origin: left bottom;
             transform-origin: left bottom;
             -webkit-transform: rotate(90deg);
             -ms-transform: rotate(90deg);
             transform: rotate(90deg);
             opacity: 0
         }
     }.rotateOutDownLeft {
          -webkit-animation-name: rotateOutDownLeft;
          animation-name: rotateOutDownLeft
      }

    @-webkit-keyframes rotateOutDownRight {
        0% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(0);
            transform: rotate(0);
            opacity: 1
        }
        100% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
            opacity: 0
        }
    }@keyframes rotateOutDownRight {
         0% {
             -webkit-transform-origin: right bottom;
             -ms-transform-origin: right bottom;
             transform-origin: right bottom;
             -webkit-transform: rotate(0);
             -ms-transform: rotate(0);
             transform: rotate(0);
             opacity: 1
         }
         100% {
             -webkit-transform-origin: right bottom;
             -ms-transform-origin: right bottom;
             transform-origin: right bottom;
             -webkit-transform: rotate(-90deg);
             -ms-transform: rotate(-90deg);
             transform: rotate(-90deg);
             opacity: 0
         }
     }.rotateOutDownRight {
          -webkit-animation-name: rotateOutDownRight;
          animation-name: rotateOutDownRight
      }

    @-webkit-keyframes rotateOutUpLeft {
        0% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(0);
            transform: rotate(0);
            opacity: 1
        }
        100% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
            opacity: 0
        }
    }@keyframes rotateOutUpLeft {
         0% {
             -webkit-transform-origin: left bottom;
             -ms-transform-origin: left bottom;
             transform-origin: left bottom;
             -webkit-transform: rotate(0);
             -ms-transform: rotate(0);
             transform: rotate(0);
             opacity: 1
         }
         100% {
             -webkit-transform-origin: left bottom;
             -ms-transform-origin: left bottom;
             transform-origin: left bottom;
             -webkit-transform: rotate(-90deg);
             -ms-transform: rotate(-90deg);
             transform: rotate(-90deg);
             opacity: 0
         }
     }.rotateOutUpLeft {
          -webkit-animation-name: rotateOutUpLeft;
          animation-name: rotateOutUpLeft
      }

    @-webkit-keyframes rotateOutUpRight {
        0% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(0);
            transform: rotate(0);
            opacity: 1
        }
        100% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            opacity: 0
        }
    }@keyframes rotateOutUpRight {
         0% {
             -webkit-transform-origin: right bottom;
             -ms-transform-origin: right bottom;
             transform-origin: right bottom;
             -webkit-transform: rotate(0);
             -ms-transform: rotate(0);
             transform: rotate(0);
             opacity: 1
         }
         100% {
             -webkit-transform-origin: right bottom;
             -ms-transform-origin: right bottom;
             transform-origin: right bottom;
             -webkit-transform: rotate(90deg);
             -ms-transform: rotate(90deg);
             transform: rotate(90deg);
             opacity: 0
         }
     }.rotateOutUpRight {
          -webkit-animation-name: rotateOutUpRight;
          animation-name: rotateOutUpRight
      }

    @-webkit-keyframes slideInDown {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-2000px);
            transform: translateY(-2000px)
        }
        100% {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
    }@keyframes slideInDown {
         0% {
             opacity: 0;
             -webkit-transform: translateY(-2000px);
             -ms-transform: translateY(-2000px);
             transform: translateY(-2000px)
         }
         100% {
             -webkit-transform: translateY(0);
             -ms-transform: translateY(0);
             transform: translateY(0)
         }
     }.slideInDown {
          -webkit-animation-name: slideInDown;
          animation-name: slideInDown
      }

    @-webkit-keyframes slideInLeft {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-2000px);
            transform: translateX(-2000px)
        }
        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
    }@keyframes slideInLeft {
         0% {
             opacity: 0;
             -webkit-transform: translateX(-2000px);
             -ms-transform: translateX(-2000px);
             transform: translateX(-2000px)
         }
         100% {
             -webkit-transform: translateX(0);
             -ms-transform: translateX(0);
             transform: translateX(0)
         }
     }.slideInLeft {
          -webkit-animation-name: slideInLeft;
          animation-name: slideInLeft
      }

    @-webkit-keyframes slideInRight {
        0% {
            opacity: 0;
            -webkit-transform: translateX(2000px);
            transform: translateX(2000px)
        }
        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
    }@keyframes slideInRight {
         0% {
             opacity: 0;
             -webkit-transform: translateX(2000px);
             -ms-transform: translateX(2000px);
             transform: translateX(2000px)
         }
         100% {
             -webkit-transform: translateX(0);
             -ms-transform: translateX(0);
             transform: translateX(0)
         }
     }.slideInRight {
          -webkit-animation-name: slideInRight;
          animation-name: slideInRight
      }

    @-webkit-keyframes slideOutLeft {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateX(-2000px);
            transform: translateX(-2000px)
        }
    }@keyframes slideOutLeft {
         0% {
             -webkit-transform: translateX(0);
             -ms-transform: translateX(0);
             transform: translateX(0)
         }
         100% {
             opacity: 0;
             -webkit-transform: translateX(-2000px);
             -ms-transform: translateX(-2000px);
             transform: translateX(-2000px)
         }
     }.slideOutLeft {
          -webkit-animation-name: slideOutLeft;
          animation-name: slideOutLeft
      }

    @-webkit-keyframes slideOutRight {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateX(2000px);
            transform: translateX(2000px)
        }
    }@keyframes slideOutRight {
         0% {
             -webkit-transform: translateX(0);
             -ms-transform: translateX(0);
             transform: translateX(0)
         }
         100% {
             opacity: 0;
             -webkit-transform: translateX(2000px);
             -ms-transform: translateX(2000px);
             transform: translateX(2000px)
         }
     }.slideOutRight {
          -webkit-animation-name: slideOutRight;
          animation-name: slideOutRight
      }

    @-webkit-keyframes slideOutUp {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateY(-2000px);
            transform: translateY(-2000px)
        }
    }@keyframes slideOutUp {
         0% {
             -webkit-transform: translateY(0);
             -ms-transform: translateY(0);
             transform: translateY(0)
         }
         100% {
             opacity: 0;
             -webkit-transform: translateY(-2000px);
             -ms-transform: translateY(-2000px);
             transform: translateY(-2000px)
         }
     }.slideOutUp {
          -webkit-animation-name: slideOutUp;
          animation-name: slideOutUp
      }

    @-webkit-keyframes slideInUp {
        0% {
            opacity: 0;
            -webkit-transform: translateY(2000px);
            transform: translateY(2000px)
        }
        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
    }@keyframes slideInUp {
         0% {
             opacity: 0;
             -webkit-transform: translateY(2000px);
             -ms-transform: translateY(2000px);
             transform: translateY(2000px)
         }
         100% {
             opacity: 1;
             -webkit-transform: translateY(0);
             -ms-transform: translateY(0);
             transform: translateY(0)
         }
     }.slideInUp {
          -webkit-animation-name: slideInUp;
          animation-name: slideInUp
      }

    @-webkit-keyframes slideOutDown {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateY(2000px);
            transform: translateY(2000px)
        }
    }@keyframes slideOutDown {
         0% {
             -webkit-transform: translateY(0);
             -ms-transform: translateY(0);
             transform: translateY(0)
         }
         100% {
             opacity: 0;
             -webkit-transform: translateY(2000px);
             -ms-transform: translateY(2000px);
             transform: translateY(2000px)
         }
     }.slideOutDown {
          -webkit-animation-name: slideOutDown;
          animation-name: slideOutDown
      }

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

    @-webkit-keyframes rollIn {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-100%) rotate(-120deg);
            transform: translateX(-100%) rotate(-120deg)
        }
        100% {
            opacity: 1;
            -webkit-transform: translateX(0px) rotate(0deg);
            transform: translateX(0px) rotate(0deg)
        }
    }@keyframes rollIn {
         0% {
             opacity: 0;
             -webkit-transform: translateX(-100%) rotate(-120deg);
             -ms-transform: translateX(-100%) rotate(-120deg);
             transform: translateX(-100%) rotate(-120deg)
         }
         100% {
             opacity: 1;
             -webkit-transform: translateX(0px) rotate(0deg);
             -ms-transform: translateX(0px) rotate(0deg);
             transform: translateX(0px) rotate(0deg)
         }
     }.rollIn {
          -webkit-animation-name: rollIn;
          animation-name: rollIn
      }

    @-webkit-keyframes rollOut {
        0% {
            opacity: 1;
            -webkit-transform: translateX(0px) rotate(0deg);
            transform: translateX(0px) rotate(0deg)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateX(100%) rotate(120deg);
            transform: translateX(100%) rotate(120deg)
        }
    }@keyframes rollOut {
         0% {
             opacity: 1;
             -webkit-transform: translateX(0px) rotate(0deg);
             -ms-transform: translateX(0px) rotate(0deg);
             transform: translateX(0px) rotate(0deg)
         }
         100% {
             opacity: 0;
             -webkit-transform: translateX(100%) rotate(120deg);
             -ms-transform: translateX(100%) rotate(120deg);
             transform: translateX(100%) rotate(120deg)
         }
     }.rollOut {
          -webkit-animation-name: rollOut;
          animation-name: rollOut
      }

    @-webkit-keyframes zoomIn {
        0% {
            opacity: 0;
            -webkit-transform: scale(.3);
            transform: scale(.3)
        }
        50% {
            opacity: 1
        }
    }@keyframes zoomIn {
         0% {
             opacity: 0;
             -webkit-transform: scale(.3);
             -ms-transform: scale(.3);
             transform: scale(.3)
         }
         50% {
             opacity: 1
         }
     }.zoomIn {
          -webkit-animation-name: zoomIn;
          animation-name: zoomIn
      }

    @-webkit-keyframes zoomInDown {
        0% {
            opacity: 0;
            -webkit-transform: scale(.1) translateY(-2000px);
            transform: scale(.1) translateY(-2000px);
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out
        }
        60% {
            opacity: 1;
            -webkit-transform: scale(.475) translateY(60px);
            transform: scale(.475) translateY(60px);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out
        }
    }@keyframes zoomInDown {
         0% {
             opacity: 0;
             -webkit-transform: scale(.1) translateY(-2000px);
             -ms-transform: scale(.1) translateY(-2000px);
             transform: scale(.1) translateY(-2000px);
             -webkit-animation-timing-function: ease-in-out;
             animation-timing-function: ease-in-out
         }
         60% {
             opacity: 1;
             -webkit-transform: scale(.475) translateY(60px);
             -ms-transform: scale(.475) translateY(60px);
             transform: scale(.475) translateY(60px);
             -webkit-animation-timing-function: ease-out;
             animation-timing-function: ease-out
         }
     }.zoomInDown {
          -webkit-animation-name: zoomInDown;
          animation-name: zoomInDown
      }

    @-webkit-keyframes zoomInLeft {
        0% {
            opacity: 0;
            -webkit-transform: scale(.1) translateX(-2000px);
            transform: scale(.1) translateX(-2000px);
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out
        }
        60% {
            opacity: 1;
            -webkit-transform: scale(.475) translateX(48px);
            transform: scale(.475) translateX(48px);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out
        }
    }@keyframes zoomInLeft {
         0% {
             opacity: 0;
             -webkit-transform: scale(.1) translateX(-2000px);
             -ms-transform: scale(.1) translateX(-2000px);
             transform: scale(.1) translateX(-2000px);
             -webkit-animation-timing-function: ease-in-out;
             animation-timing-function: ease-in-out
         }
         60% {
             opacity: 1;
             -webkit-transform: scale(.475) translateX(48px);
             -ms-transform: scale(.475) translateX(48px);
             transform: scale(.475) translateX(48px);
             -webkit-animation-timing-function: ease-out;
             animation-timing-function: ease-out
         }
     }.zoomInLeft {
          -webkit-animation-name: zoomInLeft;
          animation-name: zoomInLeft
      }

    @-webkit-keyframes zoomInRight {
        0% {
            opacity: 0;
            -webkit-transform: scale(.1) translateX(2000px);
            transform: scale(.1) translateX(2000px);
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out
        }
        60% {
            opacity: 1;
            -webkit-transform: scale(.475) translateX(-48px);
            transform: scale(.475) translateX(-48px);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out
        }
    }@keyframes zoomInRight {
         0% {
             opacity: 0;
             -webkit-transform: scale(.1) translateX(2000px);
             -ms-transform: scale(.1) translateX(2000px);
             transform: scale(.1) translateX(2000px);
             -webkit-animation-timing-function: ease-in-out;
             animation-timing-function: ease-in-out
         }
         60% {
             opacity: 1;
             -webkit-transform: scale(.475) translateX(-48px);
             -ms-transform: scale(.475) translateX(-48px);
             transform: scale(.475) translateX(-48px);
             -webkit-animation-timing-function: ease-out;
             animation-timing-function: ease-out
         }
     }.zoomInRight {
          -webkit-animation-name: zoomInRight;
          animation-name: zoomInRight
      }

    @-webkit-keyframes zoomInUp {
        0% {
            opacity: 0;
            -webkit-transform: scale(.1) translateY(2000px);
            transform: scale(.1) translateY(2000px);
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out
        }
        60% {
            opacity: 1;
            -webkit-transform: scale(.475) translateY(-60px);
            transform: scale(.475) translateY(-60px);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out
        }
    }@keyframes zoomInUp {
         0% {
             opacity: 0;
             -webkit-transform: scale(.1) translateY(2000px);
             -ms-transform: scale(.1) translateY(2000px);
             transform: scale(.1) translateY(2000px);
             -webkit-animation-timing-function: ease-in-out;
             animation-timing-function: ease-in-out
         }
         60% {
             opacity: 1;
             -webkit-transform: scale(.475) translateY(-60px);
             -ms-transform: scale(.475) translateY(-60px);
             transform: scale(.475) translateY(-60px);
             -webkit-animation-timing-function: ease-out;
             animation-timing-function: ease-out
         }
     }.zoomInUp {
          -webkit-animation-name: zoomInUp;
          animation-name: zoomInUp
      }

    @-webkit-keyframes zoomOut {
        0% {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1)
        }
        50% {
            opacity: 0;
            -webkit-transform: scale(.3);
            transform: scale(.3)
        }
        100% {
            opacity: 0
        }
    }@keyframes zoomOut {
         0% {
             opacity: 1;
             -webkit-transform: scale(1);
             -ms-transform: scale(1);
             transform: scale(1)
         }
         50% {
             opacity: 0;
             -webkit-transform: scale(.3);
             -ms-transform: scale(.3);
             transform: scale(.3)
         }
         100% {
             opacity: 0
         }
     }.zoomOut {
          -webkit-animation-name: zoomOut;
          animation-name: zoomOut
      }

    @-webkit-keyframes zoomOutDown {
        40% {
            opacity: 1;
            -webkit-transform: scale(.475) translateY(-60px);
            transform: scale(.475) translateY(-60px);
            -webkit-animation-timing-function: linear;
            animation-timing-function: linear
        }
        100% {
            opacity: 0;
            -webkit-transform: scale(.1) translateY(2000px);
            transform: scale(.1) translateY(2000px);
            -webkit-transform-origin: center bottom;
            transform-origin: center bottom
        }
    }@keyframes zoomOutDown {
         40% {
             opacity: 1;
             -webkit-transform: scale(.475) translateY(-60px);
             -ms-transform: scale(.475) translateY(-60px);
             transform: scale(.475) translateY(-60px);
             -webkit-animation-timing-function: linear;
             animation-timing-function: linear
         }
         100% {
             opacity: 0;
             -webkit-transform: scale(.1) translateY(2000px);
             -ms-transform: scale(.1) translateY(2000px);
             transform: scale(.1) translateY(2000px);
             -webkit-transform-origin: center bottom;
             -ms-transform-origin: center bottom;
             transform-origin: center bottom
         }
     }.zoomOutDown {
          -webkit-animation-name: zoomOutDown;
          animation-name: zoomOutDown
      }

    @-webkit-keyframes zoomOutLeft {
        40% {
            opacity: 1;
            -webkit-transform: scale(.475) translateX(42px);
            transform: scale(.475) translateX(42px);
            -webkit-animation-timing-function: linear;
            animation-timing-function: linear
        }
        100% {
            opacity: 0;
            -webkit-transform: scale(.1) translateX(-2000px);
            transform: scale(.1) translateX(-2000px);
            -webkit-transform-origin: left center;
            transform-origin: left center
        }
    }@keyframes zoomOutLeft {
         40% {
             opacity: 1;
             -webkit-transform: scale(.475) translateX(42px);
             -ms-transform: scale(.475) translateX(42px);
             transform: scale(.475) translateX(42px);
             -webkit-animation-timing-function: linear;
             animation-timing-function: linear
         }
         100% {
             opacity: 0;
             -webkit-transform: scale(.1) translateX(-2000px);
             -ms-transform: scale(.1) translateX(-2000px);
             transform: scale(.1) translateX(-2000px);
             -webkit-transform-origin: left center;
             -ms-transform-origin: left center;
             transform-origin: left center
         }
     }.zoomOutLeft {
          -webkit-animation-name: zoomOutLeft;
          animation-name: zoomOutLeft
      }

    @-webkit-keyframes zoomOutRight {
        40% {
            opacity: 1;
            -webkit-transform: scale(.475) translateX(-42px);
            transform: scale(.475) translateX(-42px);
            -webkit-animation-timing-function: linear;
            animation-timing-function: linear
        }
        100% {
            opacity: 0;
            -webkit-transform: scale(.1) translateX(2000px);
            transform: scale(.1) translateX(2000px);
            -webkit-transform-origin: right center;
            transform-origin: right center
        }
    }@keyframes zoomOutRight {
         40% {
             opacity: 1;
             -webkit-transform: scale(.475) translateX(-42px);
             -ms-transform: scale(.475) translateX(-42px);
             transform: scale(.475) translateX(-42px);
             -webkit-animation-timing-function: linear;
             animation-timing-function: linear
         }
         100% {
             opacity: 0;
             -webkit-transform: scale(.1) translateX(2000px);
             -ms-transform: scale(.1) translateX(2000px);
             transform: scale(.1) translateX(2000px);
             -webkit-transform-origin: right center;
             -ms-transform-origin: right center;
             transform-origin: right center
         }
     }.zoomOutRight {
          -webkit-animation-name: zoomOutRight;
          animation-name: zoomOutRight
      }

    @-webkit-keyframes zoomOutUp {
        40% {
            opacity: 1;
            -webkit-transform: scale(.475) translateY(60px);
            transform: scale(.475) translateY(60px);
            -webkit-animation-timing-function: linear;
            animation-timing-function: linear
        }
        100% {
            opacity: 0;
            -webkit-transform: scale(.1) translateY(-2000px);
            transform: scale(.1) translateY(-2000px);
            -webkit-transform-origin: center top;
            transform-origin: center top
        }
    }@keyframes zoomOutUp {
         40% {
             opacity: 1;
             -webkit-transform: scale(.475) translateY(60px);
             -ms-transform: scale(.475) translateY(60px);
             transform: scale(.475) translateY(60px);
             -webkit-animation-timing-function: linear;
             animation-timing-function: linear
         }
         100% {
             opacity: 0;
             -webkit-transform: scale(.1) translateY(-2000px);
             -ms-transform: scale(.1) translateY(-2000px);
             transform: scale(.1) translateY(-2000px);
             -webkit-transform-origin: center top;
             -ms-transform-origin: center top;
             transform-origin: center top
         }
     }.zoomOutUp {
          -webkit-animation-name: zoomOutUp;
          animation-name: zoomOutUp
      }
}

#profilePaymentsHistory {
    border: 1px solid #ccc;
}

#profilePaymentsHistory th {
    background: #ccc;
}

#profilePaymentsHistory th, #profilePaymentsHistory td {
    padding: 10px 30px;
    border: 1px solid #ccc;
    text-align: center;
}

#show_ccard_pay input {
    width: 100%;
    display: block;
    margin: 5px 0;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 5px 3%;
}

#show_ccard_pay .error {
    border-color: red;
}

.grouponAdProduct {
    clear: both;
    display: block;
    border: 2px solid #53A318;
    border-radius: 5px;
    background: white;
    transition: all 1s ease;
}

.grouponAdProduct:hover, .grouponAdProduct.high {
    -webkit-box-shadow: 5px 5px 25px -5px #666;
    box-shadow: 5px 5px 25px -5px #666;
}

.grouponAdProduct.medium {
    height: 82px;
    margin-bottom: 3px;
}

.grouponAdProduct * {
    color: #333334;
    text-decoration: none;
}

.grouponAdProduct > div {
    padding: 8px;
}

.grouponAdProduct.medium > div {
    padding: 0 5px;
    width: 50%;
    height: 78px;
    float: left;
    position: relative;
}

.grouponAdProduct img {
    border-radius: 0 3px 3px 0;
    transition: all .2s ease-in-out;
}

.grouponAdProduct.medium img {
    /*max-width: 33%;*/
    line-height: 78px;
    max-height: 78px;
}

.grouponAdProduct.medium:hover img, .grouponAdProduct.high img {
    transform: scale(1.1);
    border: 1px solid #53A318;
    border-left: medium none;
}

.grouponAdProduct h4 {
    color: #53A318;
    font-size: 14px;
    font-weight: bold;
}

.grouponAdProduct > div span {
    background-color: #53A318;
    background: -moz-linear-gradient(top, #53A318 0%, #367607 100%);
    background: -webkit-linear-gradient(top, #53A318 0%, #367607 100%);
    background: -o-linear-gradient(top, #53A318 0%, #367607 100%);
    background: -ms-linear-gradient(top, #53A318 0%, #367607 100%);
    background: linear-gradient(to bottom, #53A318 0%, #367607 100%);
    color: white;
    display: block;
    position: absolute;
    left: 40px;
    bottom: 5px;
    padding: 5px 15px;
    line-height: 20px;
    transition: all .2s ease-in-out;
}

.grouponAdProduct:hover > div span, .grouponAdProduct.high > div span {
    transform: scale(1.1);
}

/*.grouponAdProductFooter {*/
/*width: 100%;*/
/*height: 24px;*/
/*line-height: 24px;*/
/*background: #333334 url(/images/groupon1.png) no-repeat center center;*/
/*border-radius: 0 0 3px 3px;*/
/*}*/

.unreadMsgCounter {
    /*position: absolute;*/
    /*z-index: 1;*/
    /*left: -28px;*/
    /*margin-top: -1px !important;*/
    /*width: 40px;*/
    /*line-height: 40px;*/
    /*padding: 3px 0 0 !important;*/
    text-align: center;
    /*background: #217f04; !* Old browsers *!*/
    /*background: -moz-radial-gradient(center, ellipse cover, #217f04 0%, #94d094 100%); !* FF3.6-15 *!*/
    /*background: -webkit-radial-gradient(center, ellipse cover, #217f04 0%,#94d094 100%); !* Chrome10-25,Safari5.1-6 *!*/
    /*background: radial-gradient(ellipse at center, #217f04 0%,#94d094 100%); !* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *!*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#217f04', endColorstr='#94d094',GradientType=1 ); !* IE6-9 fallback on horizontal gradient *!*/
    color: white;
    font-size: 16px !important;
    /*-moz-border-radius: 50%;*/
    /*-ms-border-radius: 50%;*/
    /*-webkit-border-radius: 50%;*/
    /*border-radius: 50%;*/
    /*transition: all .2s ease-in-out;*/
    margin: 0 !important;
    padding: 9px 7px 5px !important;
}

.unreadMsgCounter:hover {
    /*transform: scale(1.1);*/
    color: white;
}

.unreadMsgCounter span {
    position: absolute;
    display: block;
    z-index: 2;
    color: red;
    bottom: -2px;
    right: 1px;
    font-size: 12px;
}

@keyframes blink {
    50% {
        opacity: 0.0;
    }
}

@-webkit-keyframes blink {
    50% {
        opacity: 0.0;
    }
}

.unreadMsgCounter.hasUnread i.glyphicon {
    animation: blink 1s step-start 0s infinite;
    -webkit-animation: blink 1s step-start 0s infinite;
}

#jloader .modal-dialog {
    width: 100px;
    padding-top: 15%;
}

#jloader .modal-content {
    padding: 20px;
}

/*html {*/
/*-moz-filter: grayscale(100%);*/
/*-webkit-filter: grayscale(100%);*/
/*filter: gray; !* IE6-9 *!*/
/*filter: grayscale(100%);*/
/*}*/


.cover-profile{
    position: relative;
    overflow: hidden;
    padding: 25px 25px  15px 25px ;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
    background: #000;

}
.text-of-artist{
        color: #000000;
    position: relative;
    padding:10px 10px 10px 10px; 
    font-size: 18px;
  z-index: 2;
  background-color: rgba(255, 255, 255, 0.76);
border-radius: 1px 15px 0px 15px;
margin-top: 25px;
margin-bottom: 25px;
    
}
.cover-profile .img-bg-profile{
      position: absolute;
  bottom: 10%;
  top:10px;
  left: 10px;
  -webkit-filter: blur(2px);
          filter: blur(2px);
          opacity: 0.7;

  z-index: 1;
  width: 100%;
  height: 100%;
}

.cover-profile .img-circle{
    position: relative;
-webkit-box-shadow: 5px 2px 3px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 5px 2px 3px 3px rgba(0,0,0,0.2);
box-shadow: 5px 2px 3px 3px rgba(0,0,0,0.2);
  z-index: 2;
}
.cover-profile h3{
    color: #fff;
    position: relative;
    padding: 20px 10px  0 10px;
  z-index: 2;
}
.dark-section{
    background: #181818;
      color: #fefefe;
      padding: 20px 0;
      float: right;
      width: 100%;
      overflow: hidden;
}
.dark-section a{
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .4);

-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.4);
box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.4);

}

.dark-section a:hover{
    color: #fff;
    text-decoration: none;
}
/*** or neweeeew new ****/



.artist-block {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}


.artist {
  width: 200px;
  margin-right: 20px;
  background: #282828;
  opacity: 0.7;

}
.artist:hover{
    opacity: 1;
}
.artist__thumbnail {
  position: relative;
  width: 200px;
  height: 200px;
  overflow: hidden;
}
.artist__blur {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-filter: blur(40px);
          filter: blur(40px);
  z-index: 1;
}
.artist__image {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  z-index: 3;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.artist:hover .artist__blur{
    -webkit-filter: blur(0);
    filter: blur(0);
}
.artist:hover .artist__image{
    opacity: 0;
}

.artist__ring {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 80%, rgba(255, 255, 255, 0.2) 100%);
  z-index: 2;
  box-shadow: 4px 0 2px -4px rgba(255, 255, 255, 0.9), -4px 0 2px -4px rgba(255, 255, 255, 0.9);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.artist__ring--outer {
  width: 200px;
  height: 200px;
}
.artist__label {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 15px 10px;
  font-size: 18px;
  text-align: center;
}

.capital {
  color: #7f7f7f;
  text-transform: uppercase;
}





.review-post{
    height:450px;
    overflow: hidden;
       /* background: #181818; text-shadow: 1px 1px 1px rgba(0, 0, 0, .4);*/
      color: #fefefe;
}

.inner-review-post{
 -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);
   
}

.inner-review-post:hover{
  background: #fff;
}

.review-info-gly{
    position: absolute;
    top: 20px;
    right: 0;
    color: #fff;
    z-index: 3;

    padding: 5px 10px !important;
    background: rgba(0,0,0,0.3);
}
.review-post ul{
    list-style: none;
    font-size: 12px;
    padding: 0;
    margin:0;
}
.review-post hr{
    margin: 10px 0 5px 0;
    opacity: 0.2;
}
.review-post ul li i{
    margin-left: 5px;
    font-size: 14px;
}
.review-link-title{
color: #000 !important;
    font-size: 17px;
    z-index: 333;
    padding: 17px 7px 7px 7px;
    position: relative;
    width: calc(100% + 30px);
    margin-top: 15px;
    display: inline;
}
.review-content{
    position: relative;
    z-index: 2;
}

.desc-review{
    height:100px;
    overflow: hidden;
}
.image-cover{
    height:200px;
    width: calc(100% + 30px);
    margin-right: -15px;

    overflow: hidden;
}


.review-post .image-bg{
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  -webkit-filter: blur(5px);
  filter: blur(5px);
  z-index: 1;
  opacity: 0;
}
.review-post a:hover{
    text-decoration: none;
    background:#fff;
}




.artist__blur, .artist__image, .artist a,.artist, .review-post{
    -webkit-transition: all 0.2s ease-in-out;
       -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
         -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
}


.myCheck_ids{
    position: absolute;
    right: -20px;
    margin-top: -10px;
    z-index: 1;
}

/*! Gray v1.7.0 (https://github.com/karlhorky/gray) | MIT */
.grayscale {
  /* Firefox 10-34 */
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");

  /*
    Chrome 19+,
    Safari 6+,
    Safari 6+ iOS,
    Opera 15+
  */
  -webkit-filter: grayscale(1);

  /* Firefox 35+ */
  filter: grayscale(1);

  /* IE 6-9 */
  filter: gray;
}

.grayscale.grayscale-fade {
  transition: filter .5s;
}

/* Webkit hack until filter is unprefixed */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .grayscale.grayscale-fade {
    -webkit-transition: -webkit-filter .5s;
    transition:         -webkit-filter .5s;
  }
}

.grayscale.grayscale-off,
.grayscale.grayscale-fade:hover {
  -webkit-filter: grayscale(0);
  filter:         grayscale(0);
}

/* Background element */
.grayscale.grayscale-replaced {
  -webkit-filter: none;
  filter:         none;
}

.grayscale.grayscale-replaced > svg {
  -webkit-transition: opacity .5s ease;
  transition:         opacity .5s ease;
  opacity: 1;
}

.grayscale.grayscale-replaced.grayscale-off > svg,
.grayscale.grayscale-replaced.grayscale-fade:hover > svg {
  opacity: 0;
}

.zoom {
  padding: 5px;
  transition: transform .7s; /* Animation */
  width: 190px; 
  margin: 0 auto;
  z-index: 3;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  display: inline-flex;;
}

.zoom:hover {
  transform: scale(1.3); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}