body.page-welcome {
    background:  url("../img/s_leftsidebg.png") repeat scroll 0 0 #e6e6e6;
    min-height: 520px;
}
html {
    min-width: 390px;
}
.wtopcont, .wbotcont {
    position: absolute;
    width: 100%;
}
.wtopcont {
    height: 60%;
    max-height: 500px;
    top: 0;
    overflow: visible;
}
.wbotcont {
    height: 40%;
    bottom: 0;
    background-color: #260D1D;
}


.wbotcont {
    background: #260d1d; /* Old Browsers */
    background: radial-gradient(ellipse at center -10% , rgba(38, 13, 1, 0.8) -40%, rgba(38, 13, 29, 1) 65%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-top: 1px solid #1d0f18;
}
.slidebar {
    background-color: #3E2831;
    background-color: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.035);
    border-radius: 4px;
    height: 23px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 70px;
    position: relative;
    width: 95%;
    max-width: 960px;
}
.slidebar .handle {
    position: absolute;
    left: 0; top: -7px;
    width: 72px;
    height: 35px; line-height: 35px;

    background-color: #50932C;
    color: #fff;
    text-align: center;
    font-size: 14px;

    border-radius: 4px;
    cursor: pointer;
    cursor: grab;
    z-index: 5;
}
/**
.slidebar .handle img {
    padding-left: 3px;
}
**/

@keyframes arrowloop {
    0%   { background-position: 0px center; }
    100% { background-position: 8px center; }
}
@-moz-keyframes arrowloop {
    0%   { background-position: 0px center; }
    100% { background-position: 8px center; }
}
@-webkit-keyframes arrowloop {
    0%   { background-position: 0px center; }
    100% { background-position: 8px center; }
}
@-ms-keyframes arrowloop {
    0%   { background-position: 0px center; }
    100% { background-position: 8px center; }
}
@-o-keyframes arrowloop {
    0%   { background-position: 0px center; }
    100% { background-position: 8px center; }
}

.slidebar .handle .arrows {
    background: url("../img/slide_arrow.png") repeat-x scroll -2px center transparent;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    border-radius: 50px;
    width: 60px;
}

.slidebar.active .handle.ready .arrows,
.slidebar .handle.ready:hover .arrows {
    animation:         arrowloop 0.4s linear infinite;
    -moz-animation:    arrowloop 0.4s linear infinite;
    -webkit-animation: arrowloop 0.4s linear infinite;
    -ms-animation:     arrowloop 0.4s linear infinite;
    -o-animation:      arrowloop 0.4s linear infinite;
}

.slidebar.active .handle, .slidebar .handle:hover { background-color: #488825; }
.slidebar.active .handle {
    cursor: move;
    cursor: grabbing;
}


.slidebar .handle.busy .arrows  {
    background: url("../img/ajax-loader.gif") no-repeat scroll center center transparent;
}


.slidebar .cimage_wrp {
    left: 0;
    position: absolute;
    top: -60px;
    overflow: visible;
}
.slidebar .cimage_wrp img {
    display: block;
}

.wnotebook {
    display: block;
    height: 120%;
    max-height: 584px;
    max-width: 831px;
    position: absolute;
    right: 0px;
    top: 7%;
    width: auto;
}

.end-of-page {
    width: 100%;
    position: absolute;
    bottom: 1px;
}
.end-of-page .eof-inner {
    max-width: 960px;
    margin: 0 auto;
}

.eof-inner .eof-top {
    width: 100%;
    float: right;
}
.eof-inner .eof-bot {
    width: 100%;
    float: right;
    border-top: 1px solid #3c2634;
    font-size: 0.923em;
}

.end-of-page .links {
    float: right;
    margin: 7px 10px;
}
.end-of-page .links a {
    text-decoration: none;
}
.end-of-page .links a:hover { color: #fff; }
.end-of-page .links .sepa {
    color: #3c2634;
}


.end-of-page .copyright {
    float: left;
    padding: 0;
    margin: 7px 10px;
}
.end-of-page .links a,
.end-of-page .copyright, .end-of-page .copyright a { color: #887A83; }

.end-of-page p.copyright a:hover { color: #70B62F; }

.end-of-page .donate-and-social {
    float: right;
    padding: 7px 10px 0 0;
}
.end-of-page .donate-and-social .s-opc {
    opacity: 0.4;
}

.end-of-page .donate-and-social .s-opc:hover  {
    opacity: 1;
}

.end-of-page {
    float: right;
    border: 0 none;
    margin: 0;
}
#donatebtn { position: relative; opacity: 0.9; }
#donatebtn input {
    display: block;
    border: 0 none;
}
#donatebtn img { position: absolute; }
#donatebtn:hover { opacity: 1; }


.donate-and-social .s-widget {
    margin: 0 0 0 13px;
    float: right;
    display: block;
}


.social-profile {
    float: left;
    padding-left: 2px;
}
.social-profile ul {
    margin: 0;
    padding: 0;
    float: right;
}
.social-profile ul li {
    list-style: outside none none;
    float: left;
    margin: 0 8px 5px 0;
}
.social-profile ul li a {
    background: url("../img/social-profiles.png") no-repeat scroll right top transparent;
    border-radius: 3px;
    display: block;
    height: 34px;
    overflow: hidden;
    text-indent: -99999px;
    width: 34px;
}
.social-profile ul li a:active {
    box-shadow: 0 0 6px #000 inset;
}
.social-profile ul li.facebook a {
    background-position: 0 0;
}
.social-profile ul li.facebook a:hover {
    background-position: 0 -44px;
}
.social-profile ul li.twitter a {
    background-position: -44px 0;
}
.social-profile ul li.twitter a:hover {
    background-position: -44px -44px;
}
.social-profile ul li.rss a {
    background-position: -88px 0;
}
.social-profile ul li.rss a:hover {
    background-position: -88px -44px;
}
.social-profile ul li.youtube a {
    background-position: -132px 0;
}
.social-profile ul li.youtube a:hover {
    background-position: -132px -44px;
}
.social-profile ul li.linkedin a {
    background-position: -176px 0;
}
.social-profile ul li.linkedin a:hover {
    background-position: -176px -44px;
}
.social-profile ul li.tumblr a {
    background-position: -220px 0;
}
.social-profile ul li.tumblr a:hover {
    background-position: -220px -44px;
}
.social-profile ul li.viemo a {
    background-position: -264px 0;
}
.social-profile ul li.viemo a:hover {
    background-position: -264px -44px;
}
.social-profile ul li.dribbble a {
    background-position: -308px 0;
}
.social-profile ul li.dribbble a:hover {
    background-position: -308px -44px;
}
.social-profile ul li.my-space a {
    background-position: -352px 0;
}
.social-profile ul li.my-space a:hover {
    background-position: -352px -44px;
}
.social-profile ul li.aim a {
    background-position: -396px 0;
}
.social-profile ul li.aim a:hover {
    background-position: -396px -44px;
}
.social-profile ul li.flickr a {
    background-position: -440px 0;
}
.social-profile ul li.flickr a:hover {
    background-position: -440px -44px;
}
.social-profile ul li.pinterest a {
    background-position: -484px 0;
}
.social-profile ul li.pinterest a:hover {
    background-position: -484px -44px;
}
.social-profile ul li.google-plus a {
    background-position: -528px 0;
}
.social-profile ul li.google-plus a:hover {
    background-position: -528px -44px;
}
.social-profile ul li.wordpress a {
    background-position: -572px 0;
}
.social-profile ul li.wordpress a:hover {
    background-position: -572px -44px;
}
.social-profile ul li.deviantart a {
    background-position: -616px 0;
}
.social-profile ul li.deviantart a:hover {
    background-position: -616px -44px;
}
.social-profile ul li.behance a {
    background-position: -616px 0;
}
.social-profile ul li.behance a:hover {
    background-position: -616px -44px;
}




.hmax {
    width: 100%;
    height: 100%;
    max-width: 960px;
    position:absolute;
    left:0;
    right:0;
    top: 0;
    margin-left:auto;
    margin-right:auto;
}
.hmax .rightside, .hmax .leftside {
    position: absolute; height: 100%;
    top: 0;
    overflow: visible;
}

.hmax .leftside {
    width: 50%;
    left:0;
}
.hmax .rightside {
    width: 50%;
    right: 0;
}

.listwave_logo_wrp {
    height: 31%;
    position: absolute;
    width: 100%;
    top: 0;
    overflow: visible;
}

.listwave_logo_wrp h1 span {
    display: none;
}

.listwave_logo_wrp h1 {
    color: #999;
    font-size: 1em;
    font-weight: bold;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-indent: -960px;
}

.listwave_logo  {
    bottom: 0;
    display: block;
    height: 58%;
    left: 2%;
    margin: auto;
    max-height: 82px;
    max-width: 252px;
    min-height: 65px;
    position: absolute;
    top: 0;
    width: auto;
    z-index: 10;
}

.listwave_short_desc {
    color: #711938;
    left: 2%;
    margin: 0;
    max-width: 365px;
    min-width: 365px;
    padding-left: 7px;
    position: absolute;
    top: 82%;
    z-index: 10;
}

.listwave_logo_svg {
   /*
    background: url("../img/s_leftsidebg.png") repeat scroll 0 0 #e6e6e6;
    border-radius: 5px;

    */
    height: 100%;
    width: auto;
    overflow: hidden;
}

.listwave_logo img {
    width: 100%;
    height: auto;
}


.whowtouse_wrp {
    height: 61%;
    position: absolute;
    width: 100%;
    bottom: 0;
}


ul.whowtouse {
    height: 100%;
    left: 2%;
    margin: 0;
    max-height: 250px;
    min-height: 95px;
    min-width: 360px;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    z-index: 10;
}

.whowtouse li {
    display: block;
    height: 33%; width: 100%;
    max-height: 83px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: relative;
}
.whowtouse li strong {
    color: #6f2643;
    border-radius: 5px 5px 0 0;
}
.whowtouse li small {
    border-radius: 0 0 5px 5px;
}
.whowtouse li strong em {
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    text-transform: none;
}


.whowtouse li small,
.whowtouse li strong {
    background: url("../img/s_leftsidebg.png") repeat scroll 0 0 #e6e6e6;
    display: block; text-transform: uppercase;
    white-space: pre;
    padding: 1px 5px;
}
.whowtouse li div.icon {
    display: block;
    text-align: center;
    height: 100%; width: 60px;
    left: 0; top: 0;
    position: absolute;
}
.whowtouse li .wbullet {
    display: inline-block;
    height: 95%; width: auto;
    max-height: 49px; max-width: 49px;
    overflow: visible;
    margin: auto;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;

}

.whowtouse li div.text {
    display: table;
    height: 100%;
    position: absolute;
    left: 0; top: 0;
    padding-left: 65px;
}

.whowtouse li span {
    display: table-cell;
    vertical-align: middle;
}


.page-welcome #container {

}



@-webkit-keyframes fade {
        0%   { opacity: 0.01; }
        100% { opacity: 0.99; }
}

@-moz-keyframes fade {
        0%   { opacity: 0.01; }
        100% { opacity: 0.99; }
}

.cimage {
    position: relative;
    -webkit-animation: fade 1.75s infinite;
    -moz-animation: fade 1.75s infinite;
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;

    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
}


@media screen and (max-height: 640px) {
    .end-of-page .donate-and-social { display: none; }
}

@media screen and (max-height: 560px) {
    .eof-inner .eof-top { display: none; }
}

#cookie_law {
    background-color: #ddd;
    border-radius: 5px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 4px;
    width: 99%;
    z-index: 10;
    max-width: 930px;
}
#cookie_law div.in {
    padding: 1px 10px;
}

#cookie_law p, #cookie_law a.abtn {
    font-size: 0.923em;
}
#cookie_law p {
    padding: 4px 0;
    float: left;
    margin: 0;
    text-align: center;
    width: 100%;
}

#cookie_law .abtn {
    padding: 3px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 0 12px #eee inset;
    cursor: pointer;
    display: block;
    float: right;
    margin-right: -71px;
    text-align: center;
    width: 68px;
}
#cookie_law div.cnt {
    margin-right: 70px;
}